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: The Colours of Christmas
Aihe: Joulu
Lisätty: 5.12.2017
Tekijä: Razeback

Copyright

Ulkoasu: Viimakoura , Pixabay , Google fonts
Taustakuva: The Inspiration Gallery

Kuvat

YläkuvaSisältöNavigaatioAlakuvaTaustakuva

Yleiset Asetukset --> Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 840px
Sivun ylä- ja alamarginaali: 0px
Sisällön marginaalit (ylä,oikea,ala,vasen):  0px 40px 0px 20px
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: 210px
Navigaation marginaali: 0px 10px 0px 27px
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=Princess+Sofia');
@import url('https://fonts.googleapis.com/css?family=Neucha');

strong {color: #658e63; text-shadow: 0px 0px 3px #658e63; }

i, em { color: #a1c070; text-shadow: 1px 2px 3px #a1c070; }

u, underline { color: #3c543d; text-shadow: 0px 0px 3px #3c543d; }

s, strike { color: #52672f; text-shadow: 0px 0px 3px #52672f; }

a:link, a:visited {
color: #cb282f;
text-shadow: 0px 0px 5px #cb282f;
text-decoration: none;
}
a:hover {
text-shadow: 0px 0px 5px #3b9267;
color: #3b9267;
cursor: help;
}

h1 {
font-size: 45px;
font-family: 'Princess Sofia', serif;
color: #b41f2d;
text-shadow: 1px 1px 2px #72272a;
text-align: center;
padding: 1px 10px 0px 10px;
margin: 0px 0px 2px 0px;
}
h1:before{
  content:"❅ ";
color: #fff;
text-shadow:0px 0px 4px #596848, 0px 0px 8px #596848 !important;
}

h2 {
font-size: 15px;
font-family: 'Neucha', sans-serif;
color: #fff;
text-shadow: 0px 0px 7px #fff;
text-align: center;
font-weight: normal;
line-height: 15px;
border-radius: 2px;
letter-spacing: 1px;
background: #7a9c57;
border-radius: 7px;
margin: 0px;
padding: 3px 0px 3px 0px;
}

h3 {
font-size: 15px;
font-family: 'Neucha', sans-serif;
color: #495f35;
text-shadow: 0px 0px 7px #719b4b;
text-align: left;
font-weight: normal;
border-bottom: 1px dotted #984246;
padding: 2px 10px 2px 15px;
margin: 2px;
}
h3:before{
  content:" ✒ ";
font-size: 18px !important;
color: #984246;
text-shadow:0px 0px 4px #ecb4b7 !important;
}

.paalinkit,paalinkit:visited {
display: block;
font-family: 'Neucha', sans-serif;
font-size: 13px;
color: #fff !important;
text-shadow: 1px 1px 2px #771517 !important;
text-align: center;
letter-spacing: 1px;
border: 1px solid #fff;
box-shadow: 0px 0px 5px #b54f52;
border-radius: 6px;
padding: 4px 3px 4px 3px;
margin: 3px 2px 5px 3px;
  background: -webkit-radial-gradient(#ec7477, #c83134);
  background: -o-radial-gradient(#ec7477, #c83134);
  background: -moz-radial-gradient(#ec7477, #c83134);
  background: radial-gradient(#ec7477, #c83134);
-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 {
font-family: 'Neucha', sans-serif;
color: #244627 !important;
text-shadow: 1px 1px 3px #517954 !important;
text-align: center;
letter-spacing: 1px;
border: 1px solid #fff;
box-shadow: 0px 0px 5px #428a4c;
padding: 4px 3px 4px 3px;
margin: 3px 2px 5px 3px;
  background: -webkit-radial-gradient(#79bb82, #428a4c);
  background: -o-radial-gradient(#79bb82, #428a4c);
  background: -moz-radial-gradient(#79bb82, #428a4c);
  background: radial-gradient(#79bb82, #428a4c);
-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: 'Neucha', sans-serif;
color: #244627 !important;
text-shadow: 1px 1px 3px #517954 !important;
font-size: 12px;
text-align: center;
letter-spacing: 2px;
border-radius: 6px;
border: 1px solid #fff;
box-shadow: 0px 0px 5px #83a462;
  background: -webkit-radial-gradient(#c8efa2, #83a462);
  background: -o-radial-gradient(#c8efa2, #83a462);
  background: -moz-radial-gradient(#c8efa2, #83a462);
  background: radial-gradient(#c8efa2, #83a462);
padding: 4px 3px 4px 3px;
margin: 3px 2px 5px 3px;
}
.paalinkitactive:hover {
font-family: 'Neucha', sans-serif;
border: 1px solid #fff;
letter-spacing: 1px;
border-radius: 6px;
box-shadow: 0px 0px 5px #83a462;
  background: -webkit-radial-gradient(#c8efa2, #83a462);
  background: -o-radial-gradient(#c8efa2, #83a462);
  background: -moz-radial-gradient(#c8efa2, #83a462);
  background: radial-gradient(#c8efa2, #83a462);
-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: #c3e3b6;
}
::-moz-selection{
color: #fff;
background: #c3e3b6;
}

 

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