Galaxy

Tämän galaksi-aiheisen kauniin ulkoasun tein lahjaksi parhaalle ystävälleni Petralle. 

 

 

                          

Tiedot:

Nimi: Galaxy

Aihe: Luonto, avaruus

Lisätty: 14.11.2018

Tekijä: Apila

 

Copyt

Apilaniitty

Pixabay - yläkuva

Viimakoura - Css-koodi

Backgroundslabs - 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: #b360d2; text-shadow: 0px 0px 1px #b360d2; }

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

u, underline { color: #b04ccf;
text-shadow: 0px 0px 1px #b04ccf;
 }

s, strike { color: #d24b9f; text-shadow: 0px 0px 1px #d24b9f;}

a:link, a:visited {
color: #490b70;
text-shadow: 0px 0px 5px #6a2894;
text-decoration: none;
}

a:hover {
color: #ef348c;
text-shadow: 0px 0px 5px #ef348c;
text-decoration: none;
}

h1 {
font-size: 26px;
font-family: sans;
text-align: left;
color: #df31f9;
text-shadow: 0px 0px 7px #df31f9;
margin: 7px 0px 7px 0px;
padding: 4px 4px 4px 10px;
}

h2 {
font-size: 12px;
font-family: sans;
text-align: right;
padding: 2px 20px 2px 20px;
color: #f33586;
text-shadow: 0px 0px 5px #f33586;
border-bottom: 1px dashed #b75dae;
margin: 4px 2px 4px 2px;
letter-spacing: 1px;
font-style: oblique;
letter-spacing: 4px;
}

h3 {
font-size: 12px;
font-family: sans;
margin: 4px 0px 4px 0px;
color: #a16ecd;
text-shadow: 0px 0px 5px #8e58d0;
text-align: center;
letter-spacing: 5px;
border-bottom: 2px solid #b487ec;
}

.paalinkit,paalinkit:visited {
display: block;
text-align: center;
color: #fff !important;
font-size: 10px;
background: #54366b;
box-shadow: 0px 0px 6px #54366b;
border: 1px solid #d9bad4;
padding: 5px 5px 2px 7px;
opacity: 0.9;
-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: enter;
padding: 5px 5px 2px 7px;
letter-spacing: 1px;
background: #6b3d74;
margin: 0px;
-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;
text-align: center;
text-transform: uppercase;
font-size: 10px;
margin: 0px;
background: #79346d;
box-shadow: 0px 0px 6px #54366b;
border: 1px solid #d9bad4;
padding: 5px 5px 2px 7px;
letter-spacing: 1px;
}
.paalinkitactive:hover {
text-align: center;
background: #54366b;
box-shadow: 0px 0px 6px #54366b;
border: 1px solid #d9bad4;
-moz-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-webkit-transition: all 0.20s ease-in-out; }