39 lines
3.0 KiB
CSS
39 lines
3.0 KiB
CSS
#mainMenu .pull-left .checkbox-primary {display: inline-block; margin-left: 10px;}
|
|
#mainMenu .pull-right > .btn-group + .btn {margin-left: 10px;}
|
|
#mainMenu .pull-right > .btn-group > .btn-icon {background: transparent;}
|
|
#mainMenu .pull-right > .btn-group > .btn-icon:hover {background: #fff;}
|
|
|
|
#cards {margin: 0 10px;}
|
|
#cards > .col {width: 20%;}
|
|
#cards .panel {margin: 10px 0; border: 1px solid #DCDCDC; border-radius: 2px; box-shadow: none; height: 146px; cursor: pointer;}
|
|
#cards .panel:hover {border-color: #006AF1; box-shadow: 0 0 10px 0 rgba(0,0,100,.25);}
|
|
#cards .panel-heading {padding: 12px 24px 10px 16px;}
|
|
#cards .panel-body {padding: 0 16px 16px;}
|
|
#cards .panel-actions {padding: 7px 0;}
|
|
#cards .panel-actions .dropdown-menu > li > a {padding-left: 5px; text-align: left;}
|
|
#cards .panel-actions .dropdown-menu > li > a > i {opacity: .5; display: inline-block; margin-right: 4px; width: 18px; text-align: center;}
|
|
#cards .panel-actions .dropdown-menu > li > a:hover > i {opacity: 1;}
|
|
#cards .program-type-label {padding: 1px 2px;}
|
|
#cards .program-name {font-size: 16px; font-weight: normal; display: inline-block; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}
|
|
#cards .program-infos {font-size: 12px;}
|
|
#cards .program-infos > span {display: inline-block; line-height: 12px;}
|
|
#cards .program-infos > span > .icon {font-size: 12px; display: inline-block; position: relative; top: -1px}
|
|
#cards .program-infos > span + span {margin-left: 15px;}
|
|
#cards .program-detail {position: absolute; bottom: 16px; left: 16px; right: 16px; font-size: 12px;}
|
|
#cards .program-detail > p {margin-bottom: 8px;}
|
|
#cards .program-detail .progress {height: 4px;}
|
|
#cards .program-detail .progress-text-left .progress-text {width: 50px; left: -50px;}
|
|
#cards .pager {margin: 0; float: right;}
|
|
#cards .pager .btn {border: none}
|
|
#cards .program-stages-container {margin: 0 -16px -16px -16px; padding: 0 4px; height: 46px; overflow-x: auto; position: relative;}
|
|
#cards .program-stages:after {content: ' '; width: 30px; display: block; right: -16px; top: 16px; bottom: -6px; z-index: 1; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); position: absolute;}
|
|
#cards .program-stages-row {position: relative; height: 30px; z-index: 0;}
|
|
#cards .program-stage-item {white-space: nowrap; position: absolute; top: 0; min-width: 48px; padding-top: 13px; color: #838A9D;}
|
|
#cards .program-stage-item > div {white-space: nowrap; overflow: visible; text-align: center; text-overflow: ellipsis;}
|
|
#cards .program-stage-item:before {content: ' '; display: block; width: 8px; height: 8px; border-radius: 50%; background: #D1D1D1; position: absolute; left: 50%; margin-left: -4px; top: 0; z-index: 1;}
|
|
#cards .program-stage-item + .program-stage-item:after {content: ' '; display: block; left: -50%; right: 50%; height: 2px; background-color: #D1D1D1; top: 3px; position: absolute; z-index: 0;}
|
|
#cards .program-stage-item.is-going {color: #333;}
|
|
#cards .program-stage-item.is-going::before {background-color: #0C64EB;}
|
|
|
|
.w-240px{width:240px;}
|