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: This Night
Aihe: Eläimet
Lisätty: 5.6.2016
Tekijä: Razeback

Copyright

Ulkoasu: Viimakoura , Marko Kääriäinen (Lisenssi) , Shizoo
Taustakuva: Backgrounds etc.

Kuvat

YläkuvaSisä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 60px 5px 10px
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: #444
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: 250px
Navigaation marginaali: 2px 11px 2px 48px
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=Kalam);
@import url(https://fonts.googleapis.com/css?family=Ranga);

strong {color: #a6679b; text-shadow: 0px 0px 5px #a6679b;}

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

u, underline { color: #66568a; text-shadow: 0px 0px 5px #66568a;}

s, strike { color: #56798a; text-shadow: 0px 0px 5px #56798a;}

a:link, a:visited {
color: #803473;
text-shadow: 0px 0px 3px #803473;
text-decoration: none;
}
a:hover {
text-shadow: 0px 0px 3px #118f61;
color: #118f61;
}

h1 {
font-size: 42px;
font-family: 'Ranga', cursive;
color: #4f2d5c;
text-align: left;
padding: 3px 30px 1px 50px;
margin: 0px;
}
h1:before{
content: "★ ";
color: #8fcbbe !important;
text-shadow: 0px 0px 7px #8fcbbe !important;
font-size: 20px;
}

h2 {
font-size: 15px;
font-family: 'Kalam', cursive;
color: #3ab89c;
text-shadow: 0px 0px 7px #7ba49b;
text-align: center;
font-weight: normal;
letter-spacing: 2px;
border-bottom: 1px solid #5c8070;
background: #d2eae0;
margin: 0px;
padding: 1px 10px 1px 10px;
}

h3 {
font-size: 11px;
font-family: arial;
color: #fff;
text-shadow: 0px 0px 3px #fff;
text-align: center;
letter-spacing: 2px;
border: 1px solid #571047;
margin-right: 5px;
padding: 4px;
background: -webkit-linear-gradient(#c45fab, #5a3150);
  background: -o-linear-gradient(#c45fab, #5a3150);
  background: -moz-linear-gradient(#c45fab, #5a3150);
  background: linear-gradient(#c45fab, #5a3150);
}

.paalinkit,paalinkit:visited {
display: block;
font-family: arial;
color: #fff !important;
text-shadow: 0px 0px 3px #fff !important;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
border: 1px solid #fff;
padding: 7px;
margin-right: 5px;
margin-bottom: 5px;
background: -webkit-linear-gradient(#3ab89c, #154936);
  background: -o-linear-gradient(#3ab89c, #154936);
  background: -moz-linear-gradient(#3ab89c, #154936);
  background: linear-gradient(#3ab89c, #154936);
-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 {
text-align: center;
border: 1px solid #fff;
padding: 7px;
margin-right: 5px;
margin-bottom: 5px;
background: -webkit-linear-gradient(#9452a9, #3c135c);
  background: -o-linear-gradient(#9452a9, #3c135c);
  background: -moz-linear-gradient(#9452a9, #3c135c);
  background: linear-gradient(#9452a9, #3c135c);
-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: arial;
color: #fff !important;
text-shadow: 0px 0px 3px #fff !important;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
border: 1px solid #fff;
padding: 7px;
margin-right: 5px;
margin-bottom: 5px;
background: -webkit-linear-gradient(#c45fab, #5a3150);
  background: -o-linear-gradient(#c45fab, #5a3150);
  background: -moz-linear-gradient(#c45fab, #5a3150);
  background: linear-gradient(#c45fab, #5a3150);
-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 {
text-align: center;
border: 1px solid #fff;
padding: 7px;
margin-right: 5px;
margin-bottom: 5px;
background: -webkit-linear-gradient(#9452a9, #3c135c);
  background: -o-linear-gradient(#9452a9, #3c135c);
  background: -moz-linear-gradient(#9452a9, #3c135c);
  background: linear-gradient(#9452a9, #3c135c);
-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: #acd2c7;
}
::-moz-selection{
color: #fff;
background: #acd2c7;
}

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