30 lines
1.7 KiB
CSS
30 lines
1.7 KiB
CSS
.cards {padding-bottom: 0;}
|
|
.card {height: 160px; position: relative; padding-left: 150px; border-radius: 6px}
|
|
.card > .media {position: absolute; left: 0; top: 0; width: 150px; background: #f1f1f1; height: 160px; bottom: 0; overflow: hidden; z-index: 90; transition: all 0.4s;}
|
|
.card > .media > .icon {position: absolute; display: block; font-size: 140px; color: #ddd; z-index: 99; bottom: -20px; left: -20px; transition: all 0.4s;}
|
|
.card > .media > h5 {position: absolute; display: block; color: #666; z-index: 100; font-size: 16px; right: 20px; top: 10px; transition: all 0.4s;}
|
|
.card:hover > .media {background: #e5e5e5}
|
|
.card:hover > .media > .icon {color: #ccc}
|
|
.card .card-content {padding: 10px 25px}
|
|
.card-content > ul {padding-left: 20px;}
|
|
.card-content > ul > li {margin-bottom: 3px;}
|
|
|
|
.card-about.card:hover > .media {background: #E5F9FF}
|
|
.card-about.card:hover > .media > .icon {color: #c8eef9}
|
|
.card-about.card:hover > .media > h5, .card-about.card:hover a {color: #279bbd}
|
|
.card-support.card:hover > .media {background: #E5FFE6}
|
|
.card-support.card:hover > .media > .icon {color: #c2eac2}
|
|
.card-support.card:hover > .media > h5, .card-support.card:hover a {color: #229F24}
|
|
.card-cowin.card:hover > .media {background: #FFF4E5}
|
|
.card-cowin.card:hover > .media > .icon {color: #f7dfbe}
|
|
.card-cowin.card:hover > .media > h5, .card-cowin.card:hover a {color: #E48600}
|
|
.card-service.card:hover > .media {background: #FFE6E5}
|
|
.card-service.card:hover > .media > .icon {color: #f9d0ce}
|
|
.card-service.card:hover > .media > h5, .card-service.card:hover a {color: #D2322D}
|
|
|
|
body {padding: 20px;}
|
|
.modal-dialog.hide-header .modal-header .close {top: 5px; right: 20px}
|
|
.copyright {padding: 0 20px 20px}
|
|
|
|
#proversion, #zentaotrain{color:red}
|