Suntuubi-palvelussa käytetään evästeitä. Palvelua käyttämällä hyväksyt evästeiden käytön. Lue lisää. OK

Kettu-ulkka

Copyright

Ulkoasu: Nowhere, Pixabay, Google fonts

Kuvat

Yläkuva, alakuva, sisällön taustakuva, navigaation taustakuva, taustakuva

    

Yleiset asetukset -> Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 750px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 35px 5px 10px
CSS määrittelyihin pistettävät fontit: Verdana
CSS määrittelyihin pistettävä normaali fontin koko: 12px
Taustaväri: Taustakuva -> taustakuva jonka tallensit koneellesi ja suntuubiin -> Keskitetty -> leijuva
Tekstinväri: #000000
Sisällön taustaväri: Taustakuva -> kuva jonka tallensit koneellesi ja suntuubiin -> toistuva y-akselilla
Tarkistetaanko muokattujen tyylitiedostojen olemassaoloa?: Kyllä

Yleiset asetukset -> Navigaatio

Navigointi: vasen
CSS määrittelyihin pistettävä navigaation fontti: verdana
CSS määrittelyihin pistettävä navigaation päälinkin ja aktiivisen fontin koko: 12px
CSS määrittelyihin pistettävä navigaation alalinkin fontin koko: 11px
Piilotetaanko navigaation pikkukuva?: Kyllä
Navigaation leveys pikseleinä tai prosentteina: 220px
Navigaation marginaali: 0px 5px 0px 25px
Navigaation elementtien marginaali: 5px
Valikon ilmavuus, ylä- ja alamarginaali: 3px
Navigaation taustaväri: Taustakuva -> kuva jonka tallensit koneellesi ja suntuubiin -> toistuva y-akselilla
Laatikkomainen navigaatio: Ei

CSS-koodi

 

/* css luotu - $DateTime: 2017-07-26 09:26$ */

<style>
@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Josefin+Sla b|Satisfy');
</style>


a {
color: #006600;

}
a:hover {
color: #009900;
text-shadow: 1px 0px 1px #006600;
border-top: 1px solid #006600;
border-left: 1px solid #006600;
text-decoration: none;

}
h1 {
font-family: 'Segoe script';
font-size: 35px;
display:block;
border: 1px solid #fff;
padding: -1px;
margin: -3px;
color: #0b3e0b;
font-variant: small-caps;
text-shadow: 1px 1px 5px lightgreen, -1px -1px 5px lightgreen;
letter-spacing: -2px;

}
h2 {
font-family: 'chiller';
font-size: 23px;
color: #fff;
display: block;
border: 1px solid black;
background: #006600;
text-align: center;
padding: 1px;
margin: 3px;
opacity: 0.5;
letter-spacing: 2px;

}

h2:before {
content: '♣ ';

}

h2:after {
content: ' ♣';

}
h3 {
font-family: 'Harrington';
font-size: 26px;
font-weight: normal;

}
b, strong {
color: #003300;
text-shadow: 1px 1px 2px #009900;

}
u, underline {
color: #006633;
text-shadow: 2px 1px 3px #003300;

}
i, em {
color: #33CC00;
letter-spacing: -1px

}
s, strike {
color: forestgreen;

}
.paalinkit {
color: #fff;
font-size: 16px;
font-family: 'Verdana';
font-variant: small-caps;
text-align: center;
display: block;
border: 1px solid #fff;
box-shadow: -2px 2px 6px black;
padding: 10px 6px 10px 6px;
margin: 3px 3px 0px 0px;
background: #006600;
opacity: 0.7;

}
.paalinkit:hover {
color:#000000;
font-size: 16px;
font-family: 'Verdana';
font-variant: small-cpas;
text-align: center;
display: block;
border: 1px dashed #fff;
box-shadow: -2px 2px 6px black;
border-radius: 10px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
padding: 10px 6px 10px 6px;
margin: 3px 3px 0px 0px;
background: #119911;

}
.paalinkitactive {
color: #000;
font-size: 16px;
font-family: 'Verdana';
font-variant: small-caps;
text-align: center;
display: block;
border: 1px solid #fff;
box-shadow: -2px 2px 6px black;
padding: 10px 6px 10px 6px;
margin: 3px 3px 0px 0px;
background: #006600;

}
.paalinkitactive:hover {
font-size: 16px;
font-family: 'Verdana';
font-variant: small-caps;
text-align: center;
display: block;
border: 1px solid #fff;
box-shadow: -2px 2px 6px black;
padding: 10px 6px 10px 6px;
margin: 3px 3px 0px 0px;
background: #006600;
opacity: 0.7;
color: #fff;

}

 

©2019 Nᴏᴡʜeʀe - suntuubi.com