mirror of
https://github.com/snipe/snipe-it.git
synced 2024-12-25 05:34:06 -08:00
Required class
This commit is contained in:
parent
e256bdc9f7
commit
f0c00897ca
|
@ -57,6 +57,7 @@ body {
|
||||||
.content-wrapper,
|
.content-wrapper,
|
||||||
.right-side,
|
.right-side,
|
||||||
.main-footer {
|
.main-footer {
|
||||||
|
transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
|
||||||
transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
|
transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
|
||||||
margin-left: 230px;
|
margin-left: 230px;
|
||||||
z-index: 820;
|
z-index: 820;
|
||||||
|
@ -84,6 +85,7 @@ body {
|
||||||
.sidebar-open .content-wrapper,
|
.sidebar-open .content-wrapper,
|
||||||
.sidebar-open .right-side,
|
.sidebar-open .right-side,
|
||||||
.sidebar-open .main-footer {
|
.sidebar-open .main-footer {
|
||||||
|
-webkit-transform: translate(230px, 0);
|
||||||
transform: translate(230px, 0);
|
transform: translate(230px, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -425,6 +427,7 @@ a:focus {
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
width: 230px;
|
width: 230px;
|
||||||
z-index: 810;
|
z-index: 810;
|
||||||
|
transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
|
||||||
transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
|
transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
|
||||||
}
|
}
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
|
@ -436,18 +439,21 @@ a:focus {
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.main-sidebar,
|
.main-sidebar,
|
||||||
.left-side {
|
.left-side {
|
||||||
|
-webkit-transform: translate(-230px, 0);
|
||||||
transform: translate(-230px, 0);
|
transform: translate(-230px, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.sidebar-collapse .main-sidebar,
|
.sidebar-collapse .main-sidebar,
|
||||||
.sidebar-collapse .left-side {
|
.sidebar-collapse .left-side {
|
||||||
|
-webkit-transform: translate(-230px, 0);
|
||||||
transform: translate(-230px, 0);
|
transform: translate(-230px, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.sidebar-open .main-sidebar,
|
.sidebar-open .main-sidebar,
|
||||||
.sidebar-open .left-side {
|
.sidebar-open .left-side {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -533,6 +539,7 @@ a:focus {
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
}
|
}
|
||||||
.sidebar-menu li.active > a > .fa-angle-left {
|
.sidebar-menu li.active > a > .fa-angle-left {
|
||||||
|
-webkit-transform: rotate(-90deg);
|
||||||
transform: rotate(-90deg);
|
transform: rotate(-90deg);
|
||||||
}
|
}
|
||||||
.sidebar-menu li.active > .treeview-menu {
|
.sidebar-menu li.active > .treeview-menu {
|
||||||
|
@ -576,6 +583,7 @@ a:focus {
|
||||||
z-index: 840;
|
z-index: 840;
|
||||||
}
|
}
|
||||||
.sidebar-mini.sidebar-collapse .main-sidebar {
|
.sidebar-mini.sidebar-collapse .main-sidebar {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
width: 50px!important;
|
width: 50px!important;
|
||||||
z-index: 850;
|
z-index: 850;
|
||||||
|
@ -1142,30 +1150,58 @@ a:focus {
|
||||||
/* Add fade animation to dropdown menus by appending
|
/* Add fade animation to dropdown menus by appending
|
||||||
the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
|
the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
|
||||||
.open:not(.dropup) > .animated-dropdown-menu {
|
.open:not(.dropup) > .animated-dropdown-menu {
|
||||||
|
-webkit-backface-visibility: visible !important;
|
||||||
backface-visibility: visible !important;
|
backface-visibility: visible !important;
|
||||||
|
-webkit-animation: flipInX 0.7s both;
|
||||||
animation: flipInX 0.7s both;
|
animation: flipInX 0.7s both;
|
||||||
}
|
}
|
||||||
@keyframes flipInX {
|
@keyframes flipInX {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||||
transition-timing-function: ease-in;
|
transition-timing-function: ease-in;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
40% {
|
40% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
||||||
transition-timing-function: ease-in;
|
transition-timing-function: ease-in;
|
||||||
}
|
}
|
||||||
60% {
|
60% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
80% {
|
80% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
|
-webkit-transform: perspective(400px);
|
||||||
transform: perspective(400px);
|
transform: perspective(400px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@-webkit-keyframes flipInX {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||||
|
-webkit-transition-timing-function: ease-in;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
||||||
|
-webkit-transition-timing-function: ease-in;
|
||||||
|
}
|
||||||
|
60% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
80% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: perspective(400px);
|
||||||
|
}
|
||||||
|
}
|
||||||
/* Fix dropdown menu in navbars */
|
/* Fix dropdown menu in navbars */
|
||||||
.navbar-custom-menu > .navbar-nav > li {
|
.navbar-custom-menu > .navbar-nav > li {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -2459,9 +2495,11 @@ table.text-center th {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.direct-chat.chat-pane-open .direct-chat-contacts {
|
.direct-chat.chat-pane-open .direct-chat-contacts {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
.direct-chat-messages {
|
.direct-chat-messages {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
height: 250px;
|
height: 250px;
|
||||||
|
@ -2484,6 +2522,7 @@ table.text-center th {
|
||||||
}
|
}
|
||||||
.direct-chat-messages,
|
.direct-chat-messages,
|
||||||
.direct-chat-contacts {
|
.direct-chat-contacts {
|
||||||
|
transition: -webkit-transform 0.5s ease-in-out;
|
||||||
transition: transform 0.5s ease-in-out;
|
transition: transform 0.5s ease-in-out;
|
||||||
}
|
}
|
||||||
.direct-chat-text {
|
.direct-chat-text {
|
||||||
|
@ -2547,9 +2586,11 @@ table.text-center th {
|
||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
.direct-chat-contacts-open .direct-chat-contacts {
|
.direct-chat-contacts-open .direct-chat-contacts {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
.direct-chat-contacts {
|
.direct-chat-contacts {
|
||||||
|
-webkit-transform: translate(101%, 0);
|
||||||
transform: translate(101%, 0);
|
transform: translate(101%, 0);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -3902,9 +3943,11 @@ fieldset[disabled] .btn-yahoo.active {
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
.fc-color-picker > li .fa {
|
.fc-color-picker > li .fa {
|
||||||
|
transition: -webkit-transform linear 0.3s;
|
||||||
transition: transform linear 0.3s;
|
transition: transform linear 0.3s;
|
||||||
}
|
}
|
||||||
.fc-color-picker > li .fa:hover {
|
.fc-color-picker > li .fa:hover {
|
||||||
|
-webkit-transform: rotate(30deg);
|
||||||
transform: rotate(30deg);
|
transform: rotate(30deg);
|
||||||
}
|
}
|
||||||
#add-new-event {
|
#add-new-event {
|
||||||
|
@ -4599,6 +4642,7 @@ fieldset[disabled] .btn-yahoo.active {
|
||||||
.main-footer {
|
.main-footer {
|
||||||
margin-left: 0!important;
|
margin-left: 0!important;
|
||||||
min-height: 0!important;
|
min-height: 0!important;
|
||||||
|
-webkit-transform: translate(0, 0) !important;
|
||||||
transform: translate(0, 0) !important;
|
transform: translate(0, 0) !important;
|
||||||
}
|
}
|
||||||
.fixed .content-wrapper,
|
.fixed .content-wrapper,
|
||||||
|
@ -5114,52 +5158,117 @@ a.accordion-header {
|
||||||
a.logo.no-hover a:hover {
|
a.logo.no-hover a:hover {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
.required {
|
||||||
|
border-right: 6px solid orange;
|
||||||
|
}
|
||||||
|
|
||||||
/* WRENCHING */
|
/* WRENCHING */
|
||||||
|
@-webkit-keyframes wrench {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(-12deg);
|
||||||
|
}
|
||||||
|
8% {
|
||||||
|
-webkit-transform: rotate(12deg);
|
||||||
|
}
|
||||||
|
10% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
|
}
|
||||||
|
18% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
|
}
|
||||||
|
28% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
|
}
|
||||||
|
30% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
|
}
|
||||||
|
38% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
|
}
|
||||||
|
48% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
|
}
|
||||||
|
58% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
|
}
|
||||||
|
60% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
|
}
|
||||||
|
68% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
|
}
|
||||||
|
75% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes wrench {
|
@keyframes wrench {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: rotate(-12deg);
|
||||||
transform: rotate(-12deg);
|
transform: rotate(-12deg);
|
||||||
}
|
}
|
||||||
8% {
|
8% {
|
||||||
|
-webkit-transform: rotate(12deg);
|
||||||
transform: rotate(12deg);
|
transform: rotate(12deg);
|
||||||
}
|
}
|
||||||
10% {
|
10% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
transform: rotate(24deg);
|
transform: rotate(24deg);
|
||||||
}
|
}
|
||||||
18% {
|
18% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
transform: rotate(-24deg);
|
transform: rotate(-24deg);
|
||||||
}
|
}
|
||||||
20% {
|
20% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
transform: rotate(-24deg);
|
transform: rotate(-24deg);
|
||||||
}
|
}
|
||||||
28% {
|
28% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
transform: rotate(24deg);
|
transform: rotate(24deg);
|
||||||
}
|
}
|
||||||
30% {
|
30% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
transform: rotate(24deg);
|
transform: rotate(24deg);
|
||||||
}
|
}
|
||||||
38% {
|
38% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
transform: rotate(-24deg);
|
transform: rotate(-24deg);
|
||||||
}
|
}
|
||||||
40% {
|
40% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
transform: rotate(-24deg);
|
transform: rotate(-24deg);
|
||||||
}
|
}
|
||||||
48% {
|
48% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
transform: rotate(24deg);
|
transform: rotate(24deg);
|
||||||
}
|
}
|
||||||
50% {
|
50% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
transform: rotate(24deg);
|
transform: rotate(24deg);
|
||||||
}
|
}
|
||||||
58% {
|
58% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
transform: rotate(-24deg);
|
transform: rotate(-24deg);
|
||||||
}
|
}
|
||||||
60% {
|
60% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
transform: rotate(-24deg);
|
transform: rotate(-24deg);
|
||||||
}
|
}
|
||||||
68% {
|
68% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
transform: rotate(24deg);
|
transform: rotate(24deg);
|
||||||
}
|
}
|
||||||
75% {
|
75% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -5177,44 +5286,91 @@ a.logo.no-hover a:hover {
|
||||||
-ms-transform-origin-x: 90%;
|
-ms-transform-origin-x: 90%;
|
||||||
-ms-transform-origin-y: 35%;
|
-ms-transform-origin-y: 35%;
|
||||||
-ms-transform-origin-z: initial;
|
-ms-transform-origin-z: initial;
|
||||||
|
-webkit-animation: wrench 2.5s ease infinite;
|
||||||
animation: wrench 2.5s ease infinite;
|
animation: wrench 2.5s ease infinite;
|
||||||
transform-origin-x: 90%;
|
transform-origin-x: 90%;
|
||||||
transform-origin-y: 35%;
|
transform-origin-y: 35%;
|
||||||
transform-origin-z: initial;
|
transform-origin-z: initial;
|
||||||
}
|
}
|
||||||
/* BELL */
|
/* BELL */
|
||||||
|
@-webkit-keyframes ring {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(-15deg);
|
||||||
|
}
|
||||||
|
2% {
|
||||||
|
-webkit-transform: rotate(15deg);
|
||||||
|
}
|
||||||
|
4% {
|
||||||
|
-webkit-transform: rotate(-18deg);
|
||||||
|
}
|
||||||
|
6% {
|
||||||
|
-webkit-transform: rotate(18deg);
|
||||||
|
}
|
||||||
|
8% {
|
||||||
|
-webkit-transform: rotate(-22deg);
|
||||||
|
}
|
||||||
|
10% {
|
||||||
|
-webkit-transform: rotate(22deg);
|
||||||
|
}
|
||||||
|
12% {
|
||||||
|
-webkit-transform: rotate(-18deg);
|
||||||
|
}
|
||||||
|
14% {
|
||||||
|
-webkit-transform: rotate(18deg);
|
||||||
|
}
|
||||||
|
16% {
|
||||||
|
-webkit-transform: rotate(-12deg);
|
||||||
|
}
|
||||||
|
18% {
|
||||||
|
-webkit-transform: rotate(12deg);
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes ring {
|
@keyframes ring {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: rotate(-15deg);
|
||||||
transform: rotate(-15deg);
|
transform: rotate(-15deg);
|
||||||
}
|
}
|
||||||
2% {
|
2% {
|
||||||
|
-webkit-transform: rotate(15deg);
|
||||||
transform: rotate(15deg);
|
transform: rotate(15deg);
|
||||||
}
|
}
|
||||||
4% {
|
4% {
|
||||||
|
-webkit-transform: rotate(-18deg);
|
||||||
transform: rotate(-18deg);
|
transform: rotate(-18deg);
|
||||||
}
|
}
|
||||||
6% {
|
6% {
|
||||||
|
-webkit-transform: rotate(18deg);
|
||||||
transform: rotate(18deg);
|
transform: rotate(18deg);
|
||||||
}
|
}
|
||||||
8% {
|
8% {
|
||||||
|
-webkit-transform: rotate(-22deg);
|
||||||
transform: rotate(-22deg);
|
transform: rotate(-22deg);
|
||||||
}
|
}
|
||||||
10% {
|
10% {
|
||||||
|
-webkit-transform: rotate(22deg);
|
||||||
transform: rotate(22deg);
|
transform: rotate(22deg);
|
||||||
}
|
}
|
||||||
12% {
|
12% {
|
||||||
|
-webkit-transform: rotate(-18deg);
|
||||||
transform: rotate(-18deg);
|
transform: rotate(-18deg);
|
||||||
}
|
}
|
||||||
14% {
|
14% {
|
||||||
|
-webkit-transform: rotate(18deg);
|
||||||
transform: rotate(18deg);
|
transform: rotate(18deg);
|
||||||
}
|
}
|
||||||
16% {
|
16% {
|
||||||
|
-webkit-transform: rotate(-12deg);
|
||||||
transform: rotate(-12deg);
|
transform: rotate(-12deg);
|
||||||
}
|
}
|
||||||
18% {
|
18% {
|
||||||
|
-webkit-transform: rotate(12deg);
|
||||||
transform: rotate(12deg);
|
transform: rotate(12deg);
|
||||||
}
|
}
|
||||||
20% {
|
20% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -5232,68 +5388,142 @@ a.logo.no-hover a:hover {
|
||||||
-ms-transform-origin-x: 50%;
|
-ms-transform-origin-x: 50%;
|
||||||
-ms-transform-origin-y: 0px;
|
-ms-transform-origin-y: 0px;
|
||||||
-ms-transform-origin-z: initial;
|
-ms-transform-origin-z: initial;
|
||||||
|
-webkit-animation: ring 2s ease infinite;
|
||||||
animation: ring 2s ease infinite;
|
animation: ring 2s ease infinite;
|
||||||
transform-origin-x: 50%;
|
transform-origin-x: 50%;
|
||||||
transform-origin-y: 0px;
|
transform-origin-y: 0px;
|
||||||
transform-origin-z: initial;
|
transform-origin-z: initial;
|
||||||
}
|
}
|
||||||
/* VERTICAL */
|
/* VERTICAL */
|
||||||
|
@-webkit-keyframes vertical {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translate(0, -3px);
|
||||||
|
}
|
||||||
|
4% {
|
||||||
|
-webkit-transform: translate(0, 3px);
|
||||||
|
}
|
||||||
|
8% {
|
||||||
|
-webkit-transform: translate(0, -3px);
|
||||||
|
}
|
||||||
|
12% {
|
||||||
|
-webkit-transform: translate(0, 3px);
|
||||||
|
}
|
||||||
|
16% {
|
||||||
|
-webkit-transform: translate(0, -3px);
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
-webkit-transform: translate(0, 3px);
|
||||||
|
}
|
||||||
|
22% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes vertical {
|
@keyframes vertical {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: translate(0, -3px);
|
||||||
transform: translate(0, -3px);
|
transform: translate(0, -3px);
|
||||||
}
|
}
|
||||||
4% {
|
4% {
|
||||||
|
-webkit-transform: translate(0, 3px);
|
||||||
transform: translate(0, 3px);
|
transform: translate(0, 3px);
|
||||||
}
|
}
|
||||||
8% {
|
8% {
|
||||||
|
-webkit-transform: translate(0, -3px);
|
||||||
transform: translate(0, -3px);
|
transform: translate(0, -3px);
|
||||||
}
|
}
|
||||||
12% {
|
12% {
|
||||||
|
-webkit-transform: translate(0, 3px);
|
||||||
transform: translate(0, 3px);
|
transform: translate(0, 3px);
|
||||||
}
|
}
|
||||||
16% {
|
16% {
|
||||||
|
-webkit-transform: translate(0, -3px);
|
||||||
transform: translate(0, -3px);
|
transform: translate(0, -3px);
|
||||||
}
|
}
|
||||||
20% {
|
20% {
|
||||||
|
-webkit-transform: translate(0, 3px);
|
||||||
transform: translate(0, 3px);
|
transform: translate(0, 3px);
|
||||||
}
|
}
|
||||||
22% {
|
22% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.faa-vertical.animated,
|
.faa-vertical.animated,
|
||||||
.faa-vertical.animated-hover:hover {
|
.faa-vertical.animated-hover:hover {
|
||||||
|
-webkit-animation: vertical 2s ease infinite;
|
||||||
animation: vertical 2s ease infinite;
|
animation: vertical 2s ease infinite;
|
||||||
}
|
}
|
||||||
/* HORIZONTAL */
|
/* HORIZONTAL */
|
||||||
|
@-webkit-keyframes horizontal {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
|
}
|
||||||
|
6% {
|
||||||
|
-webkit-transform: translate(5px, 0);
|
||||||
|
}
|
||||||
|
12% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
|
}
|
||||||
|
18% {
|
||||||
|
-webkit-transform: translate(5px, 0);
|
||||||
|
}
|
||||||
|
24% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
|
}
|
||||||
|
30% {
|
||||||
|
-webkit-transform: translate(5px, 0);
|
||||||
|
}
|
||||||
|
36% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes horizontal {
|
@keyframes horizontal {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
6% {
|
6% {
|
||||||
|
-webkit-transform: translate(5px, 0);
|
||||||
transform: translate(5px, 0);
|
transform: translate(5px, 0);
|
||||||
}
|
}
|
||||||
12% {
|
12% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
18% {
|
18% {
|
||||||
|
-webkit-transform: translate(5px, 0);
|
||||||
transform: translate(5px, 0);
|
transform: translate(5px, 0);
|
||||||
}
|
}
|
||||||
24% {
|
24% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
30% {
|
30% {
|
||||||
|
-webkit-transform: translate(5px, 0);
|
||||||
transform: translate(5px, 0);
|
transform: translate(5px, 0);
|
||||||
}
|
}
|
||||||
36% {
|
36% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.faa-horizontal.animated,
|
.faa-horizontal.animated,
|
||||||
.faa-horizontal.animated-hover:hover {
|
.faa-horizontal.animated-hover:hover {
|
||||||
|
-webkit-animation: horizontal 2s ease infinite;
|
||||||
animation: horizontal 2s ease infinite;
|
animation: horizontal 2s ease infinite;
|
||||||
}
|
}
|
||||||
/* FLASHING */
|
/* FLASHING */
|
||||||
|
@-webkit-keyframes flash {
|
||||||
|
0%,
|
||||||
|
100%,
|
||||||
|
50% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
25%,
|
||||||
|
75% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes flash {
|
@keyframes flash {
|
||||||
0%,
|
0%,
|
||||||
100%,
|
100%,
|
||||||
|
@ -5307,71 +5537,132 @@ a.logo.no-hover a:hover {
|
||||||
}
|
}
|
||||||
.faa-flash.animated,
|
.faa-flash.animated,
|
||||||
.faa-flash.animated-hover:hover {
|
.faa-flash.animated-hover:hover {
|
||||||
|
-webkit-animation: flash 2s ease infinite;
|
||||||
animation: flash 2s ease infinite;
|
animation: flash 2s ease infinite;
|
||||||
}
|
}
|
||||||
/* BOUNCE */
|
/* BOUNCE */
|
||||||
|
@-webkit-keyframes bounce {
|
||||||
|
0%,
|
||||||
|
100%,
|
||||||
|
20%,
|
||||||
|
50%,
|
||||||
|
80% {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
-webkit-transform: translateY(-15px);
|
||||||
|
}
|
||||||
|
60% {
|
||||||
|
-webkit-transform: translateY(-15px);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes bounce {
|
@keyframes bounce {
|
||||||
0%,
|
0%,
|
||||||
10%,
|
10%,
|
||||||
20%,
|
20%,
|
||||||
50%,
|
50%,
|
||||||
80% {
|
80% {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
transform: translateY(0);
|
transform: translateY(0);
|
||||||
}
|
}
|
||||||
40% {
|
40% {
|
||||||
|
-webkit-transform: translateY(-15px);
|
||||||
transform: translateY(-15px);
|
transform: translateY(-15px);
|
||||||
}
|
}
|
||||||
60% {
|
60% {
|
||||||
|
-webkit-transform: translateY(-15px);
|
||||||
transform: translateY(-15px);
|
transform: translateY(-15px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.faa-bounce.animated,
|
.faa-bounce.animated,
|
||||||
.faa-bounce.animated-hover:hover {
|
.faa-bounce.animated-hover:hover {
|
||||||
|
-webkit-animation: bounce 2s ease infinite;
|
||||||
animation: bounce 2s ease infinite;
|
animation: bounce 2s ease infinite;
|
||||||
}
|
}
|
||||||
/* SPIN */
|
/* SPIN */
|
||||||
|
@-webkit-keyframes spin {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(359deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes spin {
|
@keyframes spin {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
|
-webkit-transform: rotate(359deg);
|
||||||
transform: rotate(359deg);
|
transform: rotate(359deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.faa-spin.animated,
|
.faa-spin.animated,
|
||||||
.faa-spin.animated-hover:hover {
|
.faa-spin.animated-hover:hover {
|
||||||
|
-webkit-animation: spin 1.5s linear infinite;
|
||||||
animation: spin 1.5s linear infinite;
|
animation: spin 1.5s linear infinite;
|
||||||
}
|
}
|
||||||
/* FLOAT */
|
/* FLOAT */
|
||||||
|
@-webkit-keyframes float {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
-webkit-transform: translateY(-6px);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes float {
|
@keyframes float {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
transform: translateY(0);
|
transform: translateY(0);
|
||||||
}
|
}
|
||||||
50% {
|
50% {
|
||||||
|
-webkit-transform: translateY(-6px);
|
||||||
transform: translateY(-6px);
|
transform: translateY(-6px);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
transform: translateY(0);
|
transform: translateY(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.faa-float.animated,
|
.faa-float.animated,
|
||||||
.faa-float.animated-hover:hover {
|
.faa-float.animated-hover:hover {
|
||||||
|
-webkit-animation: float 2s linear infinite;
|
||||||
animation: float 2s linear infinite;
|
animation: float 2s linear infinite;
|
||||||
}
|
}
|
||||||
/* PULSE */
|
/* PULSE */
|
||||||
|
@-webkit-keyframes pulse {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
-webkit-transform: scale(0.8);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes pulse {
|
@keyframes pulse {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: scale(1.1);
|
||||||
transform: scale(1.1);
|
transform: scale(1.1);
|
||||||
}
|
}
|
||||||
50% {
|
50% {
|
||||||
|
-webkit-transform: scale(0.8);
|
||||||
transform: scale(0.8);
|
transform: scale(0.8);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
|
-webkit-transform: scale(1);
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.faa-pulse.animated,
|
.faa-pulse.animated,
|
||||||
.faa-pulse.animated-hover:hover {
|
.faa-pulse.animated-hover:hover {
|
||||||
|
-webkit-animation: pulse 2s linear infinite;
|
||||||
animation: pulse 2s linear infinite;
|
animation: pulse 2s linear infinite;
|
||||||
}
|
}
|
||||||
/* SHAKE */
|
/* SHAKE */
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -57,6 +57,7 @@ body {
|
||||||
.content-wrapper,
|
.content-wrapper,
|
||||||
.right-side,
|
.right-side,
|
||||||
.main-footer {
|
.main-footer {
|
||||||
|
transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
|
||||||
transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
|
transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
|
||||||
margin-left: 230px;
|
margin-left: 230px;
|
||||||
z-index: 820;
|
z-index: 820;
|
||||||
|
@ -84,6 +85,7 @@ body {
|
||||||
.sidebar-open .content-wrapper,
|
.sidebar-open .content-wrapper,
|
||||||
.sidebar-open .right-side,
|
.sidebar-open .right-side,
|
||||||
.sidebar-open .main-footer {
|
.sidebar-open .main-footer {
|
||||||
|
-webkit-transform: translate(230px, 0);
|
||||||
transform: translate(230px, 0);
|
transform: translate(230px, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -425,6 +427,7 @@ a:focus {
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
width: 230px;
|
width: 230px;
|
||||||
z-index: 810;
|
z-index: 810;
|
||||||
|
transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
|
||||||
transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
|
transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
|
||||||
}
|
}
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
|
@ -436,18 +439,21 @@ a:focus {
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.main-sidebar,
|
.main-sidebar,
|
||||||
.left-side {
|
.left-side {
|
||||||
|
-webkit-transform: translate(-230px, 0);
|
||||||
transform: translate(-230px, 0);
|
transform: translate(-230px, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.sidebar-collapse .main-sidebar,
|
.sidebar-collapse .main-sidebar,
|
||||||
.sidebar-collapse .left-side {
|
.sidebar-collapse .left-side {
|
||||||
|
-webkit-transform: translate(-230px, 0);
|
||||||
transform: translate(-230px, 0);
|
transform: translate(-230px, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.sidebar-open .main-sidebar,
|
.sidebar-open .main-sidebar,
|
||||||
.sidebar-open .left-side {
|
.sidebar-open .left-side {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -533,6 +539,7 @@ a:focus {
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
}
|
}
|
||||||
.sidebar-menu li.active > a > .fa-angle-left {
|
.sidebar-menu li.active > a > .fa-angle-left {
|
||||||
|
-webkit-transform: rotate(-90deg);
|
||||||
transform: rotate(-90deg);
|
transform: rotate(-90deg);
|
||||||
}
|
}
|
||||||
.sidebar-menu li.active > .treeview-menu {
|
.sidebar-menu li.active > .treeview-menu {
|
||||||
|
@ -576,6 +583,7 @@ a:focus {
|
||||||
z-index: 840;
|
z-index: 840;
|
||||||
}
|
}
|
||||||
.sidebar-mini.sidebar-collapse .main-sidebar {
|
.sidebar-mini.sidebar-collapse .main-sidebar {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
width: 50px!important;
|
width: 50px!important;
|
||||||
z-index: 850;
|
z-index: 850;
|
||||||
|
@ -1142,30 +1150,58 @@ a:focus {
|
||||||
/* Add fade animation to dropdown menus by appending
|
/* Add fade animation to dropdown menus by appending
|
||||||
the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
|
the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
|
||||||
.open:not(.dropup) > .animated-dropdown-menu {
|
.open:not(.dropup) > .animated-dropdown-menu {
|
||||||
|
-webkit-backface-visibility: visible !important;
|
||||||
backface-visibility: visible !important;
|
backface-visibility: visible !important;
|
||||||
|
-webkit-animation: flipInX 0.7s both;
|
||||||
animation: flipInX 0.7s both;
|
animation: flipInX 0.7s both;
|
||||||
}
|
}
|
||||||
@keyframes flipInX {
|
@keyframes flipInX {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||||
transition-timing-function: ease-in;
|
transition-timing-function: ease-in;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
40% {
|
40% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
||||||
transition-timing-function: ease-in;
|
transition-timing-function: ease-in;
|
||||||
}
|
}
|
||||||
60% {
|
60% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
80% {
|
80% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
|
-webkit-transform: perspective(400px);
|
||||||
transform: perspective(400px);
|
transform: perspective(400px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@-webkit-keyframes flipInX {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||||
|
-webkit-transition-timing-function: ease-in;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
||||||
|
-webkit-transition-timing-function: ease-in;
|
||||||
|
}
|
||||||
|
60% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
80% {
|
||||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: perspective(400px);
|
||||||
|
}
|
||||||
|
}
|
||||||
/* Fix dropdown menu in navbars */
|
/* Fix dropdown menu in navbars */
|
||||||
.navbar-custom-menu > .navbar-nav > li {
|
.navbar-custom-menu > .navbar-nav > li {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -2459,9 +2495,11 @@ table.text-center th {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.direct-chat.chat-pane-open .direct-chat-contacts {
|
.direct-chat.chat-pane-open .direct-chat-contacts {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
.direct-chat-messages {
|
.direct-chat-messages {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
height: 250px;
|
height: 250px;
|
||||||
|
@ -2484,6 +2522,7 @@ table.text-center th {
|
||||||
}
|
}
|
||||||
.direct-chat-messages,
|
.direct-chat-messages,
|
||||||
.direct-chat-contacts {
|
.direct-chat-contacts {
|
||||||
|
transition: -webkit-transform 0.5s ease-in-out;
|
||||||
transition: transform 0.5s ease-in-out;
|
transition: transform 0.5s ease-in-out;
|
||||||
}
|
}
|
||||||
.direct-chat-text {
|
.direct-chat-text {
|
||||||
|
@ -2547,9 +2586,11 @@ table.text-center th {
|
||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
.direct-chat-contacts-open .direct-chat-contacts {
|
.direct-chat-contacts-open .direct-chat-contacts {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
.direct-chat-contacts {
|
.direct-chat-contacts {
|
||||||
|
-webkit-transform: translate(101%, 0);
|
||||||
transform: translate(101%, 0);
|
transform: translate(101%, 0);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -3902,9 +3943,11 @@ fieldset[disabled] .btn-yahoo.active {
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
.fc-color-picker > li .fa {
|
.fc-color-picker > li .fa {
|
||||||
|
transition: -webkit-transform linear 0.3s;
|
||||||
transition: transform linear 0.3s;
|
transition: transform linear 0.3s;
|
||||||
}
|
}
|
||||||
.fc-color-picker > li .fa:hover {
|
.fc-color-picker > li .fa:hover {
|
||||||
|
-webkit-transform: rotate(30deg);
|
||||||
transform: rotate(30deg);
|
transform: rotate(30deg);
|
||||||
}
|
}
|
||||||
#add-new-event {
|
#add-new-event {
|
||||||
|
@ -4599,6 +4642,7 @@ fieldset[disabled] .btn-yahoo.active {
|
||||||
.main-footer {
|
.main-footer {
|
||||||
margin-left: 0!important;
|
margin-left: 0!important;
|
||||||
min-height: 0!important;
|
min-height: 0!important;
|
||||||
|
-webkit-transform: translate(0, 0) !important;
|
||||||
transform: translate(0, 0) !important;
|
transform: translate(0, 0) !important;
|
||||||
}
|
}
|
||||||
.fixed .content-wrapper,
|
.fixed .content-wrapper,
|
||||||
|
@ -5114,52 +5158,117 @@ a.accordion-header {
|
||||||
a.logo.no-hover a:hover {
|
a.logo.no-hover a:hover {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
.required {
|
||||||
|
border-right: 6px solid orange;
|
||||||
|
}
|
||||||
|
|
||||||
/* WRENCHING */
|
/* WRENCHING */
|
||||||
|
@-webkit-keyframes wrench {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(-12deg);
|
||||||
|
}
|
||||||
|
8% {
|
||||||
|
-webkit-transform: rotate(12deg);
|
||||||
|
}
|
||||||
|
10% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
|
}
|
||||||
|
18% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
|
}
|
||||||
|
28% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
|
}
|
||||||
|
30% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
|
}
|
||||||
|
38% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
|
}
|
||||||
|
48% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
|
}
|
||||||
|
58% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
|
}
|
||||||
|
60% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
|
}
|
||||||
|
68% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
|
}
|
||||||
|
75% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes wrench {
|
@keyframes wrench {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: rotate(-12deg);
|
||||||
transform: rotate(-12deg);
|
transform: rotate(-12deg);
|
||||||
}
|
}
|
||||||
8% {
|
8% {
|
||||||
|
-webkit-transform: rotate(12deg);
|
||||||
transform: rotate(12deg);
|
transform: rotate(12deg);
|
||||||
}
|
}
|
||||||
10% {
|
10% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
transform: rotate(24deg);
|
transform: rotate(24deg);
|
||||||
}
|
}
|
||||||
18% {
|
18% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
transform: rotate(-24deg);
|
transform: rotate(-24deg);
|
||||||
}
|
}
|
||||||
20% {
|
20% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
transform: rotate(-24deg);
|
transform: rotate(-24deg);
|
||||||
}
|
}
|
||||||
28% {
|
28% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
transform: rotate(24deg);
|
transform: rotate(24deg);
|
||||||
}
|
}
|
||||||
30% {
|
30% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
transform: rotate(24deg);
|
transform: rotate(24deg);
|
||||||
}
|
}
|
||||||
38% {
|
38% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
transform: rotate(-24deg);
|
transform: rotate(-24deg);
|
||||||
}
|
}
|
||||||
40% {
|
40% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
transform: rotate(-24deg);
|
transform: rotate(-24deg);
|
||||||
}
|
}
|
||||||
48% {
|
48% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
transform: rotate(24deg);
|
transform: rotate(24deg);
|
||||||
}
|
}
|
||||||
50% {
|
50% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
transform: rotate(24deg);
|
transform: rotate(24deg);
|
||||||
}
|
}
|
||||||
58% {
|
58% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
transform: rotate(-24deg);
|
transform: rotate(-24deg);
|
||||||
}
|
}
|
||||||
60% {
|
60% {
|
||||||
|
-webkit-transform: rotate(-24deg);
|
||||||
transform: rotate(-24deg);
|
transform: rotate(-24deg);
|
||||||
}
|
}
|
||||||
68% {
|
68% {
|
||||||
|
-webkit-transform: rotate(24deg);
|
||||||
transform: rotate(24deg);
|
transform: rotate(24deg);
|
||||||
}
|
}
|
||||||
75% {
|
75% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -5177,44 +5286,91 @@ a.logo.no-hover a:hover {
|
||||||
-ms-transform-origin-x: 90%;
|
-ms-transform-origin-x: 90%;
|
||||||
-ms-transform-origin-y: 35%;
|
-ms-transform-origin-y: 35%;
|
||||||
-ms-transform-origin-z: initial;
|
-ms-transform-origin-z: initial;
|
||||||
|
-webkit-animation: wrench 2.5s ease infinite;
|
||||||
animation: wrench 2.5s ease infinite;
|
animation: wrench 2.5s ease infinite;
|
||||||
transform-origin-x: 90%;
|
transform-origin-x: 90%;
|
||||||
transform-origin-y: 35%;
|
transform-origin-y: 35%;
|
||||||
transform-origin-z: initial;
|
transform-origin-z: initial;
|
||||||
}
|
}
|
||||||
/* BELL */
|
/* BELL */
|
||||||
|
@-webkit-keyframes ring {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(-15deg);
|
||||||
|
}
|
||||||
|
2% {
|
||||||
|
-webkit-transform: rotate(15deg);
|
||||||
|
}
|
||||||
|
4% {
|
||||||
|
-webkit-transform: rotate(-18deg);
|
||||||
|
}
|
||||||
|
6% {
|
||||||
|
-webkit-transform: rotate(18deg);
|
||||||
|
}
|
||||||
|
8% {
|
||||||
|
-webkit-transform: rotate(-22deg);
|
||||||
|
}
|
||||||
|
10% {
|
||||||
|
-webkit-transform: rotate(22deg);
|
||||||
|
}
|
||||||
|
12% {
|
||||||
|
-webkit-transform: rotate(-18deg);
|
||||||
|
}
|
||||||
|
14% {
|
||||||
|
-webkit-transform: rotate(18deg);
|
||||||
|
}
|
||||||
|
16% {
|
||||||
|
-webkit-transform: rotate(-12deg);
|
||||||
|
}
|
||||||
|
18% {
|
||||||
|
-webkit-transform: rotate(12deg);
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes ring {
|
@keyframes ring {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: rotate(-15deg);
|
||||||
transform: rotate(-15deg);
|
transform: rotate(-15deg);
|
||||||
}
|
}
|
||||||
2% {
|
2% {
|
||||||
|
-webkit-transform: rotate(15deg);
|
||||||
transform: rotate(15deg);
|
transform: rotate(15deg);
|
||||||
}
|
}
|
||||||
4% {
|
4% {
|
||||||
|
-webkit-transform: rotate(-18deg);
|
||||||
transform: rotate(-18deg);
|
transform: rotate(-18deg);
|
||||||
}
|
}
|
||||||
6% {
|
6% {
|
||||||
|
-webkit-transform: rotate(18deg);
|
||||||
transform: rotate(18deg);
|
transform: rotate(18deg);
|
||||||
}
|
}
|
||||||
8% {
|
8% {
|
||||||
|
-webkit-transform: rotate(-22deg);
|
||||||
transform: rotate(-22deg);
|
transform: rotate(-22deg);
|
||||||
}
|
}
|
||||||
10% {
|
10% {
|
||||||
|
-webkit-transform: rotate(22deg);
|
||||||
transform: rotate(22deg);
|
transform: rotate(22deg);
|
||||||
}
|
}
|
||||||
12% {
|
12% {
|
||||||
|
-webkit-transform: rotate(-18deg);
|
||||||
transform: rotate(-18deg);
|
transform: rotate(-18deg);
|
||||||
}
|
}
|
||||||
14% {
|
14% {
|
||||||
|
-webkit-transform: rotate(18deg);
|
||||||
transform: rotate(18deg);
|
transform: rotate(18deg);
|
||||||
}
|
}
|
||||||
16% {
|
16% {
|
||||||
|
-webkit-transform: rotate(-12deg);
|
||||||
transform: rotate(-12deg);
|
transform: rotate(-12deg);
|
||||||
}
|
}
|
||||||
18% {
|
18% {
|
||||||
|
-webkit-transform: rotate(12deg);
|
||||||
transform: rotate(12deg);
|
transform: rotate(12deg);
|
||||||
}
|
}
|
||||||
20% {
|
20% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -5232,68 +5388,142 @@ a.logo.no-hover a:hover {
|
||||||
-ms-transform-origin-x: 50%;
|
-ms-transform-origin-x: 50%;
|
||||||
-ms-transform-origin-y: 0px;
|
-ms-transform-origin-y: 0px;
|
||||||
-ms-transform-origin-z: initial;
|
-ms-transform-origin-z: initial;
|
||||||
|
-webkit-animation: ring 2s ease infinite;
|
||||||
animation: ring 2s ease infinite;
|
animation: ring 2s ease infinite;
|
||||||
transform-origin-x: 50%;
|
transform-origin-x: 50%;
|
||||||
transform-origin-y: 0px;
|
transform-origin-y: 0px;
|
||||||
transform-origin-z: initial;
|
transform-origin-z: initial;
|
||||||
}
|
}
|
||||||
/* VERTICAL */
|
/* VERTICAL */
|
||||||
|
@-webkit-keyframes vertical {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translate(0, -3px);
|
||||||
|
}
|
||||||
|
4% {
|
||||||
|
-webkit-transform: translate(0, 3px);
|
||||||
|
}
|
||||||
|
8% {
|
||||||
|
-webkit-transform: translate(0, -3px);
|
||||||
|
}
|
||||||
|
12% {
|
||||||
|
-webkit-transform: translate(0, 3px);
|
||||||
|
}
|
||||||
|
16% {
|
||||||
|
-webkit-transform: translate(0, -3px);
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
-webkit-transform: translate(0, 3px);
|
||||||
|
}
|
||||||
|
22% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes vertical {
|
@keyframes vertical {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: translate(0, -3px);
|
||||||
transform: translate(0, -3px);
|
transform: translate(0, -3px);
|
||||||
}
|
}
|
||||||
4% {
|
4% {
|
||||||
|
-webkit-transform: translate(0, 3px);
|
||||||
transform: translate(0, 3px);
|
transform: translate(0, 3px);
|
||||||
}
|
}
|
||||||
8% {
|
8% {
|
||||||
|
-webkit-transform: translate(0, -3px);
|
||||||
transform: translate(0, -3px);
|
transform: translate(0, -3px);
|
||||||
}
|
}
|
||||||
12% {
|
12% {
|
||||||
|
-webkit-transform: translate(0, 3px);
|
||||||
transform: translate(0, 3px);
|
transform: translate(0, 3px);
|
||||||
}
|
}
|
||||||
16% {
|
16% {
|
||||||
|
-webkit-transform: translate(0, -3px);
|
||||||
transform: translate(0, -3px);
|
transform: translate(0, -3px);
|
||||||
}
|
}
|
||||||
20% {
|
20% {
|
||||||
|
-webkit-transform: translate(0, 3px);
|
||||||
transform: translate(0, 3px);
|
transform: translate(0, 3px);
|
||||||
}
|
}
|
||||||
22% {
|
22% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.faa-vertical.animated,
|
.faa-vertical.animated,
|
||||||
.faa-vertical.animated-hover:hover {
|
.faa-vertical.animated-hover:hover {
|
||||||
|
-webkit-animation: vertical 2s ease infinite;
|
||||||
animation: vertical 2s ease infinite;
|
animation: vertical 2s ease infinite;
|
||||||
}
|
}
|
||||||
/* HORIZONTAL */
|
/* HORIZONTAL */
|
||||||
|
@-webkit-keyframes horizontal {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
|
}
|
||||||
|
6% {
|
||||||
|
-webkit-transform: translate(5px, 0);
|
||||||
|
}
|
||||||
|
12% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
|
}
|
||||||
|
18% {
|
||||||
|
-webkit-transform: translate(5px, 0);
|
||||||
|
}
|
||||||
|
24% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
|
}
|
||||||
|
30% {
|
||||||
|
-webkit-transform: translate(5px, 0);
|
||||||
|
}
|
||||||
|
36% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes horizontal {
|
@keyframes horizontal {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
6% {
|
6% {
|
||||||
|
-webkit-transform: translate(5px, 0);
|
||||||
transform: translate(5px, 0);
|
transform: translate(5px, 0);
|
||||||
}
|
}
|
||||||
12% {
|
12% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
18% {
|
18% {
|
||||||
|
-webkit-transform: translate(5px, 0);
|
||||||
transform: translate(5px, 0);
|
transform: translate(5px, 0);
|
||||||
}
|
}
|
||||||
24% {
|
24% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
30% {
|
30% {
|
||||||
|
-webkit-transform: translate(5px, 0);
|
||||||
transform: translate(5px, 0);
|
transform: translate(5px, 0);
|
||||||
}
|
}
|
||||||
36% {
|
36% {
|
||||||
|
-webkit-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.faa-horizontal.animated,
|
.faa-horizontal.animated,
|
||||||
.faa-horizontal.animated-hover:hover {
|
.faa-horizontal.animated-hover:hover {
|
||||||
|
-webkit-animation: horizontal 2s ease infinite;
|
||||||
animation: horizontal 2s ease infinite;
|
animation: horizontal 2s ease infinite;
|
||||||
}
|
}
|
||||||
/* FLASHING */
|
/* FLASHING */
|
||||||
|
@-webkit-keyframes flash {
|
||||||
|
0%,
|
||||||
|
100%,
|
||||||
|
50% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
25%,
|
||||||
|
75% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes flash {
|
@keyframes flash {
|
||||||
0%,
|
0%,
|
||||||
100%,
|
100%,
|
||||||
|
@ -5307,71 +5537,132 @@ a.logo.no-hover a:hover {
|
||||||
}
|
}
|
||||||
.faa-flash.animated,
|
.faa-flash.animated,
|
||||||
.faa-flash.animated-hover:hover {
|
.faa-flash.animated-hover:hover {
|
||||||
|
-webkit-animation: flash 2s ease infinite;
|
||||||
animation: flash 2s ease infinite;
|
animation: flash 2s ease infinite;
|
||||||
}
|
}
|
||||||
/* BOUNCE */
|
/* BOUNCE */
|
||||||
|
@-webkit-keyframes bounce {
|
||||||
|
0%,
|
||||||
|
100%,
|
||||||
|
20%,
|
||||||
|
50%,
|
||||||
|
80% {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
-webkit-transform: translateY(-15px);
|
||||||
|
}
|
||||||
|
60% {
|
||||||
|
-webkit-transform: translateY(-15px);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes bounce {
|
@keyframes bounce {
|
||||||
0%,
|
0%,
|
||||||
10%,
|
10%,
|
||||||
20%,
|
20%,
|
||||||
50%,
|
50%,
|
||||||
80% {
|
80% {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
transform: translateY(0);
|
transform: translateY(0);
|
||||||
}
|
}
|
||||||
40% {
|
40% {
|
||||||
|
-webkit-transform: translateY(-15px);
|
||||||
transform: translateY(-15px);
|
transform: translateY(-15px);
|
||||||
}
|
}
|
||||||
60% {
|
60% {
|
||||||
|
-webkit-transform: translateY(-15px);
|
||||||
transform: translateY(-15px);
|
transform: translateY(-15px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.faa-bounce.animated,
|
.faa-bounce.animated,
|
||||||
.faa-bounce.animated-hover:hover {
|
.faa-bounce.animated-hover:hover {
|
||||||
|
-webkit-animation: bounce 2s ease infinite;
|
||||||
animation: bounce 2s ease infinite;
|
animation: bounce 2s ease infinite;
|
||||||
}
|
}
|
||||||
/* SPIN */
|
/* SPIN */
|
||||||
|
@-webkit-keyframes spin {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(359deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes spin {
|
@keyframes spin {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
|
-webkit-transform: rotate(359deg);
|
||||||
transform: rotate(359deg);
|
transform: rotate(359deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.faa-spin.animated,
|
.faa-spin.animated,
|
||||||
.faa-spin.animated-hover:hover {
|
.faa-spin.animated-hover:hover {
|
||||||
|
-webkit-animation: spin 1.5s linear infinite;
|
||||||
animation: spin 1.5s linear infinite;
|
animation: spin 1.5s linear infinite;
|
||||||
}
|
}
|
||||||
/* FLOAT */
|
/* FLOAT */
|
||||||
|
@-webkit-keyframes float {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
-webkit-transform: translateY(-6px);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes float {
|
@keyframes float {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
transform: translateY(0);
|
transform: translateY(0);
|
||||||
}
|
}
|
||||||
50% {
|
50% {
|
||||||
|
-webkit-transform: translateY(-6px);
|
||||||
transform: translateY(-6px);
|
transform: translateY(-6px);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
transform: translateY(0);
|
transform: translateY(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.faa-float.animated,
|
.faa-float.animated,
|
||||||
.faa-float.animated-hover:hover {
|
.faa-float.animated-hover:hover {
|
||||||
|
-webkit-animation: float 2s linear infinite;
|
||||||
animation: float 2s linear infinite;
|
animation: float 2s linear infinite;
|
||||||
}
|
}
|
||||||
/* PULSE */
|
/* PULSE */
|
||||||
|
@-webkit-keyframes pulse {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
-webkit-transform: scale(0.8);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
@keyframes pulse {
|
@keyframes pulse {
|
||||||
0% {
|
0% {
|
||||||
|
-webkit-transform: scale(1.1);
|
||||||
transform: scale(1.1);
|
transform: scale(1.1);
|
||||||
}
|
}
|
||||||
50% {
|
50% {
|
||||||
|
-webkit-transform: scale(0.8);
|
||||||
transform: scale(0.8);
|
transform: scale(0.8);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
|
-webkit-transform: scale(1);
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.faa-pulse.animated,
|
.faa-pulse.animated,
|
||||||
.faa-pulse.animated-hover:hover {
|
.faa-pulse.animated-hover:hover {
|
||||||
|
-webkit-animation: pulse 2s linear infinite;
|
||||||
animation: pulse 2s linear infinite;
|
animation: pulse 2s linear infinite;
|
||||||
}
|
}
|
||||||
/* SHAKE */
|
/* SHAKE */
|
File diff suppressed because one or more lines are too long
|
@ -1,4 +1,4 @@
|
||||||
{
|
{
|
||||||
"assets/css/app.css": "assets/css/app-ec8e97e7ca.css",
|
"assets/css/app.css": "assets/css/app-de75b6d10a.css",
|
||||||
"assets/js/all.js": "assets/js/all-edd914620a.js"
|
"assets/js/all.js": "assets/js/all-edd914620a.js"
|
||||||
}
|
}
|
|
@ -283,3 +283,7 @@ a.logo.no-hover a:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.required {
|
||||||
|
border-right: 6px solid orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue