first commit
This commit is contained in:
Olu Amey
+3031
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,694 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.btn, .fc .fc-button {
|
||||
display : inline-block;
|
||||
font-weight : 400;
|
||||
color : #626262;
|
||||
text-align : center;
|
||||
vertical-align : middle;
|
||||
-webkit-user-select : none;
|
||||
-moz-user-select : none;
|
||||
-ms-user-select : none;
|
||||
user-select : none;
|
||||
background-color : transparent;
|
||||
border : 0 solid transparent;
|
||||
padding : 0.9rem 2rem;
|
||||
font-size : 1rem;
|
||||
border-radius : 0.42rem;
|
||||
-webkit-transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.btn, .fc .fc-button {
|
||||
-webkit-transition : none;
|
||||
transition : none;
|
||||
}
|
||||
}
|
||||
.btn:hover, .fc .fc-button:hover {
|
||||
color : #626262;
|
||||
text-decoration : none;
|
||||
}
|
||||
.btn:focus, .fc .fc-button:focus, .btn.focus, .fc .focus.fc-button {
|
||||
outline : 0;
|
||||
box-shadow : 0 0 0 0.2rem rgba(115, 103, 240, 0.25);
|
||||
}
|
||||
.btn.disabled, .fc .disabled.fc-button, .btn:disabled, .fc .fc-button:disabled {
|
||||
opacity : 0.65;
|
||||
}
|
||||
|
||||
a.btn.disabled, .fc a.disabled.fc-button, fieldset:disabled a.btn, fieldset:disabled .fc a.fc-button, .fc fieldset:disabled a.fc-button {
|
||||
pointer-events : none;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
color : #FFFFFF;
|
||||
background-color : #7367F0;
|
||||
border-color : #7367F0;
|
||||
}
|
||||
.btn-primary:hover {
|
||||
color : #FFFFFF;
|
||||
background-color : #5344ED;
|
||||
border-color : #4839EB;
|
||||
}
|
||||
.btn-primary:focus, .btn-primary.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(136, 126, 242, 0.5);
|
||||
}
|
||||
.btn-primary.disabled, .btn-primary:disabled {
|
||||
color : #FFFFFF;
|
||||
background-color : #7367F0;
|
||||
border-color : #7367F0;
|
||||
}
|
||||
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
|
||||
color : #FFFFFF;
|
||||
background-color : #4839EB;
|
||||
border-color : #3E2DEA;
|
||||
}
|
||||
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(136, 126, 242, 0.5);
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
color : #2A2E30;
|
||||
background-color : #B8C2CC;
|
||||
border-color : #B8C2CC;
|
||||
}
|
||||
.btn-secondary:hover {
|
||||
color : #2A2E30;
|
||||
background-color : #A2AFBC;
|
||||
border-color : #9AA9B7;
|
||||
}
|
||||
.btn-secondary:focus, .btn-secondary.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(163, 172, 181, 0.5);
|
||||
}
|
||||
.btn-secondary.disabled, .btn-secondary:disabled {
|
||||
color : #2A2E30;
|
||||
background-color : #B8C2CC;
|
||||
border-color : #B8C2CC;
|
||||
}
|
||||
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
|
||||
color : #2A2E30;
|
||||
background-color : #9AA9B7;
|
||||
border-color : #93A2B1;
|
||||
}
|
||||
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(163, 172, 181, 0.5);
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
color : #FFFFFF;
|
||||
background-color : #28C76F;
|
||||
border-color : #28C76F;
|
||||
}
|
||||
.btn-success:hover {
|
||||
color : #FFFFFF;
|
||||
background-color : #22A75D;
|
||||
border-color : #1F9D57;
|
||||
}
|
||||
.btn-success:focus, .btn-success.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(72, 207, 133, 0.5);
|
||||
}
|
||||
.btn-success.disabled, .btn-success:disabled {
|
||||
color : #FFFFFF;
|
||||
background-color : #28C76F;
|
||||
border-color : #28C76F;
|
||||
}
|
||||
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
|
||||
color : #FFFFFF;
|
||||
background-color : #1F9D57;
|
||||
border-color : #1D9251;
|
||||
}
|
||||
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(72, 207, 133, 0.5);
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
color : #FFFFFF;
|
||||
background-color : #00CFE8;
|
||||
border-color : #00CFE8;
|
||||
}
|
||||
.btn-info:hover {
|
||||
color : #FFFFFF;
|
||||
background-color : #00ADC2;
|
||||
border-color : #00A1B5;
|
||||
}
|
||||
.btn-info:focus, .btn-info.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(38, 214, 235, 0.5);
|
||||
}
|
||||
.btn-info.disabled, .btn-info:disabled {
|
||||
color : #FFFFFF;
|
||||
background-color : #00CFE8;
|
||||
border-color : #00CFE8;
|
||||
}
|
||||
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
|
||||
color : #FFFFFF;
|
||||
background-color : #00A1B5;
|
||||
border-color : #0096A8;
|
||||
}
|
||||
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(38, 214, 235, 0.5);
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
color : #2A2E30;
|
||||
background-color : #FF9F43;
|
||||
border-color : #FF9F43;
|
||||
}
|
||||
.btn-warning:hover {
|
||||
color : #2A2E30;
|
||||
background-color : #FF8B1D;
|
||||
border-color : #FF8510;
|
||||
}
|
||||
.btn-warning:focus, .btn-warning.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(223, 142, 64, 0.5);
|
||||
}
|
||||
.btn-warning.disabled, .btn-warning:disabled {
|
||||
color : #2A2E30;
|
||||
background-color : #FF9F43;
|
||||
border-color : #FF9F43;
|
||||
}
|
||||
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
|
||||
color : #2A2E30;
|
||||
background-color : #FF8510;
|
||||
border-color : #FF7E03;
|
||||
}
|
||||
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(223, 142, 64, 0.5);
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
color : #FFFFFF;
|
||||
background-color : #EA5455;
|
||||
border-color : #EA5455;
|
||||
}
|
||||
.btn-danger:hover {
|
||||
color : #FFFFFF;
|
||||
background-color : #E63233;
|
||||
border-color : #E42728;
|
||||
}
|
||||
.btn-danger:focus, .btn-danger.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(237, 110, 111, 0.5);
|
||||
}
|
||||
.btn-danger.disabled, .btn-danger:disabled {
|
||||
color : #FFFFFF;
|
||||
background-color : #EA5455;
|
||||
border-color : #EA5455;
|
||||
}
|
||||
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
|
||||
color : #FFFFFF;
|
||||
background-color : #E42728;
|
||||
border-color : #E21C1D;
|
||||
}
|
||||
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(237, 110, 111, 0.5);
|
||||
}
|
||||
|
||||
.btn-light {
|
||||
color : #2A2E30;
|
||||
background-color : #BABFC7;
|
||||
border-color : #BABFC7;
|
||||
}
|
||||
.btn-light:hover {
|
||||
color : #2A2E30;
|
||||
background-color : #A5ABB6;
|
||||
border-color : #9EA5B0;
|
||||
}
|
||||
.btn-light:focus, .btn-light.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(164, 169, 176, 0.5);
|
||||
}
|
||||
.btn-light.disabled, .btn-light:disabled {
|
||||
color : #2A2E30;
|
||||
background-color : #BABFC7;
|
||||
border-color : #BABFC7;
|
||||
}
|
||||
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
|
||||
color : #2A2E30;
|
||||
background-color : #9EA5B0;
|
||||
border-color : #979EAA;
|
||||
}
|
||||
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(164, 169, 176, 0.5);
|
||||
}
|
||||
|
||||
.btn-dark {
|
||||
color : #FFFFFF;
|
||||
background-color : #1E1E1E;
|
||||
border-color : #1E1E1E;
|
||||
}
|
||||
.btn-dark:hover {
|
||||
color : #FFFFFF;
|
||||
background-color : #0B0B0B;
|
||||
border-color : #050505;
|
||||
}
|
||||
.btn-dark:focus, .btn-dark.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(64, 64, 64, 0.5);
|
||||
}
|
||||
.btn-dark.disabled, .btn-dark:disabled {
|
||||
color : #FFFFFF;
|
||||
background-color : #1E1E1E;
|
||||
border-color : #1E1E1E;
|
||||
}
|
||||
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
|
||||
color : #FFFFFF;
|
||||
background-color : #050505;
|
||||
border-color : black;
|
||||
}
|
||||
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(64, 64, 64, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-primary, .fc .fc-button {
|
||||
color : #7367F0;
|
||||
border-color : #7367F0;
|
||||
}
|
||||
.btn-outline-primary:hover, .fc .fc-button:hover {
|
||||
color : #FFFFFF;
|
||||
background-color : #7367F0;
|
||||
border-color : #7367F0;
|
||||
}
|
||||
.btn-outline-primary:focus, .fc .fc-button:focus, .btn-outline-primary.focus, .fc .focus.fc-button {
|
||||
box-shadow : 0 0 0 0.2rem rgba(115, 103, 240, 0.5);
|
||||
}
|
||||
.btn-outline-primary.disabled, .fc .disabled.fc-button, .btn-outline-primary:disabled, .fc .fc-button:disabled {
|
||||
color : #7367F0;
|
||||
background-color : transparent;
|
||||
}
|
||||
.btn-outline-primary:not(:disabled):not(.disabled):active, .fc .fc-button:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .fc .fc-button:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .fc .show > .dropdown-toggle.fc-button {
|
||||
color : #FFFFFF;
|
||||
background-color : #7367F0;
|
||||
border-color : #7367F0;
|
||||
}
|
||||
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .fc .fc-button:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .fc .fc-button:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .fc .show > .dropdown-toggle.fc-button:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(115, 103, 240, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-secondary {
|
||||
color : #B8C2CC;
|
||||
border-color : #B8C2CC;
|
||||
}
|
||||
.btn-outline-secondary:hover {
|
||||
color : #2A2E30;
|
||||
background-color : #B8C2CC;
|
||||
border-color : #B8C2CC;
|
||||
}
|
||||
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(184, 194, 204, 0.5);
|
||||
}
|
||||
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
|
||||
color : #B8C2CC;
|
||||
background-color : transparent;
|
||||
}
|
||||
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
|
||||
color : #2A2E30;
|
||||
background-color : #B8C2CC;
|
||||
border-color : #B8C2CC;
|
||||
}
|
||||
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(184, 194, 204, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-success {
|
||||
color : #28C76F;
|
||||
border-color : #28C76F;
|
||||
}
|
||||
.btn-outline-success:hover {
|
||||
color : #FFFFFF;
|
||||
background-color : #28C76F;
|
||||
border-color : #28C76F;
|
||||
}
|
||||
.btn-outline-success:focus, .btn-outline-success.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
|
||||
}
|
||||
.btn-outline-success.disabled, .btn-outline-success:disabled {
|
||||
color : #28C76F;
|
||||
background-color : transparent;
|
||||
}
|
||||
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
|
||||
color : #FFFFFF;
|
||||
background-color : #28C76F;
|
||||
border-color : #28C76F;
|
||||
}
|
||||
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-info {
|
||||
color : #00CFE8;
|
||||
border-color : #00CFE8;
|
||||
}
|
||||
.btn-outline-info:hover {
|
||||
color : #FFFFFF;
|
||||
background-color : #00CFE8;
|
||||
border-color : #00CFE8;
|
||||
}
|
||||
.btn-outline-info:focus, .btn-outline-info.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(0, 207, 232, 0.5);
|
||||
}
|
||||
.btn-outline-info.disabled, .btn-outline-info:disabled {
|
||||
color : #00CFE8;
|
||||
background-color : transparent;
|
||||
}
|
||||
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
|
||||
color : #FFFFFF;
|
||||
background-color : #00CFE8;
|
||||
border-color : #00CFE8;
|
||||
}
|
||||
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(0, 207, 232, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-warning {
|
||||
color : #FF9F43;
|
||||
border-color : #FF9F43;
|
||||
}
|
||||
.btn-outline-warning:hover {
|
||||
color : #2A2E30;
|
||||
background-color : #FF9F43;
|
||||
border-color : #FF9F43;
|
||||
}
|
||||
.btn-outline-warning:focus, .btn-outline-warning.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(255, 159, 67, 0.5);
|
||||
}
|
||||
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
|
||||
color : #FF9F43;
|
||||
background-color : transparent;
|
||||
}
|
||||
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
|
||||
color : #2A2E30;
|
||||
background-color : #FF9F43;
|
||||
border-color : #FF9F43;
|
||||
}
|
||||
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(255, 159, 67, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-danger {
|
||||
color : #EA5455;
|
||||
border-color : #EA5455;
|
||||
}
|
||||
.btn-outline-danger:hover {
|
||||
color : #FFFFFF;
|
||||
background-color : #EA5455;
|
||||
border-color : #EA5455;
|
||||
}
|
||||
.btn-outline-danger:focus, .btn-outline-danger.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(234, 84, 85, 0.5);
|
||||
}
|
||||
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
|
||||
color : #EA5455;
|
||||
background-color : transparent;
|
||||
}
|
||||
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
|
||||
color : #FFFFFF;
|
||||
background-color : #EA5455;
|
||||
border-color : #EA5455;
|
||||
}
|
||||
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(234, 84, 85, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-light {
|
||||
color : #BABFC7;
|
||||
border-color : #BABFC7;
|
||||
}
|
||||
.btn-outline-light:hover {
|
||||
color : #2A2E30;
|
||||
background-color : #BABFC7;
|
||||
border-color : #BABFC7;
|
||||
}
|
||||
.btn-outline-light:focus, .btn-outline-light.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(186, 191, 199, 0.5);
|
||||
}
|
||||
.btn-outline-light.disabled, .btn-outline-light:disabled {
|
||||
color : #BABFC7;
|
||||
background-color : transparent;
|
||||
}
|
||||
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
|
||||
color : #2A2E30;
|
||||
background-color : #BABFC7;
|
||||
border-color : #BABFC7;
|
||||
}
|
||||
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(186, 191, 199, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-dark {
|
||||
color : #1E1E1E;
|
||||
border-color : #1E1E1E;
|
||||
}
|
||||
.btn-outline-dark:hover {
|
||||
color : #FFFFFF;
|
||||
background-color : #1E1E1E;
|
||||
border-color : #1E1E1E;
|
||||
}
|
||||
.btn-outline-dark:focus, .btn-outline-dark.focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(30, 30, 30, 0.5);
|
||||
}
|
||||
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
|
||||
color : #1E1E1E;
|
||||
background-color : transparent;
|
||||
}
|
||||
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
|
||||
color : #FFFFFF;
|
||||
background-color : #1E1E1E;
|
||||
border-color : #1E1E1E;
|
||||
}
|
||||
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
|
||||
box-shadow : 0 0 0 0.2rem rgba(30, 30, 30, 0.5);
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
font-weight : 400;
|
||||
color : #7367F0;
|
||||
text-decoration : none;
|
||||
}
|
||||
.btn-link:hover {
|
||||
color : #5E50EE;
|
||||
text-decoration : none;
|
||||
}
|
||||
.btn-link:focus, .btn-link.focus {
|
||||
text-decoration : none;
|
||||
box-shadow : none;
|
||||
}
|
||||
.btn-link:disabled, .btn-link.disabled {
|
||||
color : #B8C2CC;
|
||||
pointer-events : none;
|
||||
}
|
||||
|
||||
.btn-lg {
|
||||
padding : 1rem 2.5rem;
|
||||
font-size : 1.25rem;
|
||||
border-radius : 0.4285rem;
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
padding : 0.5rem 1.5rem;
|
||||
font-size : 0.7rem;
|
||||
border-radius : 0.4285rem;
|
||||
}
|
||||
|
||||
.btn-block {
|
||||
display : block;
|
||||
width : 100%;
|
||||
}
|
||||
.btn-block + .btn-block {
|
||||
margin-top : 0.5rem;
|
||||
}
|
||||
|
||||
input[type='submit'].btn-block, input[type='reset'].btn-block, input[type='button'].btn-block {
|
||||
width : 100%;
|
||||
}
|
||||
|
||||
.fc .fc-header-toolbar {
|
||||
margin-bottom : 2rem;
|
||||
}
|
||||
.fc .fc-header-toolbar .bullets-group-1, .fc .fc-header-toolbar .bullets-group-2 {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-align : center;
|
||||
-webkit-align-items : center;
|
||||
-ms-flex-align : center;
|
||||
align-items : center;
|
||||
margin-left : 0;
|
||||
margin : 0.5rem auto;
|
||||
}
|
||||
.fc .fc-header-toolbar .bullets-group-2 {
|
||||
margin-bottom : 0;
|
||||
}
|
||||
.fc .fc-header-toolbar .fc-right div:first-child {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-pack : end;
|
||||
-webkit-justify-content : flex-end;
|
||||
-ms-flex-pack : end;
|
||||
justify-content : flex-end;
|
||||
-webkit-box-align : center;
|
||||
-webkit-align-items : center;
|
||||
-ms-flex-align : center;
|
||||
align-items : center;
|
||||
}
|
||||
.fc .fc-header-toolbar .fc-right div:first-child h2 {
|
||||
font-weight : 400;
|
||||
font-size : 1.3rem;
|
||||
margin : 0 0.5rem;
|
||||
}
|
||||
.fc .fc-header-toolbar .fc-right .fc-button {
|
||||
border-radius : 50%;
|
||||
padding : 0.4rem 0.4rem;
|
||||
height : 24px;
|
||||
width : 24px;
|
||||
}
|
||||
.fc .fc-header-toolbar .fc-right .fc-button.fc-prev-button {
|
||||
margin-right : 0.5rem;
|
||||
}
|
||||
.fc .fc-header-toolbar .fc-right .fc-button.fc-prev-button .fc-icon {
|
||||
position : relative;
|
||||
top : -6px;
|
||||
left : -4px;
|
||||
}
|
||||
.fc .fc-header-toolbar .fc-right .fc-button.fc-next-button {
|
||||
margin-left : 0.5rem;
|
||||
}
|
||||
.fc .fc-header-toolbar .fc-right .fc-button.fc-next-button .fc-icon {
|
||||
position : relative;
|
||||
top : -6px;
|
||||
right : 3px;
|
||||
}
|
||||
.fc .fc-header-toolbar .fc-addNew-button {
|
||||
padding : 0.65rem 2rem;
|
||||
}
|
||||
.fc .fc-header-toolbar .fc-addNew-button:before {
|
||||
font-family : 'feather';
|
||||
content : '\e8b1';
|
||||
}
|
||||
|
||||
.fc .fc-view-container .fc-head .fc-head-container thead .fc-day-header {
|
||||
padding : 1px 0;
|
||||
}
|
||||
.fc .fc-view-container .fc-head .fc-head-container thead .fc-day-header.fc-today {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.fc .fc-view-container .fc-body .fc-week table tbody .fc-day {
|
||||
cursor : pointer;
|
||||
}
|
||||
.fc .fc-view-container .fc-body .fc-week table tbody .fc-day.fc-today {
|
||||
background : transparent;
|
||||
}
|
||||
|
||||
.fc .fc-view-container .fc-body .fc-week table tbody .fc-other-month {
|
||||
background-color : #F1F1F1;
|
||||
}
|
||||
|
||||
.fc .fc-view-container .fc-body .fc-day-top.fc-today a {
|
||||
background-color : #7367F0;
|
||||
color : #FFFFFF;
|
||||
padding : 5px 10px;
|
||||
margin-top : 2px;
|
||||
margin-right : 2px;
|
||||
border-radius : 50%;
|
||||
}
|
||||
|
||||
.fc .fc-view-container .fc-body .fc-not-end, .fc .fc-view-container .fc-body .fc-not-start {
|
||||
padding : 1px 8px !important;
|
||||
opacity : 1 !important;
|
||||
}
|
||||
.fc .fc-view-container .fc-body .fc-not-end .fc-title, .fc .fc-view-container .fc-body .fc-not-start .fc-title {
|
||||
padding-left : 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-view-container .fc-body .fc-not-start {
|
||||
margin-left : -6px !important;
|
||||
}
|
||||
|
||||
.fc .fc-view-container .fc-body .fc-not-end {
|
||||
margin-right : -6px !important;
|
||||
}
|
||||
|
||||
.fc .fc-view-container td, .fc .fc-view-container th {
|
||||
border-color : #E0E0E0;
|
||||
font-size : 1rem;
|
||||
}
|
||||
|
||||
.fc .fc-button {
|
||||
padding : 0.6rem 1rem;
|
||||
height : auto;
|
||||
outline : none;
|
||||
text-shadow : none;
|
||||
background-color : #7367F0;
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.fc .fc-button:not(:disabled).fc-button-active {
|
||||
background-color : #4839EB;
|
||||
}
|
||||
.fc .fc-button:focus {
|
||||
outline : none;
|
||||
box-shadow : none;
|
||||
}
|
||||
|
||||
.fc .fc-event {
|
||||
background : #7367F0;
|
||||
border : 1px solid #5E50EE;
|
||||
padding : 1px 8px;
|
||||
border-radius : 1rem;
|
||||
border : none;
|
||||
padding-left : 1rem;
|
||||
}
|
||||
.fc .fc-event .fc-title {
|
||||
font-size : 0.85rem;
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.modal-calendar .calendar-dropdown .dropdown-toggle {
|
||||
font-size : 1.2rem;
|
||||
}
|
||||
.modal-calendar .calendar-dropdown .dropdown-toggle:after {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.modal-calendar #cal-start-date:disabled {
|
||||
opacity : 0.5;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.fc .fc-header-toolbar {
|
||||
margin-bottom : 2rem;
|
||||
}
|
||||
.fc .fc-header-toolbar .bullets-group-1 [class*='category-'] {
|
||||
margin : 0.3rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.fc .fc-header-toolbar {
|
||||
-webkit-box-orient : vertical;
|
||||
-webkit-box-direction : normal;
|
||||
-webkit-flex-direction : column;
|
||||
-ms-flex-direction : column;
|
||||
flex-direction : column;
|
||||
margin-bottom : 2rem;
|
||||
}
|
||||
.fc .fc-header-toolbar .bullets-group-1 {
|
||||
display : none;
|
||||
}
|
||||
.fc .fc-header-toolbar .fc-left {
|
||||
margin-bottom : 1rem;
|
||||
}
|
||||
.fc .fc-header-toolbar .fc-center {
|
||||
margin : 1 auto;
|
||||
margin-bottom : 0;
|
||||
}
|
||||
.fc .fc-header-toolbar .fc-right {
|
||||
margin : 1rem auto;
|
||||
}
|
||||
.fc .fc-header-toolbar .fc-right div:first-child {
|
||||
-webkit-box-pack : center;
|
||||
-webkit-justify-content : center;
|
||||
-ms-flex-pack : center;
|
||||
justify-content : center;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,13 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
/********* CONTEXT MENU *********/
|
||||
.context-menu-list {
|
||||
width : 248px;
|
||||
}
|
||||
.context-menu-list .context-menu-item {
|
||||
padding : 0.6rem 2rem;
|
||||
}
|
||||
.context-menu-list .context-menu-item:not(:last-child) {
|
||||
border-bottom : 1px solid #DAE1E7;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.context-menu-list{width:248px}.context-menu-list .context-menu-item{padding:.6rem 2rem}.context-menu-list .context-menu-item:not(:last-child){border-bottom:1px solid #DAE1E7}
|
||||
@@ -0,0 +1,29 @@
|
||||
#draggable-cards .card {
|
||||
cursor : -webkit-grab;
|
||||
cursor : grab;
|
||||
}
|
||||
|
||||
#basic-list-group .list-group-item, #multiple-list-group-a .list-group-item, #multiple-list-group-b .list-group-item {
|
||||
cursor : -webkit-grab;
|
||||
cursor : grab;
|
||||
}
|
||||
|
||||
#clone-lists .chip {
|
||||
cursor : -webkit-grab;
|
||||
cursor : grab;
|
||||
}
|
||||
|
||||
#multiple-list-group-a, #multiple-list-group-b {
|
||||
min-height : 5.714rem;
|
||||
}
|
||||
|
||||
#dd-with-handle .list-group {
|
||||
min-height : 5.714rem;
|
||||
}
|
||||
#dd-with-handle .list-group .handle {
|
||||
padding : 0 5px;
|
||||
margin-right : 5px;
|
||||
background-color : rgba(0, 0, 0, 0.1);
|
||||
cursor : move;
|
||||
font-size : 1.2rem;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
#basic-list-group .list-group-item,#clone-lists .chip,#draggable-cards .card,#multiple-list-group-a .list-group-item,#multiple-list-group-b .list-group-item{cursor:-webkit-grab;cursor:grab}#dd-with-handle .list-group,#multiple-list-group-a,#multiple-list-group-b{min-height:5.714rem}#dd-with-handle .list-group .handle{padding:0 5px;margin-right:5px;background-color:rgba(0,0,0,.1);cursor:move;font-size:1.2rem}
|
||||
@@ -0,0 +1,17 @@
|
||||
.audio-player:focus {
|
||||
outline : 0;
|
||||
}
|
||||
|
||||
.plyr__controls {
|
||||
-webkit-box-pack : start;
|
||||
-webkit-justify-content : flex-start;
|
||||
-ms-flex-pack : start;
|
||||
justify-content : flex-start;
|
||||
}
|
||||
|
||||
.plyr__progress {
|
||||
-webkit-box-flex : 1;
|
||||
-webkit-flex-grow : 1;
|
||||
-ms-flex-positive : 1;
|
||||
flex-grow : 1;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.audio-player:focus{outline:0}.plyr__controls{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.plyr__progress{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
|
||||
@@ -0,0 +1,204 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.noUi-background {
|
||||
background : #F0F0F0;
|
||||
}
|
||||
|
||||
.noUi-target {
|
||||
background-color : #EBEBEB;
|
||||
border : none;
|
||||
box-shadow : none;
|
||||
border-radius : 1rem;
|
||||
}
|
||||
.noUi-target.noUi-connect {
|
||||
box-shadow : none;
|
||||
}
|
||||
|
||||
.noUi-horizontal {
|
||||
height : 10px;
|
||||
padding-right : 17px;
|
||||
}
|
||||
.noUi-horizontal .noUi-handle {
|
||||
width : 20px;
|
||||
height : 20px;
|
||||
top : -5px;
|
||||
left : -1px;
|
||||
cursor : pointer;
|
||||
}
|
||||
.noUi-horizontal .noUi-origin {
|
||||
left : 17px;
|
||||
right : -17px;
|
||||
}
|
||||
.noUi-horizontal.slider-xl {
|
||||
height : 14px;
|
||||
}
|
||||
.noUi-horizontal.slider-xl .noUi-handle {
|
||||
width : 28px;
|
||||
height : 28px;
|
||||
top : -7px;
|
||||
}
|
||||
.noUi-horizontal.slider-lg {
|
||||
height : 12px;
|
||||
}
|
||||
.noUi-horizontal.slider-lg .noUi-handle {
|
||||
width : 24px;
|
||||
height : 24px;
|
||||
top : -6px;
|
||||
}
|
||||
.noUi-horizontal.slider-sm {
|
||||
height : 6px;
|
||||
}
|
||||
.noUi-horizontal.slider-sm .noUi-handle {
|
||||
height : 15px;
|
||||
width : 15px;
|
||||
right : -2px !important;
|
||||
}
|
||||
.noUi-horizontal.slider-xs {
|
||||
height : 3px;
|
||||
}
|
||||
.noUi-horizontal.slider-xs .noUi-handle {
|
||||
height : 10px;
|
||||
width : 10px;
|
||||
top : -4px;
|
||||
right : -2px !important;
|
||||
}
|
||||
|
||||
.noUi-handle {
|
||||
box-shadow : none;
|
||||
border : none;
|
||||
border-radius : 50%;
|
||||
background : #FFFFFF;
|
||||
border : 5px solid #7367F0;
|
||||
}
|
||||
.noUi-handle:after, .noUi-handle:before {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.circle-filled .noUi-handle {
|
||||
background : #7367F0;
|
||||
border-radius : 50%;
|
||||
}
|
||||
.circle-filled .noUi-handle:after, .circle-filled .noUi-handle:before {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.square .noUi-handle {
|
||||
background : #7367F0;
|
||||
border-radius : 3px;
|
||||
}
|
||||
.square .noUi-handle:before {
|
||||
display : block;
|
||||
width : 2px;
|
||||
height : 10px;
|
||||
left : 2px;
|
||||
top : 0;
|
||||
}
|
||||
.square .noUi-handle:after {
|
||||
display : block;
|
||||
width : 2px;
|
||||
height : 10px;
|
||||
left : 7px;
|
||||
top : 0;
|
||||
}
|
||||
|
||||
.square.slider-xl .noUi-handle:before {
|
||||
left : 5px;
|
||||
top : 4px;
|
||||
}
|
||||
|
||||
.square.slider-xl .noUi-handle:after {
|
||||
left : 10px;
|
||||
top : 4px;
|
||||
}
|
||||
|
||||
.square.slider-lg .noUi-handle:before {
|
||||
left : 3px;
|
||||
top : 2px;
|
||||
}
|
||||
|
||||
.square.slider-lg .noUi-handle:after {
|
||||
left : 8px;
|
||||
top : 2px;
|
||||
}
|
||||
|
||||
.square.slider-sm .noUi-handle:before {
|
||||
left : -1px;
|
||||
top : -1px;
|
||||
height : 7px;
|
||||
}
|
||||
|
||||
.square.slider-sm .noUi-handle:after {
|
||||
left : 4px;
|
||||
top : -1px;
|
||||
height : 7px;
|
||||
}
|
||||
|
||||
.square.slider-xs .noUi-handle:before {
|
||||
left : -3px;
|
||||
top : -3px;
|
||||
height : 5px;
|
||||
}
|
||||
|
||||
.square.slider-xs .noUi-handle:after {
|
||||
left : 1px;
|
||||
top : -3px;
|
||||
height : 5px;
|
||||
}
|
||||
|
||||
.noUi-connect {
|
||||
background : #7367F0;
|
||||
box-shadow : none;
|
||||
}
|
||||
|
||||
.noUi-vertical {
|
||||
display : inline-block;
|
||||
width : 8px;
|
||||
height : 150px;
|
||||
}
|
||||
.noUi-vertical .noUi-handle {
|
||||
width : 20px;
|
||||
height : 20px;
|
||||
top : -5px;
|
||||
left : -6px;
|
||||
}
|
||||
.noUi-vertical.square .noUi-handle {
|
||||
background : #7367F0;
|
||||
border-radius : 3px;
|
||||
}
|
||||
.noUi-vertical.square .noUi-handle:before {
|
||||
display : block;
|
||||
width : 12px;
|
||||
height : 2px;
|
||||
left : -1px;
|
||||
top : 2px;
|
||||
}
|
||||
.noUi-vertical.square .noUi-handle:after {
|
||||
display : block;
|
||||
width : 12px;
|
||||
height : 2px;
|
||||
left : -1px;
|
||||
top : 7px;
|
||||
}
|
||||
.noUi-vertical .noUi-tooltip {
|
||||
-webkit-transform : translate(-10%, -50%);
|
||||
-ms-transform : translate(-10%, -50%);
|
||||
transform : translate(-10%, -50%);
|
||||
}
|
||||
|
||||
.example-val {
|
||||
font : 400 12px Arial;
|
||||
color : #888888;
|
||||
display : block;
|
||||
margin : 15px 0;
|
||||
}
|
||||
|
||||
.noUi-handle:focus {
|
||||
outline : 0;
|
||||
}
|
||||
|
||||
_:-ms-lang(x), .slider-select {
|
||||
-ms-flex : 0 0 10%;
|
||||
flex : 0 0 10%;
|
||||
max-width : 10%;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.circle-filled .noUi-handle:after,.circle-filled .noUi-handle:before,.noUi-handle:after,.noUi-handle:before{display:none}.noUi-connect,.noUi-handle,.noUi-target,.noUi-target.noUi-connect{box-shadow:none}.noUi-background{background:#F0F0F0}.noUi-target{background-color:#EBEBEB;border:none;border-radius:1rem}.noUi-horizontal{height:10px;padding-right:17px}.noUi-horizontal .noUi-handle{width:20px;height:20px;top:-5px;left:-1px;cursor:pointer}.noUi-horizontal .noUi-origin{left:17px;right:-17px}.noUi-horizontal.slider-xl{height:14px}.noUi-horizontal.slider-xl .noUi-handle{width:28px;height:28px;top:-7px}.noUi-horizontal.slider-lg{height:12px}.noUi-horizontal.slider-lg .noUi-handle{width:24px;height:24px;top:-6px}.noUi-horizontal.slider-sm{height:6px}.noUi-horizontal.slider-sm .noUi-handle{height:15px;width:15px;right:-2px!important}.noUi-horizontal.slider-xs{height:3px}.noUi-horizontal.slider-xs .noUi-handle{height:10px;width:10px;top:-4px;right:-2px!important}.noUi-handle{border-radius:50%;background:#FFF;border:5px solid #7367F0}.circle-filled .noUi-handle{background:#7367F0;border-radius:50%}.noUi-vertical.square .noUi-handle,.square .noUi-handle{background:#7367F0;border-radius:3px}.square .noUi-handle:before{display:block;width:2px;height:10px;left:2px;top:0}.square .noUi-handle:after{display:block;width:2px;height:10px;left:7px;top:0}.square.slider-xl .noUi-handle:before{left:5px;top:4px}.square.slider-xl .noUi-handle:after{left:10px;top:4px}.square.slider-lg .noUi-handle:before{left:3px;top:2px}.square.slider-lg .noUi-handle:after{left:8px;top:2px}.square.slider-sm .noUi-handle:before{left:-1px;top:-1px;height:7px}.square.slider-sm .noUi-handle:after{left:4px;top:-1px;height:7px}.square.slider-xs .noUi-handle:before{left:-3px;top:-3px;height:5px}.square.slider-xs .noUi-handle:after{left:1px;top:-3px;height:5px}.noUi-connect{background:#7367F0}.noUi-vertical{display:inline-block;width:8px;height:150px}.noUi-vertical .noUi-handle{width:20px;height:20px;top:-5px;left:-6px}.noUi-vertical.square .noUi-handle:before{display:block;width:12px;height:2px;left:-1px;top:2px}.noUi-vertical.square .noUi-handle:after{display:block;width:12px;height:2px;left:-1px;top:7px}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(-10%,-50%);-ms-transform:translate(-10%,-50%);transform:translate(-10%,-50%)}.example-val{font:400 12px Arial;color:#888;display:block;margin:15px 0}.noUi-handle:focus{outline:0}.slider-select,_:-ms-lang(x){-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}
|
||||
@@ -0,0 +1,181 @@
|
||||
/*=========================================================================================
|
||||
File Name: swiper.scss
|
||||
Description: swiper plugin scss.
|
||||
----------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
/* Swiper css */
|
||||
/* ---------- */
|
||||
/* swiper slide shadow */
|
||||
.swiper-container .swiper-shadow {
|
||||
box-shadow : 2px 8px 10px 0 rgba(25, 42, 70, 0.13) !important;
|
||||
}
|
||||
|
||||
.swiper-centered-slides.swiper-container .swiper-slide {
|
||||
text-align : center;
|
||||
font-weight : 500;
|
||||
background-color : #FFFFFF;
|
||||
height : auto;
|
||||
width : auto !important;
|
||||
padding : 2rem 5.5rem;
|
||||
cursor : pointer;
|
||||
}
|
||||
.swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active {
|
||||
border : 2px solid #7367F0;
|
||||
}
|
||||
.swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active i {
|
||||
color : #7367F0;
|
||||
}
|
||||
|
||||
.swiper-centered-slides .swiper-button-next:after, .swiper-centered-slides .swiper-button-prev:after {
|
||||
border-radius : 50%;
|
||||
background-color : #7367F0;
|
||||
box-shadow : 0 2px 4px 0 rgba(34, 41, 47, 0.5) !important;
|
||||
}
|
||||
|
||||
.swiper-centered-slides-2.swiper-container .swiper-slide {
|
||||
font-weight : 500;
|
||||
background-color : #F2F4F4;
|
||||
height : auto;
|
||||
width : auto !important;
|
||||
cursor : pointer;
|
||||
}
|
||||
.swiper-centered-slides-2.swiper-container .swiper-slide.swiper-slide-active {
|
||||
color : #FFFFFF;
|
||||
background-color : #7367F0;
|
||||
box-shadow : 0 3px 6px 0 rgba(115, 103, 240, 0.5) !important;
|
||||
}
|
||||
|
||||
/* cube effect */
|
||||
.swiper-cube-effect.swiper-container {
|
||||
width : 300px;
|
||||
left : 50%;
|
||||
margin-left : -150px;
|
||||
margin-top : -12px;
|
||||
}
|
||||
|
||||
/* swiper coverflow slide width */
|
||||
.swiper-coverflow.swiper-container .swiper-slide {
|
||||
width : 300px;
|
||||
}
|
||||
|
||||
.gallery-thumbs {
|
||||
padding : 10px 0;
|
||||
background : #22292F;
|
||||
}
|
||||
.gallery-thumbs .swiper-slide {
|
||||
opacity : 0.4;
|
||||
}
|
||||
.gallery-thumbs .swiper-slide-thumb-active {
|
||||
opacity : 1;
|
||||
}
|
||||
|
||||
.swiper-parallax .swiper-slide {
|
||||
padding : 2.67rem 4rem;
|
||||
}
|
||||
.swiper-parallax .swiper-slide .title {
|
||||
font-size : 1.14rem;
|
||||
padding : 0.5rem 0;
|
||||
}
|
||||
.swiper-parallax .swiper-slide .text {
|
||||
font-size : 1rem;
|
||||
}
|
||||
|
||||
.swiper-parallax .parallax-bg {
|
||||
position : absolute;
|
||||
width : 130%;
|
||||
}
|
||||
|
||||
.swiper-virtual.swiper-container {
|
||||
height : 300px;
|
||||
}
|
||||
.swiper-virtual.swiper-container .swiper-slide {
|
||||
/* virtual slides */
|
||||
font-size : 1.51rem;
|
||||
background-color : #EEEEEE;
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-pack : center;
|
||||
-webkit-justify-content : center;
|
||||
-ms-flex-pack : center;
|
||||
justify-content : center;
|
||||
-webkit-box-align : center;
|
||||
-webkit-align-items : center;
|
||||
-ms-flex-align : center;
|
||||
align-items : center;
|
||||
}
|
||||
|
||||
.swiper-button-prev, .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
|
||||
background-image : none;
|
||||
color : #FFFFFF;
|
||||
width : 35px;
|
||||
font-size : 2rem;
|
||||
}
|
||||
.swiper-button-prev:focus, .swiper-button-next:focus, .swiper-container-rtl .swiper-button-prev:focus, .swiper-container-rtl .swiper-button-next:focus {
|
||||
outline : none;
|
||||
}
|
||||
.swiper-button-prev:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
|
||||
font-family : 'feather';
|
||||
}
|
||||
|
||||
.swiper-button-prev:after {
|
||||
content : '\e843';
|
||||
padding-right : 1px;
|
||||
}
|
||||
|
||||
.swiper-button-next:after {
|
||||
content : '\e844';
|
||||
padding-left : 2px;
|
||||
}
|
||||
|
||||
.swiper-container-rtl .swiper-button-prev:after {
|
||||
content : '\e844';
|
||||
}
|
||||
|
||||
.swiper-container-rtl .swiper-button-next:after {
|
||||
content : '\e843';
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.swiper-button-prev {
|
||||
font-size : 1.32rem;
|
||||
top : 55%;
|
||||
}
|
||||
.swiper-button-next {
|
||||
font-size : 1.32rem;
|
||||
top : 55%;
|
||||
width : 15px;
|
||||
}
|
||||
.swiper-parallax .swiper-slide {
|
||||
padding : 1rem 1.2rem;
|
||||
}
|
||||
.swiper-parallax img {
|
||||
height : 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
.swiper-centered-slides.swiper-container .swiper-slide {
|
||||
padding : 1.6rem 2.5rem;
|
||||
}
|
||||
.swiper-centered-slides.swiper-container .swiper-slide i {
|
||||
font-size : 1.14rem !important;
|
||||
}
|
||||
.swiper-cube-effect.swiper-container {
|
||||
width : 150px;
|
||||
left : 70%;
|
||||
}
|
||||
.swiper-parallax .swiper-slide {
|
||||
padding : 1rem 1.3rem;
|
||||
}
|
||||
.swiper-virtual.swiper-container .swiper-slide {
|
||||
font-size : 1rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.swiper-container .swiper-shadow{box-shadow:2px 8px 10px 0 rgba(25,42,70,.13)!important}.swiper-centered-slides.swiper-container .swiper-slide{text-align:center;font-weight:500;background-color:#FFF;height:auto;width:auto!important;padding:2rem 5.5rem;cursor:pointer}.swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active{border:2px solid #7367F0}.swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active i{color:#7367F0}.swiper-centered-slides .swiper-button-next:after,.swiper-centered-slides .swiper-button-prev:after{border-radius:50%;background-color:#7367F0;box-shadow:0 2px 4px 0 rgba(34,41,47,.5)!important}.swiper-centered-slides-2.swiper-container .swiper-slide{font-weight:500;background-color:#F2F4F4;height:auto;width:auto!important;cursor:pointer}.swiper-centered-slides-2.swiper-container .swiper-slide.swiper-slide-active{color:#FFF;background-color:#7367F0;box-shadow:0 3px 6px 0 rgba(115,103,240,.5)!important}.swiper-cube-effect.swiper-container{width:300px;left:50%;margin-left:-150px;margin-top:-12px}.swiper-coverflow.swiper-container .swiper-slide{width:300px}.gallery-thumbs{padding:10px 0;background:#22292F}.gallery-thumbs .swiper-slide{opacity:.4}.gallery-thumbs .swiper-slide-thumb-active{opacity:1}.swiper-parallax .swiper-slide{padding:2.67rem 4rem}.swiper-parallax .swiper-slide .title{font-size:1.14rem;padding:.5rem 0}.swiper-parallax .swiper-slide .text{font-size:1rem}.swiper-parallax .parallax-bg{position:absolute;width:130%}.swiper-virtual.swiper-container{height:300px}.swiper-virtual.swiper-container .swiper-slide{font-size:1.51rem;background-color:#EEE;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.swiper-button-next,.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:none;color:#FFF;width:35px;font-size:2rem}.swiper-button-next:focus,.swiper-button-prev:focus,.swiper-container-rtl .swiper-button-next:focus,.swiper-container-rtl .swiper-button-prev:focus{outline:0}.swiper-button-next:after,.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{font-family:feather}.swiper-button-prev:after{content:'\e843';padding-right:1px}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'\e844'}.swiper-button-next:after{padding-left:2px}.swiper-container-rtl .swiper-button-next:after{content:'\e843'}@media only screen and (max-width:768px){.swiper-button-next,.swiper-button-prev{font-size:1.32rem;top:55%}.swiper-button-next{width:15px}.swiper-parallax .swiper-slide{padding:1rem 1.2rem}.swiper-parallax img{height:100%!important}}@media only screen and (max-width:576px){.swiper-centered-slides.swiper-container .swiper-slide{padding:1.6rem 2.5rem}.swiper-centered-slides.swiper-container .swiper-slide i{font-size:1.14rem!important}.swiper-cube-effect.swiper-container{width:150px;left:70%}.swiper-parallax .swiper-slide{padding:1rem 1.3rem}.swiper-virtual.swiper-container .swiper-slide{font-size:1rem}}
|
||||
@@ -0,0 +1,33 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
#toast-container > div {
|
||||
opacity : 0.9;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
|
||||
filter : alpha(opacity=90);
|
||||
max-width : none;
|
||||
}
|
||||
|
||||
#toast-container > div:hover {
|
||||
box-shadow : 2px 2px 10px 0 rgba(0, 0, 0, 0.75);
|
||||
}
|
||||
|
||||
.toast {
|
||||
background-color : #7367F0;
|
||||
}
|
||||
|
||||
.toast-success {
|
||||
background-color : #28C76F;
|
||||
}
|
||||
|
||||
.toast-error {
|
||||
background-color : #EA5455;
|
||||
}
|
||||
|
||||
.toast-info {
|
||||
background-color : #00CFE8;
|
||||
}
|
||||
|
||||
.toast-warning {
|
||||
background-color : #FF9F43;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
#toast-container>div{opacity:.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);filter:alpha(opacity=90);max-width:none}#toast-container>div:hover{box-shadow:2px 2px 10px 0 rgba(0,0,0,.75)}.toast{background-color:#7367F0}.toast-success{background-color:#28C76F}.toast-error{background-color:#EA5455}.toast-info{background-color:#00CFE8}.toast-warning{background-color:#FF9F43}
|
||||
@@ -0,0 +1,73 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.dropzone {
|
||||
min-height : 350px;
|
||||
border : 2px dashed #7367F0;
|
||||
background : #F8F8F8;
|
||||
}
|
||||
.dropzone .dz-message {
|
||||
font-size : 2rem;
|
||||
position : absolute;
|
||||
top : 50%;
|
||||
left : 0;
|
||||
width : 100%;
|
||||
height : 300px;
|
||||
margin-top : -30px;
|
||||
color : #7367F0;
|
||||
text-align : center;
|
||||
}
|
||||
.dropzone .dz-message:before {
|
||||
content : '\e864';
|
||||
font-family : 'feather';
|
||||
font-size : 80px;
|
||||
position : absolute;
|
||||
top : 48px;
|
||||
width : 80px;
|
||||
height : 80px;
|
||||
display : inline-block;
|
||||
left : 50%;
|
||||
margin-left : -40px;
|
||||
line-height : 1;
|
||||
z-index : 2;
|
||||
color : #7367F0;
|
||||
text-indent : 0;
|
||||
font-weight : normal;
|
||||
-webkit-font-smoothing : antialiased;
|
||||
}
|
||||
.dropzone .dz-preview {
|
||||
background : transparent;
|
||||
}
|
||||
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
|
||||
background-image : url('../../../images/dropzone/spritemap.png');
|
||||
}
|
||||
.dropzone .dz-preview .dz-error-message {
|
||||
min-width : 113px;
|
||||
top : 0;
|
||||
left : 0;
|
||||
}
|
||||
.dropzone .dz-preview .dz-remove {
|
||||
font-size : 1.1rem;
|
||||
color : #EA5455;
|
||||
line-height : 2rem;
|
||||
}
|
||||
.dropzone .dz-preview .dz-remove:before {
|
||||
content : '\e8f6';
|
||||
font-family : 'feather';
|
||||
display : inline-block;
|
||||
line-height : 1;
|
||||
z-index : 2;
|
||||
text-indent : 0;
|
||||
font-weight : normal;
|
||||
-webkit-font-smoothing : antialiased;
|
||||
}
|
||||
.dropzone .dz-preview .dz-remove:hover {
|
||||
text-decoration : none;
|
||||
color : #E42728;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.dropzone .dz-message:before {
|
||||
top : 7.14rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.dropzone .dz-message:before,.dropzone .dz-preview .dz-remove:before{font-family:feather;display:inline-block;z-index:2;text-indent:0;font-weight:400;-webkit-font-smoothing:antialiased}.dropzone{min-height:350px;border:2px dashed #7367F0;background:#F8F8F8}.dropzone .dz-message{font-size:2rem;position:absolute;top:50%;left:0;width:100%;height:300px;margin-top:-30px;color:#7367F0;text-align:center}.dropzone .dz-message:before{content:'\e864';font-size:80px;position:absolute;top:48px;width:80px;height:80px;left:50%;margin-left:-40px;line-height:1;color:#7367F0}.dropzone .dz-preview{background:0 0}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{background-image:url(../../../images/dropzone/spritemap.png)}.dropzone .dz-preview .dz-error-message{min-width:113px;top:0;left:0}.dropzone .dz-preview .dz-remove{font-size:1.1rem;color:#EA5455;line-height:2rem}.dropzone .dz-preview .dz-remove:before{content:'\e8f6';line-height:1}.dropzone .dz-preview .dz-remove:hover{text-decoration:none;color:#E42728}@media (max-width:576px){.dropzone .dz-message:before{top:7.14rem}}
|
||||
@@ -0,0 +1,32 @@
|
||||
/* Typeahead Starts */
|
||||
.typeahead .twitter-typeahead {
|
||||
width : 100%;
|
||||
}
|
||||
.typeahead .twitter-typeahead .tt-menu {
|
||||
width : 100%;
|
||||
}
|
||||
.typeahead .twitter-typeahead .empty-message {
|
||||
padding : 5px 10px;
|
||||
text-align : center;
|
||||
}
|
||||
.typeahead .twitter-typeahead .rtl-typeahead .tt-menu {
|
||||
text-align : right;
|
||||
}
|
||||
.typeahead .twitter-typeahead .league-name {
|
||||
margin : 0 10px 5px 10px;
|
||||
padding : 7px 5px 10px;
|
||||
border-bottom : 1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
.typeahead .scrollable-dropdown .twitter-typeahead .tt-menu {
|
||||
max-height : 150px;
|
||||
overflow-y : auto;
|
||||
}
|
||||
|
||||
/* Typeahead Ends */
|
||||
/* MaxLength Starts */
|
||||
.bootstrap-maxlength {
|
||||
margin-top : 0.5rem;
|
||||
}
|
||||
|
||||
/* MaxLength Ends */
|
||||
@@ -0,0 +1 @@
|
||||
.typeahead .twitter-typeahead,.typeahead .twitter-typeahead .tt-menu{width:100%}.typeahead .twitter-typeahead .empty-message{padding:5px 10px;text-align:center}.typeahead .twitter-typeahead .rtl-typeahead .tt-menu{text-align:right}.typeahead .twitter-typeahead .league-name{margin:0 10px 5px;padding:7px 5px 10px;border-bottom:1px solid #CCC}.typeahead .scrollable-dropdown .twitter-typeahead .tt-menu{max-height:150px;overflow-y:auto}.bootstrap-maxlength{margin-top:.5rem}
|
||||
@@ -0,0 +1,28 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
/* For Input Group TouchPin */
|
||||
#touchspin .input-group.bootstrap-touchspin .input-group-prepend, #touchspin .input-group.bootstrap-touchspin .input-group-append {
|
||||
display : block;
|
||||
}
|
||||
|
||||
/* For Input Group TouchPin */
|
||||
.segmented-buttons-with-dropdown .input-group .form-control, .buttons-with-dropdown .input-group .form-control {
|
||||
height : 3rem;
|
||||
}
|
||||
|
||||
.bootstrap-touchspin.touchspin-with-icon .input-group-append .input-group-text i {
|
||||
font-size : 1.25rem;
|
||||
}
|
||||
|
||||
.bootstrap-touchspin-spinners .touchspin-spinners-wrapper .input-group .touchspin, .bootstrap-touchspin-spinners .touchspin-spinners-wrapper .input-group .touchspin-stop-mousewheel {
|
||||
height : calc(calc(1.25em + 1.4rem)-0.05rem + 2.2px);
|
||||
}
|
||||
|
||||
.bootstrap-touchspin-spinners .touchspin-spinners-wrapper .input-group.touchspin-with-icon .input-group-text.bootstrap-touchspin-postfix {
|
||||
padding : 0.85rem 1rem;
|
||||
}
|
||||
|
||||
.bootstrap-touchspin-spinners .touchspin-spinners-wrapper .default-height .input-group.touchspin-vertical {
|
||||
height : calc(2.9rem + 2px);
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
#touchspin .input-group.bootstrap-touchspin .input-group-append,#touchspin .input-group.bootstrap-touchspin .input-group-prepend{display:block}.buttons-with-dropdown .input-group .form-control,.segmented-buttons-with-dropdown .input-group .form-control{height:3rem}.bootstrap-touchspin.touchspin-with-icon .input-group-append .input-group-text i{font-size:1.25rem}.bootstrap-touchspin-spinners .touchspin-spinners-wrapper .input-group .touchspin,.bootstrap-touchspin-spinners .touchspin-spinners-wrapper .input-group .touchspin-stop-mousewheel{height:calc(calc(1.25em + 1.4rem) -.05rem + 2.2px)}.bootstrap-touchspin-spinners .touchspin-spinners-wrapper .input-group.touchspin-with-icon .input-group-text.bootstrap-touchspin-postfix{padding:.85rem 1rem}.bootstrap-touchspin-spinners .touchspin-spinners-wrapper .default-height .input-group.touchspin-vertical{height:calc(2.9rem + 2px)}
|
||||
@@ -0,0 +1,24 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.form-group.issue .help-block, .form-group.issue .help-inline, .form-group.error .help-block, .form-group.error .help-inline {
|
||||
color : #EA5455;
|
||||
}
|
||||
|
||||
.form-group.issue input, .form-group.issue select, .form-group.issue textarea, .form-group.error input, .form-group.error select, .form-group.error textarea {
|
||||
border-color : #EA5455;
|
||||
}
|
||||
|
||||
.form-group.issue input:focus, .form-group.issue select:focus, .form-group.issue textarea:focus, .form-group.error input:focus, .form-group.error select:focus, .form-group.error textarea:focus {
|
||||
border-color : #EA5455;
|
||||
box-shadow : 0 3 10px 0 #EA5455;
|
||||
}
|
||||
|
||||
.form-group .help-block ul {
|
||||
padding-left : 0;
|
||||
}
|
||||
.form-group .help-block ul li {
|
||||
list-style-type : none;
|
||||
font-size : 0.875rem;
|
||||
padding-top : 0.2rem;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.form-group.error .help-block,.form-group.error .help-inline,.form-group.issue .help-block,.form-group.issue .help-inline{color:#EA5455}.form-group.error input,.form-group.error select,.form-group.error textarea,.form-group.issue input,.form-group.issue select,.form-group.issue textarea{border-color:#EA5455}.form-group.error input:focus,.form-group.error select:focus,.form-group.error textarea:focus,.form-group.issue input:focus,.form-group.issue select:focus,.form-group.issue textarea:focus{border-color:#EA5455;box-shadow:0 3 10px 0 #EA5455}.form-group .help-block ul{padding-left:0}.form-group .help-block ul li{list-style-type:none;font-size:.875rem;padding-top:.2rem}
|
||||
@@ -0,0 +1,261 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.app-content .wizard {
|
||||
width : 100%;
|
||||
}
|
||||
.app-content .wizard .content {
|
||||
margin-left : 0 !important;
|
||||
}
|
||||
.app-content .wizard > .steps {
|
||||
position : relative;
|
||||
display : block;
|
||||
width : 100%;
|
||||
}
|
||||
.app-content .wizard > .steps .current-info {
|
||||
position : absolute;
|
||||
left : -99999px;
|
||||
}
|
||||
.app-content .wizard > .steps > ul {
|
||||
display : table;
|
||||
width : 100%;
|
||||
table-layout : fixed;
|
||||
margin : 0;
|
||||
padding : 0;
|
||||
list-style : none;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li {
|
||||
display : table-cell;
|
||||
width : auto;
|
||||
vertical-align : top;
|
||||
text-align : center;
|
||||
position : relative;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li a {
|
||||
position : relative;
|
||||
padding-top : 52px;
|
||||
margin-top : 20px;
|
||||
margin-bottom : 20px;
|
||||
display : block;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li:before {
|
||||
content : '';
|
||||
display : block;
|
||||
position : absolute;
|
||||
z-index : 9;
|
||||
left : 0;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li:after {
|
||||
content : '';
|
||||
display : block;
|
||||
position : absolute;
|
||||
z-index : 9;
|
||||
right : 0;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li:last-child:after {
|
||||
content : none;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li.current > a {
|
||||
color : #7367F0;
|
||||
cursor : default;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li.current .step {
|
||||
border-color : #7367F0;
|
||||
background-color : #7367F0;
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li.disabled a {
|
||||
color : #636363;
|
||||
cursor : default;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li.disabled a:hover {
|
||||
color : #636363;
|
||||
cursor : default;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li.disabled a:focus {
|
||||
color : #636363;
|
||||
cursor : default;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li.disabled .step {
|
||||
color : #B8C2CC;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li.done a {
|
||||
color : #636363;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li.done a:hover {
|
||||
color : #636363;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li.done a:focus {
|
||||
color : #636363;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li.done .step {
|
||||
background-color : #FFFFFF;
|
||||
border-color : #7367F0;
|
||||
color : #B8C2CC;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li.done:last-child .step {
|
||||
background-color : #7367F0;
|
||||
border-color : #7367F0;
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li.error > a {
|
||||
color : #EA5455;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li.error .step {
|
||||
border-color : #EA5455;
|
||||
color : #FFFFFF;
|
||||
background-color : #EA5455;
|
||||
}
|
||||
.app-content .wizard > .steps .step {
|
||||
background-color : #FFFFFF;
|
||||
display : inline-block;
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 50%;
|
||||
margin-left : -24px;
|
||||
z-index : 10;
|
||||
text-align : center;
|
||||
}
|
||||
.app-content .wizard > .steps .step i {
|
||||
position : relative;
|
||||
top : 2px;
|
||||
}
|
||||
.app-content .wizard > .content {
|
||||
position : relative;
|
||||
width : auto;
|
||||
padding : 0;
|
||||
margin : 0;
|
||||
}
|
||||
.app-content .wizard > .content > .title {
|
||||
position : absolute;
|
||||
left : -99999px;
|
||||
}
|
||||
.app-content .wizard > .content > .body {
|
||||
padding : 0 20px;
|
||||
}
|
||||
.app-content .wizard > .content > iframe {
|
||||
border : 0 none;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
}
|
||||
.app-content .wizard > .actions {
|
||||
position : relative;
|
||||
display : block;
|
||||
text-align : right;
|
||||
padding : 20px;
|
||||
padding-top : 0;
|
||||
}
|
||||
.app-content .wizard > .actions > ul {
|
||||
list-style : none;
|
||||
padding : 0;
|
||||
margin : 0;
|
||||
}
|
||||
.app-content .wizard > .actions > ul:after {
|
||||
content : '';
|
||||
display : table;
|
||||
clear : both;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li {
|
||||
float : left;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li + li {
|
||||
margin-left : 10px;
|
||||
float : right;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li > a {
|
||||
background : #7367F0;
|
||||
color : #FFFFFF;
|
||||
display : block;
|
||||
padding : 7px 12px;
|
||||
border-radius : 0.42rem;
|
||||
border : 1px solid transparent;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li > a:hover {
|
||||
box-shadow : 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li > a:focus {
|
||||
box-shadow : 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li > a:active {
|
||||
box-shadow : 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li > a[href='#previous'] {
|
||||
background-color : #7367F0;
|
||||
color : #FFFFFF;
|
||||
border-radius : 0.42rem;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li > a[href='#previous']:hover {
|
||||
box-shadow : 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li > a[href='#previous']:focus {
|
||||
box-shadow : 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li > a[href='#previous']:active {
|
||||
box-shadow : 0 0 0 100px rgba(0, 0, 0, 0.04) inset;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li.disabled > a {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li.disabled > a:hover {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li.disabled > a:focus {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li.disabled > a[href='#previous'] {
|
||||
box-shadow : none;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li.disabled > a[href='#previous']:hover {
|
||||
box-shadow : none;
|
||||
}
|
||||
.app-content .wizard > .actions > ul > li.disabled > a[href='#previous']:focus {
|
||||
box-shadow : none;
|
||||
}
|
||||
.app-content .wizard.wizard-circle > .steps > ul > li:before, .app-content .wizard.wizard-circle > .steps > ul > li:after {
|
||||
top : 43px;
|
||||
width : 50%;
|
||||
height : 3px;
|
||||
background-color : #7367F0;
|
||||
}
|
||||
.app-content .wizard.wizard-circle > .steps > ul > li.current:after {
|
||||
background-color : transparent;
|
||||
}
|
||||
.app-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before {
|
||||
background-color : transparent;
|
||||
}
|
||||
.app-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after {
|
||||
background-color : transparent;
|
||||
}
|
||||
.app-content .wizard.wizard-circle > .steps .step {
|
||||
width : 50px;
|
||||
height : 50px;
|
||||
line-height : 3rem;
|
||||
border : 3px solid #B8C2CC;
|
||||
font-size : 1.5rem;
|
||||
font-weight : 500;
|
||||
border-radius : 50%;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.app-content .wizard > .steps > ul {
|
||||
margin-bottom : 20px;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li {
|
||||
display : block;
|
||||
float : left;
|
||||
width : 33%;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li > a {
|
||||
margin-bottom : 0;
|
||||
}
|
||||
.app-content .wizard > .steps > ul > li:last-child:after {
|
||||
content : '';
|
||||
background-color : #7367F0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.app-content .wizard > .steps > ul > li.current:after {
|
||||
background-color : #7367F0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.app-content .wizard>.steps>ul>li:after,.app-content .wizard>.steps>ul>li:before{content:'';z-index:9;display:block;position:absolute}.app-content .wizard{width:100%}.app-content .wizard .content{margin-left:0!important}.app-content .wizard>.steps{position:relative;display:block;width:100%}.app-content .wizard>.steps .current-info{position:absolute;left:-99999px}.app-content .wizard>.steps>ul{display:table;width:100%;table-layout:fixed;margin:0;padding:0;list-style:none}.app-content .wizard>.steps>ul>li{display:table-cell;width:auto;vertical-align:top;text-align:center;position:relative}.app-content .wizard>.steps>ul>li a{position:relative;padding-top:52px;margin-top:20px;margin-bottom:20px;display:block}.app-content .wizard>.steps>ul>li:before{left:0}.app-content .wizard>.steps>ul>li:after{right:0}.app-content .wizard>.steps>ul>li:last-child:after{content:none}.app-content .wizard>.steps>ul>li.current>a{color:#7367F0;cursor:default}.app-content .wizard>.steps>ul>li.current .step{border-color:#7367F0;background-color:#7367F0;color:#FFF}.app-content .wizard>.steps>ul>li.disabled a,.app-content .wizard>.steps>ul>li.disabled a:focus,.app-content .wizard>.steps>ul>li.disabled a:hover{color:#636363;cursor:default}.app-content .wizard>.steps>ul>li.disabled .step{color:#B8C2CC}.app-content .wizard>.steps>ul>li.done a,.app-content .wizard>.steps>ul>li.done a:focus,.app-content .wizard>.steps>ul>li.done a:hover{color:#636363}.app-content .wizard>.steps>ul>li.done .step{background-color:#FFF;border-color:#7367F0;color:#B8C2CC}.app-content .wizard>.steps>ul>li.done:last-child .step{background-color:#7367F0;border-color:#7367F0;color:#FFF}.app-content .wizard>.steps>ul>li.error>a{color:#EA5455}.app-content .wizard>.steps>ul>li.error .step{border-color:#EA5455;color:#FFF;background-color:#EA5455}.app-content .wizard>.steps .step{background-color:#FFF;display:inline-block;position:absolute;top:0;left:50%;margin-left:-24px;z-index:10;text-align:center}.app-content .wizard>.steps .step i{position:relative;top:2px}.app-content .wizard>.content{position:relative;width:auto;padding:0;margin:0}.app-content .wizard>.content>.title{position:absolute;left:-99999px}.app-content .wizard>.content>.body{padding:0 20px}.app-content .wizard>.content>iframe{border:0;width:100%;height:100%}.app-content .wizard>.actions{position:relative;display:block;text-align:right;padding:0 20px 20px}.app-content .wizard>.actions>ul{list-style:none;padding:0;margin:0}.app-content .wizard>.actions>ul:after{content:'';display:table;clear:both}.app-content .wizard>.actions>ul>li{float:left}.app-content .wizard>.actions>ul>li+li{margin-left:10px;float:right}.app-content .wizard>.actions>ul>li>a{background:#7367F0;color:#FFF;display:block;padding:7px 12px;border-radius:.42rem;border:1px solid transparent}.app-content .wizard>.actions>ul>li>a:focus,.app-content .wizard>.actions>ul>li>a:hover{box-shadow:0 0 0 100px rgba(0,0,0,.05) inset}.app-content .wizard>.actions>ul>li>a:active{box-shadow:0 0 0 100px rgba(0,0,0,.1) inset}.app-content .wizard>.actions>ul>li>a[href='#previous']{background-color:#7367F0;color:#FFF;border-radius:.42rem}.app-content .wizard>.actions>ul>li>a[href='#previous']:focus,.app-content .wizard>.actions>ul>li>a[href='#previous']:hover{box-shadow:0 0 0 100px rgba(0,0,0,.02) inset}.app-content .wizard>.actions>ul>li>a[href='#previous']:active{box-shadow:0 0 0 100px rgba(0,0,0,.04) inset}.app-content .wizard>.actions>ul>li.disabled>a,.app-content .wizard>.actions>ul>li.disabled>a:focus,.app-content .wizard>.actions>ul>li.disabled>a:hover{color:#FFF}.app-content .wizard>.actions>ul>li.disabled>a[href='#previous'],.app-content .wizard>.actions>ul>li.disabled>a[href='#previous']:focus,.app-content .wizard>.actions>ul>li.disabled>a[href='#previous']:hover{box-shadow:none}.app-content .wizard.wizard-circle>.steps>ul>li:after,.app-content .wizard.wizard-circle>.steps>ul>li:before{top:43px;width:50%;height:3px;background-color:#7367F0}.app-content .wizard.wizard-circle>.steps>ul>li.current:after,.app-content .wizard.wizard-circle>.steps>ul>li.current~li:after,.app-content .wizard.wizard-circle>.steps>ul>li.current~li:before{background-color:transparent}.app-content .wizard.wizard-circle>.steps .step{width:50px;height:50px;line-height:3rem;border:3px solid #B8C2CC;font-size:1.5rem;font-weight:500;border-radius:50%}@media (max-width:768px){.app-content .wizard>.steps>ul{margin-bottom:20px}.app-content .wizard>.steps>ul>li{display:block;float:left;width:33%}.app-content .wizard>.steps>ul>li>a{margin-bottom:0}.app-content .wizard>.steps>ul>li:last-child:after{content:'';background-color:#7367F0}}@media (max-width:480px){.app-content .wizard>.steps>ul>li.current:after{background-color:#7367F0}}
|
||||
@@ -0,0 +1,44 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-beat {
|
||||
50% {
|
||||
opacity : 0.2;
|
||||
-webkit-transform : scale(0.75);
|
||||
transform : scale(0.75);
|
||||
}
|
||||
100% {
|
||||
opacity : 1;
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
}
|
||||
}
|
||||
@keyframes ball-beat {
|
||||
50% {
|
||||
opacity : 0.2;
|
||||
-webkit-transform : scale(0.75);
|
||||
transform : scale(0.75);
|
||||
}
|
||||
100% {
|
||||
opacity : 1;
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.ball-beat > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
display : inline-block;
|
||||
-webkit-animation : ball-beat 0.7s 0s infinite linear;
|
||||
animation : ball-beat 0.7s 0s infinite linear;
|
||||
}
|
||||
.ball-beat > div:nth-child(2n-1) {
|
||||
-webkit-animation-delay : -0.35s !important;
|
||||
animation-delay : -0.35s !important;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.ball-beat>div{background-color:#B8C2CC;width:15px;height:15px;border-radius:100%;margin:2px;display:inline-block;-webkit-animation:ball-beat .7s 0s infinite linear;animation:ball-beat .7s 0s infinite linear}.ball-beat>div:nth-child(2n-1){-webkit-animation-delay:-.35s!important;animation-delay:-.35s!important}
|
||||
@@ -0,0 +1,61 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes rotate {
|
||||
0% {
|
||||
-webkit-transform : rotate(0deg) scale(1);
|
||||
transform : rotate(0deg) scale(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : rotate(180deg) scale(0.6);
|
||||
transform : rotate(180deg) scale(0.6);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(360deg) scale(1);
|
||||
transform : rotate(360deg) scale(1);
|
||||
}
|
||||
}
|
||||
@keyframes rotate {
|
||||
0% {
|
||||
-webkit-transform : rotate(0deg) scale(1);
|
||||
transform : rotate(0deg) scale(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : rotate(180deg) scale(0.6);
|
||||
transform : rotate(180deg) scale(0.6);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(360deg) scale(1);
|
||||
transform : rotate(360deg) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.ball-clip-rotate-multiple {
|
||||
position : relative;
|
||||
}
|
||||
.ball-clip-rotate-multiple > div {
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
position : absolute;
|
||||
left : -20px;
|
||||
top : -20px;
|
||||
border : 2px solid #B8C2CC;
|
||||
border-bottom-color : transparent;
|
||||
border-top-color : transparent;
|
||||
border-radius : 100%;
|
||||
height : 35px;
|
||||
width : 35px;
|
||||
-webkit-animation : rotate 1s 0s ease-in-out infinite;
|
||||
animation : rotate 1s 0s ease-in-out infinite;
|
||||
}
|
||||
.ball-clip-rotate-multiple > div:last-child {
|
||||
display : inline-block;
|
||||
top : -10px;
|
||||
left : -10px;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
-webkit-animation-duration : 0.5s;
|
||||
animation-duration : 0.5s;
|
||||
border-color : #B8C2CC transparent #B8C2CC transparent;
|
||||
animation-direction : reverse;
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}@keyframes rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}.ball-clip-rotate-multiple{position:relative}.ball-clip-rotate-multiple>div{position:absolute;left:-20px;top:-20px;border:2px solid #B8C2CC;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:35px;width:35px;-webkit-animation:rotate 1s 0s ease-in-out infinite;animation:rotate 1s 0s ease-in-out infinite}.ball-clip-rotate-multiple>div:last-child{display:inline-block;top:-10px;left:-10px;width:15px;height:15px;-webkit-animation-duration:.5s;animation-duration:.5s;border-color:#B8C2CC transparent;animation-direction:reverse}
|
||||
@@ -0,0 +1,92 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes rotate {
|
||||
0% {
|
||||
-webkit-transform : rotate(0deg) scale(1);
|
||||
transform : rotate(0deg) scale(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : rotate(180deg) scale(0.6);
|
||||
transform : rotate(180deg) scale(0.6);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(360deg) scale(1);
|
||||
transform : rotate(360deg) scale(1);
|
||||
}
|
||||
}
|
||||
@keyframes rotate {
|
||||
0% {
|
||||
-webkit-transform : rotate(0deg) scale(1);
|
||||
transform : rotate(0deg) scale(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : rotate(180deg) scale(0.6);
|
||||
transform : rotate(180deg) scale(0.6);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(360deg) scale(1);
|
||||
transform : rotate(360deg) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes scale {
|
||||
30% {
|
||||
-webkit-transform : scale(0.3);
|
||||
transform : scale(0.3);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes scale {
|
||||
30% {
|
||||
-webkit-transform : scale(0.3);
|
||||
transform : scale(0.3);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.ball-clip-rotate-pulse {
|
||||
position : relative;
|
||||
-webkit-transform : translateY(-15px);
|
||||
-ms-transform : translateY(-15px);
|
||||
transform : translateY(-15px);
|
||||
}
|
||||
.ball-clip-rotate-pulse > div {
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
border-radius : 100%;
|
||||
}
|
||||
.ball-clip-rotate-pulse > div:first-child {
|
||||
background : #B8C2CC;
|
||||
height : 16px;
|
||||
width : 16px;
|
||||
top : 7px;
|
||||
left : -7px;
|
||||
-webkit-animation : scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
||||
animation : scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
||||
}
|
||||
.ball-clip-rotate-pulse > div:last-child {
|
||||
position : absolute;
|
||||
border : 2px solid #B8C2CC;
|
||||
width : 30px;
|
||||
height : 30px;
|
||||
left : -16px;
|
||||
top : -2px;
|
||||
background : transparent;
|
||||
border : 2px solid;
|
||||
border-color : #B8C2CC transparent #B8C2CC transparent;
|
||||
-webkit-animation : rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
||||
animation : rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
||||
-webkit-animation-duration : 1s;
|
||||
animation-duration : 1s;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}@keyframes rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}@-webkit-keyframes scale{30%{-webkit-transform:scale(.3);transform:scale(.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{30%{-webkit-transform:scale(.3);transform:scale(.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}.ball-clip-rotate-pulse{position:relative;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}.ball-clip-rotate-pulse>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0;left:0;border-radius:100%}.ball-clip-rotate-pulse>div:first-child{background:#B8C2CC;height:16px;width:16px;top:7px;left:-7px;-webkit-animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite}.ball-clip-rotate-pulse>div:last-child{position:absolute;width:30px;height:30px;left:-16px;top:-2px;background:0 0;border:2px solid;border-color:#B8C2CC transparent;-webkit-animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;-webkit-animation-duration:1s;animation-duration:1s}
|
||||
@@ -0,0 +1,49 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes rotate {
|
||||
0% {
|
||||
-webkit-transform : rotate(0deg) scale(1);
|
||||
transform : rotate(0deg) scale(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : rotate(180deg) scale(0.6);
|
||||
transform : rotate(180deg) scale(0.6);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(360deg) scale(1);
|
||||
transform : rotate(360deg) scale(1);
|
||||
}
|
||||
}
|
||||
@keyframes rotate {
|
||||
0% {
|
||||
-webkit-transform : rotate(0deg) scale(1);
|
||||
transform : rotate(0deg) scale(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : rotate(180deg) scale(0.6);
|
||||
transform : rotate(180deg) scale(0.6);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(360deg) scale(1);
|
||||
transform : rotate(360deg) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.ball-clip-rotate > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
border : 2px solid #B8C2CC;
|
||||
border-bottom-color : transparent;
|
||||
height : 25px;
|
||||
width : 25px;
|
||||
background : transparent !important;
|
||||
display : inline-block;
|
||||
-webkit-animation : rotate 0.75s 0s linear infinite;
|
||||
animation : rotate 0.75s 0s linear infinite;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}@keyframes rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}.ball-clip-rotate>div{border-radius:100%;margin:2px;border:2px solid #B8C2CC;border-bottom-color:transparent;height:25px;width:25px;background:0 0!important;display:inline-block;-webkit-animation:rotate .75s 0s linear infinite;animation:rotate .75s 0s linear infinite}
|
||||
@@ -0,0 +1,94 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-grid-beat {
|
||||
50% {
|
||||
opacity : 0.7;
|
||||
}
|
||||
100% {
|
||||
opacity : 1;
|
||||
}
|
||||
}
|
||||
@keyframes ball-grid-beat {
|
||||
50% {
|
||||
opacity : 0.7;
|
||||
}
|
||||
100% {
|
||||
opacity : 1;
|
||||
}
|
||||
}
|
||||
|
||||
.ball-grid-beat {
|
||||
width : 57px;
|
||||
}
|
||||
.ball-grid-beat > div:nth-child(1) {
|
||||
-webkit-animation-delay : -0.01s;
|
||||
animation-delay : -0.01s;
|
||||
-webkit-animation-duration : 1.24s;
|
||||
animation-duration : 1.24s;
|
||||
}
|
||||
.ball-grid-beat > div:nth-child(2) {
|
||||
-webkit-animation-delay : 0s;
|
||||
animation-delay : 0s;
|
||||
-webkit-animation-duration : 0.93s;
|
||||
animation-duration : 0.93s;
|
||||
}
|
||||
.ball-grid-beat > div:nth-child(3) {
|
||||
-webkit-animation-delay : 0.31s;
|
||||
animation-delay : 0.31s;
|
||||
-webkit-animation-duration : 1.11s;
|
||||
animation-duration : 1.11s;
|
||||
}
|
||||
.ball-grid-beat > div:nth-child(4) {
|
||||
-webkit-animation-delay : 0.08s;
|
||||
animation-delay : 0.08s;
|
||||
-webkit-animation-duration : 0.65s;
|
||||
animation-duration : 0.65s;
|
||||
}
|
||||
.ball-grid-beat > div:nth-child(5) {
|
||||
-webkit-animation-delay : 0.55s;
|
||||
animation-delay : 0.55s;
|
||||
-webkit-animation-duration : 0.74s;
|
||||
animation-duration : 0.74s;
|
||||
}
|
||||
.ball-grid-beat > div:nth-child(6) {
|
||||
-webkit-animation-delay : 0.59s;
|
||||
animation-delay : 0.59s;
|
||||
-webkit-animation-duration : 1.29s;
|
||||
animation-duration : 1.29s;
|
||||
}
|
||||
.ball-grid-beat > div:nth-child(7) {
|
||||
-webkit-animation-delay : 0.73s;
|
||||
animation-delay : 0.73s;
|
||||
-webkit-animation-duration : 0.9s;
|
||||
animation-duration : 0.9s;
|
||||
}
|
||||
.ball-grid-beat > div:nth-child(8) {
|
||||
-webkit-animation-delay : 0.55s;
|
||||
animation-delay : 0.55s;
|
||||
-webkit-animation-duration : 1.27s;
|
||||
animation-duration : 1.27s;
|
||||
}
|
||||
.ball-grid-beat > div:nth-child(9) {
|
||||
-webkit-animation-delay : -0.03s;
|
||||
animation-delay : -0.03s;
|
||||
-webkit-animation-duration : 1.42s;
|
||||
animation-duration : 1.42s;
|
||||
}
|
||||
.ball-grid-beat > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
display : inline-block;
|
||||
float : left;
|
||||
-webkit-animation-name : ball-grid-beat;
|
||||
animation-name : ball-grid-beat;
|
||||
-webkit-animation-iteration-count : infinite;
|
||||
animation-iteration-count : infinite;
|
||||
-webkit-animation-delay : 0;
|
||||
animation-delay : 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes ball-grid-beat{50%{opacity:.7}100%{opacity:1}}@keyframes ball-grid-beat{50%{opacity:.7}100%{opacity:1}}.ball-grid-beat{width:57px}.ball-grid-beat>div:nth-child(1){-webkit-animation-delay:-10ms;animation-delay:-10ms;-webkit-animation-duration:1.24s;animation-duration:1.24s}.ball-grid-beat>div:nth-child(2){-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:.93s;animation-duration:.93s}.ball-grid-beat>div:nth-child(3){-webkit-animation-delay:.31s;animation-delay:.31s;-webkit-animation-duration:1.11s;animation-duration:1.11s}.ball-grid-beat>div:nth-child(4){-webkit-animation-delay:80ms;animation-delay:80ms;-webkit-animation-duration:.65s;animation-duration:.65s}.ball-grid-beat>div:nth-child(5){-webkit-animation-delay:.55s;animation-delay:.55s;-webkit-animation-duration:.74s;animation-duration:.74s}.ball-grid-beat>div:nth-child(6){-webkit-animation-delay:.59s;animation-delay:.59s;-webkit-animation-duration:1.29s;animation-duration:1.29s}.ball-grid-beat>div:nth-child(7){-webkit-animation-delay:.73s;animation-delay:.73s;-webkit-animation-duration:.9s;animation-duration:.9s}.ball-grid-beat>div:nth-child(8){-webkit-animation-delay:.55s;animation-delay:.55s;-webkit-animation-duration:1.27s;animation-duration:1.27s}.ball-grid-beat>div:nth-child(9){-webkit-animation-delay:-30ms;animation-delay:-30ms;-webkit-animation-duration:1.42s;animation-duration:1.42s}.ball-grid-beat>div{background-color:#B8C2CC;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;float:left;-webkit-animation-name:ball-grid-beat;animation-name:ball-grid-beat;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}
|
||||
@@ -0,0 +1,110 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-grid-pulse {
|
||||
0% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : scale(0.5);
|
||||
transform : scale(0.5);
|
||||
opacity : 0.7;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 1;
|
||||
}
|
||||
}
|
||||
@keyframes ball-grid-pulse {
|
||||
0% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : scale(0.5);
|
||||
transform : scale(0.5);
|
||||
opacity : 0.7;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 1;
|
||||
}
|
||||
}
|
||||
|
||||
.ball-grid-pulse {
|
||||
width : 57px;
|
||||
}
|
||||
.ball-grid-pulse > div:nth-child(1) {
|
||||
-webkit-animation-delay : 0.57s;
|
||||
animation-delay : 0.57s;
|
||||
-webkit-animation-duration : 0.69s;
|
||||
animation-duration : 0.69s;
|
||||
}
|
||||
.ball-grid-pulse > div:nth-child(2) {
|
||||
-webkit-animation-delay : 0.02s;
|
||||
animation-delay : 0.02s;
|
||||
-webkit-animation-duration : 0.68s;
|
||||
animation-duration : 0.68s;
|
||||
}
|
||||
.ball-grid-pulse > div:nth-child(3) {
|
||||
-webkit-animation-delay : 0.65s;
|
||||
animation-delay : 0.65s;
|
||||
-webkit-animation-duration : 1.6s;
|
||||
animation-duration : 1.6s;
|
||||
}
|
||||
.ball-grid-pulse > div:nth-child(4) {
|
||||
-webkit-animation-delay : 0.19s;
|
||||
animation-delay : 0.19s;
|
||||
-webkit-animation-duration : 0.97s;
|
||||
animation-duration : 0.97s;
|
||||
}
|
||||
.ball-grid-pulse > div:nth-child(5) {
|
||||
-webkit-animation-delay : 0.05s;
|
||||
animation-delay : 0.05s;
|
||||
-webkit-animation-duration : 1.15s;
|
||||
animation-duration : 1.15s;
|
||||
}
|
||||
.ball-grid-pulse > div:nth-child(6) {
|
||||
-webkit-animation-delay : 0.49s;
|
||||
animation-delay : 0.49s;
|
||||
-webkit-animation-duration : 0.62s;
|
||||
animation-duration : 0.62s;
|
||||
}
|
||||
.ball-grid-pulse > div:nth-child(7) {
|
||||
-webkit-animation-delay : 0.7s;
|
||||
animation-delay : 0.7s;
|
||||
-webkit-animation-duration : 1.59s;
|
||||
animation-duration : 1.59s;
|
||||
}
|
||||
.ball-grid-pulse > div:nth-child(8) {
|
||||
-webkit-animation-delay : -0.04s;
|
||||
animation-delay : -0.04s;
|
||||
-webkit-animation-duration : 0.79s;
|
||||
animation-duration : 0.79s;
|
||||
}
|
||||
.ball-grid-pulse > div:nth-child(9) {
|
||||
-webkit-animation-delay : 0.16s;
|
||||
animation-delay : 0.16s;
|
||||
-webkit-animation-duration : 1.43s;
|
||||
animation-duration : 1.43s;
|
||||
}
|
||||
.ball-grid-pulse > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
display : inline-block;
|
||||
float : left;
|
||||
-webkit-animation-name : ball-grid-pulse;
|
||||
animation-name : ball-grid-pulse;
|
||||
-webkit-animation-iteration-count : infinite;
|
||||
animation-iteration-count : infinite;
|
||||
-webkit-animation-delay : 0;
|
||||
animation-delay : 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes ball-grid-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes ball-grid-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.ball-grid-pulse{width:57px}.ball-grid-pulse>div:nth-child(1){-webkit-animation-delay:.57s;animation-delay:.57s;-webkit-animation-duration:.69s;animation-duration:.69s}.ball-grid-pulse>div:nth-child(2){-webkit-animation-delay:20ms;animation-delay:20ms;-webkit-animation-duration:.68s;animation-duration:.68s}.ball-grid-pulse>div:nth-child(3){-webkit-animation-delay:.65s;animation-delay:.65s;-webkit-animation-duration:1.6s;animation-duration:1.6s}.ball-grid-pulse>div:nth-child(4){-webkit-animation-delay:.19s;animation-delay:.19s;-webkit-animation-duration:.97s;animation-duration:.97s}.ball-grid-pulse>div:nth-child(5){-webkit-animation-delay:50ms;animation-delay:50ms;-webkit-animation-duration:1.15s;animation-duration:1.15s}.ball-grid-pulse>div:nth-child(6){-webkit-animation-delay:.49s;animation-delay:.49s;-webkit-animation-duration:.62s;animation-duration:.62s}.ball-grid-pulse>div:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s;-webkit-animation-duration:1.59s;animation-duration:1.59s}.ball-grid-pulse>div:nth-child(8){-webkit-animation-delay:-40ms;animation-delay:-40ms;-webkit-animation-duration:.79s;animation-duration:.79s}.ball-grid-pulse>div:nth-child(9){-webkit-animation-delay:.16s;animation-delay:.16s;-webkit-animation-duration:1.43s;animation-duration:1.43s}.ball-grid-pulse>div{background-color:#B8C2CC;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;float:left;-webkit-animation-name:ball-grid-pulse;animation-name:ball-grid-pulse;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}
|
||||
@@ -0,0 +1,128 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-pulse-rise-even {
|
||||
0% {
|
||||
-webkit-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform : translateY(-30px);
|
||||
transform : translateY(-30px);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : scale(0.4);
|
||||
transform : scale(0.4);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform : translateY(30px);
|
||||
transform : translateY(30px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translateY(0);
|
||||
transform : translateY(0);
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
}
|
||||
}
|
||||
@keyframes ball-pulse-rise-even {
|
||||
0% {
|
||||
-webkit-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform : translateY(-30px);
|
||||
transform : translateY(-30px);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : scale(0.4);
|
||||
transform : scale(0.4);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform : translateY(30px);
|
||||
transform : translateY(30px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translateY(0);
|
||||
transform : translateY(0);
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes ball-pulse-rise-odd {
|
||||
0% {
|
||||
-webkit-transform : scale(0.4);
|
||||
transform : scale(0.4);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform : translateY(30px);
|
||||
transform : translateY(30px);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform : translateY(-30px);
|
||||
transform : translateY(-30px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translateY(0);
|
||||
transform : translateY(0);
|
||||
-webkit-transform : scale(0.75);
|
||||
transform : scale(0.75);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ball-pulse-rise-odd {
|
||||
0% {
|
||||
-webkit-transform : scale(0.4);
|
||||
transform : scale(0.4);
|
||||
}
|
||||
25% {
|
||||
-webkit-transform : translateY(30px);
|
||||
transform : translateY(30px);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform : translateY(-30px);
|
||||
transform : translateY(-30px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translateY(0);
|
||||
transform : translateY(0);
|
||||
-webkit-transform : scale(0.75);
|
||||
transform : scale(0.75);
|
||||
}
|
||||
}
|
||||
|
||||
.ball-pulse-rise > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
display : inline-block;
|
||||
-webkit-animation-duration : 1s;
|
||||
animation-duration : 1s;
|
||||
-webkit-animation-timing-function : cubic-bezier(0.15, 0.46, 0.9, 0.6);
|
||||
animation-timing-function : cubic-bezier(0.15, 0.46, 0.9, 0.6);
|
||||
-webkit-animation-iteration-count : infinite;
|
||||
animation-iteration-count : infinite;
|
||||
-webkit-animation-delay : 0;
|
||||
animation-delay : 0;
|
||||
}
|
||||
.ball-pulse-rise > div:nth-child(2n) {
|
||||
-webkit-animation-name : ball-pulse-rise-even;
|
||||
animation-name : ball-pulse-rise-even;
|
||||
}
|
||||
.ball-pulse-rise > div:nth-child(2n-1) {
|
||||
-webkit-animation-name : ball-pulse-rise-odd;
|
||||
animation-name : ball-pulse-rise-odd;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes ball-pulse-rise-even{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}25%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:translateY(30px);transform:translateY(30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-pulse-rise-even{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}25%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:translateY(30px);transform:translateY(30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ball-pulse-rise-odd{0%{-webkit-transform:scale(.4);transform:scale(.4)}25%{-webkit-transform:translateY(30px);transform:translateY(30px)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(.75);transform:scale(.75)}}@keyframes ball-pulse-rise-odd{0%{-webkit-transform:scale(.4);transform:scale(.4)}25%{-webkit-transform:translateY(30px);transform:translateY(30px)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(.75);transform:scale(.75)}}.ball-pulse-rise>div{background-color:#B8C2CC;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(.15,.46,.9,.6);animation-timing-function:cubic-bezier(.15,.46,.9,.6);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}.ball-pulse-rise>div:nth-child(2n){-webkit-animation-name:ball-pulse-rise-even;animation-name:ball-pulse-rise-even}.ball-pulse-rise>div:nth-child(2n-1){-webkit-animation-name:ball-pulse-rise-odd;animation-name:ball-pulse-rise-odd}
|
||||
@@ -0,0 +1,32 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-pulse-round {
|
||||
0%, 80%, 100% {
|
||||
transform : scale(0);
|
||||
-webkit-transform : scale(0);
|
||||
}
|
||||
40% {
|
||||
transform : scale(1);
|
||||
-webkit-transform : scale(1);
|
||||
}
|
||||
}
|
||||
@keyframes ball-pulse-round {
|
||||
0%, 80%, 100% {
|
||||
transform : scale(0);
|
||||
-webkit-transform : scale(0);
|
||||
}
|
||||
40% {
|
||||
transform : scale(1);
|
||||
-webkit-transform : scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.ball-pulse-round > div {
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
width : 10px;
|
||||
height : 10px;
|
||||
-webkit-animation : ball-pulse-round 1.2s infinite ease-in-out;
|
||||
animation : ball-pulse-round 1.2s infinite ease-in-out;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes ball-pulse-round{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes ball-pulse-round{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.ball-pulse-round>div{width:10px;height:10px;-webkit-animation:ball-pulse-round 1.2s infinite ease-in-out;animation:ball-pulse-round 1.2s infinite ease-in-out}
|
||||
@@ -0,0 +1,57 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-pulse-sync {
|
||||
33% {
|
||||
-webkit-transform : translateY(10px);
|
||||
transform : translateY(10px);
|
||||
}
|
||||
66% {
|
||||
-webkit-transform : translateY(-10px);
|
||||
transform : translateY(-10px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translateY(0);
|
||||
transform : translateY(0);
|
||||
}
|
||||
}
|
||||
@keyframes ball-pulse-sync {
|
||||
33% {
|
||||
-webkit-transform : translateY(10px);
|
||||
transform : translateY(10px);
|
||||
}
|
||||
66% {
|
||||
-webkit-transform : translateY(-10px);
|
||||
transform : translateY(-10px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translateY(0);
|
||||
transform : translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.ball-pulse-sync > div:nth-child(1) {
|
||||
-webkit-animation : ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
|
||||
animation : ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.ball-pulse-sync > div:nth-child(2) {
|
||||
-webkit-animation : ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
|
||||
animation : ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.ball-pulse-sync > div:nth-child(3) {
|
||||
-webkit-animation : ball-pulse-sync 0.6s 0s infinite ease-in-out;
|
||||
animation : ball-pulse-sync 0.6s 0s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.ball-pulse-sync > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
display : inline-block;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.ball-pulse-sync>div:nth-child(1){-webkit-animation:ball-pulse-sync .6s -.14s infinite ease-in-out;animation:ball-pulse-sync .6s -.14s infinite ease-in-out}.ball-pulse-sync>div:nth-child(2){-webkit-animation:ball-pulse-sync .6s -70ms infinite ease-in-out;animation:ball-pulse-sync .6s -70ms infinite ease-in-out}.ball-pulse-sync>div:nth-child(3){-webkit-animation:ball-pulse-sync .6s 0s infinite ease-in-out;animation:ball-pulse-sync .6s 0s infinite ease-in-out}.ball-pulse-sync>div{background-color:#B8C2CC;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}
|
||||
@@ -0,0 +1,63 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes scale {
|
||||
0% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 1;
|
||||
}
|
||||
45% {
|
||||
-webkit-transform : scale(0.1);
|
||||
transform : scale(0.1);
|
||||
opacity : 0.7;
|
||||
}
|
||||
80% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 1;
|
||||
}
|
||||
}
|
||||
@keyframes scale {
|
||||
0% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 1;
|
||||
}
|
||||
45% {
|
||||
-webkit-transform : scale(0.1);
|
||||
transform : scale(0.1);
|
||||
opacity : 0.7;
|
||||
}
|
||||
80% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 1;
|
||||
}
|
||||
}
|
||||
|
||||
.ball-pulse > div:nth-child(1) {
|
||||
-webkit-animation : scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
animation : scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
}
|
||||
|
||||
.ball-pulse > div:nth-child(2) {
|
||||
-webkit-animation : scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
animation : scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
}
|
||||
|
||||
.ball-pulse > div:nth-child(3) {
|
||||
-webkit-animation : scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
animation : scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
}
|
||||
|
||||
.ball-pulse > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
display : inline-block;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes scale{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}}@keyframes scale{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}}.ball-pulse>div:nth-child(1){-webkit-animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div:nth-child(2){-webkit-animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div:nth-child(3){-webkit-animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div{background-color:#B8C2CC;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}
|
||||
@@ -0,0 +1,67 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes rotate {
|
||||
0% {
|
||||
-webkit-transform : rotate(0deg);
|
||||
transform : rotate(0deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : rotate(180deg);
|
||||
transform : rotate(180deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(360deg);
|
||||
transform : rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes rotate {
|
||||
0% {
|
||||
-webkit-transform : rotate(0deg);
|
||||
transform : rotate(0deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : rotate(180deg);
|
||||
transform : rotate(180deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(360deg);
|
||||
transform : rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.ball-rotate {
|
||||
position : relative;
|
||||
}
|
||||
.ball-rotate > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
position : relative;
|
||||
}
|
||||
.ball-rotate > div:first-child {
|
||||
-webkit-animation : rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
|
||||
animation : rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
|
||||
}
|
||||
.ball-rotate > div:before, .ball-rotate > div:after {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
content : '';
|
||||
position : absolute;
|
||||
opacity : 0.8;
|
||||
}
|
||||
.ball-rotate > div:before {
|
||||
top : 0;
|
||||
left : -28px;
|
||||
}
|
||||
.ball-rotate > div:after {
|
||||
top : 0;
|
||||
left : 25px;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.ball-rotate,.ball-rotate>div{position:relative}.ball-rotate>div,.ball-rotate>div:after,.ball-rotate>div:before{background-color:#B8C2CC;width:15px;height:15px;border-radius:100%;margin:2px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ball-rotate>div{-webkit-animation-fill-mode:both;animation-fill-mode:both}.ball-rotate>div:first-child{-webkit-animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite}.ball-rotate>div:after,.ball-rotate>div:before{content:'';position:absolute;opacity:.8}.ball-rotate>div:before{top:0;left:-28px}.ball-rotate>div:after{top:0;left:25px}
|
||||
@@ -0,0 +1,62 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-scale-multiple {
|
||||
0% {
|
||||
-webkit-transform : scale(0);
|
||||
transform : scale(0);
|
||||
opacity : 0;
|
||||
}
|
||||
5% {
|
||||
opacity : 1;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 0;
|
||||
}
|
||||
}
|
||||
@keyframes ball-scale-multiple {
|
||||
0% {
|
||||
-webkit-transform : scale(0);
|
||||
transform : scale(0);
|
||||
opacity : 0;
|
||||
}
|
||||
5% {
|
||||
opacity : 1;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ball-scale-multiple {
|
||||
position : relative;
|
||||
}
|
||||
.ball-scale-multiple > div:nth-child(2) {
|
||||
-webkit-animation-delay : -0.4s;
|
||||
animation-delay : -0.4s;
|
||||
}
|
||||
.ball-scale-multiple > div:nth-child(3) {
|
||||
-webkit-animation-delay : -0.2s;
|
||||
animation-delay : -0.2s;
|
||||
}
|
||||
.ball-scale-multiple > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
position : absolute;
|
||||
top : 0;
|
||||
opacity : 0;
|
||||
margin : 0;
|
||||
width : 60px;
|
||||
height : 60px;
|
||||
-webkit-animation : ball-scale-multiple 1s 0s linear infinite;
|
||||
animation : ball-scale-multiple 1s 0s linear infinite;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ball-scale-multiple{position:relative}.ball-scale-multiple>div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}.ball-scale-multiple>div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}.ball-scale-multiple>div{background-color:#B8C2CC;border-radius:100%;position:absolute;top:0;opacity:0;margin:0;width:60px;height:60px;-webkit-animation:ball-scale-multiple 1s 0s linear infinite;animation:ball-scale-multiple 1s 0s linear infinite}
|
||||
@@ -0,0 +1,71 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-scale {
|
||||
0% {
|
||||
-webkit-transform : scale(0);
|
||||
transform : scale(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 0;
|
||||
}
|
||||
}
|
||||
@keyframes ball-scale {
|
||||
0% {
|
||||
-webkit-transform : scale(0);
|
||||
transform : scale(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ball-scale > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
display : inline-block;
|
||||
height : 60px;
|
||||
width : 60px;
|
||||
-webkit-animation : ball-scale 1s 0s ease-in-out infinite;
|
||||
animation : ball-scale 1s 0s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.ball-scale-random {
|
||||
width : 37px;
|
||||
height : 40px;
|
||||
}
|
||||
.ball-scale-random > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
position : absolute;
|
||||
display : inline-block;
|
||||
height : 30px;
|
||||
width : 30px;
|
||||
-webkit-animation : ball-scale 1s 0s ease-in-out infinite;
|
||||
animation : ball-scale 1s 0s ease-in-out infinite;
|
||||
}
|
||||
.ball-scale-random > div:nth-child(1) {
|
||||
margin-left : -7px;
|
||||
-webkit-animation : ball-scale 1s 0.2s ease-in-out infinite;
|
||||
animation : ball-scale 1s 0.2s ease-in-out infinite;
|
||||
}
|
||||
.ball-scale-random > div:nth-child(3) {
|
||||
margin-left : -2px;
|
||||
margin-top : 9px;
|
||||
-webkit-animation : ball-scale 1s 0.5s ease-in-out infinite;
|
||||
animation : ball-scale 1s 0.5s ease-in-out infinite;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.ball-scale-random>div,.ball-scale>div{background-color:#B8C2CC;border-radius:100%;margin:2px;display:inline-block}@-webkit-keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ball-scale>div{height:60px;width:60px;-webkit-animation:ball-scale 1s 0s ease-in-out infinite;animation:ball-scale 1s 0s ease-in-out infinite}.ball-scale-random{width:37px;height:40px}.ball-scale-random>div{position:absolute;height:30px;width:30px;-webkit-animation:ball-scale 1s 0s ease-in-out infinite;animation:ball-scale 1s 0s ease-in-out infinite}.ball-scale-random>div:nth-child(1){margin-left:-7px;-webkit-animation:ball-scale 1s .2s ease-in-out infinite;animation:ball-scale 1s .2s ease-in-out infinite}.ball-scale-random>div:nth-child(3){margin-left:-2px;margin-top:9px;-webkit-animation:ball-scale 1s .5s ease-in-out infinite;animation:ball-scale 1s .5s ease-in-out infinite}
|
||||
@@ -0,0 +1,69 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-scale-ripple-multiple {
|
||||
0% {
|
||||
-webkit-transform : scale(0.1);
|
||||
transform : scale(0.1);
|
||||
opacity : 1;
|
||||
}
|
||||
70% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 0.7;
|
||||
}
|
||||
100% {
|
||||
opacity : 0.0;
|
||||
}
|
||||
}
|
||||
@keyframes ball-scale-ripple-multiple {
|
||||
0% {
|
||||
-webkit-transform : scale(0.1);
|
||||
transform : scale(0.1);
|
||||
opacity : 1;
|
||||
}
|
||||
70% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 0.7;
|
||||
}
|
||||
100% {
|
||||
opacity : 0.0;
|
||||
}
|
||||
}
|
||||
|
||||
.ball-scale-ripple-multiple {
|
||||
position : relative;
|
||||
-webkit-transform : translateY(-25px);
|
||||
-ms-transform : translateY(-25px);
|
||||
transform : translateY(-25px);
|
||||
}
|
||||
.ball-scale-ripple-multiple > div:nth-child(0) {
|
||||
-webkit-animation-delay : -0.8s;
|
||||
animation-delay : -0.8s;
|
||||
}
|
||||
.ball-scale-ripple-multiple > div:nth-child(1) {
|
||||
-webkit-animation-delay : -0.6s;
|
||||
animation-delay : -0.6s;
|
||||
}
|
||||
.ball-scale-ripple-multiple > div:nth-child(2) {
|
||||
-webkit-animation-delay : -0.4s;
|
||||
animation-delay : -0.4s;
|
||||
}
|
||||
.ball-scale-ripple-multiple > div:nth-child(3) {
|
||||
-webkit-animation-delay : -0.2s;
|
||||
animation-delay : -0.2s;
|
||||
}
|
||||
.ball-scale-ripple-multiple > div {
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
position : absolute;
|
||||
top : -2px;
|
||||
left : -26px;
|
||||
width : 50px;
|
||||
height : 50px;
|
||||
border-radius : 100%;
|
||||
border : 2px solid #B8C2CC;
|
||||
-webkit-animation : ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
|
||||
animation : ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes ball-scale-ripple-multiple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}@keyframes ball-scale-ripple-multiple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}.ball-scale-ripple-multiple{position:relative;-webkit-transform:translateY(-25px);-ms-transform:translateY(-25px);transform:translateY(-25px)}.ball-scale-ripple-multiple>div:nth-child(0){-webkit-animation-delay:-.8s;animation-delay:-.8s}.ball-scale-ripple-multiple>div:nth-child(1){-webkit-animation-delay:-.6s;animation-delay:-.6s}.ball-scale-ripple-multiple>div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}.ball-scale-ripple-multiple>div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}.ball-scale-ripple-multiple>div{position:absolute;top:-2px;left:-26px;width:50px;height:50px;border-radius:100%;border:2px solid #B8C2CC;-webkit-animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8)}
|
||||
@@ -0,0 +1,44 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-scale-ripple {
|
||||
0% {
|
||||
-webkit-transform : scale(0.1);
|
||||
transform : scale(0.1);
|
||||
opacity : 1;
|
||||
}
|
||||
70% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 0.7;
|
||||
}
|
||||
100% {
|
||||
opacity : 0.0;
|
||||
}
|
||||
}
|
||||
@keyframes ball-scale-ripple {
|
||||
0% {
|
||||
-webkit-transform : scale(0.1);
|
||||
transform : scale(0.1);
|
||||
opacity : 1;
|
||||
}
|
||||
70% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 0.7;
|
||||
}
|
||||
100% {
|
||||
opacity : 0.0;
|
||||
}
|
||||
}
|
||||
|
||||
.ball-scale-ripple > div {
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
height : 50px;
|
||||
width : 50px;
|
||||
border-radius : 100%;
|
||||
border : 2px solid #B8C2CC;
|
||||
-webkit-animation : ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
|
||||
animation : ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes ball-scale-ripple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}@keyframes ball-scale-ripple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}.ball-scale-ripple>div{height:50px;width:50px;border-radius:100%;border:2px solid #B8C2CC;-webkit-animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8)}
|
||||
@@ -0,0 +1,40 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-scale {
|
||||
0% {
|
||||
-webkit-transform : scale(0);
|
||||
transform : scale(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 0;
|
||||
}
|
||||
}
|
||||
@keyframes ball-scale {
|
||||
0% {
|
||||
-webkit-transform : scale(0);
|
||||
transform : scale(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
opacity : 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ball-scale > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
display : inline-block;
|
||||
height : 60px;
|
||||
width : 60px;
|
||||
-webkit-animation : ball-scale 1s 0s ease-in-out infinite;
|
||||
animation : ball-scale 1s 0s ease-in-out infinite;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ball-scale>div{background-color:#B8C2CC;border-radius:100%;margin:2px;display:inline-block;height:60px;width:60px;-webkit-animation:ball-scale 1s 0s ease-in-out infinite;animation:ball-scale 1s 0s ease-in-out infinite}
|
||||
@@ -0,0 +1,91 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-spin-fade-loader {
|
||||
50% {
|
||||
opacity : 0.3;
|
||||
-webkit-transform : scale(0.4);
|
||||
transform : scale(0.4);
|
||||
}
|
||||
100% {
|
||||
opacity : 1;
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
}
|
||||
}
|
||||
@keyframes ball-spin-fade-loader {
|
||||
50% {
|
||||
opacity : 0.3;
|
||||
-webkit-transform : scale(0.4);
|
||||
transform : scale(0.4);
|
||||
}
|
||||
100% {
|
||||
opacity : 1;
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.ball-spin-fade-loader {
|
||||
position : relative;
|
||||
top : -10px;
|
||||
left : -10px;
|
||||
}
|
||||
.ball-spin-fade-loader > div:nth-child(1) {
|
||||
top : 25px;
|
||||
left : 0;
|
||||
-webkit-animation : ball-spin-fade-loader 1s -0.96s infinite linear;
|
||||
animation : ball-spin-fade-loader 1s -0.96s infinite linear;
|
||||
}
|
||||
.ball-spin-fade-loader > div:nth-child(2) {
|
||||
top : 17.04545px;
|
||||
left : 17.04545px;
|
||||
-webkit-animation : ball-spin-fade-loader 1s -0.84s infinite linear;
|
||||
animation : ball-spin-fade-loader 1s -0.84s infinite linear;
|
||||
}
|
||||
.ball-spin-fade-loader > div:nth-child(3) {
|
||||
top : 0;
|
||||
left : 25px;
|
||||
-webkit-animation : ball-spin-fade-loader 1s -0.72s infinite linear;
|
||||
animation : ball-spin-fade-loader 1s -0.72s infinite linear;
|
||||
}
|
||||
.ball-spin-fade-loader > div:nth-child(4) {
|
||||
top : -17.04545px;
|
||||
left : 17.04545px;
|
||||
-webkit-animation : ball-spin-fade-loader 1s -0.6s infinite linear;
|
||||
animation : ball-spin-fade-loader 1s -0.6s infinite linear;
|
||||
}
|
||||
.ball-spin-fade-loader > div:nth-child(5) {
|
||||
top : -25px;
|
||||
left : 0;
|
||||
-webkit-animation : ball-spin-fade-loader 1s -0.48s infinite linear;
|
||||
animation : ball-spin-fade-loader 1s -0.48s infinite linear;
|
||||
}
|
||||
.ball-spin-fade-loader > div:nth-child(6) {
|
||||
top : -17.04545px;
|
||||
left : -17.04545px;
|
||||
-webkit-animation : ball-spin-fade-loader 1s -0.36s infinite linear;
|
||||
animation : ball-spin-fade-loader 1s -0.36s infinite linear;
|
||||
}
|
||||
.ball-spin-fade-loader > div:nth-child(7) {
|
||||
top : 0;
|
||||
left : -25px;
|
||||
-webkit-animation : ball-spin-fade-loader 1s -0.24s infinite linear;
|
||||
animation : ball-spin-fade-loader 1s -0.24s infinite linear;
|
||||
}
|
||||
.ball-spin-fade-loader > div:nth-child(8) {
|
||||
top : 17.04545px;
|
||||
left : -17.04545px;
|
||||
-webkit-animation : ball-spin-fade-loader 1s -0.12s infinite linear;
|
||||
animation : ball-spin-fade-loader 1s -0.12s infinite linear;
|
||||
}
|
||||
.ball-spin-fade-loader > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
position : absolute;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.ball-spin-fade-loader{position:relative;top:-10px;left:-10px}.ball-spin-fade-loader>div:nth-child(1){top:25px;left:0;-webkit-animation:ball-spin-fade-loader 1s -.96s infinite linear;animation:ball-spin-fade-loader 1s -.96s infinite linear}.ball-spin-fade-loader>div:nth-child(2){top:17.05px;left:17.05px;-webkit-animation:ball-spin-fade-loader 1s -.84s infinite linear;animation:ball-spin-fade-loader 1s -.84s infinite linear}.ball-spin-fade-loader>div:nth-child(3){top:0;left:25px;-webkit-animation:ball-spin-fade-loader 1s -.72s infinite linear;animation:ball-spin-fade-loader 1s -.72s infinite linear}.ball-spin-fade-loader>div:nth-child(4){top:-17.05px;left:17.05px;-webkit-animation:ball-spin-fade-loader 1s -.6s infinite linear;animation:ball-spin-fade-loader 1s -.6s infinite linear}.ball-spin-fade-loader>div:nth-child(5){top:-25px;left:0;-webkit-animation:ball-spin-fade-loader 1s -.48s infinite linear;animation:ball-spin-fade-loader 1s -.48s infinite linear}.ball-spin-fade-loader>div:nth-child(6){top:-17.05px;left:-17.05px;-webkit-animation:ball-spin-fade-loader 1s -.36s infinite linear;animation:ball-spin-fade-loader 1s -.36s infinite linear}.ball-spin-fade-loader>div:nth-child(7){top:0;left:-25px;-webkit-animation:ball-spin-fade-loader 1s -.24s infinite linear;animation:ball-spin-fade-loader 1s -.24s infinite linear}.ball-spin-fade-loader>div:nth-child(8){top:17.05px;left:-17.05px;-webkit-animation:ball-spin-fade-loader 1s -.12s infinite linear;animation:ball-spin-fade-loader 1s -.12s infinite linear}.ball-spin-fade-loader>div{background-color:#B8C2CC;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}
|
||||
@@ -0,0 +1,80 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-spin-loader {
|
||||
75% {
|
||||
opacity : 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity : 1;
|
||||
}
|
||||
}
|
||||
@keyframes ball-spin-loader {
|
||||
75% {
|
||||
opacity : 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity : 1;
|
||||
}
|
||||
}
|
||||
|
||||
.ball-spin-loader {
|
||||
position : relative;
|
||||
}
|
||||
.ball-spin-loader > span:nth-child(1) {
|
||||
top : 45px;
|
||||
left : 0;
|
||||
-webkit-animation : ball-spin-loader 2s 0.9s infinite linear;
|
||||
animation : ball-spin-loader 2s 0.9s infinite linear;
|
||||
}
|
||||
.ball-spin-loader > span:nth-child(2) {
|
||||
top : 30.68182px;
|
||||
left : 30.68182px;
|
||||
-webkit-animation : ball-spin-loader 2s 1.8s infinite linear;
|
||||
animation : ball-spin-loader 2s 1.8s infinite linear;
|
||||
}
|
||||
.ball-spin-loader > span:nth-child(3) {
|
||||
top : 0;
|
||||
left : 45px;
|
||||
-webkit-animation : ball-spin-loader 2s 2.7s infinite linear;
|
||||
animation : ball-spin-loader 2s 2.7s infinite linear;
|
||||
}
|
||||
.ball-spin-loader > span:nth-child(4) {
|
||||
top : -30.68182px;
|
||||
left : 30.68182px;
|
||||
-webkit-animation : ball-spin-loader 2s 3.6s infinite linear;
|
||||
animation : ball-spin-loader 2s 3.6s infinite linear;
|
||||
}
|
||||
.ball-spin-loader > span:nth-child(5) {
|
||||
top : -45px;
|
||||
left : 0;
|
||||
-webkit-animation : ball-spin-loader 2s 4.5s infinite linear;
|
||||
animation : ball-spin-loader 2s 4.5s infinite linear;
|
||||
}
|
||||
.ball-spin-loader > span:nth-child(6) {
|
||||
top : -30.68182px;
|
||||
left : -30.68182px;
|
||||
-webkit-animation : ball-spin-loader 2s 5.4s infinite linear;
|
||||
animation : ball-spin-loader 2s 5.4s infinite linear;
|
||||
}
|
||||
.ball-spin-loader > span:nth-child(7) {
|
||||
top : 0;
|
||||
left : -45px;
|
||||
-webkit-animation : ball-spin-loader 2s 6.3s infinite linear;
|
||||
animation : ball-spin-loader 2s 6.3s infinite linear;
|
||||
}
|
||||
.ball-spin-loader > span:nth-child(8) {
|
||||
top : 30.68182px;
|
||||
left : -30.68182px;
|
||||
-webkit-animation : ball-spin-loader 2s 7.2s infinite linear;
|
||||
animation : ball-spin-loader 2s 7.2s infinite linear;
|
||||
}
|
||||
.ball-spin-loader > div {
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
position : absolute;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
background : green;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes ball-spin-loader{75%{opacity:.2}100%{opacity:1}}@keyframes ball-spin-loader{75%{opacity:.2}100%{opacity:1}}.ball-spin-loader{position:relative}.ball-spin-loader>span:nth-child(1){top:45px;left:0;-webkit-animation:ball-spin-loader 2s .9s infinite linear;animation:ball-spin-loader 2s .9s infinite linear}.ball-spin-loader>span:nth-child(2){top:30.68px;left:30.68px;-webkit-animation:ball-spin-loader 2s 1.8s infinite linear;animation:ball-spin-loader 2s 1.8s infinite linear}.ball-spin-loader>span:nth-child(3){top:0;left:45px;-webkit-animation:ball-spin-loader 2s 2.7s infinite linear;animation:ball-spin-loader 2s 2.7s infinite linear}.ball-spin-loader>span:nth-child(4){top:-30.68px;left:30.68px;-webkit-animation:ball-spin-loader 2s 3.6s infinite linear;animation:ball-spin-loader 2s 3.6s infinite linear}.ball-spin-loader>span:nth-child(5){top:-45px;left:0;-webkit-animation:ball-spin-loader 2s 4.5s infinite linear;animation:ball-spin-loader 2s 4.5s infinite linear}.ball-spin-loader>span:nth-child(6){top:-30.68px;left:-30.68px;-webkit-animation:ball-spin-loader 2s 5.4s infinite linear;animation:ball-spin-loader 2s 5.4s infinite linear}.ball-spin-loader>span:nth-child(7){top:0;left:-45px;-webkit-animation:ball-spin-loader 2s 6.3s infinite linear;animation:ball-spin-loader 2s 6.3s infinite linear}.ball-spin-loader>span:nth-child(8){top:30.68px;left:-30.68px;-webkit-animation:ball-spin-loader 2s 7.2s infinite linear;animation:ball-spin-loader 2s 7.2s infinite linear}.ball-spin-loader>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:15px;height:15px;border-radius:100%;background:green}
|
||||
@@ -0,0 +1,153 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-triangle-path-1 {
|
||||
33% {
|
||||
-webkit-transform : translate(25px, -50px);
|
||||
transform : translate(25px, -50px);
|
||||
}
|
||||
66% {
|
||||
-webkit-transform : translate(50px, 0px);
|
||||
transform : translate(50px, 0px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(0px, 0px);
|
||||
transform : translate(0px, 0px);
|
||||
}
|
||||
}
|
||||
@keyframes ball-triangle-path-1 {
|
||||
33% {
|
||||
-webkit-transform : translate(25px, -50px);
|
||||
transform : translate(25px, -50px);
|
||||
}
|
||||
66% {
|
||||
-webkit-transform : translate(50px, 0px);
|
||||
transform : translate(50px, 0px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(0px, 0px);
|
||||
transform : translate(0px, 0px);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes ball-triangle-path-2 {
|
||||
33% {
|
||||
-webkit-transform : translate(25px, 50px);
|
||||
transform : translate(25px, 50px);
|
||||
}
|
||||
66% {
|
||||
-webkit-transform : translate(-25px, 50px);
|
||||
transform : translate(-25px, 50px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(0px, 0px);
|
||||
transform : translate(0px, 0px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ball-triangle-path-2 {
|
||||
33% {
|
||||
-webkit-transform : translate(25px, 50px);
|
||||
transform : translate(25px, 50px);
|
||||
}
|
||||
66% {
|
||||
-webkit-transform : translate(-25px, 50px);
|
||||
transform : translate(-25px, 50px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(0px, 0px);
|
||||
transform : translate(0px, 0px);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes ball-triangle-path-3 {
|
||||
33% {
|
||||
-webkit-transform : translate(-50px, 0px);
|
||||
transform : translate(-50px, 0px);
|
||||
}
|
||||
66% {
|
||||
-webkit-transform : translate(-25px, -50px);
|
||||
transform : translate(-25px, -50px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(0px, 0px);
|
||||
transform : translate(0px, 0px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ball-triangle-path-3 {
|
||||
33% {
|
||||
-webkit-transform : translate(-50px, 0px);
|
||||
transform : translate(-50px, 0px);
|
||||
}
|
||||
66% {
|
||||
-webkit-transform : translate(-25px, -50px);
|
||||
transform : translate(-25px, -50px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(0px, 0px);
|
||||
transform : translate(0px, 0px);
|
||||
}
|
||||
}
|
||||
|
||||
.ball-triangle-path {
|
||||
position : relative;
|
||||
-webkit-transform : translate(-29.994px, -37.50938px);
|
||||
-ms-transform : translate(-29.994px, -37.50938px);
|
||||
transform : translate(-29.994px, -37.50938px);
|
||||
}
|
||||
.ball-triangle-path > div:nth-child(1) {
|
||||
-webkit-animation-name : ball-triangle-path-1;
|
||||
animation-name : ball-triangle-path-1;
|
||||
-webkit-animation-delay : 0;
|
||||
animation-delay : 0;
|
||||
-webkit-animation-duration : 2s;
|
||||
animation-duration : 2s;
|
||||
-webkit-animation-timing-function : ease-in-out;
|
||||
animation-timing-function : ease-in-out;
|
||||
-webkit-animation-iteration-count : infinite;
|
||||
animation-iteration-count : infinite;
|
||||
}
|
||||
.ball-triangle-path > div:nth-child(2) {
|
||||
-webkit-animation-name : ball-triangle-path-2;
|
||||
animation-name : ball-triangle-path-2;
|
||||
-webkit-animation-delay : 0;
|
||||
animation-delay : 0;
|
||||
-webkit-animation-duration : 2s;
|
||||
animation-duration : 2s;
|
||||
-webkit-animation-timing-function : ease-in-out;
|
||||
animation-timing-function : ease-in-out;
|
||||
-webkit-animation-iteration-count : infinite;
|
||||
animation-iteration-count : infinite;
|
||||
}
|
||||
.ball-triangle-path > div:nth-child(3) {
|
||||
-webkit-animation-name : ball-triangle-path-3;
|
||||
animation-name : ball-triangle-path-3;
|
||||
-webkit-animation-delay : 0;
|
||||
animation-delay : 0;
|
||||
-webkit-animation-duration : 2s;
|
||||
animation-duration : 2s;
|
||||
-webkit-animation-timing-function : ease-in-out;
|
||||
animation-timing-function : ease-in-out;
|
||||
-webkit-animation-iteration-count : infinite;
|
||||
animation-iteration-count : infinite;
|
||||
}
|
||||
.ball-triangle-path > div {
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
position : absolute;
|
||||
width : 10px;
|
||||
height : 10px;
|
||||
border-radius : 100%;
|
||||
border : 1px solid #B8C2CC;
|
||||
}
|
||||
.ball-triangle-path > div:nth-of-type(1) {
|
||||
top : 50px;
|
||||
}
|
||||
.ball-triangle-path > div:nth-of-type(2) {
|
||||
left : 25px;
|
||||
}
|
||||
.ball-triangle-path > div:nth-of-type(3) {
|
||||
top : 50px;
|
||||
left : 50px;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.ball-triangle-path>div:nth-child(1),.ball-triangle-path>div:nth-child(2){-webkit-animation-delay:0;-webkit-animation-duration:2s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite}@-webkit-keyframes ball-triangle-path-1{33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-triangle-path-1{33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-triangle-path-2{33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-triangle-path-2{33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-triangle-path-3{33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-triangle-path-3{33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.ball-triangle-path{position:relative;-webkit-transform:translate(-29.99px,-37.51px);-ms-transform:translate(-29.99px,-37.51px);transform:translate(-29.99px,-37.51px)}.ball-triangle-path>div:nth-child(1){-webkit-animation-name:ball-triangle-path-1;animation-name:ball-triangle-path-1;animation-delay:0;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ball-triangle-path>div:nth-child(2){-webkit-animation-name:ball-triangle-path-2;animation-name:ball-triangle-path-2;animation-delay:0;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ball-triangle-path>div:nth-child(3){-webkit-animation-name:ball-triangle-path-3;animation-name:ball-triangle-path-3;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ball-triangle-path>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:10px;height:10px;border-radius:100%;border:1px solid #B8C2CC}.ball-triangle-path>div:nth-of-type(1){top:50px}.ball-triangle-path>div:nth-of-type(2){left:25px}.ball-triangle-path>div:nth-of-type(3){top:50px;left:50px}
|
||||
@@ -0,0 +1,137 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-zig-deflect {
|
||||
17% {
|
||||
-webkit-transform : translate(-15px, -30px);
|
||||
transform : translate(-15px, -30px);
|
||||
}
|
||||
34% {
|
||||
-webkit-transform : translate(15px, -30px);
|
||||
transform : translate(15px, -30px);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
67% {
|
||||
-webkit-transform : translate(15px, -30px);
|
||||
transform : translate(15px, -30px);
|
||||
}
|
||||
84% {
|
||||
-webkit-transform : translate(-15px, -30px);
|
||||
transform : translate(-15px, -30px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes ball-zig-deflect {
|
||||
17% {
|
||||
-webkit-transform : translate(-15px, -30px);
|
||||
transform : translate(-15px, -30px);
|
||||
}
|
||||
34% {
|
||||
-webkit-transform : translate(15px, -30px);
|
||||
transform : translate(15px, -30px);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
67% {
|
||||
-webkit-transform : translate(15px, -30px);
|
||||
transform : translate(15px, -30px);
|
||||
}
|
||||
84% {
|
||||
-webkit-transform : translate(-15px, -30px);
|
||||
transform : translate(-15px, -30px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes ball-zag-deflect {
|
||||
17% {
|
||||
-webkit-transform : translate(15px, 30px);
|
||||
transform : translate(15px, 30px);
|
||||
}
|
||||
34% {
|
||||
-webkit-transform : translate(-15px, 30px);
|
||||
transform : translate(-15px, 30px);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
67% {
|
||||
-webkit-transform : translate(-15px, 30px);
|
||||
transform : translate(-15px, 30px);
|
||||
}
|
||||
84% {
|
||||
-webkit-transform : translate(15px, 30px);
|
||||
transform : translate(15px, 30px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ball-zag-deflect {
|
||||
17% {
|
||||
-webkit-transform : translate(15px, 30px);
|
||||
transform : translate(15px, 30px);
|
||||
}
|
||||
34% {
|
||||
-webkit-transform : translate(-15px, 30px);
|
||||
transform : translate(-15px, 30px);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
67% {
|
||||
-webkit-transform : translate(-15px, 30px);
|
||||
transform : translate(-15px, 30px);
|
||||
}
|
||||
84% {
|
||||
-webkit-transform : translate(15px, 30px);
|
||||
transform : translate(15px, 30px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.ball-zig-zag-deflect {
|
||||
position : relative;
|
||||
-webkit-transform : translate(-15px, -15px);
|
||||
-ms-transform : translate(-15px, -15px);
|
||||
transform : translate(-15px, -15px);
|
||||
}
|
||||
.ball-zig-zag-deflect > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
position : absolute;
|
||||
margin-left : 15px;
|
||||
top : 4px;
|
||||
left : -7px;
|
||||
}
|
||||
.ball-zig-zag-deflect > div:first-child {
|
||||
-webkit-animation : ball-zig-deflect 1.5s 0s infinite linear;
|
||||
animation : ball-zig-deflect 1.5s 0s infinite linear;
|
||||
}
|
||||
.ball-zig-zag-deflect > div:last-child {
|
||||
-webkit-animation : ball-zag-deflect 1.5s 0s infinite linear;
|
||||
animation : ball-zag-deflect 1.5s 0s infinite linear;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes ball-zig-deflect{17%,84%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}34%,67%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zig-deflect{17%,84%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}34%,67%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-zag-deflect{17%,84%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}34%,67%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zag-deflect{17%,84%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}34%,67%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.ball-zig-zag-deflect{position:relative;-webkit-transform:translate(-15px,-15px);-ms-transform:translate(-15px,-15px);transform:translate(-15px,-15px)}.ball-zig-zag-deflect>div{background-color:#B8C2CC;width:15px;height:15px;border-radius:100%;margin:2px 2px 2px 15px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:4px;left:-7px}.ball-zig-zag-deflect>div:first-child{-webkit-animation:ball-zig-deflect 1.5s 0s infinite linear;animation:ball-zig-deflect 1.5s 0s infinite linear}.ball-zig-zag-deflect>div:last-child{-webkit-animation:ball-zag-deflect 1.5s 0s infinite linear;animation:ball-zag-deflect 1.5s 0s infinite linear}
|
||||
@@ -0,0 +1,89 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes ball-zig {
|
||||
33% {
|
||||
-webkit-transform : translate(-15px, -30px);
|
||||
transform : translate(-15px, -30px);
|
||||
}
|
||||
66% {
|
||||
-webkit-transform : translate(15px, -30px);
|
||||
transform : translate(15px, -30px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes ball-zig {
|
||||
33% {
|
||||
-webkit-transform : translate(-15px, -30px);
|
||||
transform : translate(-15px, -30px);
|
||||
}
|
||||
66% {
|
||||
-webkit-transform : translate(15px, -30px);
|
||||
transform : translate(15px, -30px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes ball-zag {
|
||||
33% {
|
||||
-webkit-transform : translate(15px, 30px);
|
||||
transform : translate(15px, 30px);
|
||||
}
|
||||
66% {
|
||||
-webkit-transform : translate(-15px, 30px);
|
||||
transform : translate(-15px, 30px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ball-zag {
|
||||
33% {
|
||||
-webkit-transform : translate(15px, 30px);
|
||||
transform : translate(15px, 30px);
|
||||
}
|
||||
66% {
|
||||
-webkit-transform : translate(-15px, 30px);
|
||||
transform : translate(-15px, 30px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.ball-zig-zag {
|
||||
position : relative;
|
||||
-webkit-transform : translate(-15px, -15px);
|
||||
-ms-transform : translate(-15px, -15px);
|
||||
transform : translate(-15px, -15px);
|
||||
}
|
||||
.ball-zig-zag > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
position : absolute;
|
||||
margin-left : 15px;
|
||||
top : 4px;
|
||||
left : -7px;
|
||||
}
|
||||
.ball-zig-zag > div:first-child {
|
||||
-webkit-animation : ball-zig 0.7s 0s infinite linear;
|
||||
animation : ball-zig 0.7s 0s infinite linear;
|
||||
}
|
||||
.ball-zig-zag > div:last-child {
|
||||
-webkit-animation : ball-zag 0.7s 0s infinite linear;
|
||||
animation : ball-zag 0.7s 0s infinite linear;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes ball-zig{33%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}66%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zig{33%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}66%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-zag{33%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}66%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zag{33%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}66%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.ball-zig-zag{position:relative;-webkit-transform:translate(-15px,-15px);-ms-transform:translate(-15px,-15px);transform:translate(-15px,-15px)}.ball-zig-zag>div{background-color:#B8C2CC;width:15px;height:15px;border-radius:100%;margin:2px 2px 2px 15px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:4px;left:-7px}.ball-zig-zag>div:first-child{-webkit-animation:ball-zig .7s 0s infinite linear;animation:ball-zig .7s 0s infinite linear}.ball-zig-zag>div:last-child{-webkit-animation:ball-zag .7s 0s infinite linear;animation:ball-zag .7s 0s infinite linear}
|
||||
@@ -0,0 +1,62 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes cube-transition {
|
||||
25% {
|
||||
-webkit-transform : translateX(50px) scale(0.5) rotate(-90deg);
|
||||
transform : translateX(50px) scale(0.5) rotate(-90deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : translate(50px, 50px) rotate(-180deg);
|
||||
transform : translate(50px, 50px) rotate(-180deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform : translateY(50px) scale(0.5) rotate(-270deg);
|
||||
transform : translateY(50px) scale(0.5) rotate(-270deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(-360deg);
|
||||
transform : rotate(-360deg);
|
||||
}
|
||||
}
|
||||
@keyframes cube-transition {
|
||||
25% {
|
||||
-webkit-transform : translateX(50px) scale(0.5) rotate(-90deg);
|
||||
transform : translateX(50px) scale(0.5) rotate(-90deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : translate(50px, 50px) rotate(-180deg);
|
||||
transform : translate(50px, 50px) rotate(-180deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform : translateY(50px) scale(0.5) rotate(-270deg);
|
||||
transform : translateY(50px) scale(0.5) rotate(-270deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(-360deg);
|
||||
transform : rotate(-360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.cube-transition {
|
||||
position : relative;
|
||||
-webkit-transform : translate(-25px, -25px);
|
||||
-ms-transform : translate(-25px, -25px);
|
||||
transform : translate(-25px, -25px);
|
||||
}
|
||||
.cube-transition > div {
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
width : 10px;
|
||||
height : 10px;
|
||||
position : absolute;
|
||||
top : -5px;
|
||||
left : -5px;
|
||||
background-color : #B8C2CC;
|
||||
-webkit-animation : cube-transition 1.6s 0s infinite ease-in-out;
|
||||
animation : cube-transition 1.6s 0s infinite ease-in-out;
|
||||
}
|
||||
.cube-transition > div:last-child {
|
||||
-webkit-animation-delay : -0.8s;
|
||||
animation-delay : -0.8s;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg)}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}75%{-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg)}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}75%{-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.cube-transition{position:relative;-webkit-transform:translate(-25px,-25px);-ms-transform:translate(-25px,-25px);transform:translate(-25px,-25px)}.cube-transition>div{width:10px;height:10px;position:absolute;top:-5px;left:-5px;background-color:#B8C2CC;-webkit-animation:cube-transition 1.6s 0s infinite ease-in-out;animation:cube-transition 1.6s 0s infinite ease-in-out}.cube-transition>div:last-child{-webkit-animation-delay:-.8s;animation-delay:-.8s}
|
||||
@@ -0,0 +1,53 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes line-scale-pulse-out-rapid {
|
||||
0% {
|
||||
-webkit-transform : scaley(1);
|
||||
transform : scaley(1);
|
||||
}
|
||||
80% {
|
||||
-webkit-transform : scaley(0.3);
|
||||
transform : scaley(0.3);
|
||||
}
|
||||
90% {
|
||||
-webkit-transform : scaley(1);
|
||||
transform : scaley(1);
|
||||
}
|
||||
}
|
||||
@keyframes line-scale-pulse-out-rapid {
|
||||
0% {
|
||||
-webkit-transform : scaley(1);
|
||||
transform : scaley(1);
|
||||
}
|
||||
80% {
|
||||
-webkit-transform : scaley(0.3);
|
||||
transform : scaley(0.3);
|
||||
}
|
||||
90% {
|
||||
-webkit-transform : scaley(1);
|
||||
transform : scaley(1);
|
||||
}
|
||||
}
|
||||
|
||||
.line-scale-pulse-out-rapid > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 4px;
|
||||
height : 3.45rem;
|
||||
border-radius : 2px;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
display : inline-block;
|
||||
vertical-align : middle;
|
||||
-webkit-animation : line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
|
||||
animation : line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
|
||||
}
|
||||
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
|
||||
-webkit-animation-delay : -0.25s !important;
|
||||
animation-delay : -0.25s !important;
|
||||
}
|
||||
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
|
||||
-webkit-animation-delay : 0s !important;
|
||||
animation-delay : 0s !important;
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes line-scale-pulse-out-rapid{0%,90%{-webkit-transform:scaley(1);transform:scaley(1)}80%{-webkit-transform:scaley(.3);transform:scaley(.3)}}@keyframes line-scale-pulse-out-rapid{0%,90%{-webkit-transform:scaley(1);transform:scaley(1)}80%{-webkit-transform:scaley(.3);transform:scaley(.3)}}.line-scale-pulse-out-rapid>div{background-color:#B8C2CC;width:4px;height:3.45rem;border-radius:2px;margin:2px;display:inline-block;vertical-align:middle;-webkit-animation:line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78);animation:line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78)}.line-scale-pulse-out-rapid>div:nth-child(2),.line-scale-pulse-out-rapid>div:nth-child(4){-webkit-animation-delay:-.25s!important;animation-delay:-.25s!important}.line-scale-pulse-out-rapid>div:nth-child(1),.line-scale-pulse-out-rapid>div:nth-child(5){-webkit-animation-delay:0s!important;animation-delay:0s!important}
|
||||
@@ -0,0 +1,52 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes line-scale-pulse-out {
|
||||
0% {
|
||||
-webkit-transform : scaley(1);
|
||||
transform : scaley(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : scaley(0.4);
|
||||
transform : scaley(0.4);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scaley(1);
|
||||
transform : scaley(1);
|
||||
}
|
||||
}
|
||||
@keyframes line-scale-pulse-out {
|
||||
0% {
|
||||
-webkit-transform : scaley(1);
|
||||
transform : scaley(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : scaley(0.4);
|
||||
transform : scaley(0.4);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scaley(1);
|
||||
transform : scaley(1);
|
||||
}
|
||||
}
|
||||
|
||||
.line-scale-pulse-out > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 4px;
|
||||
height : 3.45rem;
|
||||
border-radius : 2px;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
display : inline-block;
|
||||
-webkit-animation : line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
|
||||
animation : line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
|
||||
}
|
||||
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
|
||||
-webkit-animation-delay : -0.4s !important;
|
||||
animation-delay : -0.4s !important;
|
||||
}
|
||||
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
|
||||
-webkit-animation-delay : -0.2s !important;
|
||||
animation-delay : -0.2s !important;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes line-scale-pulse-out{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}}@keyframes line-scale-pulse-out{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}}.line-scale-pulse-out>div{background-color:#B8C2CC;width:4px;height:3.45rem;border-radius:2px;margin:2px;display:inline-block;-webkit-animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85);animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85)}.line-scale-pulse-out>div:nth-child(2),.line-scale-pulse-out>div:nth-child(4){-webkit-animation-delay:-.4s!important;animation-delay:-.4s!important}.line-scale-pulse-out>div:nth-child(1),.line-scale-pulse-out>div:nth-child(5){-webkit-animation-delay:-.2s!important;animation-delay:-.2s!important}
|
||||
@@ -0,0 +1,76 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes line-scale-party {
|
||||
0% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : scale(0.5);
|
||||
transform : scale(0.5);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
}
|
||||
}
|
||||
@keyframes line-scale-party {
|
||||
0% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : scale(0.5);
|
||||
transform : scale(0.5);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scale(1);
|
||||
transform : scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.line-scale-party > div:nth-child(1) {
|
||||
-webkit-animation-delay : 0.07s;
|
||||
animation-delay : 0.07s;
|
||||
-webkit-animation-duration : 0.75s;
|
||||
animation-duration : 0.75s;
|
||||
}
|
||||
|
||||
.line-scale-party > div:nth-child(2) {
|
||||
-webkit-animation-delay : -0.03s;
|
||||
animation-delay : -0.03s;
|
||||
-webkit-animation-duration : 0.98s;
|
||||
animation-duration : 0.98s;
|
||||
}
|
||||
|
||||
.line-scale-party > div:nth-child(3) {
|
||||
-webkit-animation-delay : -0.16s;
|
||||
animation-delay : -0.16s;
|
||||
-webkit-animation-duration : 0.72s;
|
||||
animation-duration : 0.72s;
|
||||
}
|
||||
|
||||
.line-scale-party > div:nth-child(4) {
|
||||
-webkit-animation-delay : 0.22s;
|
||||
animation-delay : 0.22s;
|
||||
-webkit-animation-duration : 0.43s;
|
||||
animation-duration : 0.43s;
|
||||
}
|
||||
|
||||
.line-scale-party > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 4px;
|
||||
height : 3.45rem;
|
||||
border-radius : 2px;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
display : inline-block;
|
||||
-webkit-animation-name : line-scale-party;
|
||||
animation-name : line-scale-party;
|
||||
-webkit-animation-iteration-count : infinite;
|
||||
animation-iteration-count : infinite;
|
||||
-webkit-animation-delay : 0;
|
||||
animation-delay : 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes line-scale-party{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes line-scale-party{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5)}}.line-scale-party>div:nth-child(1){-webkit-animation-delay:70ms;animation-delay:70ms;-webkit-animation-duration:.75s;animation-duration:.75s}.line-scale-party>div:nth-child(2){-webkit-animation-delay:-30ms;animation-delay:-30ms;-webkit-animation-duration:.98s;animation-duration:.98s}.line-scale-party>div:nth-child(3){-webkit-animation-delay:-.16s;animation-delay:-.16s;-webkit-animation-duration:.72s;animation-duration:.72s}.line-scale-party>div:nth-child(4){-webkit-animation-delay:.22s;animation-delay:.22s;-webkit-animation-duration:.43s;animation-duration:.43s}.line-scale-party>div{background-color:#B8C2CC;width:4px;height:3.45rem;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation-name:line-scale-party;animation-name:line-scale-party;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}
|
||||
@@ -0,0 +1,67 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes line-scale {
|
||||
0% {
|
||||
-webkit-transform : scaley(1);
|
||||
transform : scaley(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : scaley(0.4);
|
||||
transform : scaley(0.4);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scaley(1);
|
||||
transform : scaley(1);
|
||||
}
|
||||
}
|
||||
@keyframes line-scale {
|
||||
0% {
|
||||
-webkit-transform : scaley(1);
|
||||
transform : scaley(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : scaley(0.4);
|
||||
transform : scaley(0.4);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : scaley(1);
|
||||
transform : scaley(1);
|
||||
}
|
||||
}
|
||||
|
||||
.line-scale > div:nth-child(1) {
|
||||
-webkit-animation : line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
animation : line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
}
|
||||
|
||||
.line-scale > div:nth-child(2) {
|
||||
-webkit-animation : line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
animation : line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
}
|
||||
|
||||
.line-scale > div:nth-child(3) {
|
||||
-webkit-animation : line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
animation : line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
}
|
||||
|
||||
.line-scale > div:nth-child(4) {
|
||||
-webkit-animation : line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
animation : line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
}
|
||||
|
||||
.line-scale > div:nth-child(5) {
|
||||
-webkit-animation : line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
animation : line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
||||
}
|
||||
|
||||
.line-scale > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 4px;
|
||||
height : 3.45rem;
|
||||
border-radius : 2px;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
display : inline-block;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes line-scale{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}}@keyframes line-scale{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}}.line-scale>div:nth-child(1){-webkit-animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(2){-webkit-animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(3){-webkit-animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(4){-webkit-animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(5){-webkit-animation:line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div{background-color:#B8C2CC;width:4px;height:3.45rem;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}
|
||||
@@ -0,0 +1,103 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes line-spin-fade-loader {
|
||||
50% {
|
||||
opacity : 0.3;
|
||||
}
|
||||
100% {
|
||||
opacity : 1;
|
||||
}
|
||||
}
|
||||
@keyframes line-spin-fade-loader {
|
||||
50% {
|
||||
opacity : 0.3;
|
||||
}
|
||||
100% {
|
||||
opacity : 1;
|
||||
}
|
||||
}
|
||||
|
||||
.line-spin-fade-loader {
|
||||
position : relative;
|
||||
top : -10px;
|
||||
left : -4px;
|
||||
}
|
||||
.line-spin-fade-loader > div:nth-child(1) {
|
||||
top : 20px;
|
||||
left : 0;
|
||||
-webkit-animation : line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
|
||||
animation : line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
|
||||
}
|
||||
.line-spin-fade-loader > div:nth-child(2) {
|
||||
top : 13.63636px;
|
||||
left : 13.63636px;
|
||||
-webkit-transform : rotate(-45deg);
|
||||
-ms-transform : rotate(-45deg);
|
||||
transform : rotate(-45deg);
|
||||
-webkit-animation : line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
|
||||
animation : line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
|
||||
}
|
||||
.line-spin-fade-loader > div:nth-child(3) {
|
||||
top : 0;
|
||||
left : 20px;
|
||||
-webkit-transform : rotate(90deg);
|
||||
-ms-transform : rotate(90deg);
|
||||
transform : rotate(90deg);
|
||||
-webkit-animation : line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
|
||||
animation : line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
|
||||
}
|
||||
.line-spin-fade-loader > div:nth-child(4) {
|
||||
top : -13.63636px;
|
||||
left : 13.63636px;
|
||||
-webkit-transform : rotate(45deg);
|
||||
-ms-transform : rotate(45deg);
|
||||
transform : rotate(45deg);
|
||||
-webkit-animation : line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
|
||||
animation : line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
|
||||
}
|
||||
.line-spin-fade-loader > div:nth-child(5) {
|
||||
top : -20px;
|
||||
left : 0;
|
||||
-webkit-animation : line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
|
||||
animation : line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
|
||||
}
|
||||
.line-spin-fade-loader > div:nth-child(6) {
|
||||
top : -13.63636px;
|
||||
left : -13.63636px;
|
||||
-webkit-transform : rotate(-45deg);
|
||||
-ms-transform : rotate(-45deg);
|
||||
transform : rotate(-45deg);
|
||||
-webkit-animation : line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
|
||||
animation : line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
|
||||
}
|
||||
.line-spin-fade-loader > div:nth-child(7) {
|
||||
top : 0;
|
||||
left : -20px;
|
||||
-webkit-transform : rotate(90deg);
|
||||
-ms-transform : rotate(90deg);
|
||||
transform : rotate(90deg);
|
||||
-webkit-animation : line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
|
||||
animation : line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
|
||||
}
|
||||
.line-spin-fade-loader > div:nth-child(8) {
|
||||
top : 13.63636px;
|
||||
left : -13.63636px;
|
||||
-webkit-transform : rotate(45deg);
|
||||
-ms-transform : rotate(45deg);
|
||||
transform : rotate(45deg);
|
||||
-webkit-animation : line-spin-fade-loader 1.2s 0s infinite ease-in-out;
|
||||
animation : line-spin-fade-loader 1.2s 0s infinite ease-in-out;
|
||||
}
|
||||
.line-spin-fade-loader > div {
|
||||
background-color : #B8C2CC;
|
||||
width : 4px;
|
||||
height : 3.45rem;
|
||||
border-radius : 2px;
|
||||
margin : 2px;
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
position : absolute;
|
||||
width : 5px;
|
||||
height : 15px;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes line-spin-fade-loader{50%{opacity:.3}100%{opacity:1}}@keyframes line-spin-fade-loader{50%{opacity:.3}100%{opacity:1}}.line-spin-fade-loader{position:relative;top:-10px;left:-4px}.line-spin-fade-loader>div:nth-child(1){top:20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s -.84s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.84s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(2){top:13.64px;left:13.64px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s -.72s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.72s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(3){top:0;left:20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s -.6s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.6s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(4){top:-13.64px;left:13.64px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s -.48s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.48s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(5){top:-20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s -.36s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.36s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(6){top:-13.64px;left:-13.64px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s -.24s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.24s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(7){top:0;left:-20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s -.12s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.12s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(8){top:13.64px;left:-13.64px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s 0s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0s infinite ease-in-out}.line-spin-fade-loader>div{background-color:#B8C2CC;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:5px;height:15px}
|
||||
@@ -0,0 +1,143 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes rotate_pacman_half_up {
|
||||
0% {
|
||||
-webkit-transform : rotate(270deg);
|
||||
transform : rotate(270deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : rotate(360deg);
|
||||
transform : rotate(360deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(270deg);
|
||||
transform : rotate(270deg);
|
||||
}
|
||||
}
|
||||
@keyframes rotate_pacman_half_up {
|
||||
0% {
|
||||
-webkit-transform : rotate(270deg);
|
||||
transform : rotate(270deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : rotate(360deg);
|
||||
transform : rotate(360deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(270deg);
|
||||
transform : rotate(270deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotate_pacman_half_down {
|
||||
0% {
|
||||
-webkit-transform : rotate(90deg);
|
||||
transform : rotate(90deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : rotate(0deg);
|
||||
transform : rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(90deg);
|
||||
transform : rotate(90deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotate_pacman_half_down {
|
||||
0% {
|
||||
-webkit-transform : rotate(90deg);
|
||||
transform : rotate(90deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : rotate(0deg);
|
||||
transform : rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(90deg);
|
||||
transform : rotate(90deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes pacman-balls {
|
||||
75% {
|
||||
opacity : 0.7;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(-100px, -6.25px);
|
||||
transform : translate(-100px, -6.25px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pacman-balls {
|
||||
75% {
|
||||
opacity : 0.7;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : translate(-100px, -6.25px);
|
||||
transform : translate(-100px, -6.25px);
|
||||
}
|
||||
}
|
||||
|
||||
.pacman {
|
||||
position : relative;
|
||||
}
|
||||
.pacman > div:nth-child(2) {
|
||||
-webkit-animation : pacman-balls 1s -0.99s infinite linear;
|
||||
animation : pacman-balls 1s -0.99s infinite linear;
|
||||
}
|
||||
.pacman > div:nth-child(3) {
|
||||
-webkit-animation : pacman-balls 1s -0.66s infinite linear;
|
||||
animation : pacman-balls 1s -0.66s infinite linear;
|
||||
}
|
||||
.pacman > div:nth-child(4) {
|
||||
-webkit-animation : pacman-balls 1s -0.33s infinite linear;
|
||||
animation : pacman-balls 1s -0.33s infinite linear;
|
||||
}
|
||||
.pacman > div:nth-child(5) {
|
||||
-webkit-animation : pacman-balls 1s 0s infinite linear;
|
||||
animation : pacman-balls 1s 0s infinite linear;
|
||||
}
|
||||
.pacman > div:first-of-type {
|
||||
width : 0;
|
||||
height : 0;
|
||||
border-right : 25px solid transparent;
|
||||
border-top : 25px solid #B8C2CC;
|
||||
border-left : 25px solid #B8C2CC;
|
||||
border-bottom : 25px solid #B8C2CC;
|
||||
border-radius : 25px;
|
||||
-webkit-animation : rotate_pacman_half_up 0.5s 0s infinite;
|
||||
animation : rotate_pacman_half_up 0.5s 0s infinite;
|
||||
position : relative;
|
||||
left : -30px;
|
||||
}
|
||||
.pacman > div:nth-child(2) {
|
||||
width : 0;
|
||||
height : 0;
|
||||
border-right : 25px solid transparent;
|
||||
border-top : 25px solid #B8C2CC;
|
||||
border-left : 25px solid #B8C2CC;
|
||||
border-bottom : 25px solid #B8C2CC;
|
||||
border-radius : 25px;
|
||||
-webkit-animation : rotate_pacman_half_down 0.5s 0s infinite;
|
||||
animation : rotate_pacman_half_down 0.5s 0s infinite;
|
||||
margin-top : -50px;
|
||||
position : relative;
|
||||
left : -30px;
|
||||
}
|
||||
.pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) {
|
||||
background-color : #B8C2CC;
|
||||
width : 15px;
|
||||
height : 15px;
|
||||
border-radius : 100%;
|
||||
margin : 2px;
|
||||
width : 10px;
|
||||
height : 10px;
|
||||
position : absolute;
|
||||
-webkit-transform : translate(0, -6.25px);
|
||||
-ms-transform : translate(0, -6.25px);
|
||||
transform : translate(0, -6.25px);
|
||||
top : 25px;
|
||||
left : 70px;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.pacman>div:first-of-type,.pacman>div:nth-child(2){width:0;height:0;border-right:25px solid transparent;border-top:25px solid #B8C2CC;border-left:25px solid #B8C2CC;border-bottom:25px solid #B8C2CC;border-radius:25px;position:relative;left:-30px}@-webkit-keyframes rotate_pacman_half_up{0%,100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate_pacman_half_up{0%,100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotate_pacman_half_down{0%,100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes rotate_pacman_half_down{0%,100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes pacman-balls{75%{opacity:.7}100%{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)}}@keyframes pacman-balls{75%{opacity:.7}100%{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)}}.pacman{position:relative}.pacman>div:nth-child(3){-webkit-animation:pacman-balls 1s -.66s infinite linear;animation:pacman-balls 1s -.66s infinite linear}.pacman>div:nth-child(4){-webkit-animation:pacman-balls 1s -.33s infinite linear;animation:pacman-balls 1s -.33s infinite linear}.pacman>div:nth-child(5){-webkit-animation:pacman-balls 1s 0s infinite linear;animation:pacman-balls 1s 0s infinite linear}.pacman>div:first-of-type{-webkit-animation:rotate_pacman_half_up .5s 0s infinite;animation:rotate_pacman_half_up .5s 0s infinite}.pacman>div:nth-child(2){-webkit-animation:rotate_pacman_half_down .5s 0s infinite;animation:rotate_pacman_half_down .5s 0s infinite;margin-top:-50px}.pacman>div:nth-child(3),.pacman>div:nth-child(4),.pacman>div:nth-child(5),.pacman>div:nth-child(6){background-color:#B8C2CC;border-radius:100%;margin:2px;width:10px;height:10px;position:absolute;-webkit-transform:translate(0,-6.25px);-ms-transform:translate(0,-6.25px);transform:translate(0,-6.25px);top:25px;left:70px}
|
||||
@@ -0,0 +1,49 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes spin-rotate {
|
||||
0% {
|
||||
-webkit-transform : rotate(0deg);
|
||||
transform : rotate(0deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : rotate(180deg);
|
||||
transform : rotate(180deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(360deg);
|
||||
transform : rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes spin-rotate {
|
||||
0% {
|
||||
-webkit-transform : rotate(0deg);
|
||||
transform : rotate(0deg);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : rotate(180deg);
|
||||
transform : rotate(180deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : rotate(360deg);
|
||||
transform : rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.semi-circle-spin {
|
||||
position : relative;
|
||||
width : 35px;
|
||||
height : 35px;
|
||||
overflow : hidden;
|
||||
}
|
||||
.semi-circle-spin > div {
|
||||
position : absolute;
|
||||
border-width : 0;
|
||||
border-radius : 100%;
|
||||
-webkit-animation : spin-rotate 0.6s 0s infinite linear;
|
||||
animation : spin-rotate 0.6s 0s infinite linear;
|
||||
background-image : -webkit-linear-gradient(transparent 0%, transparent 70%, #B8C2CC 30%, #B8C2CC 100%);
|
||||
background-image : linear-gradient(transparent 0%, transparent 70%, #B8C2CC 30%, #B8C2CC 100%);
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes spin-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.semi-circle-spin{position:relative;width:35px;height:35px;overflow:hidden}.semi-circle-spin>div{position:absolute;border-width:0;border-radius:100%;-webkit-animation:spin-rotate .6s 0s infinite linear;animation:spin-rotate .6s 0s infinite linear;background-image:-webkit-linear-gradient(transparent 0,transparent 70%,#B8C2CC 30%,#B8C2CC 100%);background-image:linear-gradient(transparent 0,transparent 70%,#B8C2CC 30%,#B8C2CC 100%);width:100%;height:100%}
|
||||
@@ -0,0 +1,49 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes square-spin {
|
||||
25% {
|
||||
-webkit-transform : perspective(100px) rotateX(180deg) rotateY(0);
|
||||
transform : perspective(100px) rotateX(180deg) rotateY(0);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : perspective(100px) rotateX(180deg) rotateY(180deg);
|
||||
transform : perspective(100px) rotateX(180deg) rotateY(180deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform : perspective(100px) rotateX(0) rotateY(180deg);
|
||||
transform : perspective(100px) rotateX(0) rotateY(180deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : perspective(100px) rotateX(0) rotateY(0);
|
||||
transform : perspective(100px) rotateX(0) rotateY(0);
|
||||
}
|
||||
}
|
||||
@keyframes square-spin {
|
||||
25% {
|
||||
-webkit-transform : perspective(100px) rotateX(180deg) rotateY(0);
|
||||
transform : perspective(100px) rotateX(180deg) rotateY(0);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : perspective(100px) rotateX(180deg) rotateY(180deg);
|
||||
transform : perspective(100px) rotateX(180deg) rotateY(180deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform : perspective(100px) rotateX(0) rotateY(180deg);
|
||||
transform : perspective(100px) rotateX(0) rotateY(180deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : perspective(100px) rotateX(0) rotateY(0);
|
||||
transform : perspective(100px) rotateX(0) rotateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.square-spin > div {
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
width : 50px;
|
||||
height : 50px;
|
||||
background : #B8C2CC;
|
||||
-webkit-animation : square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
||||
animation : square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}@keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}.square-spin>div{width:50px;height:50px;background:#B8C2CC;-webkit-animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}
|
||||
@@ -0,0 +1,51 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
@-webkit-keyframes triangle-skew-spin {
|
||||
25% {
|
||||
-webkit-transform : perspective(100px) rotateX(180deg) rotateY(0);
|
||||
transform : perspective(100px) rotateX(180deg) rotateY(0);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : perspective(100px) rotateX(180deg) rotateY(180deg);
|
||||
transform : perspective(100px) rotateX(180deg) rotateY(180deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform : perspective(100px) rotateX(0) rotateY(180deg);
|
||||
transform : perspective(100px) rotateX(0) rotateY(180deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : perspective(100px) rotateX(0) rotateY(0);
|
||||
transform : perspective(100px) rotateX(0) rotateY(0);
|
||||
}
|
||||
}
|
||||
@keyframes triangle-skew-spin {
|
||||
25% {
|
||||
-webkit-transform : perspective(100px) rotateX(180deg) rotateY(0);
|
||||
transform : perspective(100px) rotateX(180deg) rotateY(0);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform : perspective(100px) rotateX(180deg) rotateY(180deg);
|
||||
transform : perspective(100px) rotateX(180deg) rotateY(180deg);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform : perspective(100px) rotateX(0) rotateY(180deg);
|
||||
transform : perspective(100px) rotateX(0) rotateY(180deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform : perspective(100px) rotateX(0) rotateY(0);
|
||||
transform : perspective(100px) rotateX(0) rotateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.triangle-skew-spin > div {
|
||||
-webkit-animation-fill-mode : both;
|
||||
animation-fill-mode : both;
|
||||
width : 0;
|
||||
height : 0;
|
||||
border-left : 20px solid transparent;
|
||||
border-right : 20px solid transparent;
|
||||
border-bottom : 20px solid #B8C2CC;
|
||||
-webkit-animation : triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
||||
animation : triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes triangle-skew-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}@keyframes triangle-skew-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}.triangle-skew-spin>div{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #B8C2CC;-webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,263 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.sr-only, .bootstrap-datetimepicker-widget .btn[data-action='incrementHours']::after, .bootstrap-datetimepicker-widget .btn[data-action='incrementMinutes']::after, .bootstrap-datetimepicker-widget .btn[data-action='decrementHours']::after, .bootstrap-datetimepicker-widget .btn[data-action='decrementMinutes']::after, .bootstrap-datetimepicker-widget .btn[data-action='showHours']::after, .bootstrap-datetimepicker-widget .btn[data-action='showMinutes']::after, .bootstrap-datetimepicker-widget .btn[data-action='togglePeriod']::after, .bootstrap-datetimepicker-widget .btn[data-action='clear']::after, .bootstrap-datetimepicker-widget .btn[data-action='today']::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after {
|
||||
position : absolute;
|
||||
width : 1px;
|
||||
height : 1px;
|
||||
margin : -1px;
|
||||
padding : 0;
|
||||
overflow : hidden;
|
||||
clip : rect(0, 0, 0, 0);
|
||||
border : 0;
|
||||
}
|
||||
|
||||
/*!
|
||||
* Datetimepicker for Bootstrap 3
|
||||
* ! version : 4.7.14
|
||||
* https://github.com/Eonasdan/bootstrap-datetimepicker/
|
||||
*/
|
||||
.bootstrap-datetimepicker-widget {
|
||||
list-style : none;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu {
|
||||
margin : 2px 0;
|
||||
padding : 4px;
|
||||
width : 19em;
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
||||
width : 38em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991.98px) {
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
||||
width : 38em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1199.98px) {
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
||||
width : 38em;
|
||||
}
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
|
||||
content : '';
|
||||
display : inline-block;
|
||||
position : absolute;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
|
||||
border-left : 7px solid transparent;
|
||||
border-right : 7px solid transparent;
|
||||
border-bottom : 7px solid #CCCCCC;
|
||||
border-bottom-color : rgba(0, 0, 0, 0.2);
|
||||
top : -7px;
|
||||
left : 7px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
|
||||
border-left : 6px solid transparent;
|
||||
border-right : 6px solid transparent;
|
||||
border-bottom : 6px solid white;
|
||||
top : -6px;
|
||||
left : 8px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
|
||||
border-left : 7px solid transparent;
|
||||
border-right : 7px solid transparent;
|
||||
border-top : 7px solid #CCCCCC;
|
||||
border-top-color : rgba(0, 0, 0, 0.2);
|
||||
bottom : -7px;
|
||||
left : 6px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
|
||||
border-left : 6px solid transparent;
|
||||
border-right : 6px solid transparent;
|
||||
border-top : 6px solid white;
|
||||
bottom : -6px;
|
||||
left : 7px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:before {
|
||||
left : auto;
|
||||
right : 6px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
|
||||
left : auto;
|
||||
right : 7px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .list-unstyled {
|
||||
margin : 0;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget a[data-action] {
|
||||
padding : 6px 0;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget a[data-action]:active {
|
||||
box-shadow : none;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
|
||||
width : 54px;
|
||||
font-weight : bold;
|
||||
font-size : 1.2em;
|
||||
margin : 0;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget button[data-action] {
|
||||
padding : 6px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action='incrementHours']::after {
|
||||
content : 'Increment Hours';
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action='incrementMinutes']::after {
|
||||
content : 'Increment Minutes';
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action='decrementHours']::after {
|
||||
content : 'Decrement Hours';
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action='decrementMinutes']::after {
|
||||
content : 'Decrement Minutes';
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action='showHours']::after {
|
||||
content : 'Show Hours';
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action='showMinutes']::after {
|
||||
content : 'Show Minutes';
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action='togglePeriod']::after {
|
||||
content : 'Toggle AM/PM';
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action='clear']::after {
|
||||
content : 'Clear the picker';
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action='today']::after {
|
||||
content : 'Set the date to today';
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .picker-switch {
|
||||
text-align : center;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .picker-switch::after {
|
||||
content : 'Toggle Date and Time Screens';
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .picker-switch td {
|
||||
padding : 0;
|
||||
margin : 0;
|
||||
height : auto;
|
||||
width : auto;
|
||||
line-height : inherit;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .picker-switch td span {
|
||||
line-height : 2.5;
|
||||
height : 2.5em;
|
||||
width : 100%;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table {
|
||||
width : 100%;
|
||||
margin : 0;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
|
||||
text-align : center;
|
||||
border-radius : 0.5rem;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table th {
|
||||
height : 20px;
|
||||
line-height : 20px;
|
||||
width : 20px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table th.picker-switch {
|
||||
width : 145px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
|
||||
background : none;
|
||||
color : #1E1E1E;
|
||||
cursor : not-allowed;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table th.prev::after {
|
||||
content : 'Previous Month';
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table th.next::after {
|
||||
content : 'Next Month';
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table thead tr:first-child th {
|
||||
cursor : pointer;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
|
||||
background : #EDEDED;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td {
|
||||
height : 54px;
|
||||
line-height : 54px;
|
||||
width : 54px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.cw {
|
||||
font-size : 0.8em;
|
||||
height : 20px;
|
||||
line-height : 20px;
|
||||
color : #1E1E1E;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.day {
|
||||
height : 20px;
|
||||
line-height : 20px;
|
||||
width : 20px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
|
||||
background : #EDEDED;
|
||||
cursor : pointer;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
|
||||
color : #1E1E1E;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.today {
|
||||
position : relative;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.today:before {
|
||||
content : '';
|
||||
display : inline-block;
|
||||
border : 0 0 7px 7px solid transparent;
|
||||
border-bottom-color : #7367F0;
|
||||
border-top-color : rgba(0, 0, 0, 0.2);
|
||||
position : absolute;
|
||||
bottom : 4px;
|
||||
right : 4px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
|
||||
background-color : #7367F0;
|
||||
color : #FFFFFF;
|
||||
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.active.today:before {
|
||||
border-bottom-color : #FFFFFF;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
|
||||
background : none;
|
||||
color : #1E1E1E;
|
||||
cursor : not-allowed;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td span {
|
||||
display : inline-block;
|
||||
width : 54px;
|
||||
height : 54px;
|
||||
line-height : 54px;
|
||||
margin : 2px 1.5px;
|
||||
cursor : pointer;
|
||||
border-radius : 0.5rem;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td span:hover {
|
||||
background : #EDEDED;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td span.active {
|
||||
background-color : #7367F0;
|
||||
color : #FFFFFF;
|
||||
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td span.old {
|
||||
color : #1E1E1E;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
|
||||
background : none;
|
||||
color : #1E1E1E;
|
||||
cursor : not-allowed;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
|
||||
height : 27px;
|
||||
line-height : 27px;
|
||||
}
|
||||
|
||||
.input-group.date .input-group-addon {
|
||||
cursor : pointer;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,67 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.tippy-popper {
|
||||
border : none;
|
||||
border-radius : 0.5rem;
|
||||
-webkit-filter : drop-shadow(0 0 7px rgba(0, 0, 0, 0.5));
|
||||
filter : drop-shadow(0 0 7px rgba(0, 0, 0, 0.5));
|
||||
}
|
||||
.tippy-popper .tippy-tooltip {
|
||||
width : auto !important;
|
||||
}
|
||||
.tippy-popper .tippy-tooltip .tippy-arrow {
|
||||
border-bottom-color : #7367F0;
|
||||
}
|
||||
.tippy-popper .tippy-tooltip .tippy-content .shepherd-content {
|
||||
background-color : #7367F0;
|
||||
padding : 1.3rem 1rem;
|
||||
border-radius : 0.5rem;
|
||||
}
|
||||
.tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-header {
|
||||
padding : 0;
|
||||
}
|
||||
.tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-text {
|
||||
color : #FFFFFF;
|
||||
font-size : 1rem;
|
||||
}
|
||||
.tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-footer {
|
||||
padding : 0;
|
||||
}
|
||||
.tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-footer .shepherd-buttons li {
|
||||
margin : 0;
|
||||
}
|
||||
.tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-footer .shepherd-buttons .shepherd-button {
|
||||
background-color : transparent;
|
||||
border : 1px solid #FFFFFF;
|
||||
border-radius : 6px;
|
||||
padding : 0.7rem 2rem;
|
||||
color : #FFFFFF;
|
||||
margin : 0 5px;
|
||||
}
|
||||
.tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-footer .shepherd-buttons .shepherd-button:hover {
|
||||
background-color : rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.tippy-popper .tippy-tooltip .tippy-content [data-shepherd-step-id='step-4'] .shepherd-footer .shepherd-buttons {
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
.tippy-popper[x-placement='top'] .tippy-arrow {
|
||||
border-color : transparent;
|
||||
border-top-color : #7367F0;
|
||||
}
|
||||
|
||||
.tippy-popper[x-placement='bottom'] .tippy-arrow {
|
||||
border-color : transparent;
|
||||
border-bottom-color : #7367F0;
|
||||
}
|
||||
|
||||
.tippy-popper[x-placement='right'] .tippy-arrow {
|
||||
border-color : transparent;
|
||||
border-right-color : #7367F0;
|
||||
}
|
||||
|
||||
.tippy-popper[x-placement='left'] .tippy-arrow {
|
||||
border-color : transparent;
|
||||
border-left-color : #7367F0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.tippy-popper{border:none;border-radius:.5rem;-webkit-filter:drop-shadow(0 0 7px rgba(0, 0, 0, .5));filter:drop-shadow(0 0 7px rgba(0, 0, 0, .5))}.tippy-popper .tippy-tooltip{width:auto!important}.tippy-popper .tippy-tooltip .tippy-arrow{border-bottom-color:#7367F0}.tippy-popper .tippy-tooltip .tippy-content .shepherd-content{background-color:#7367F0;padding:1.3rem 1rem;border-radius:.5rem}.tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-footer,.tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-header{padding:0}.tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-text{color:#FFF;font-size:1rem}.tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-footer .shepherd-buttons li{margin:0}.tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-footer .shepherd-buttons .shepherd-button{background-color:transparent;border:1px solid #FFF;border-radius:6px;padding:.7rem 2rem;color:#FFF;margin:0 5px}.tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-footer .shepherd-buttons .shepherd-button:hover{background-color:rgba(255,255,255,.1)}.tippy-popper .tippy-tooltip .tippy-content [data-shepherd-step-id=step-4] .shepherd-footer .shepherd-buttons{text-align:center}.tippy-popper[x-placement=top] .tippy-arrow{border-color:#7367F0 transparent transparent}.tippy-popper[x-placement=bottom] .tippy-arrow{border-color:transparent transparent #7367F0}.tippy-popper[x-placement=right] .tippy-arrow{border-color:transparent #7367F0 transparent transparent}.tippy-popper[x-placement=left] .tippy-arrow{border-color:transparent transparent transparent #7367F0}
|
||||
@@ -0,0 +1,59 @@
|
||||
@media screen and (min-width: 0) {
|
||||
head {
|
||||
font-family : 'xs 0px';
|
||||
}
|
||||
body:after {
|
||||
content : 'xs - min-width: 0px';
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 544px) {
|
||||
head {
|
||||
font-family : 'sm 544px';
|
||||
}
|
||||
body:after {
|
||||
content : 'sm - min-width: 544px';
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
head {
|
||||
font-family : 'md 768px';
|
||||
}
|
||||
body:after {
|
||||
content : 'md - min-width: 768px';
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
head {
|
||||
font-family : 'lg 992px';
|
||||
}
|
||||
body:after {
|
||||
content : 'lg - min-width: 992px';
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
head {
|
||||
font-family : 'xl 1200px';
|
||||
}
|
||||
body:after {
|
||||
content : 'xl - min-width: 1200px';
|
||||
}
|
||||
}
|
||||
|
||||
head {
|
||||
clear : both;
|
||||
}
|
||||
head title {
|
||||
font-family : 'xs 0px, sm 544px, md 768px, lg 992px, xl 1200px';
|
||||
}
|
||||
|
||||
body:after {
|
||||
display : none;
|
||||
}
|
||||
|
||||
*[data-usn-if] {
|
||||
display : none;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@media screen and (min-width:0){head{font-family:'xs 0px'}body:after{content:'xs - min-width: 0px'}}@media screen and (min-width:544px){head{font-family:'sm 544px'}body:after{content:'sm - min-width: 544px'}}@media screen and (min-width:768px){head{font-family:'md 768px'}body:after{content:'md - min-width: 768px'}}@media screen and (min-width:992px){head{font-family:'lg 992px'}body:after{content:'lg - min-width: 992px'}}@media screen and (min-width:1200px){head{font-family:'xl 1200px'}body:after{content:'xl - min-width: 1200px'}}head{clear:both}head title{font-family:'xs 0px, sm 544px, md 768px, lg 992px, xl 1200px'}[data-usn-if],body:after{display:none}
|
||||
Reference in New Issue
Block a user