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

Joulukalenteri →

 

Uusi tarinasivu / Ylläpitäjähaku  PÄÄTTYNYT 

 

Tiedot

Nimi: Dinosaur
Aihe: Eläimet
Lisätty: 5.6.2016
Tekijä: Razeback

Copyright

Ulkoasu: Viimakoura Rick Bolin (Lisenssi) , Shizoo
Taustakuva: Backgrounds etc.

Kuvat

Yläkuva, Sisältö, NavigaatioAlakuvaTaustakuva

Yleiset Asetukset --> Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 800px
Sivun ylä- ja alamarginaali: 0px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 47px 0px 25px
CSS määrittelyihin pistettävät fontit: Verdana
CSS määrittelyihin pistettävä normaali fontin koko: 11px
CSS määrittelyihin pistettävä normaali fontin rivikorkeus: 17px
Taustaväri:  Taustakuva --> taustakuva jonka tallensit koneellesi ja suntuubiin --> toistuva
Tekstinväri: #000
Sisällön taustaväri:  Taustakuva --> kuva jonka tallensit koneellesi ja suntuubiin --> toistuva y-akselilla
Tarkistetaanko muokattujen tyylitiedostojen olemassaoloa?: Kyllä

Yleiset Asetukset --> Navigaatio

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

Css-Koodi

/* css by Razeback, viimakoura.suntuubi.com */

@import url(https://fonts.googleapis.com/css?family=Boogaloo);
@import url(https://fonts.googleapis.com/css?family=Covered+By+Your+Grace);

b, strong {color: #e0a190; text-shadow: 0px 0px 5px #e0a190;}

i, em { color: #d5ab82; text-shadow: 0px 0px 5px #d5ab82;}

u, underline { color: #f8976c; text-shadow: 0px 0px 4px #f8976c;}

s, strike { color: #b3a07c; text-shadow: 0px 0px 4px #b3a07c;}

a:link, a:visited {
color: #a90b0b;
text-shadow: 0px 0px 3px #a90b0b;
text-decoration: none;
}
a:hover {
color: #e17140;
text-shadow: 0px 0px 4px #e17140;
text-decoration: none;
}

h1 {
font-size: 40px;
color: #8d1810;
text-shadow: 1px 1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff, 0px 0px 6px #8d1810, 0px 0px 6px #8d1810;;  
font-family: 'boogaloo', cursive;
text-align: center;
font-variant: small-caps;
letter-spacing: 1px;
padding: 0px;
margin-top: -10px;
margin-bottom: -10px;
}

h2 {
font-size: 25px;
font-family: 'Covered By Your Grace', cursive;
color: #c95948;
text-shadow: 0px 0px 3px #c98d72;
text-align: left;
padding-left: 5%;
margin: 0px;
}
h2:before{
  content:"x ";
color: #e1c19a;
text-shadow: 0px 0px 5px #e1c19a;
font-size: 20px;
}

h3 {
font-size: 10px;
font-family: verdana;
color: #a2512e;
text-align: center;
font-weight: normal;
letter-spacing: 1px;
background: #e5a16f;
border: 1px solid #fff;
outline: 1px solid #e5a16f;
margin: 0px;
padding: 3px;
}

.paalinkit,paalinkit:visited {
display: block;
font-family: verdana;
font-size: 10px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
background: #df502e;
border: 1px solid #fff;
outline: 2px solid #df502e;
box-shadow: 0px 0px 7px #8d1810;
padding: 5px;
margin: 5px;
-moz-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-webkit-transition: all 0.20s ease-in-out;
}
.paalinkit:hover {
background: #e5a16f;
border: 1px solid #fff;
outline: 2px solid #e5a16f;
box-shadow: 0px 0px 7px #8d1810;
padding: 5px;
margin: 5px;
-moz-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-webkit-transition: all 0.20s ease-in-out;
}
.paalinkitactive,paalinkitactive:active {
display: block;
font-family: verdana;
font-size: 10px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: #e36d61;
border: 1px solid #fff;
outline: 2px solid #e36d61;
box-shadow: 0px 0px 7px #8d1810;
padding: 5px;
margin: 5px;
-moz-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-webkit-transition: all 0.20s ease-in-out;
}
.paalinkitactive:hover {
display: block;
letter-spacing: 2px;
padding: 5px;
margin: 5px;
-moz-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-webkit-transition: all 0.20s ease-in-out;
}

::selection{
color: #fff;
background: #cf895c;
}
::-moz-selection{
color: #fff;
background: #cf895c;
}

 

 

©2018 VİİMΔĶΘŮЯΔ - suntuubi.com