Hiding

 

                              

 

Tiedot:

Nimi: Hiding

Aihe: Kissat, kissaeläimet

Lisätty: 16.11.2018

Tekijä: Apila

 

Copyt:

Apilaniitty

Pixabay - yläkuva

Viimakoura - Css-koodi

Background etc. - taustakuva

 

Grafiikat

Yläkuva

Alakuva

Navigaatio

Sisältö

Taustakuva

 

Ohjeet: 

Leveys  yhteensä 780px

Navigaatio toistuva y-akselilla

Sisältö toistuva

Taustakuva toistuva

 

Css-koodi

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

b, strong {color: #91683d; }

i, em { color: #b16131; }

u, underline { color: #a99377; }

s, strike { color: #aca278; }

a:link, a:visited {
color: #c06947;
text-decoration: none;
border-bottom: 1px solid #b89588;
}

a:hover {
color: #d28d72;
cursor: help;
}

h1 {
font-size: 22px;
font-family: arial;
color: #804830;
text-align: center;
font-weight: normal;
font-variant: small-caps;
letter-spacing: 2px;
border-bottom: 2px solid #682508;
padding: 0px 4px 0px 4px;
margin: 0px;
}

h2 {
font-size: 12px;
font-family: arial;
color: #fff;
text-align: left;
letter-spacing: 1px;
background: #d27a4a;
border: 2px solid #e89e75;
margin: 5px 0px 5px 0px;
padding: 3px 30px 3px 30px;
}

h3 {
font-size: 17px;
font-family: arial;
color: #ae8c4f;
text-shadow: 0px 0px 0px #bb9c86;
text-align: center;
letter-spacing: 0px;
border-bottom: 1px solid #bb9c86;
padding: 1px 10px 1px 10px;
margin: 0px;
}

.paalinkit,paalinkit:visited {
display: block;
font-family: arial;
color: #fff !important;
font-size: 11px;
text-align: center;
letter-spacing: 1px;
background: #d27a4a;
border: 1px solid #e89e75 !important;
padding: 2px 5px 2px 5px;
margin-right: 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 {
color: #fff !important;
background: #ae8569;
border: 1px solid #bca291 !important;
padding: 2px 5px 2px 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: arial;
color: #fff;
font-size: 11px;
text-align: center;
letter-spacing: 1px;
background: #d5a979;
border: 1px solid #eacdae !important;
padding: 2px 5px 2px 5px;
margin-right: 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;
margin-right: 5px;
background: #cfbb8c;
border: 1px solid #e0d3b2 !important;
padding: 2px 5px 2px 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;
}