83 lines
20 KiB
CSS
83 lines
20 KiB
CSS
|
/*!
|
||
|
|
* Bootstrap v3.2.0 (http://getbootstrap.com)
|
||
|
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
|
*/.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn:active,.btn.active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.btn-default:hover,.btn-default:focus{background-color:#e0e0e0;background-position:0 -15px}.btn-default:active,.btn-default.active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default:disabled,.btn-default[disabled]{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);background-image:-o-linear-gradient(top,#428bca 0,#2d6ca2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#428bca),to(#2d6ca2));background-image:linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#2b669a}.btn-primary:hover,.btn-primary:focus{background-color:#2d6ca2;background-position:0 -15px}.btn-primary:active,.btn-primary.active{background-color:#2d6ca2;border-color:#2b669a}.btn-primary:disabled,.btn-primary[disabled]{background-color:#2d6ca2;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#3e8f3e}.btn-success:hover,.btn-success:focus{background-color:#419641;background-position:0 -15px}.btn-success:active,.btn-success.active{background-color:#419641;border-color:#3e8f3e}.btn-success:disabled,.btn-success[disabled]{background-color:#419641;background-image:none}.btn-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#28a4c9}.btn-info:hover,.btn-info:focus{background-color:#2aabd2;background-position:0 -15px}.btn-info:active,.btn-info.active{background-color:#2aabd2;border-color:#28a4c9}.btn-info:disabled,.btn-info[disabled]{background-color:#2aabd2;background-image:none}.btn-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316))
|
||
|
|
#tada {
|
||
|
|
text-align: center;
|
||
|
|
text-decoration: none;
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
/*margin: auto;*/
|
||
|
|
font-size: 16px;
|
||
|
|
-webkit-animation-name: tada;
|
||
|
|
-webkit-animation-duration: 1s;
|
||
|
|
-webkit-animation-iteration-count: 1;
|
||
|
|
animation-name: tada;
|
||
|
|
animation-duration: 1s;
|
||
|
|
animation-iteration-count: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ######### Animations ######### */
|
||
|
|
|
||
|
|
@-webkit-keyframes tada {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
10%, 20% {
|
||
|
|
-webkit-transform: scale(0.9) rotate(-3deg);
|
||
|
|
transform: scale(0.9) rotate(-3deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
30%, 50%, 70%, 90% {
|
||
|
|
-webkit-transform: scale(1.1) rotate(3deg);
|
||
|
|
transform: scale(1.1) rotate(3deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
40%, 60%, 80% {
|
||
|
|
-webkit-transform: scale(1.1) rotate(-3deg);
|
||
|
|
transform: scale(1.1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
-webkit-transform: scale(1) rotate(0);
|
||
|
|
transform: scale(1) rotate(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes tada {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
-ms-transform: scale(1);
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
10%, 20% {
|
||
|
|
-webkit-transform: scale(0.9) rotate(-3deg);
|
||
|
|
-ms-transform: scale(0.9) rotate(-3deg);
|
||
|
|
transform: scale(0.9) rotate(-3deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
30%, 50%, 70%, 90% {
|
||
|
|
-webkit-transform: scale(1.1) rotate(3deg);
|
||
|
|
-ms-transform: scale(1.1) rotate(3deg);
|
||
|
|
transform: scale(1.1) rotate(3deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
40%, 60%, 80% {
|
||
|
|
-webkit-transform: scale(1.1) rotate(-3deg);
|
||
|
|
-ms-transform: scale(1.1) rotate(-3deg);
|
||
|
|
transform: scale(1.1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
-webkit-transform: scale(1) rotate(0);
|
||
|
|
-ms-transform: scale(1) rotate(0);
|
||
|
|
transform: scale(1) rotate(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ######### Animations ######### */
|