{"id":116,"date":"2025-11-18T12:01:48","date_gmt":"2025-11-18T10:01:48","guid":{"rendered":"https:\/\/medipjt.fi\/vjtt2408\/vili.hautakoski\/harjoitussivu\/?page_id=116"},"modified":"2026-04-29T08:30:10","modified_gmt":"2026-04-29T05:30:10","slug":"talle-sivustolle-tehtya-omaa-css-koodia","status":"publish","type":"page","link":"https:\/\/medipjt.fi\/vjtt2408\/vili.hautakoski\/harjoitussivu\/talle-sivustolle-tehtya-omaa-css-koodia\/","title":{"rendered":"Kerrostalolle css-koodia"},"content":{"rendered":"\n

t\u00e4ll\u00e4 sivustolla on t\u00e4ss\u00e4 vaiheessa (18.11.2025)t\u00e4llaista itse tehty\u00e4 CSS-koodia:\ud83d\ude0e<\/p>\n\n\n\n

@font-face {
    font-family: leipateksti;
    src: url(Macondo\/Macondo-Regular.ttf);
}
body {
    font-family: leipateksti, sans-serif;
    background-color: rgb(88, 88, 88);
    margin: 0;
    padding-bottom: 100px;
}

.taivas {
    background: #36e1ff;
    background: linear-gradient(0deg, rgba(54, 225, 255, 1) 0%, rgba(93, 144, 212, 1) 100%);
    padding-top: 1px;
    background-image: url(https:\/\/medipjt.fi\/vjtt2408\/vili.hautakoski\/harjoitussivu\/wp-content\/uploads\/taivaskuva.jpg);
    background-size: cover;
    background-position: center bottom;
}

.talo {
    position: relative;
    width: 730px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: rgb(99, 0, 0);
    background-image: url(https:\/\/medipjt.fi\/vjtt2408\/vili.hautakoski\/harjoitussivu\/wp-content\/uploads\/tiiliseina.jpg);
    margin-top: 100px;
}

.katto {
    background-color: burlywood;
    background-image: url(https:\/\/medipjt.fi\/vjtt2408\/vili.hautakoski\/harjoitussivu\/wp-content\/uploads\/tiilikatto.jpg);
    height: 120px;
    margin-bottom: 10px;
}

.ikkuna {
    background: #ffffff;
    background: linear-gradient(133deg, rgba(255, 255, 255, 1) 0%, rgba(64, 203, 244, 1) 35%, rgba(255, 255, 255, 1) 68%, rgba(0, 186, 242, 1) 100%);
    width: 150px;
    height: 150px;
    display: inline-block;
    margin: 9px;
    background-color: rgb(0, 0, 0);
    border: 10px ridge rgb(168, 27, 27)
}

.ovi {
    background-color: burlywood;
    width: 110px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
}

.lamppu {
    position: absolute;
    bottom: -95px;
    left: -30px;
}

.kyltti{
    color:bisque;
    background-color: rgb(168, 27, 27);
    font-size: 32px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;

}

.tolpat{
border: 10px ridge gray;
width: 200px;
margin-left: auto;
margin-right: auto;
height: 27px;
border-top: none;
border-bottom: none;
}

.kyltti,.tolpat {
    position:relative;
    top: -20px;
}
a {
    color:inherit;
    text-decoration: none;
}<\/pre>\n","protected":false},"excerpt":{"rendered":"
t\u00e4ll\u00e4 sivustolla on t\u00e4ss\u00e4 vaiheessa (18.11.2025)t\u00e4llaista itse tehty\u00e4 CSS-koodia:\ud83d\ude0e @font-face { font-family: leipateksti; src: url(Macondo\/Macondo-Regular.ttf);}body { font-family: leipateksti, sans-serif; background-color: […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-116","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/vili.hautakoski\/harjoitussivu\/wp-json\/wp\/v2\/pages\/116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/vili.hautakoski\/harjoitussivu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/vili.hautakoski\/harjoitussivu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medipjt.fi\/vjtt2408\/vili.hautakoski\/harjoitussivu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medipjt.fi\/vjtt2408\/vili.hautakoski\/harjoitussivu\/wp-json\/wp\/v2\/comments?post=116"}],"version-history":[{"count":3,"href":"https:\/\/medipjt.fi\/vjtt2408\/vili.hautakoski\/harjoitussivu\/wp-json\/wp\/v2\/pages\/116\/revisions"}],"predecessor-version":[{"id":159,"href":"https:\/\/medipjt.fi\/vjtt2408\/vili.hautakoski\/harjoitussivu\/wp-json\/wp\/v2\/pages\/116\/revisions\/159"}],"wp:attachment":[{"href":"https:\/\/medipjt.fi\/vjtt2408\/vili.hautakoski\/harjoitussivu\/wp-json\/wp\/v2\/media?parent=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}