Skip to content

Commit a96dfed

Browse files
oltonolton
committed
update carousel
1 parent 844afd0 commit a96dfed

4 files changed

Lines changed: 626 additions & 161 deletions

File tree

‎css/carousel.css‎

Lines changed: 0 additions & 35 deletions
This file was deleted.

‎css/modern-responsive.css‎

Lines changed: 70 additions & 88 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
color: #44a3aa !important;
2020
}
2121
.fg-color-blueDark {
22-
color: #0a5ac2 !important;
22+
color: #2b5797 !important;
2323
}
2424
.fg-color-green {
2525
color: #00a300 !important;
@@ -28,7 +28,7 @@
2828
color: #99b433 !important;
2929
}
3030
.fg-color-greenDark {
31-
color: #005200 !important;
31+
color: #1e7145 !important;
3232
}
3333
.fg-color-red {
3434
color: #b91d47 !important;
@@ -43,10 +43,10 @@
4343
color: #da532c !important;
4444
}
4545
.fg-color-pink {
46-
color: #c3325f !important;
46+
color: #9f00a7 !important;
4747
}
4848
.fg-color-pinkDark {
49-
color: #9f00a7 !important;
49+
color: #7e3878 !important;
5050
}
5151
.fg-color-purple {
5252
color: #603cba !important;
@@ -67,7 +67,7 @@
6767
background-color: #44a3aa !important;
6868
}
6969
.bg-color-blueDark {
70-
background-color: #0a5ac2 !important;
70+
background-color: #2b5797 !important;
7171
}
7272
.bg-color-green {
7373
background-color: #00a300 !important;
@@ -76,7 +76,7 @@
7676
background-color: #99b433 !important;
7777
}
7878
.bg-color-greenDark {
79-
background-color: #005200 !important;
79+
background-color: #1e7145 !important;
8080
}
8181
.bg-color-red {
8282
background-color: #b91d47 !important;
@@ -91,10 +91,10 @@
9191
background-color: #da532c !important;
9292
}
9393
.bg-color-pink {
94-
background-color: #c3325f !important;
94+
background-color: #9f00a7 !important;
9595
}
9696
.bg-color-pinkDark {
97-
background-color: #9f00a7 !important;
97+
background-color: #7e3878 !important;
9898
}
9999
.bg-color-purple {
100100
background-color: #603cba !important;
@@ -118,7 +118,7 @@
118118
border-color: #44a3aa !important;
119119
}
120120
.border-color-blueDark {
121-
border-color: #0a5ac2 !important;
121+
border-color: #2b5797 !important;
122122
}
123123
.border-color-green {
124124
border-color: #00a300 !important;
@@ -127,7 +127,7 @@
127127
border-color: #99b433 !important;
128128
}
129129
.border-color-greenDark {
130-
border-color: #005200 !important;
130+
border-color: #1e7145 !important;
131131
}
132132
.border-color-red {
133133
border-color: #b91d47 !important;
@@ -142,10 +142,10 @@
142142
border-color: #da532c !important;
143143
}
144144
.border-color-pink {
145-
border-color: #c3325f !important;
145+
border-color: #9f00a7 !important;
146146
}
147147
.border-color-pinkDark {
148-
border-color: #9f00a7 !important;
148+
border-color: #7e3878 !important;
149149
}
150150
.border-color-purple {
151151
border-color: #603cba !important;
@@ -404,6 +404,64 @@
404404
.page-control .frames {
405405
margin-top: 0px;
406406
}
407+
.tile {
408+
width: 120px;
409+
height: 120px;
410+
}
411+
.tile.double {
412+
width: 250px;
413+
}
414+
.tile.triple {
415+
width: 380px;
416+
}
417+
.tile.quadro {
418+
width: 510px;
419+
}
420+
.tile.double-vertical {
421+
height: 250px;
422+
}
423+
.tile.triple-vertical {
424+
height: 380px;
425+
}
426+
.tile.quadro-vertical {
427+
height: 510px;
428+
}
429+
.tile .tile-content {
430+
padding: 5px 10px;
431+
}
432+
.tile.icon > .tile-content img {
433+
width: 48px;
434+
height: 48px;
435+
margin-left: -24px;
436+
margin-top: -24px;
437+
}
438+
.tile .brand > .badge,
439+
.tile .tile-status > .badge {
440+
width: 26px;
441+
height: 28px;
442+
right: 0;
443+
font-size: 9pt;
444+
}
445+
.tile .brand > .name,
446+
.tile .tile-status > .name {
447+
margin-left: 10px;
448+
}
449+
.tile .brand > .icon,
450+
.tile .tile-status > .icon {
451+
width: 24px;
452+
height: 24px;
453+
margin: 5px 10px;
454+
}
455+
.tile .brand > .text,
456+
.tile .tile-status > .text {
457+
left: 40px;
458+
right: 40px;
459+
font-size: 8pt;
460+
}
461+
.tile-group {
462+
max-width: 400px;
463+
float: none;
464+
}
407465
}
408466
/*
409467
* Metro UI CSS v 0.1.4
@@ -498,82 +556,6 @@
498556
border: 0;
499557
left: 10px;
500558
}
501-
.tile {
502-
width: 120px;
503-
height: 120px;
504-
}
505-
.tile.double {
506-
width: 250px;
507-
}
508-
.tile.double .tile-content {
509-
width: 250px;
510-
}
511-
.tile.triple {
512-
width: 380px;
513-
}
514-
.tile.triple .tile-content {
515-
width: 380px;
516-
}
517-
.tile.quadro {
518-
width: 510px;
519-
}
520-
.tile.quadro .tile-content {
521-
width: 510px;
522-
}
523-
.tile.double-vertical {
524-
height: 250px;
525-
}
526-
.tile.double-vertical .tile-content {
527-
height: 210px;
528-
}
529-
.tile.triple-vertical {
530-
height: 380px;
531-
}
532-
.tile.triple-vertical .tile-content {
533-
height: 340px;
534-
}
535-
.tile.quadro-vertical {
536-
height: 510px;
537-
}
538-
.tile.quadro-vertical .tile-content {
539-
height: 470px;
540-
}
541-
.tile .tile-content {
542-
padding: 5px 10px;
543-
}
544-
.tile.icon > .tile-content img {
545-
width: 48px;
546-
height: 48px;
547-
margin-left: -24px;
548-
margin-top: -24px;
549-
}
550-
.tile .brand > .badge,
551-
.tile .tile-status > .badge {
552-
width: 26px;
553-
height: 28px;
554-
right: 0;
555-
font-size: 9pt;
556-
}
557-
.tile .brand > .name,
558-
.tile .tile-status > .name {
559-
margin-left: 10px;
560-
}
561-
.tile .brand > .icon,
562-
.tile .tile-status > .icon {
563-
width: 24px;
564-
height: 24px;
565-
margin: 5px 10px;
566-
}
567-
.tile .brand > .text,
568-
.tile .tile-status > .text {
569-
left: 40px;
570-
right: 40px;
571-
font-size: 8pt;
572-
}
573-
.tile-group {
574-
max-width: 400px;
575-
float: none;
576-
}
577559
table thead tr th {
578560
font-size: 8pt;
579561
}

0 commit comments

Comments
 (0)