Ero sivun ”Järjestelmäviesti:Vector.css” versioiden välillä
| Rivi 8: | Rivi 8: | ||
} | } | ||
50% { | 50% { | ||
| − | background-color: # | + | background-color: #d18b98; |
color: #000; | color: #000; | ||
} | } | ||
| Rivi 21: | Rivi 21: | ||
} | } | ||
50% { | 50% { | ||
| − | background-color: # | + | background-color: #d18b98; |
color: #000; | color: #000; | ||
} | } | ||
| Rivi 33: | Rivi 33: | ||
} | } | ||
50% { | 50% { | ||
| − | background-color: # | + | background-color: #d18b98; |
color: #000; | color: #000; | ||
} | } | ||
| Rivi 45: | Rivi 45: | ||
} | } | ||
50% { | 50% { | ||
| − | background-color: # | + | background-color: #d18b98; |
color: #000; | color: #000; | ||
} | } | ||
Versio 24. huhtikuuta 2014 kello 06.03
/* Tämä sivu sisältää Vector-ulkoasua muuttavia tyylejä. */
@keyframes searchEffect
{
0%, 100% {
background-color: #fff;
color: #797979;
}
50% {
background-color: #d18b98;
color: #000;
}
}
@-o-keyframes searchEffect
{
0%, 100% {
background-color: #fff;
color: #797979;
}
50% {
background-color: #d18b98;
color: #000;
}
}
@-moz-keyframes searchEffect
{
0%, 100% {
background-color: #fff;
color: #797979;
}
50% {
background-color: #d18b98;
color: #000;
}
}
@-webkit-keyframes searchEffect
{
0%, 100% {
background-color: #fff;
color: #797979;
}
50% {
background-color: #d18b98;
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 10s infinite; /* Safari 4+ */
-moz-animation: searchEffect 10s infinite; /* Fx 5+ */
-o-animation: searchEffect 10s infinite; /* Opera 12+ */
animation: searchEffect 10s 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);
}