Ero sivun ”Järjestelmäviesti:Vector.css” versioiden välillä
| (4 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
| Rivi 4: | Rivi 4: | ||
{ | { | ||
0%, 100% { | 0%, 100% { | ||
| − | |||
background-color: #fff; | background-color: #fff; | ||
color: #797979; | color: #797979; | ||
} | } | ||
50% { | 50% { | ||
| − | + | background-color: #e8b4be; | |
| − | background-color: # | + | |
color: #000; | color: #000; | ||
} | } | ||
| Rivi 19: | Rivi 17: | ||
0%, 100% { | 0%, 100% { | ||
| − | |||
background-color: #fff; | background-color: #fff; | ||
color: #797979; | color: #797979; | ||
} | } | ||
50% { | 50% { | ||
| − | + | background-color: #e8b4be; | |
| − | background-color: # | + | |
color: #000; | color: #000; | ||
} | } | ||
| Rivi 33: | Rivi 29: | ||
{ | { | ||
0%, 100% { | 0%, 100% { | ||
| − | |||
background-color: #fff; | background-color: #fff; | ||
color: #797979; | color: #797979; | ||
} | } | ||
50% { | 50% { | ||
| − | + | background-color: #e8b4be; | |
| − | background-color: # | + | |
color: #000; | color: #000; | ||
} | } | ||
| Rivi 47: | Rivi 41: | ||
{ | { | ||
0%, 100% { | 0%, 100% { | ||
| − | |||
background-color: #fff; | background-color: #fff; | ||
color: #797979; | color: #797979; | ||
} | } | ||
50% { | 50% { | ||
| − | + | background-color: #e8b4be; | |
| − | background-color: # | + | |
color: #000; | color: #000; | ||
} | } | ||
| Rivi 65: | Rivi 57: | ||
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; | font-weight: bold; | ||
| − | -webkit-animation: searchEffect | + | -webkit-animation: searchEffect 5s infinite; /* Safari 4+ */ |
| − | -moz-animation: searchEffect | + | -moz-animation: searchEffect 5s infinite; /* Fx 5+ */ |
| − | -o-animation: searchEffect | + | -o-animation: searchEffect 5s infinite; /* Opera 12+ */ |
| − | animation: searchEffect | + | animation: searchEffect 5s infinite; |
} | } | ||
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);
}