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

Tiedot

Nimi: Finland
Aihe: Luonto/maantiede
Lisätty: 6.12.2017
Tekijä: Razeback

Copyright

Ulkoasu: Viimakoura , Cano Vääri (Lisenssi) , Daniele Zanni (Lisenssi) , JP Korpi-Vartiainen (Lisenssi) , Hugovk (Lisenssi) , Google fonts
Taustakuva: Subtle patterns

Kuvat

Yläkuva, Sisältö, NavigaatioAlakuvaTaustakuva

Yleiset Asetukset --> Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 900px
Sivun ylä- ja alamarginaali: 0px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 260px 5px 65px
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: #333
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=Poiret+One');
@import url('https://fonts.googleapis.com/css?family=Amiri');

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

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

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

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

a:link, a:visited {
color: #2858b8;
text-shadow: 0px 0px 3px #2858b8;
text-decoration: none;
}
a:hover {
color: #90a8d7;
text-shadow: 3px 0px 4px #90a8d7;
text-decoration: none;
}

h1 {
font-size: 40px;
font-family: 'Poiret One', serif;
color: #223d74;
text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, 2px 2px 5px #4a5282;
text-align: center;
padding: 0px 0px -20px 0px !important;
margin: 0px 0px 0px 0px;
}

h2 {
font-size: 19px;
font-family: 'Amiri', sans-serif;
color: #425c91;
text-align: left;
border-bottom: 1px solid #a8bfcb;
margin: -3px 0px 2px 0px;
padding: 0px 20px 0px 20px;
}
h2:before{
content:"✦ ";
color: #a1abea;
}

h3 {
font-size: 17px;
font-family: 'Amiri', sans-serif;
text-shadow: 0px 0px 4px #3b517c;
color: #fff;
text-align: center;
margin: 0px;
padding: 1px;
border-radius: 3px;
background: #7793cd;
}

.paalinkit,paalinkit:visited {
display: block;
color: #2b346a !important;
text-shadow: 0px 0px 6px #2b346a !important;
font-family: verdana;
font-size: 9px;
font-weight: normal;
text-align: center;
box-shadow: 1px 1px 5px #0a113b;
background: #fff;
border-radius: 2px;
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: #fff !important;
text-shadow: 0px 0px 6px #0a113b, 0px 0px 6px #0a113b !important;
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: #6482bf !important;
text-shadow: 0px 0px 6px #6482bf !important;
font-family: verdana;
font-size: 9px;
font-weight: normal;
text-align: center;
box-shadow: 1px 1px 5px #0a113b;
background: #fff;
text-transform: uppercase;
border-radius: 2px;
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: 1px;
color: #fff !important;
text-shadow: 0px 0px 6px #0a113b, 0px 0px 6px #0a113b !important;
padding: 6px 5px 6px 5px;
margin: 5px 8px 5px 5px;
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: 7px 5px 7px 5px;
position: relative;
margin-top: -20px;
margin-left: 680px;
margin-right: -860px;
border: 1px solid #fff;
outline: 1px solid #2b346a;
border-radius: 5px;
background: #2b346a;
}

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

 

©2018 VIIMΔKΘUЯΔ - suntuubi.com