{"id":217,"date":"2025-11-18T11:57:31","date_gmt":"2025-11-18T09:57:31","guid":{"rendered":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/?page_id=217"},"modified":"2026-04-24T12:03:54","modified_gmt":"2026-04-24T09:03:54","slug":"talle-sivustolle-tehtya-omaa-css-koodia","status":"publish","type":"page","link":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/miten-luoda-wordpress-sivusto\/talle-sivustolle-tehtya-omaa-css-koodia\/","title":{"rendered":"T\u00e4lle sivustolle tehty\u00e4 omaa CSS-koodia"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">T\u00e4ll\u00e4 sivustolla on t\u00e4ss\u00e4 vaiheessa (18.11.2025) t\u00e4ll\u00e4ista itse tehty\u00e4 CSS-koodia:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">h2 {<br>\tcolor: #355E3B;<br>\tmargin-top: 30px;<br>\tmargin-bottom: 5px;<br>}<br>.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {<br>\tline-height: 1.2<br>}<br>.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {<br>  background-color: #9fe0ff;<br>}<br>th {<br>\tbackground-color: #eff;<br>}<br><br>\/* kerrostalon koodit *\/<br><br>@font-face {<br>    font-family: \"kylttifontti\";<br>    src: url(Alfa_Slab_One\/AlfaSlabOne-Regular.ttf);<br>}<br><br>.talo {<br>width: 620px;<br>background-image: url(https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-content\/uploads\/tiiliseina.jpg);<br>margin-left: auto;<br>margin-right: auto;<br>text-align: center;<br>background-color: rgb(191, 223, 183);<br>margin-top: 60px;<br>position: relative;<br>}<br><br>.taivas {<br>background-color: #A0D9EF;<br>background: linear-gradient(5deg, rgba(160, 217, 239, 1) 0%, rgba(98, 193, 229, 1) 50%, rgba(28, 150, 197, 1) 100%);<br>background-image: url(https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-content\/uploads\/taivas.jpg);<br>padding-top: 1px;<br>background-size: cover;<br>}<br><br>.katto {<br>background-color: rgb(77, 53, 53);<br>background-image: url(https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-content\/uploads\/tiilikatto.jpg);<br>height: 80px;<br>margin-bottom: 20px;<br>box-shadow: 0px 25px 30px -15px #50352c;<br>}<br><br>.ikkuna {<br>width: 140px;<br>height: 140px;<br>display: inline-block;<br>margin: 10px;<br>background: #CFECF7;<br>background: linear-gradient(175deg, rgba(207, 236, 247, 1) 20%, rgba(255, 255, 255, 1) 37%, rgba(160, 217, 239, 1) 52%);<br>border: 10px inset rgb(145, 145, 145);<br>}<br><br>.ovi {<br>    background-color: rgb(77, 53, 53);<br>    width: 80px;<br>    height: 120px;<br>    margin-right: auto;<br>    margin-left: auto;<br>}<br>.lamppu {<br>    position: absolute;<br>    left: -80px;<br>    bottom: -160px;<br>    pointer-events: none;<br>}<br><br>.kyltti {<br>    font-size: 30px;<br>    background-color: rgb(253, 255, 240);<br>    width: 250px;<br>    margin-left: auto;<br>    margin-right: auto;<br>    color: #123;<br>    padding: 6px;<br>    border-radius: 3px;<br>    font-family: kylttifontti;<br>    box-shadow: 0px 20px 40px -10px #50352c;<br>}<br>.tolpat {<br>    border: 8px ridge #777;<br>    width: 150px;<br>    height: 40px;<br>    margin-right: auto;<br>    margin-left: auto;<br>    border-top: none;<br>    border-bottom: none;<br>}<br><br>.kyltti, .tolpat {<br>    position: relative;<br>    top: -40px;<br>}<br>a {<br>   color: inherit;<br>   text-decoration: none; <br>}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>T\u00e4ll\u00e4 sivustolla on t\u00e4ss\u00e4 vaiheessa (18.11.2025) t\u00e4ll\u00e4ista itse tehty\u00e4 CSS-koodia: h2 { color: #355E3B; margin-top: 30px; margin-bottom: 5px;}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption { line-height: 1.2}.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) { background-color: #9fe0ff;}th { background-color: &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":85,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-217","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/comments?post=217"}],"version-history":[{"count":2,"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/217\/revisions"}],"predecessor-version":[{"id":236,"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/217\/revisions\/236"}],"up":[{"embeddable":true,"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/pages\/85"}],"wp:attachment":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/teemu.sillanmikko\/kokeilusivusto\/wp-json\/wp\/v2\/media?parent=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}