You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
153 lines
2.6 KiB
Plaintext
153 lines
2.6 KiB
Plaintext
@-webkit-keyframes taskbar-active {
|
|
0% {
|
|
background: #e7e7e7;
|
|
color: #333;
|
|
}
|
|
50% {
|
|
background: #558;
|
|
color: #fff;
|
|
}
|
|
100% {
|
|
background: #e7e7e7;
|
|
color: #333;
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes taskbar-active {
|
|
0% {
|
|
background: #e7e7e7;
|
|
color: #333;
|
|
}
|
|
50% {
|
|
background: #558;
|
|
color: #fff;
|
|
}
|
|
100% {
|
|
background: #e7e7e7;
|
|
color: #333;
|
|
}
|
|
}
|
|
|
|
@-o-keyframes taskbar-active {
|
|
0% {
|
|
background: #e7e7e7;
|
|
color: #333;
|
|
}
|
|
50% {
|
|
background: #558;
|
|
color: #fff;
|
|
}
|
|
100% {
|
|
background: #e7e7e7;
|
|
color: #333;
|
|
}
|
|
}
|
|
|
|
@keyframes taskbar-active {
|
|
0% {
|
|
background: #e7e7e7;
|
|
color: #333;
|
|
}
|
|
50% {
|
|
background: #558;
|
|
color: #fff;
|
|
}
|
|
100% {
|
|
background: #e7e7e7;
|
|
color: #333;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes topic-reply-pulse {
|
|
0%, 100% { opacity: 1; }
|
|
50% { opacity: 0.3; }
|
|
}
|
|
|
|
@keyframes topic-reply-pulse {
|
|
0%, 100% { opacity: 1; }
|
|
50% { opacity: 0.3; }
|
|
}
|
|
|
|
|
|
|
|
// originally from http://daneden.github.io/animate.css/
|
|
@-webkit-keyframes bounceIn {
|
|
0%, 20%, 40%, 60%, 80%, 100% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
}
|
|
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.3, .3, .3);
|
|
transform: scale3d(.3, .3, .3);
|
|
}
|
|
|
|
20% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
transform: scale3d(1.1, 1.1, 1.1);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: scale3d(.9, .9, .9);
|
|
transform: scale3d(.9, .9, .9);
|
|
}
|
|
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
|
transform: scale3d(1.03, 1.03, 1.03);
|
|
}
|
|
|
|
80% {
|
|
-webkit-transform: scale3d(.97, .97, .97);
|
|
transform: scale3d(.97, .97, .97);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
|
|
@keyframes bounceIn {
|
|
0%, 20%, 40%, 60%, 80%, 100% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
}
|
|
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(.3, .3, .3);
|
|
transform: scale3d(.3, .3, .3);
|
|
}
|
|
|
|
20% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
transform: scale3d(1.1, 1.1, 1.1);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: scale3d(.9, .9, .9);
|
|
transform: scale3d(.9, .9, .9);
|
|
}
|
|
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
|
transform: scale3d(1.03, 1.03, 1.03);
|
|
}
|
|
|
|
80% {
|
|
-webkit-transform: scale3d(.97, .97, .97);
|
|
transform: scale3d(.97, .97, .97);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|