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