Ero sivun ”Järjestelmäviesti:Vector.css” versioiden välillä
| (11 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
| Rivi 4: | Rivi 4: | ||
{ | { | ||
0%, 100% { | 0%, 100% { | ||
| − | + | background-color: #fff; | |
| + | color: #797979; | ||
} | } | ||
50% { | 50% { | ||
| − | + | background-color: #e8b4be; | |
| + | color: #000; | ||
} | } | ||
} | } | ||
| Rivi 13: | Rivi 15: | ||
@-o-keyframes searchEffect | @-o-keyframes searchEffect | ||
{ | { | ||
| + | |||
0%, 100% { | 0%, 100% { | ||
| − | + | background-color: #fff; | |
| + | color: #797979; | ||
} | } | ||
50% { | 50% { | ||
| − | + | background-color: #e8b4be; | |
| + | color: #000; | ||
} | } | ||
} | } | ||
| Rivi 24: | Rivi 29: | ||
{ | { | ||
0%, 100% { | 0%, 100% { | ||
| − | + | background-color: #fff; | |
| + | color: #797979; | ||
} | } | ||
50% { | 50% { | ||
| − | + | background-color: #e8b4be; | |
| + | color: #000; | ||
} | } | ||
} | } | ||
| Rivi 34: | Rivi 41: | ||
{ | { | ||
0%, 100% { | 0%, 100% { | ||
| − | + | background-color: #fff; | |
| + | color: #797979; | ||
} | } | ||
50% { | 50% { | ||
| − | + | 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); | ||
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);
}