@@ -79,22 +79,33 @@ body {
7979 .app .sidebar-open {
8080 left : 0 ; } }
8181
82+ .auth {
83+ position : absolute;
84+ width : 100% ;
85+ height : 100% ;
86+ left : 0 ;
87+ background-color : # 667380 ;
88+ overflow-x : hidden;
89+ overflow-y : auto; }
90+
8291.auth-container {
8392 width : 450px ;
8493 min-height : 330px ;
85- position : fixed ;
94+ position : absolute ;
8695 top : 50% ;
8796 left : 50% ;
8897 -webkit-transform : translateY (-50% ) translateX (-50% );
98+ -ms-transform : translateY (-50% ) translateX (-50% );
8999 transform : translateY (-50% ) translateX (-50% ); }
90100 .auth-container .auth-header {
91- background-color : # 52BCD3 ;
92- text-align : center ; }
101+ text-align : center ;
102+ border-bottom : 1 px solid # 52BCD3 ; }
93103 .auth-container .auth-title {
94- color : # ffffff ;
104+ color : # 97A4B1 ;
95105 padding : 20px ;
96106 line-height : 30px ;
97- font-size : 30px ;
107+ font-size : 26px ;
108+ font-weight : 600 ;
98109 margin : 0 ; }
99110 .auth-container .auth-content {
100111 padding : 30px 50px ;
@@ -113,9 +124,12 @@ body {
113124 width : 100% ;
114125 position : relative;
115126 left : 0 ;
127+ top : 0 ;
116128 -webkit-transform : inherit;
129+ -ms-transform : inherit;
117130 transform : inherit;
118- margin : 40px auto; }
131+ margin : 0 ;
132+ margin-bottom : 10px ; }
119133 .auth-container .auth-content {
120134 padding : 30px 25px ; } }
121135
@@ -128,6 +142,7 @@ body {
128142 top : 50% ;
129143 left : 50% ;
130144 -webkit-transform : translateY (-50% ) translateX (-50% );
145+ -ms-transform : translateY (-50% ) translateX (-50% );
131146 transform : translateY (-50% ) translateX (-50% );
132147 margin : 0 ; }
133148 .error-card .error-title {
@@ -153,6 +168,7 @@ body {
153168 position : relative;
154169 left : 0 ;
155170 -webkit-transform : inherit;
171+ -ms-transform : inherit;
156172 transform : inherit;
157173 margin : 40px auto; } }
158174
@@ -163,9 +179,16 @@ body {
163179 position : relative;
164180 left : 0 ;
165181 -webkit-transform : inherit;
182+ -ms-transform : inherit;
166183 transform : inherit;
167184 margin : 40px auto; } }
168185
186+ .animated {
187+ -webkit-animation-duration : .5s ;
188+ animation-duration : .5s ;
189+ -webkit-animation-delay : .1s ;
190+ animation-delay : .1s ; }
191+
169192.alert {
170193 background-image : none; }
171194 .alert .alert-primary {
@@ -217,12 +240,6 @@ body {
217240 .alert .alert-inverse .alert-link {
218241 color : # e6e6e6 ; }
219242
220- .animated {
221- -webkit-animation-duration : .5s ;
222- animation-duration : .5s ;
223- -webkit-animation-delay : .1s ;
224- animation-delay : .1s ; }
225-
226243.btn {
227244 background-image : none;
228245 border-radius : 0 ;
@@ -540,6 +557,7 @@ body {
540557.btn-group .dropdown-menu > li : last-child a : hover : before {
541558 height : 0px ;
542559 -webkit-transform : scaleX (0 );
560+ -ms-transform : scaleX (0 );
543561 transform : scaleX (0 ); }
544562
545563.card {
@@ -1248,6 +1266,39 @@ label,
12481266 .card > .item-list .item > .item-row {
12491267 padding : 0 10px ; } }
12501268
1269+ .logo {
1270+ display : inline-block;
1271+ width : 45px ;
1272+ height : 25px ;
1273+ vertical-align : middle;
1274+ margin-right : 5px ;
1275+ position : relative; }
1276+ .logo .l {
1277+ width : 11px ;
1278+ height : 11px ;
1279+ border-radius : 50% ;
1280+ background-color : # 52BCD3 ;
1281+ position : absolute; }
1282+ .logo .l .l1 {
1283+ bottom : 0 ;
1284+ left : 0 ; }
1285+ .logo .l .l2 {
1286+ width : 7px ;
1287+ height : 7px ;
1288+ bottom : 13px ;
1289+ left : 10px ; }
1290+ .logo .l .l3 {
1291+ width : 7px ;
1292+ height : 7px ;
1293+ bottom : 4px ;
1294+ left : 17px ; }
1295+ .logo .l .l4 {
1296+ bottom : 13px ;
1297+ left : 25px ; }
1298+ .logo .l .l5 {
1299+ bottom : 0 ;
1300+ left : 34px ; }
1301+
12511302a : not (.btn ) {
12521303 display : inline-block;
12531304 position : relative;
@@ -1263,6 +1314,7 @@ a:not(.btn) {
12631314 color : # 2c96ad ; }
12641315 a : not (.btn ): hover : before {
12651316 -webkit-transform : scaleX (1 );
1317+ -ms-transform : scaleX (1 );
12661318 transform : scaleX (1 ); }
12671319 a : not (.btn ): focus {
12681320 text-decoration : none; }
@@ -1315,17 +1367,6 @@ span a {
13151367 background-color : # 52BCD3 ;
13161368 color : # ffffff ; }
13171369
1318- .pagination {
1319- margin-top : 0 ; }
1320- .pagination .page-item .page-link {
1321- color : # 52BCD3 ; }
1322- .pagination .page-item .active .page-link ,
1323- .pagination .page-item .active .page-link : focus ,
1324- .pagination .page-item .active .page-link : hover {
1325- color : # fff ;
1326- border-color : # 52BCD3 ;
1327- background-color : # 52BCD3 ; }
1328-
13291370# nprogress .bar {
13301371 background : # 52BCD3 !important ; }
13311372 # nprogress .bar .peg {
@@ -1338,6 +1379,17 @@ span a {
13381379 border-top-color : # 52BCD3 !important ;
13391380 border-left-color : # 52BCD3 !important ; }
13401381
1382+ .pagination {
1383+ margin-top : 0 ; }
1384+ .pagination .page-item .page-link {
1385+ color : # 52BCD3 ; }
1386+ .pagination .page-item .active .page-link ,
1387+ .pagination .page-item .active .page-link : focus ,
1388+ .pagination .page-item .active .page-link : hover {
1389+ color : # fff ;
1390+ border-color : # 52BCD3 ;
1391+ background-color : # 52BCD3 ; }
1392+
13411393/* Let's get this party started */
13421394::-webkit-scrollbar {
13431395 width : 7px ;
@@ -1420,6 +1472,7 @@ span a {
14201472 -webkit-backface-visibility : hidden;
14211473 backface-visibility : hidden;
14221474 -webkit-transform : scaleX (0 );
1475+ -ms-transform : scaleX (0 );
14231476 transform : scaleX (0 ); }
14241477
14251478.stat-chart {
@@ -1460,6 +1513,7 @@ span a {
14601513 line-height : 30px ; }
14611514 .list-icon [class ^= 'col' ]: hover em {
14621515 -webkit-transform : scale (2 , 2 );
1516+ -ms-transform : scale (2 , 2 );
14631517 transform : scale (2 , 2 ); }
14641518
14651519.well {
@@ -1731,6 +1785,50 @@ pre {
17311785.dashboard-page # dashboard-sales-map .jqvmap-zoomout {
17321786 top : 32px ; }
17331787
1788+ .dashboard-page .stats .card-block {
1789+ padding-bottom : 0 ; }
1790+
1791+ .dashboard-page .stats .stat-col {
1792+ margin-bottom : 20px ;
1793+ float : left;
1794+ white-space : nowrap;
1795+ overflow : hidden; }
1796+
1797+ .dashboard-page .stats .stat-icon {
1798+ color : # 52BCD3 ;
1799+ display : inline-block;
1800+ font-size : 26px ;
1801+ text-align : center;
1802+ vertical-align : middle;
1803+ width : 50px ; }
1804+
1805+ .dashboard-page .stats .stat-chart {
1806+ margin-right : 5px ;
1807+ vertical-align : middle; }
1808+ @media (min-width : 1200px ) {
1809+ .dashboard-page .stats .stat-chart {
1810+ margin-right : 0.6vw ; } }
1811+
1812+ .dashboard-page .stats .stat {
1813+ vertical-align : middle; }
1814+ @media (min-width : 1200px ) {
1815+ .dashboard-page .stats .stat .value {
1816+ font-size : 1.3vw ; } }
1817+ @media (min-width : 1200px ) {
1818+ .dashboard-page .stats .stat .name {
1819+ font-size : 0.9vw ; } }
1820+
1821+ .dashboard-page .stats .stat-progress {
1822+ height : 2px ;
1823+ margin : 5px 0 ;
1824+ color : # 52BCD3 ; }
1825+ .dashboard-page .stats .stat-progress [value ]::-webkit-progress-bar {
1826+ background-color : # dddddd ; }
1827+ .dashboard-page .stats .stat-progress [value ]::-webkit-progress-value {
1828+ background-color : # 52BCD3 ; }
1829+ .dashboard-page .stats .stat-progress [value ]::-moz-progress-bar {
1830+ background-color : # dddddd ; }
1831+
17341832.dashboard-page .tasks {
17351833 display : -webkit-box;
17361834 display : -webkit-flex;
@@ -1778,50 +1876,6 @@ pre {
17781876 padding-top : 5px ;
17791877 padding-bottom : 5px ; }
17801878
1781- .dashboard-page .stats .card-block {
1782- padding-bottom : 0 ; }
1783-
1784- .dashboard-page .stats .stat-col {
1785- margin-bottom : 20px ;
1786- float : left;
1787- white-space : nowrap;
1788- overflow : hidden; }
1789-
1790- .dashboard-page .stats .stat-icon {
1791- color : # 52BCD3 ;
1792- display : inline-block;
1793- font-size : 26px ;
1794- text-align : center;
1795- vertical-align : middle;
1796- width : 50px ; }
1797-
1798- .dashboard-page .stats .stat-chart {
1799- margin-right : 5px ;
1800- vertical-align : middle; }
1801- @media (min-width : 1200px ) {
1802- .dashboard-page .stats .stat-chart {
1803- margin-right : 0.6vw ; } }
1804-
1805- .dashboard-page .stats .stat {
1806- vertical-align : middle; }
1807- @media (min-width : 1200px ) {
1808- .dashboard-page .stats .stat .value {
1809- font-size : 1.3vw ; } }
1810- @media (min-width : 1200px ) {
1811- .dashboard-page .stats .stat .name {
1812- font-size : 0.9vw ; } }
1813-
1814- .dashboard-page .stats .stat-progress {
1815- height : 2px ;
1816- margin : 5px 0 ;
1817- color : # 52BCD3 ; }
1818- .dashboard-page .stats .stat-progress [value ]::-webkit-progress-bar {
1819- background-color : # dddddd ; }
1820- .dashboard-page .stats .stat-progress [value ]::-webkit-progress-value {
1821- background-color : # 52BCD3 ; }
1822- .dashboard-page .stats .stat-progress [value ]::-moz-progress-bar {
1823- background-color : # dddddd ; }
1824-
18251879.item-editor-page .images-container ::after {
18261880 content : "" ;
18271881 display : table;
@@ -2323,6 +2377,7 @@ pre {
23232377 background-color : # 333e48 ; }
23242378 .sidebar .nav > li .open > a i .arrow {
23252379 -webkit-transform : rotate (90deg );
2380+ -ms-transform : rotate (90deg );
23262381 transform : rotate (90deg ); }
23272382 .sidebar .nav > li > a i {
23282383 margin-right : 5px ;
@@ -2458,6 +2513,7 @@ pre {
24582513 max-width : 140px ; } }
24592514 .header .header-block-search .input-container input : focus + .underline {
24602515 -webkit-transform : scaleX (1 );
2516+ -ms-transform : scaleX (1 );
24612517 transform : scaleX (1 ); }
24622518
24632519.customize {
@@ -2556,38 +2612,6 @@ pre {
25562612 padding-left : 25px ;
25572613 line-height : 70px ;
25582614 font-size : 16px ; }
2559- .sidebar-header .brand .logo {
2560- display : inline-block;
2561- width : 45px ;
2562- height : 25px ;
2563- vertical-align : middle;
2564- margin-right : 5px ;
2565- position : relative; }
2566- .sidebar-header .brand .logo .l {
2567- width : 11px ;
2568- height : 11px ;
2569- border-radius : 50% ;
2570- background-color : # 52BCD3 ;
2571- position : absolute; }
2572- .sidebar-header .brand .logo .l .l1 {
2573- bottom : 0 ;
2574- left : 0 ; }
2575- .sidebar-header .brand .logo .l .l2 {
2576- width : 7px ;
2577- height : 7px ;
2578- bottom : 13px ;
2579- left : 10px ; }
2580- .sidebar-header .brand .logo .l .l3 {
2581- width : 7px ;
2582- height : 7px ;
2583- bottom : 4px ;
2584- left : 17px ; }
2585- .sidebar-header .brand .logo .l .l4 {
2586- bottom : 13px ;
2587- left : 25px ; }
2588- .sidebar-header .brand .logo .l .l5 {
2589- bottom : 0 ;
2590- left : 34px ; }
25912615 @media (max-width : 767px ) {
25922616 .sidebar-header .brand {
25932617 line-height : 50px ;
0 commit comments