You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
2.2 KiB
102 lines
2.2 KiB
.panel-pricing .panel-heading {
|
|
padding: 20px 10px;
|
|
}
|
|
.panel-pricing .panel-heading .glyphicon {
|
|
margin-top: 10px;
|
|
font-size: 58px;
|
|
}
|
|
.panel-pricing .list-group-item {
|
|
color: #777777;
|
|
border-bottom: 1px solid rgba(250, 250, 250, 0.5);
|
|
}
|
|
.panel-pricing .list-group-item:last-child {
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
}
|
|
.panel-pricing .list-group-item:first-child {
|
|
border-top-right-radius: 0px;
|
|
border-top-left-radius: 0px;
|
|
}
|
|
.panel-pricing .panel-body {
|
|
font-size: 40px;
|
|
color: #777777;
|
|
padding: 20px;
|
|
margin: 0px;
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
.panel-slider {
|
|
padding: 20px 20px 40px 20px;
|
|
height: 78px;
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
.animated {
|
|
animation-duration: 1s;
|
|
animation-fill-mode: both;
|
|
}
|
|
|
|
|
|
@keyframes tada {
|
|
from {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
|
|
10%, 20% {
|
|
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
|
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
|
|
30%, 50%, 70%, 90% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
}
|
|
|
|
40%, 60%, 80% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
|
|
.tada {
|
|
-webkit-animation-name: tada;
|
|
animation-name: tada;
|
|
}
|
|
|
|
@keyframes tadaIn {
|
|
from {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
|
|
10%, 20% {
|
|
-webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
|
|
transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
|
|
30%, 50%, 70%, 90% {
|
|
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 3deg);
|
|
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 3deg);
|
|
}
|
|
|
|
40%, 60%, 80% {
|
|
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
|
|
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
|
|
.tadaIn {
|
|
-webkit-animation-name: tadaIn;
|
|
animation-name: tadaIn;
|
|
}
|