Loikkaa: valikkoon, hakuun

Ero sivun ”Järjestelmäviesti:Vector.css” versioiden välillä

Share/Save/Bookmark
 
(10 välissä olevaa versiota samalta käyttäjältä ei näytetä)
Rivi 4: Rivi 4:
 
{
 
{
 
   0%, 100% {
 
   0%, 100% {
    opacity: 1;
+
background-color: #fff;
 +
color: #797979;
 
   }
 
   }
 
   50% {
 
   50% {
    opacity: 0.3;
+
background-color: #e8b4be;
 +
color: #000;
 
   }
 
   }
 
}
 
}
Rivi 13: Rivi 15:
 
@-o-keyframes searchEffect
 
@-o-keyframes searchEffect
 
{
 
{
 +
 
   0%, 100% {
 
   0%, 100% {
    opacity: 1;
+
background-color: #fff;
 +
color: #797979;
 
   }
 
   }
 
   50% {
 
   50% {
    opacity: 0.3;
+
background-color: #e8b4be;
 +
color: #000;
 
   }
 
   }
 
}
 
}
Rivi 24: Rivi 29:
 
{
 
{
 
   0%, 100% {
 
   0%, 100% {
    opacity: 1;
+
background-color: #fff;
 +
color: #797979;
 
   }
 
   }
 
   50% {
 
   50% {
    opacity: 0.3;
+
background-color: #e8b4be;
 +
color: #000;
 
   }
 
   }
 
}
 
}
Rivi 34: Rivi 41:
 
{
 
{
 
   0%, 100% {
 
   0%, 100% {
    opacity: 1;
+
background-color: #fff;
 +
color: #797979;
 
   }
 
   }
 
   50% {
 
   50% {
    opacity: 0.3;
+
background-color: #e8b4be;
 +
color: #000;
 
   }
 
   }
 
}
 
}
Rivi 43: Rivi 52:
 
input#searchInput
 
input#searchInput
 
{
 
{
 +
border: solid 1px #9cc84e;
 
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
 
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
 
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
 
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
Rivi 55: Rivi 65:
 
input#searchInput:hover, input#searchInput:focus
 
input#searchInput:hover, input#searchInput:focus
 
{
 
{
opacity: 1;
 
 
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
 
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
 
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
 
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
 
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
 
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
 
}
 
}

Nykyinen versio 24. huhtikuuta 2014 kello 06.55

/* Tämä sivu sisältää Vector-ulkoasua muuttavia tyylejä. */

@keyframes searchEffect
{
  0%, 100% {
background-color: #fff;
color: #797979;
  }
  50% {
background-color: #e8b4be;
color: #000;
  }
}

@-o-keyframes searchEffect
{

  0%, 100% {
background-color: #fff;
color: #797979;
  }
  50% {
background-color: #e8b4be;
color: #000;
  }
}

@-moz-keyframes searchEffect
{
  0%, 100% {
background-color: #fff;
color: #797979;
  }
  50% {
background-color: #e8b4be;
color: #000;
  }
}

@-webkit-keyframes searchEffect
{
  0%, 100% {
background-color: #fff;
color: #797979;
  }
  50% {
background-color: #e8b4be;
color: #000;
  }
}

input#searchInput
{
border: solid 1px #9cc84e;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
font-weight: bold;
-webkit-animation: searchEffect 5s infinite; /* Safari 4+ */
  -moz-animation:    searchEffect 5s infinite; /* Fx 5+ */
  -o-animation:      searchEffect 5s infinite; /* Opera 12+ */
  animation:         searchEffect 5s infinite;
}

input#searchInput:hover, input#searchInput:focus
{
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
}