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

Joulukalenteri →

 

 

Tiedot

Nimi: Before the storm
Aihe: Eläimet
Lisätty: 5.2.2017
Tekijä: Razeback

Copyright

Ulkoasu: Viimakoura , Putneypics (Lisenssi) , No_Water (Lisenssi) , Shizoo , Google fonts
Taustakuva: Backgrounds etc.

Kuvat

Yläkuva, Sisältö, NavigaatioAlakuvaTaustakuva

Yleiset Asetukset --> Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 840px
Sivun ylä- ja alamarginaali: 0px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 260px 5px 85px
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: 18px
Taustaväri:  Taustakuva --> taustakuva jonka tallensit koneellesi ja suntuubiin --> toistuva
Tekstinväri: #555
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: 0px
Navigaation marginaali: 0px
Navigaation elementtien marginaali: 0px
Valikon ilmavuus, ylä- ja alamarginaali: 0px
Navigaation taustaväri:  none
Laatikkomainen navigaatio: Ei

Css-Koodi

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

@import url('https://fonts.googleapis.com/css?family=Amatica+SC:700');
@import url('https://fonts.googleapis.com/css?family=Condiment');

strong {color: #c1c3e1; text-shadow: 0px 0px 4px #c1c3e1;}

i, em { color: #bcaaba; text-shadow: 0px 0px 4px #bcaaba;}

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

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

a:link, a:visited {
color: #b38fd5;
text-shadow: 0px 0px 3px #b38fd5;
text-decoration: none;
}

a:hover {
color: #78b6e1;
text-shadow: 3px 0px 4px #78b6e1;
text-decoration: none;
}

h1 {
font-size: 40px;
color: #a475a6;
text-shadow: -1px -1px 1px #6598f4;
font-family: 'Amatica SC', sans-serif;
text-align: center;
border-bottom: 1px dashed #a8bfcb;
padding: 0px 0px -20px 0px !important;
margin: 0px 0px 0px 0px;
}

h2 {
font-size: 19px;
font-family: 'Condiment', sans-serif;
color: #d2b0ce;
text-shadow: 1px 0px 0px #8c6988, 0px 1px 0px #8c6988, -1px 0px 0px #8c6988, 0px -1px 0px #8c6988, 2px 0px 0px #8c6988, 0px 2px 0px #8c6988;
font-weight: normal;
text-align: left;
margin: -3px 0px 2px 0px;
padding: 1px 20px 0px 20px;
}
h2:before{
content:"❅ ";
color: #aab3bd;
text-shadow: 0px 0px 3px #aab3bd !important;
font-size: 25px !important;
}

h3 {
font-size: 17px;
font-family: 'Amatica SC', sans-serif;
text-shadow: 0px 0px 4px #5b4b80;
color: #fff;
text-align: center;
margin: 0px;
padding: 1px 3px 1px 3px;
border: 1px solid #b597ae;
  background: -webkit-linear-gradient(#b597ae, #ded5d9, #b597ae);
  background: -o-linear-gradient(#b597ae, #ded5d9, #b597ae);
  background: -moz-linear-gradient(#b597ae, #ded5d9, #b597ae);
  background: linear-gradient(#b597ae, #ded5d9, #b597ae);
}

.paalinkit,paalinkit:visited {
display: block;
color: #fff !important;
text-shadow: 0px 0px 6px #fff !important;
font-family: verdana;
font-size: 9px;
font-weight: normal;
text-align: center;
border: 1px dashed #fff;
outline: 1px solid #b2a1e7;
box-shadow: 0px 0px 8px #91a5b8;
  background: -webkit-linear-gradient(#c6d0d9, #91a5b8, #c6d0d9);
  background: -o-linear-gradient(#c6d0d9, #91a5b8, #c6d0d9);
  background: -moz-linear-gradient(#c6d0d9, #91a5b8, #c6d0d9);
  background: linear-gradient(#c6d0d9, #91a5b8, #c6d0d9);
padding: 6px 5px 6px 5px;
margin: 5px 8px 5px 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 {
letter-spacing: 1px;
color: #9a8d99 !important;
text-shadow: 0px 0px 6px #9a8d99 !important;
border: 1px dashed #fff;
box-shadow: 0px 0px 8px #bd91b9 !important;
  background: -webkit-linear-gradient(#e7c5e4, #d5a8d1, #e7c5e4);
  background: -o-linear-gradient(#e7c5e4, #d5a8d1, #e7c5e4);
  background: -moz-linear-gradient(#e7c5e4, #d5a8d1, #e7c5e4);
  background: linear-gradient(#e7c5e4, #d5a8d1, #e7c5e4);
padding: 6px 5px 6px 5px;
margin: 5px 8px 5px 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;
color: #fff !important;
text-shadow: 0px 0px 6px #685c9b !important;
font-family: verdana;
font-size: 9px;
font-weight: normal;
text-align: center;
letter-spacing: 1px;
border: 1px dashed #fff;
outline: 1px solid #cfbacd;
box-shadow: 0px 0px 8px #bd91b9 !important;
  background: -webkit-linear-gradient(#cfbacd, #dcb8c8);
  background: -o-linear-gradient(#cfbacd, #dcb8c8);
  background: -moz-linear-gradient(#cfbacd, #dcb8c8);
  background: linear-gradient(#cfbacd, #dcb8c8);
padding: 6px 5px 6px 5px;
margin: 5px 8px 5px 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: 3px;
outline: 1px solid #b2a1e7;
box-shadow: 0px 0px 8px #91a5b8 !important;
  background: -webkit-linear-gradient(#c0cad5, #e7ebef);
  background: -o-linear-gradient(#c0cad5, #e7ebef);
  background: -moz-linear-gradient(#c0cad5, #e7ebef);
  background: linear-gradient(#c0cad5, #e7ebef);
padding: 6px 5px 6px 5px;
margin: 5px 8px 5px 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;
}

.navimargin {
padding: 5px;
position: relative;
margin-top: -80px;
margin-left: 606px;
margin-right: -815px;
}

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

 

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