/* -------------------------------------------------------- Block -----------------------------------------------------------*/ .block { position: relative; display: inline-block; width: 100%; margin-bottom: 25px; text-shadow: none; } .block > h2 { font-size: 12px; width: 100%; color: #737373; margin: 0 0 10px 0; font-weight: bold; line-height: 100%; padding: 9px 13px 9px; letter-spacing: 0; } .block-body { padding: 5px 15px 15px; } .config { position: absolute; top: 4px; right: 10px; } .config > a { color: #6D6D6D; margin-left: 7px; } .config > a:hover { color: #000; } .config > .btn { color: #333; } .p-header { position: relative; display: inline-block; width: 100%; margin-bottom: 15px; border-bottom: 1px dashed #B1B1B1; } .p-header .config { top: 0; right: 0; } .p-header > h2 { font-size: 20px; line-height: 100%; font-weight: normal; margin: 5px 0 8px 0; letter-spacing: 0; } .block-title { font-size: 12px; font-weight: normal; line-height: 100%; text-shadow: none; background: #333; display: inline-block; color: #fff; padding: 6px 10px 5px; text-transform: uppercase; box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2); margin: 0 0 15px 0; } /* -------------------------------------------------------- Today's Activity -----------------------------------------------------------*/ .activity { margin: 0; list-style: none; } .activity > li { margin-bottom: 8px; float: left; width: 100%; border-bottom: 1px dashed #ccc; padding-bottom: 8px; } .activity .number { float: left; padding: 4px 7px 2px; line-height: 100%; font-size: 29px; color: #FFF; text-align: center; min-width: 70px; } .activity .media-body { margin: 10px 10px 0 10px; text-transform: uppercase; } /* -------------------------------------------------------- Recent Posts -----------------------------------------------------------*/ .post-title { line-height: 21px; display: block; margin: 0 0 5px 0; } .controls > .btn + .btn { margin-left: 0; } .controls .btn, .controls .btn:hover { margin-right: -1px; } .controls .btn i { font-size: 10px; color: #383838; } .controls .btn:hover i { color: #000; } /* -------------------------------------------------------- Simple Listing -----------------------------------------------------------*/ .simple-list .list-group { margin-bottom: 0; } .simple-list .icon { font-size: 15px; display: inline-block; width: 12px; color: #868686; } .simple-list .block > h2 { margin-bottom: 0; } /* -------------------------------------------------------- Box view -----------------------------------------------------------*/ .box-view { padding: 0 8px 5px; display: inline-block; width: 100%; } .box-view > .box-item { padding: 7px; display: inline-block; margin: 0; } .box-view > .box-item img { max-width: 100%; } /* -------------------------------------------------------- Side Menu -----------------------------------------------------------*/ .side-menu > li > ul { background: rgba(0,0,0,0.35); padding-bottom: 10px; display: none; margin-bottom: 10px; border: 1px solid #292929; border-top: 0; } .side-menu > li:last-child ul { border-top: 1px solid #292929; } .side-menu > li > a, .side-menu ul li a { display: block; max-width: 100%; display: block; } .side-menu > li > a { border-bottom: 1px solid #292929; padding: 7px 0; } .side-menu > li:first-child > a { padding-top: 2px; } .side-menu ul li a { padding: 9px 12px 0; } .side-menu ul li a:hover { color: #868686; } .side-menu > li i { width: 23px; display: inline-block; } .side-menu > li.open ul { display: block; } /* -------------------------------------------------------- List view -----------------------------------------------------------*/ .listview .media { margin-top: 0; border-bottom: 1px solid #ccc; position: relative; } .listview .media:not(.listview-header) { padding: 12px 0; } .listview-header { border-bottom: 1px solid #ccc; padding-bottom: 10px; padding-left: 27px; margin-bottom: 10px; display: inline-block; width: 100%; } .listview-header .check-all { position: absolute; top: 50%; height: 14px; margin-top: -11px; left: 0px; } .listview .media:hover { background: rgba(255, 255, 0, 0.1); } .listview-header:hover { background: transparent !important; } .listview .media label { margin-bottom: 0; } .listview .media small { color: #919191; } .listview .media-object { width: 40px; } .listview .media .attrs { padding: 4px 5px; line-height: 100%; margin: 4px 5px 2px 0; font-size: 12px; float: left; width: auto; color: #676767; } .list-view-search { float: right; margin-right: 1px; } .list-options { position: absolute; top: 0; right: 5px; display: none; height: 30px; margin-top: -15px; top: 50%; z-index: 100; } .listview .media:hover .list-options { display: block; } .list-delete-all { display: none; } .block .listview .media { padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #eee; } .block .listview .media .list-options { right: 20px; } .block .listview .attrs { box-shadow: none !important; } .listview-block .block > h2 { margin-bottom: 0; } .block { box-shadow: inset 0 0 8px rgba(0,0,0,0.2), 0px 1px 0px #fff; border: 1px solid #ccc; background: #fff; margin-top: 50px; } .block > h2 { background: rgba(0,0,0,0.05) } .bg-info { background-color: #40bbea !important; color: #fff !important; } .bg-warning { background-color: #ffba00 !important; color: #fff !important; } .bg-success { background-color: #68b828 !important; color: #fff !important; } .bg-danger { background-color: #f2233b !important; color: #fff !important; } .bg-orange { background-color: #f2561a !important; color: #fff !important; } .bg-purple { background-color: #552f80 !important; color: #fff !important; } .bg-grey { background-color: #5e5b5e !important; color: #fff !important; } .well { background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f8f8f8 100%); background-image: -o-linear-gradient(top, #ebebeb 0%, #f8f8f8 100%); background-image: linear-gradient(to bottom, #ebebeb 0%, #f8f8f8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff8f8f8', GradientType=0); border-color: #dfdfdf; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); } /* Begin Timeline One Column */ #timeline-one-column-left .timeline-centered { position: relative; margin-bottom: 30px; } #timeline-one-column-left .timeline-centered:before, #timeline-one-column-left .timeline-centered:after { content: " "; display: table; } #timeline-one-column-left .timeline-centered:after { clear: both; } #timeline-one-column-left .timeline-centered:before, #timeline-one-column-left .timeline-centered:after { content: " "; display: table; } #timeline-one-column-left .timeline-centered:after { clear: both; } #timeline-one-column-left .timeline-centered:before { content: ''; position: absolute; display: block; width: 2px; background-color: #f5f6f6; /*left: 50%;*/ top: 20px; bottom: 20px; margin-left: 30px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } #timeline-one-column-left .timeline-centered .timeline-entry { position: relative; /*width: 50%; float: right;*/ margin-top: 5px; margin-left: 30px; margin-bottom: 10px; clear: both; } #timeline-one-column-left .timeline-centered .timeline-entry:before, #timeline-one-column-left .timeline-centered .timeline-entry:after { content: " "; display: table; } #timeline-one-column-left .timeline-centered .timeline-entry:after { clear: both; } #timeline-one-column-left .timeline-centered .timeline-entry:before, #timeline-one-column-left .timeline-centered .timeline-entry:after { content: " "; display: table; } #timeline-one-column-left .timeline-centered .timeline-entry:after { clear: both; } #timeline-one-column-left .timeline-centered .timeline-entry.begin { margin-bottom: 0; } #timeline-one-column-left .timeline-centered .timeline-entry.left-aligned { float: left; } #timeline-one-column-left .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner { margin-left: 0; margin-right: -18px; } #timeline-one-column-left .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time { left: auto; right: -100px; text-align: left; } #timeline-one-column-left .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon { float: right; } #timeline-one-column-left .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label { margin-left: 0; margin-right: 70px; } #timeline-one-column-left .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after { left: auto; right: 0; margin-left: 0; margin-right: -9px; -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner { position: relative; margin-left: -20px; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner:before, #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner:after { content: " "; display: table; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner:after { clear: both; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner:before, #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner:after { content: " "; display: table; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner:after { clear: both; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time { position: absolute; /*left: -100px;*/ left: 37px; text-align: right; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span { display: block; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child { font-size: 15px; font-weight: bold; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child { font-size: 12px; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background-color: #fff; color: #666666; display: block; width: 40px; height: 40px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-align: center; -moz-box-shadow: 0 0 0 5px #f5f6f6; -webkit-box-shadow: 0 0 0 5px #f5f6f6; box-shadow: 0 0 0 5px #f5f6f6; line-height: 40px; font-size: 16px; float: left; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label { position: relative; background-color: #f5f6f6; padding: 1em; margin-left: 60px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 9px 9px 9px 0; border-color: transparent #f5f6f6 transparent transparent; left: 0; top: 10px; margin-left: -9px; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p { color: #666666; font-size: 12px; margin: 0; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p { margin-top: 15px; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 { font-size: 16px; margin-bottom: 10px; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a { *color: #666666; } #timeline-one-column-left .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span { -webkit-opacity: .6; -moz-opacity: .6; opacity: .6; -ms-filter: alpha(opacity=60); filter: alpha(opacity=60); } #timeline-one-column-right .timeline-centered { position: relative; margin-bottom: 30px; } #timeline-one-column-right .timeline-centered:before, #timeline-one-column-right .timeline-centered:after { content: " "; display: table; } #timeline-one-column-right .timeline-centered:after { clear: both; } #timeline-one-column-right .timeline-centered:before, #timeline-one-column-right .timeline-centered:after { content: " "; display: table; } #timeline-one-column-right .timeline-centered:after { clear: both; } #timeline-one-column-right .timeline-centered:before { content: ''; position: absolute; display: block; width: 2px; background-color: #f5f6f6; /*left: 50%;*/ top: 20px; bottom: 20px; right: 0; margin-right: 30px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } #timeline-one-column-right .timeline-centered .timeline-entry { position: relative; /*width: 50%; float: right;*/ margin-top: 5px; margin-right: 30px; margin-bottom: 10px; clear: both; } #timeline-one-column-right .timeline-centered .timeline-entry:before, #timeline-one-column-right .timeline-centered .timeline-entry:after { content: " "; display: table; } #timeline-one-column-right .timeline-centered .timeline-entry:after { clear: both; } #timeline-one-column-right .timeline-centered .timeline-entry:before, #timeline-one-column-right .timeline-centered .timeline-entry:after { content: " "; display: table; } #timeline-one-column-right .timeline-centered .timeline-entry:after { clear: both; } #timeline-one-column-right .timeline-centered .timeline-entry.begin { margin-bottom: 0; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner { position: relative; margin-right: -20px; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner:before, #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner:after { content: " "; display: table; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner:after { clear: both; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner:before, #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner:after { content: " "; display: table; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner:after { clear: both; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time { position: absolute; right: -100px; left: auto; text-align: right; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span { display: block; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child { font-size: 15px; font-weight: bold; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child { font-size: 12px; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background-color: #fff; color: #666666; display: block; width: 40px; height: 40px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-align: center; -moz-box-shadow: 0 0 0 5px #f5f6f6; -webkit-box-shadow: 0 0 0 5px #f5f6f6; box-shadow: 0 0 0 5px #f5f6f6; line-height: 40px; font-size: 16px; float: right; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label { position: relative; background-color: #f5f6f6; padding: 1em; margin-right: 60px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 9px; border-color: transparent transparent transparent #f5f6f6; left: auto; right: 0; top: 10px; margin-right: -9px; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p { color: #666666; font-size: 12px; margin: 0; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p { margin-top: 15px; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 { font-size: 16px; margin-bottom: 10px; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a { *color: #666666; } #timeline-one-column-right .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span { -webkit-opacity: .6; -moz-opacity: .6; opacity: .6; -ms-filter: alpha(opacity=60); filter: alpha(opacity=60); } #timeline-two-column .timeline-centered { position: relative; margin-bottom: 30px; } #timeline-two-column .timeline-centered:before, #timeline-two-column .timeline-centered:after { content: " "; display: table; } #timeline-two-column .timeline-centered:after { clear: both; } #timeline-two-column .timeline-centered:before, #timeline-two-column .timeline-centered:after { content: " "; display: table; } #timeline-two-column .timeline-centered:after { clear: both; } #timeline-two-column .timeline-centered:before { content: ''; position: absolute; display: block; width: 2px; background-color: #f5f6f6; left: 50%; top: 20px; bottom: 20px; margin-left: -3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } #timeline-two-column .timeline-centered .timeline-entry { position: relative; width: 50%; float: right; margin-bottom: 25px; clear: both; } #timeline-two-column .timeline-centered .timeline-entry:before, #timeline-two-column .timeline-centered .timeline-entry:after { content: " "; display: table; } #timeline-two-column .timeline-centered .timeline-entry:after { clear: both; } #timeline-two-column .timeline-centered .timeline-entry:before, #timeline-two-column .timeline-centered .timeline-entry:after { content: " "; display: table; } #timeline-two-column .timeline-centered .timeline-entry:after { clear: both; } #timeline-two-column .timeline-centered .timeline-entry.begin { margin-bottom: 0; } #timeline-two-column .timeline-centered .timeline-entry.left-aligned { float: left; } #timeline-two-column .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner { margin-left: 0; margin-right: -18px; } #timeline-two-column .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time { left: auto; right: -180px; text-align: left; width:174px; } #timeline-two-column .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon { float: right; } #timeline-two-column .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label { margin-left: 0; margin-right: 70px; } #timeline-two-column .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after { left: auto; right: 0; margin-left: 0; margin-right: -9px; -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner { position: relative; margin-left: -22px; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner:before, #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner:after { content: " "; display: table; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner:after { clear: both; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner:before, #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner:after { content: " "; display: table; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner:after { clear: both; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time { position: absolute; left: -180px; text-align: right; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:174px; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span { display: block; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child { font-size: 15px; font-weight: bold; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child { font-size: 12px; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background-color: #F5F6F6; color: #666666; /* display: block; */ width: 40px; height: 40px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-align: center; -webkit-box-shadow: 0 0 0 5px #F5F6F6; box-shadow: 0 0 0 5px #F5F6F6; line-height: 40px; font-size: 15px; float: left; } .timeline-icon .left{ position: absolute; left: -63px; top: 60px; } .timeline-icon .right{ position: absolute; right: -63px; top: 60px; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label { position: relative; background-color: #F5F6F6; padding: 1.7em; margin-left: 70px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 9px 9px 9px 0; border-color: transparent #F5F6F6 transparent transparent; left: 0; top: 10px; margin-left: -9px; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p { color: #666666; font-size: 12px; margin: 0; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p { margin-top: 15px; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 { font-size: 16px; margin-bottom: 10px; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a { *color: #666666; } #timeline-two-column .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span { -webkit-opacity: .6; -moz-opacity: .6; opacity: .6; -ms-filter: alpha(opacity=60); filter: alpha(opacity=60); } /* End Timeline One Column */