Tällä sivustolla on tässä vaiheessa (18.11.2025) tälläista itse tehtyä 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: #eff;
}
/* kerrostalon koodit */
@font-face {
font-family: "kylttifontti";
src: url(Alfa_Slab_One/AlfaSlabOne-Regular.ttf);
}
.talo {
width: 620px;
background-image: url(https://medipjt.fi/vjtt2408/teemu.sillanmikko/kokeilusivusto/wp-content/uploads/tiiliseina.jpg);
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: rgb(191, 223, 183);
margin-top: 60px;
position: relative;
}
.taivas {
background-color: #A0D9EF;
background: linear-gradient(5deg, rgba(160, 217, 239, 1) 0%, rgba(98, 193, 229, 1) 50%, rgba(28, 150, 197, 1) 100%);
background-image: url(https://medipjt.fi/vjtt2408/teemu.sillanmikko/kokeilusivusto/wp-content/uploads/taivas.jpg);
padding-top: 1px;
background-size: cover;
}
.katto {
background-color: rgb(77, 53, 53);
background-image: url(https://medipjt.fi/vjtt2408/teemu.sillanmikko/kokeilusivusto/wp-content/uploads/tiilikatto.jpg);
height: 80px;
margin-bottom: 20px;
box-shadow: 0px 25px 30px -15px #50352c;
}
.ikkuna {
width: 140px;
height: 140px;
display: inline-block;
margin: 10px;
background: #CFECF7;
background: linear-gradient(175deg, rgba(207, 236, 247, 1) 20%, rgba(255, 255, 255, 1) 37%, rgba(160, 217, 239, 1) 52%);
border: 10px inset rgb(145, 145, 145);
}
.ovi {
background-color: rgb(77, 53, 53);
width: 80px;
height: 120px;
margin-right: auto;
margin-left: auto;
}
.lamppu {
position: absolute;
left: -80px;
bottom: -160px;
pointer-events: none;
}
.kyltti {
font-size: 30px;
background-color: rgb(253, 255, 240);
width: 250px;
margin-left: auto;
margin-right: auto;
color: #123;
padding: 6px;
border-radius: 3px;
font-family: kylttifontti;
box-shadow: 0px 20px 40px -10px #50352c;
}
.tolpat {
border: 8px ridge #777;
width: 150px;
height: 40px;
margin-right: auto;
margin-left: auto;
border-top: none;
border-bottom: none;
}
.kyltti, .tolpat {
position: relative;
top: -40px;
}
a {
color: inherit;
text-decoration: none;
}