{"id":293,"date":"2026-04-24T12:04:08","date_gmt":"2026-04-24T09:04:08","guid":{"rendered":"https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/?page_id=293"},"modified":"2026-04-24T12:05:20","modified_gmt":"2026-04-24T09:05:20","slug":"talle-sivustolle-tehtya-omaa-css-koodia","status":"publish","type":"page","link":"https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/talle-sivustolle-tehtya-omaa-css-koodia\/","title":{"rendered":"T\u00e4lle sivustolle tehty\u00e4 omaa css-koodia"},"content":{"rendered":"\n
h2 {
\tcolor: pink;
\tmargin-top: 20px;
\tmargin-bottom: 2px;
}
@font-face {
    font-family: kylttifontti;
    src: url(IrishGrover-Regular.ttf);
}

.taivas{
background-color: #41a7cc;
background-image: linear-gradient(0deg, rgba(65, 167, 204, 1) 0%, rgba(212, 252, 252, 1) 100%);
padding-top: 50px;
background-image: url(https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/wp-content\/uploads\/2026\/04\/sky.jpg);
background-size: cover;
}
.talo { 
    width: 420px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: rgb(252, 185, 211);
    margin-top: 100px;
    background-image: url(https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/wp-content\/uploads\/2026\/04\/tiiliseina.png);
    position: relative;
}

.katto{
    background-color:palevioletred ;
    height: 80px;
    margin-bottom: auto;
    margin-bottom: 10px;
    box-shadow: 0px 20px 10px -10px #813f55a1;
    background-image: url(https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/wp-content\/uploads\/2026\/04\/katto.png);
}

.ikkuna{
    width: 90px;
    height: 90px;
    display: inline-block;
    margin: 10px;
background-color: #44b0db;
background-image: linear-gradient(318deg, rgba(68, 176, 219, 1) 0%, rgba(247, 255, 254, 1) 24%, rgba(116, 197, 227, 1) 50%, rgba(83, 175, 237, 1) 100%);
border: 8px inset rgb(216, 112, 147);
}

.ovi{
    background-color:palevioletred;
    width: 75px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    
}

.lamppu {
    position: absolute;
    left: -165px;
    bottom: -160px;
    pointer-events: none;
}

.kyltti {
    font-size: 30px;
    background-color: #e49da7;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    color: black;
    padding: 4px;
    border-radius: 6px;
    box-shadow: 0px 20px 30px -15px #1b1b1ba4;
}

.tolpat {
border: 8px ridge #b8939f;
width: 100px;
height: 30px;
margin-left: auto;
margin-right: auto;
border-top: none;
border-bottom: none;
}

.kyltti, .tolpat {
    position: relative;
    top: -20px;
}

a {
    color: inherit;
    text-decoration: none;
}
<\/pre>\n","protected":false},"excerpt":{"rendered":"
h2 { color: pink; margin-top: 20px; margin-bottom: 2px;}@font-face { font-family: kylttifontti; src: url(IrishGrover-Regular.ttf);}.taivas{background-color: #41a7cc;background-image: linear-gradient(0deg, rgba(65, 167, 204, 1) 0%, rgba(212, 252, 252, 1) 100%);padding-top: 50px;background-image: url(https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/wp-content\/uploads\/2026\/04\/sky.jpg);background-size: cover;}.talo { width: 420px; margin-left: auto; margin-right: auto; text-align: center; background-color: rgb(252, 185, 211); margin-top: 100px; background-image: url(https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/wp-content\/uploads\/2026\/04\/tiiliseina.png); position: relative;}.katto{ background-color:palevioletred ; height: 80px; margin-bottom: auto; margin-bottom: 10px;…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-293","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/293","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/wp-json\/wp\/v2\/comments?post=293"}],"version-history":[{"count":3,"href":"https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/293\/revisions"}],"predecessor-version":[{"id":296,"href":"https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/293\/revisions\/296"}],"wp:attachment":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/stella.metsala\/kokeilusivusto\/wp-json\/wp\/v2\/media?parent=293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}