@@ -56,22 +56,22 @@ body {
56
56
transition : left 0.3s ease, padding-left 0.3s ease;
57
57
overflow : hidden; }
58
58
.app .content {
59
- padding : 110 px 30 px 90 px 30 px ;
59
+ padding : 95 px 20 px 75 px 20 px ;
60
60
min-height : 100vh ; }
61
61
@media (min-width : 1200px ) {
62
62
.app .content {
63
- padding : 120 px 50 px 100 px 50 px ; } }
63
+ padding : 105 px 40 px 85 px 40 px ; } }
64
64
65
65
@media (min-width : 992px ) and (max-width : 1199px ) {
66
66
.app .content {
67
- padding : 110 px 30 px 90 px 30 px ; } }
67
+ padding : 100 px 35 px 80 px 35 px ; } }
68
68
69
69
@media (min-width : 768px ) and (max-width : 991px ) {
70
70
.app .content {
71
71
padding : 95px 20px 75px 20px ; } }
72
72
@media (max-width : 767px ) {
73
73
.app .content {
74
- padding : 65 px 10 px 65 px 10 px ; } }
74
+ padding : 70 px 20 px 70 px 20 px ; } }
75
75
@media (max-width : 991px ) {
76
76
.app {
77
77
padding-left : 0 ; } }
@@ -1022,39 +1022,6 @@ label,
1022
1022
.images-container .image-container .new : hover {
1023
1023
opacity : 1 ; }
1024
1024
1025
- .logo {
1026
- display : inline-block;
1027
- width : 45px ;
1028
- height : 25px ;
1029
- vertical-align : middle;
1030
- margin-right : 5px ;
1031
- position : relative; }
1032
- .logo .l {
1033
- width : 11px ;
1034
- height : 11px ;
1035
- border-radius : 50% ;
1036
- background-color : # 52BCD3 ;
1037
- position : absolute; }
1038
- .logo .l .l1 {
1039
- bottom : 0 ;
1040
- left : 0 ; }
1041
- .logo .l .l2 {
1042
- width : 7px ;
1043
- height : 7px ;
1044
- bottom : 13px ;
1045
- left : 10px ; }
1046
- .logo .l .l3 {
1047
- width : 7px ;
1048
- height : 7px ;
1049
- bottom : 4px ;
1050
- left : 17px ; }
1051
- .logo .l .l4 {
1052
- bottom : 13px ;
1053
- left : 25px ; }
1054
- .logo .l .l5 {
1055
- bottom : 0 ;
1056
- left : 34px ; }
1057
-
1058
1025
/* *******************************************
1059
1026
* Item List general styles
1060
1027
********************************************** */
@@ -1386,6 +1353,39 @@ label,
1386
1353
.card > .item-list .item > .item-row {
1387
1354
padding : 0 10px ; } }
1388
1355
1356
+ .logo {
1357
+ display : inline-block;
1358
+ width : 45px ;
1359
+ height : 25px ;
1360
+ vertical-align : middle;
1361
+ margin-right : 5px ;
1362
+ position : relative; }
1363
+ .logo .l {
1364
+ width : 11px ;
1365
+ height : 11px ;
1366
+ border-radius : 50% ;
1367
+ background-color : # 52BCD3 ;
1368
+ position : absolute; }
1369
+ .logo .l .l1 {
1370
+ bottom : 0 ;
1371
+ left : 0 ; }
1372
+ .logo .l .l2 {
1373
+ width : 7px ;
1374
+ height : 7px ;
1375
+ bottom : 13px ;
1376
+ left : 10px ; }
1377
+ .logo .l .l3 {
1378
+ width : 7px ;
1379
+ height : 7px ;
1380
+ bottom : 4px ;
1381
+ left : 17px ; }
1382
+ .logo .l .l4 {
1383
+ bottom : 13px ;
1384
+ left : 25px ; }
1385
+ .logo .l .l5 {
1386
+ bottom : 0 ;
1387
+ left : 34px ; }
1388
+
1389
1389
.modal-body .modal-tab-container {
1390
1390
padding : 0 ; }
1391
1391
.modal-body .modal-tab-container .modal-tabs {
@@ -1545,7 +1545,21 @@ span a {
1545
1545
1546
1546
.section {
1547
1547
display : block;
1548
- margin-bottom : 30px ; }
1548
+ margin-bottom : 15px ; }
1549
+ @media (min-width : 1200px ) {
1550
+ .section {
1551
+ margin-bottom : 25px ; } }
1552
+
1553
+ @media (min-width : 992px ) and (max-width : 1199px ) {
1554
+ .section {
1555
+ margin-bottom : 20px ; } }
1556
+
1557
+ @media (min-width : 768px ) and (max-width : 991px ) {
1558
+ .section {
1559
+ margin-bottom : 15px ; } }
1560
+ @media (max-width : 767px ) {
1561
+ .section {
1562
+ margin-bottom : 10px ; } }
1549
1563
.section : last-of-type {
1550
1564
margin-bottom : 0 ; }
1551
1565
@@ -2328,7 +2342,11 @@ pre {
2328
2342
-webkit-box-align : center;
2329
2343
-webkit-align-items : center;
2330
2344
-ms-flex-align : center;
2331
- align-items : center; }
2345
+ align-items : center;
2346
+ -webkit-box-pack : justify;
2347
+ -webkit-justify-content : space-between;
2348
+ -ms-flex-pack : justify;
2349
+ justify-content : space-between; }
2332
2350
@media (max-width : 991px ) {
2333
2351
.header {
2334
2352
left : 0 ; } }
@@ -2338,11 +2356,9 @@ pre {
2338
2356
height : 50px ; } }
2339
2357
.header-fixed .header {
2340
2358
position : fixed; }
2341
- .header .header-block {
2342
- margin-right : 15px ; }
2343
- @media (max-width : 767px ) {
2344
- .header .header-block {
2345
- padding : 5px ; } }
2359
+ @media (max-width : 767px ) {
2360
+ .header .header-block {
2361
+ padding : 5px ; } }
2346
2362
2347
2363
.modal .modal-content {
2348
2364
border-radius : 0 ; }
@@ -2469,16 +2485,20 @@ pre {
2469
2485
background-color : transparent;
2470
2486
border : 1px solid # 64798d ;
2471
2487
color : # 64798d ;
2472
- margin : 0 5px ; }
2488
+ margin : 0 5px ;
2489
+ border-radius : 0.2rem ; }
2473
2490
.header .header-block-buttons .btn .header-btn : hover , .header .header-block-buttons .btn .header-btn : focus {
2474
2491
border : 1px solid # 3a4651 ;
2475
2492
color : # 3a4651 ; }
2476
- @media (max-width : 767px ) {
2477
- .header .header-block-buttons {
2478
- display : none; } }
2493
+ @media (max-width : 767px ) {
2494
+ .header .header-block-buttons . btn . header-btn span {
2495
+ display : none; } }
2479
2496
2480
2497
.header .header-block-collapse {
2481
2498
padding-right : 5px ; }
2499
+ @media (max-width : 767px ) {
2500
+ .header .header-block-collapse {
2501
+ width : 155px ; } }
2482
2502
.header .header-block-collapse .collapse-btn {
2483
2503
background : none;
2484
2504
border : none;
@@ -2495,7 +2515,11 @@ pre {
2495
2515
2496
2516
.header .header-block-nav {
2497
2517
margin-left : auto;
2498
- white-space : nowrap; }
2518
+ white-space : nowrap;
2519
+ padding-right : 15px ; }
2520
+ @media (max-width : 767px ) {
2521
+ .header .header-block-nav {
2522
+ padding-right : 25px ; } }
2499
2523
.header .header-block-nav ::after {
2500
2524
content : "" ;
2501
2525
display : table;
@@ -2533,7 +2557,7 @@ pre {
2533
2557
2534
2558
.header .header-block-search {
2535
2559
margin-right : auto;
2536
- padding-left : 30 px ; }
2560
+ padding-left : 20 px ; }
2537
2561
@media (max-width : 767px ) {
2538
2562
.header .header-block-search {
2539
2563
padding-left : 10px ; } }
@@ -2544,10 +2568,10 @@ pre {
2544
2568
2545
2569
@media (min-width : 992px ) and (max-width : 1199px ) {
2546
2570
.header .header-block-search {
2547
- padding-left : 30 px ; } }
2571
+ padding-left : 20 px ; } }
2548
2572
@media (min-width : 1200px ) {
2549
2573
.header .header-block-search {
2550
- padding-left : 50 px ; } }
2574
+ padding-left : 35 px ; } }
2551
2575
.header .header-block-search > form {
2552
2576
float : right; }
2553
2577
@media (max-width : 767px ) {
@@ -2615,17 +2639,6 @@ pre {
2615
2639
color : # 52BCD3 ;
2616
2640
width : 230px ; }
2617
2641
2618
- .sidebar-header .brand {
2619
- color : # fff ;
2620
- text-align : left;
2621
- padding-left : 25px ;
2622
- line-height : 70px ;
2623
- font-size : 16px ; }
2624
- @media (max-width : 767px ) {
2625
- .sidebar-header .brand {
2626
- line-height : 50px ;
2627
- font-size : 16px ; } }
2628
-
2629
2642
.customize {
2630
2643
width : 100% ;
2631
2644
color : rgba (255 , 255 , 255 , 0.5 );
@@ -2719,6 +2732,17 @@ pre {
2719
2732
left : 0 ;
2720
2733
color : # fff ; }
2721
2734
2735
+ .sidebar-header .brand {
2736
+ color : # fff ;
2737
+ text-align : left;
2738
+ padding-left : 25px ;
2739
+ line-height : 70px ;
2740
+ font-size : 16px ; }
2741
+ @media (max-width : 767px ) {
2742
+ .sidebar-header .brand {
2743
+ line-height : 50px ;
2744
+ font-size : 16px ; } }
2745
+
2722
2746
.header .header-block-nav .notifications {
2723
2747
font-size : 16px ; }
2724
2748
.header .header-block-nav .notifications a {
0 commit comments