ported
/
egaz-pool
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

flex css

master
yuriy0803 2 years ago
parent
c3e08e1265
commit
3c7197159c
1 changed files with 511 additions and 133 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 642
      www/app/styles/app.css

642
www/app/styles/app.css
Unescape View File

@ -1,208 +1,288 @@
/* Sticky footer styles /* Sticky footer styles
-------------------------------------------------- */ -------------------------------------------------- */
html { html {
position: relative; position: relative;
min-height: 100%; min-height: 100%;
} }
body { body {
/* Margin bottom by footer height */ /* Margin bottom by footer height */
margin-bottom: 60px; margin-bottom: 110px;
background: url('/bg.png'); /* background: url('/bg.png'); /* */
} }
.footer { .footer {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
/* Set the fixed height of the footer here */ /* Set the fixed height of the footer here */
height: 60px; background-color: #3a3b3c;
background-color: #f5f5f5;
} }
.center { .center {
align-items: center; align-items: center;
display: flex; display: flex;
} }
/* Custom page CSS /* Custom page CSS
-------------------------------------------------- */ -------------------------------------------------- */
/* Not required for template or sticky footer method. */ /* Not required for template or sticky footer method. */
body { body {
padding-top: 20px; padding-top: 20px;
padding-bottom: 5px; padding-bottom: 5px;
} }
body > .container { body>.container {
padding: 0px 15px 0; padding: 0px 15px 0;
} background-color: #f3f2eb;
.container .text-muted {
margin: 20px 0;
} }
.navbar { .navbar {
display: flex; display: flex;
}
.page-header {
border-bottom-color: #d6d6d6;
}
.container .text-muted {
margin: 20px 0;
color: #9babb3;
text-shadow: 1px 1px 3px #202225;
} }
.footer > .container { .footer>.container {
padding-right: 15px; padding-right: 15px;
padding-left: 15px; padding-left: 15px;
} }
.jumbotron { .jumbotron {
margin: 0; margin: 0;
padding: 40px 0 15px 0; padding: 40px 0 15px 0;
margin-bottom: 15px; margin-bottom: 15px;
} }
.jumbotron-brand { .jumbotron-brand {
margin: 0; margin: 0;
padding: 40px 0 15px 0; padding: 40px 0 15px 0;
margin-bottom: 15px; margin-bottom: 15px;
background-color: #e9ffee; background-color: #e9ffee;
} }
code { code {
font-size: 80%; font-size: 80%;
} }
.hash { .hash {
font-family: Courier, monospace; font-family: Courier, monospace;
} }
.navbar-default { .navbar-default {
background-color: #ffffff; background-color: #ffffff;
border-color: #61BD81; border-color: #61BD81;
border-bottom-width: 2px; border-bottom-width: 2px;
} }
.navbar-default .navbar-brand { .navbar-default .navbar-brand {
color: #4A4A4A; color: #4A4A4A;
} }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #4A4A4A; .navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #4A4A4A;
} }
.navbar-default .navbar-text { .navbar-default .navbar-text {
color: #4A4A4A; color: #4A4A4A;
} }
.navbar-default .navbar-nav > li > a {
color: #4A4A4A; .navbar-default .navbar-nav>li>a {
color: #4A4A4A;
} }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #61BD81; .navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
color: #61BD81;
} }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #ffffff; .navbar-default .navbar-nav>.active>a,
background-color: #61BD81; .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #ffffff;
background-color: #61BD81;
text-shadow: 1px 1px 2px #000;
} }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #ffffff; .navbar-default .navbar-nav>.open>a,
background-color: #69102b; .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
color: #ffffff;
background-color: #69102b;
} }
.navbar-default .navbar-toggle { .navbar-default .navbar-toggle {
border-color: #2885da; border-color: #2885da;
} }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #2885da; .navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #2885da;
} }
.navbar-default .navbar-toggle .icon-bar { .navbar-default .navbar-toggle .icon-bar {
background-color: #4A4A4A; background-color: #4A4A4A;
} }
.navbar-default .navbar-collapse, .navbar-default .navbar-collapse,
.navbar-default .navbar-form { .navbar-default .navbar-form {
border-color: #4A4A4A; border-color: #4A4A4A;
} }
.navbar-default .navbar-link { .navbar-default .navbar-link {
color: #4A4A4A; color: #4A4A4A;
} }
.navbar-default .navbar-link:hover { .navbar-default .navbar-link:hover {
color: #ffffff; color: #ffffff;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a { .navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #4A4A4A; color: #4A4A4A;
} }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff; .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
} .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff;
color: #ffffff; }
background-color: #3f9ff7;
} .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #ffffff;
background-color: #3f9ff7;
}
} }
span.logo-1 { span.logo-1 {
font-weight: 700; font-weight: 700;
font-style: italic; font-style: italic;
color: #61BD81; color: #61BD81;
padding: 0 7px 0 23px; padding: 0 7px 0 23px;
} }
span.logo-2 { span.logo-2 {
font-weight: 700; font-weight: 700;
color: #4A4A4A; color: #4A4A4A;
padding: 0 23px 0 5px; padding: 0 23px 0 5px;
} }
span.logo-3 { span.logo-3 {
color: #FFF; color: #FFF;
font-weight: 100; font-weight: 100;
padding: 0 3px 0 3px; padding: 0 3px 0 3px;
}
h1,
h2,
h3,
h4,
h4,
h6 {
margin-top: 0px;
}
.container>h2,
.container>h3 {
margin-top: 2.0rem;
}
.note code {
background-color: transparent;
font-size: 16px;
color: #000;
}
/* tabs */
.tab-content>.tab-pane {
background-color: #ffffff;
padding: 1em;
border-radius: 0 0 5px 5px;
border: 1px #eeeeee solid;
border-width: 0 1px 1px 1px;
}
code {
font-size: 100%;
/* color: #444f67; /* */
background-color: #f7f7f7;
}
.table-responsive {
border: 1px solid #4a4a4a;
}
code em {
color: #3b9218;
} }
span.logo-gold { span.logo-gold {
color: #f2cf18; color: #f2cf18;
font-weight: 700; font-weight: 700;
padding: 0 3px 0 3px; padding: 0 3px 0 3px;
} }
.etc { .etc {
height: 30px; height: 30px;
width: 30px; width: 30px;
pointer-events: none; pointer-events: none;
} }
.etc-green > object{ .etc-green>object {
float: left; float: left;
} }
.etc-green > strong{ .etc-green>strong {
float: left; float: left;
} }
/* That time i figured out how to do that thing to scale svg /* That time i figured out how to do that thing to scale svg
.etc-green { .etc-green {
transform: scale(0.4); transform: scale(0.4);
transform: translate(-200px, -50px); transform: translate(-200px, -50px);
} }
*/ */
.navbar-collapse { .navbar-collapse {
font-size: 14px; font-size: 14px;
font-weight: 200; font-weight: 200;
} }
.note { .note {
margin: 0 0 20px 0; margin: 0 0 20px 0;
padding: 15px 30px 15px 15px; padding: 15px 30px 15px 15px;
border-left: 5px solid #eee; border-left: 5px solid #eee;
border-radius: 5px; border-radius: 5px;
} }
.note-info { .note-info {
background-color: #E8F6FC; background-color: #E8F6FC;
border-color: #57b5e3; border-color: #57b5e3;
} }
.note-danger { .note-danger {
background-color: #fce8e8; background-color: #fce8e8;
border-color: #ff0000; border-color: #ff0000;
} }
h4.note { h4.note {
margin-top: 0; margin-top: 0;
font-weight: 300 !important; font-weight: 300 !important;
} }
/*---------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------*/
/*----------------------------Bootstrap side notes for calling out things----------------------------*/ /*----------------------------Bootstrap side notes for calling out things----------------------------*/
/*---------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------*/
@ -215,19 +295,24 @@ h4.note {
border-left-width: 5px; border-left-width: 5px;
border-radius: 3px; border-radius: 3px;
} }
.bs-callout h4 { .bs-callout h4 {
margin-top: 0; margin-top: 0;
margin-bottom: 5px; margin-bottom: 5px;
} }
.bs-callout p:last-child { .bs-callout p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.bs-callout code { .bs-callout code {
border-radius: 3px; border-radius: 3px;
} }
.bs-callout+.bs-callout { .bs-callout+.bs-callout {
margin-top: -5px; margin-top: -5px;
} }
/* Themes for different contexts */ /* Themes for different contexts */
/* Default */ /* Default */
@ -235,6 +320,7 @@ h4.note {
background-color: #eeeeee; background-color: #eeeeee;
border-left-color: #777; border-left-color: #777;
} }
.bs-callout-default h4 { .bs-callout-default h4 {
color: #777; color: #777;
} }
@ -244,6 +330,7 @@ h4.note {
background-color: #e8effc; background-color: #e8effc;
border-left-color: #428bca; border-left-color: #428bca;
} }
.bs-callout-primary h4 { .bs-callout-primary h4 {
color: #428bca; color: #428bca;
} }
@ -253,6 +340,7 @@ h4.note {
background-color: #eafce8; background-color: #eafce8;
border-left-color: #5cb85c; border-left-color: #5cb85c;
} }
.bs-callout-success h4 { .bs-callout-success h4 {
color: #5cb85c; color: #5cb85c;
} }
@ -262,6 +350,7 @@ h4.note {
background-color: #fce8e8; background-color: #fce8e8;
border-left-color: #d9534f; border-left-color: #d9534f;
} }
.bs-callout-danger h4 { .bs-callout-danger h4 {
color: #d9534f; color: #d9534f;
} }
@ -271,6 +360,7 @@ h4.note {
background-color: #fcfbe8; background-color: #fcfbe8;
border-left-color: #f0ad4e; border-left-color: #f0ad4e;
} }
.bs-callout-warning h4 { .bs-callout-warning h4 {
color: #f0ad4e; color: #f0ad4e;
} }
@ -280,6 +370,7 @@ h4.note {
background-color: #E8F6FC; background-color: #E8F6FC;
border-left-color: #5bc0de; border-left-color: #5bc0de;
} }
.bs-callout-info h4 { .bs-callout-info h4 {
color: #5bc0de; color: #5bc0de;
} }
@ -290,36 +381,43 @@ h4.note {
/* Stats */ /* Stats */
.stats { .stats {
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 5px; margin-top: 5px;
} }
.stats:last-child{
width: auto; .stats:last-child {
width: auto;
} }
.stats > h3 > i {
width: 21px; .stats>h3>i {
width: 21px;
} }
.stats > div{
padding: 5px 0; .stats>div {
padding: 5px 0;
} }
.stats > div > .fa {
width: 25px; .stats>div>.fa {
width: 25px;
} }
.stats > div > span:first-of-type{
font-weight: bold; .stats>div>span:first-of-type {
font-weight: bold;
} }
/*--------------------------------------| Bootstrap overrides |--------------------------------------*/ /*--------------------------------------| Bootstrap overrides |--------------------------------------*/
.ul, .ul-link { .ul,
font-weight: 200; .ul-link {
text-align: center; font-weight: 200;
text-align: center;
} }
.ul-link:hover, .ul-link:focus { .ul-link:hover,
color: inherit; .ul-link:focus {
text-decoration: none; color: inherit;
opacity: .70; text-decoration: none;
opacity: .70;
} }
.ul-default { .ul-default {
@ -357,11 +455,16 @@ h4.note {
border-bottom: 2px solid #61BD81; border-bottom: 2px solid #61BD81;
} }
#alertError,
#alertSuccess {
display: none;
}
/*-----------------------------------------| Custom Classes |-----------------------------------------*/ /*-----------------------------------------| Custom Classes |-----------------------------------------*/
.btn-etc { .btn-etc {
background-color: #61BD81; background-color: #61BD81;
border-color: #408c5a; border-color: #408c5a;
} }
.btn-etc:hover { .btn-etc:hover {
@ -393,24 +496,31 @@ h4.note {
.bg-black { .bg-black {
color: #f9f9f9 !important; color: #f9f9f9 !important;
} }
.bg-gray { .bg-gray {
background-color: #eaeaec !important; background-color: #eaeaec !important;
} }
.bg-blackd{
.bg-blackd {
background-color: #222222 !important; background-color: #222222 !important;
} }
.bg-red { .bg-red {
background-color: #f56954 !important; background-color: #f56954 !important;
} }
.bg-yellow { .bg-yellow {
background-color: #f39c12 !important; background-color: #f39c12 !important;
} }
.bg-cherry{
.bg-cherry {
background-color: #cd1231 !important; background-color: #cd1231 !important;
} }
.bg-aqua { .bg-aqua {
background-color: #00c0ef !important; background-color: #00c0ef !important;
} }
.bg-blue { .bg-blue {
background-color: #0073b7 !important; background-color: #0073b7 !important;
} }
@ -418,36 +528,47 @@ h4.note {
.bg-light-blue { .bg-light-blue {
background-color: #5fb4ef !important; background-color: #5fb4ef !important;
} }
.bg-wood{
.bg-wood {
background-color: #ab7d44 !important; background-color: #ab7d44 !important;
} }
.bg-green { .bg-green {
background-color: #00a65a !important; background-color: #00a65a !important;
} }
.bg-grass { .bg-grass {
background-color: #a1c436 !important; background-color: #a1c436 !important;
} }
.bg-navy { .bg-navy {
background-color: #001f3f !important; background-color: #001f3f !important;
} }
.bg-teal { .bg-teal {
background-color: #39cccc !important; background-color: #39cccc !important;
} }
.bg-olive { .bg-olive {
background-color: #7f8000 !important; background-color: #7f8000 !important;
} }
.bg-lime { .bg-lime {
background-color: #00e405 !important; background-color: #00e405 !important;
} }
.bg-orange { .bg-orange {
background-color: #ff851b !important; background-color: #ff851b !important;
} }
.bg-fuchsia { .bg-fuchsia {
background-color: #f012be !important; background-color: #f012be !important;
} }
.bg-purple { .bg-purple {
background-color: #932ab6 !important; background-color: #932ab6 !important;
} }
.bg-maroon { .bg-maroon {
background-color: #85144b !important; background-color: #85144b !important;
} }
@ -455,46 +576,60 @@ h4.note {
.bg-black { .bg-black {
background-color: #000 !important; background-color: #000 !important;
} }
/* Text colors */ /* Text colors */
.text-red { .text-red {
color: #f56954 !important; color: #f56954 !important;
} }
.text-yellow { .text-yellow {
color: #f39c12 !important; color: #f39c12 !important;
} }
.text-aqua { .text-aqua {
color: #00c0ef !important; color: #00c0ef !important;
} }
.text-blue { .text-blue {
color: #0073b7 !important; color: #0073b7 !important;
} }
.text-light-blue { .text-light-blue {
color: #3c8dbc !important; color: #3c8dbc !important;
} }
.text-green { .text-green {
color: #00a65a !important; color: #00a65a !important;
} }
.text-navy { .text-navy {
color: #001f3f !important; color: #001f3f !important;
} }
.text-teal { .text-teal {
color: #39cccc !important; color: #39cccc !important;
} }
.text-olive { .text-olive {
color: #7f8000 !important; color: #7f8000 !important;
} }
.text-lime { .text-lime {
color: #01ff70 !important; color: #01ff70 !important;
} }
.text-orange { .text-orange {
color: #ff851b !important; color: #ff851b !important;
} }
.text-fuchsia { .text-fuchsia {
color: #f012be !important; color: #f012be !important;
} }
.text-purple { .text-purple {
color: #932ab6 !important; color: #932ab6 !important;
} }
.text-maroon { .text-maroon {
color: #85144b !important; color: #85144b !important;
} }
@ -503,8 +638,251 @@ h4.note {
color: #ffffff !important; color: #ffffff !important;
} }
.text-light-yellow .text-light-yellow {
{ color: #fefc2e !important;
color: #fefc2e !important;
}
.funkyradio div {
clear: both;
overflow: hidden;
}
.funkyradio label {
width: 100%;
border-radius: 3px;
border: 1px solid #D1D3D4;
font-weight: normal;
}
.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
display: none;
}
.funkyradio input[type="radio"]:empty~label,
.funkyradio input[type="checkbox"]:empty~label {
position: relative;
line-height: 2.5em;
text-indent: 3.25em;
margin-top: 2em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.funkyradio input[type="radio"]:empty~label:before,
.funkyradio input[type="checkbox"]:empty~label:before {
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
content: '';
width: 2.5em;
background: #D1D3D4;
border-radius: 3px 0 0 3px;
}
.funkyradio input[type="radio"]:hover:not(:checked)~label,
.funkyradio input[type="checkbox"]:hover:not(:checked)~label {
color: #888;
}
.funkyradio input[type="radio"]:hover:not(:checked)~label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked)~label:before {
content: '\2714';
text-indent: .9em;
color: #C2C2C2;
}
.funkyradio input[type="radio"]:checked~label,
.funkyradio input[type="checkbox"]:checked~label {
color: #777;
}
.funkyradio input[type="radio"]:checked~label:before,
.funkyradio input[type="checkbox"]:checked~label:before {
content: '\2714';
text-indent: .9em;
color: #333;
background-color: #ccc;
}
.funkyradio input[type="radio"]:focus~label:before,
.funkyradio input[type="checkbox"]:focus~label:before {
box-shadow: 0 0 0 3px #999;
}
.funkyradio-default input[type="radio"]:checked~label:before,
.funkyradio-default input[type="checkbox"]:checked~label:before {
color: #333;
background-color: #ccc;
}
.funkyradio-primary input[type="radio"]:checked~label:before,
.funkyradio-primary input[type="checkbox"]:checked~label:before {
color: #fff;
background-color: #337ab7;
}
.funkyradio-success input[type="radio"]:checked~label:before,
.funkyradio-success input[type="checkbox"]:checked~label:before {
color: #fff;
background-color: #5cb85c;
}
.funkyradio-danger input[type="radio"]:checked~label:before,
.funkyradio-danger input[type="checkbox"]:checked~label:before {
color: #fff;
background-color: #d9534f;
}
.funkyradio-warning input[type="radio"]:checked~label:before,
.funkyradio-warning input[type="checkbox"]:checked~label:before {
color: #fff;
background-color: #f0ad4e;
}
.funkyradio-info input[type="radio"]:checked~label:before,
.funkyradio-info input[type="checkbox"]:checked~label:before {
color: #fff;
background-color: #5bc0de;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.loader {
color: #025886;
font-size: 20px;
margin: auto;
width: 1em;
height: 1em;
border-radius: 50%;
text-indent: -9999em;
-webkit-animation: load4 1.3s infinite linear;
animation: load4 1.3s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
}
@-webkit-keyframes load4 {
0%,
100% {
box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}
75% {
box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
}
87.5% {
box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
}
}
@keyframes load4 {
0%,
100% {
box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}
75% {
box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
}
87.5% {
box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1)
} }
Write Preview
Loading…
Cancel
Save