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

Eeveelution

Valmistunut 2.9.2013
Copyright # # #

Käytössä 1 sivustolla

Kuvat

Ylägraffu | Alagraffu | Sisältö | Navi | Tausta
       

Asetukset

Yleiset Asetukset→ Ulkoasu

Sivujen leveys pikseleinä tai prosentteina 800px
Sisällön marginaalit 0px 60px 0px 30px
Taustaväri Taustakuva → EeveeTausta.jpg →Toistuva
Sisällön taustaväri Taustakuva → EeveeSisa.png → Toistuva
Trakistetaanko muokattujen tyylitiedostojen olemassaoloa? Kyllä

Yleiset Asetukset → Navigaatio

Navigointi Vasen
Piilotetaanko navigaation pikkukuva? Kyllä
Navigaation leveys pikseleinä tai prosentteina 266px
Navigaation marginaali 0px 40px 0px 60px
Navigaation elementtien marginaali 0px
Valikon ilmavuus, ylä- ja alamarginaali 0px
Navigaation taustaväri Taustakuva → EeveeNavi.png → Toistuva
Laatikkomainen navigaatio Ei

Grafiikka → CSS-Tyylien Lisäys

/* Koodi © Benna */

 

body,html {

  cursor: crosshair;

  color: #909;

}

 

h1 {

  font-family: Georgia;

  font-size: 30px;

  font-weight: normal;

  letter-spacing: 2px;

  color: #CE85CE;

  text-shadow: 2px 2px 3px #F9F;

  text-align: center;

  text-transform: capitalize;

  transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  border-bottom: 2px dotted;

}

h1:before {

  content: "♡";

  color: #f9f;

  text-shadow: 2px 2px 3px #CE85CE;

  padding-right: 5px;

}

h1:after {

  content: "♡";

  color: #f9f;  

  text-shadow: 2px 2px 3px #CE85CE;

  padding-left: 5px;

}

h1:hover {

  transform: scale(1.25,1.25);

  -ms-transform: scale(1.25,1.25);

  -webkit-transform: scale(1.25,1.25);

}

 

h2 {

  opacity: 0.4;

  background-color: #60f;

  border: #f6f 2px dotted;

  border-radius: 20px;

  font-variant: small-caps;

  font-style: italic;

  font-family: Georgia;

  font-size: 20px;

  color: #fcf;

  text-shadow: 0px 0px 2px #f9f;

  font-size: 20px;

  text-align: center;

  text-transform: capitalize;

  transform: rotate(5deg);

  -ms-transform: rotate(5deg);

  -webkit-transform: rotate(5deg);

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

}

h2:hover {

  opacity: 0.7;

  transform: rotate(-5deg);

  -ms-transform: rotate(-5deg);

  -webkit-transform: rotate(-5deg);

}

 

a:link, a:visited {

  color: #ff9;

  font-weight: bold;

  text-shadow: 2px 2px 1px #f93;

  transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  border-bottom: 2px dotted #ff9;

  text-decoration: none;

}

a:hover {

  cursor: crosshair;

  color: #f93;

  text-shadow: 2px 2px 1px #ff9;

  border-bottom: 1px dashed #f93;

  text-decoration: none;

}

 

b, strong {

  color: #cfc;

  text-shadow: 2px 2px 3px #0c0;

}

 

i, em {

  color: #b26b24;

}

 

u {

  color: #03c;

  text-shadow: 1px 1px 2px #0cf;

}

 

l {

  color: #000;

  text-shadow: 1px 1px 1px #ff0;

  text-decoration: line-through;

}

 

.paalinkit, paalinkit:visited {

  opacity: 0.5;

  display: block;

  border: 2px dotted #f9f !important;

  border-radius: 15px;

  padding: 3px;

  color: #cff !important;

  text-shadow: 0px 0px 4px #00f !important;

  transform: rotate(-5deg);

  -ms-transform: rotate(-5deg);

  -webkit-transform: rotate(-5deg);

  transition: all 0.25s ease-in-out;

  -moz-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  -webkit-transition: all 0.25s ease-in-out;

}

.paalinkitactive, paalinkitactive:visited {

  display: block;

  border: 2px dotted #f9f !important;

  border-radius: 15px;

  background-color: #fcf;

  padding: 3px;

  color: #cff !important;

  text-shadow: 0px 0px 2px #00f !important;

  transform: rotate(-5deg);

  -ms-transform: rotate(-5deg);

  -webkit-transform: rotate(-5deg);

  transition: all 0.25s ease-in-out;

  -moz-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  -webkit-transition: all 0.25s ease-in-out;

  font-weight: normal !important;

}

.paalinkit:hover {

  opacity: 0.5;

  background-color: #fcf;

  color: #00f !important;

  text-shadow: 0px 0px 4px #cff !important;

}

Ulkka käytössä

Hoitosivut (1)

Broken Dreams

©2020 Future Sight - suntuubi.com