232 lines
8.9 KiB
CSS
232 lines
8.9 KiB
CSS
@charset "utf-8";
|
|
|
|
@font-face {
|
|
font-family: 'FontAwesome';
|
|
src: url('project-files/fonts/font-awesome/fontawesome-webfont.eot?v=4.5.0');
|
|
src: url('project-files/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('project-files/fonts/font-awesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('project-files/fonts/font-awesome/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('project-files/fonts/font-awesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('project-files/fonts/font-awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# CMS CONTENT FORM
|
|
--------------------------------------------------------------*/
|
|
.cms_content_form {}
|
|
.cms_content_form_sidebar {background:#FFF; padding:25px; border:solid 1px #CCC;}
|
|
.cms_fieldgroup {background:#f0f0f0; border:solid 1px #CCC; margin-bottom:20px;}
|
|
.cms_fieldgroup_header {position:relative; color:#333; border-bottom:solid 1px #CCC; height:40px; line-height:40px; padding:0px 25px; font-weight:600;}
|
|
.cms_fieldgroup_content {padding:25px; display:none;}
|
|
.cms_fieldgroup_trigger {position:absolute; top:0px; width:100px; right:0px; padding-right:25px; cursor:pointer; height:40px; line-height:40px; text-align:right;}
|
|
.cms_fieldgroup_trigger i {color:#333; font-size:18px;}
|
|
.fieldgroup_open .cms_fieldgroup_content {display:block;}
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
# Content Area
|
|
--------------------------------------------------------------*/
|
|
.cms_content_area {position:absolute; left:70px; top:40px; right:0px; transition:all 0.3s;}
|
|
.cms_content_main {position:relative; top:0px; padding:25px; transition:all 0.3s;}
|
|
|
|
.cms_content_main_headline {margin-bottom:20px; position:relative;}
|
|
.content_open_sidebar {left:250px;}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Content Search Section
|
|
--------------------------------------------------------------*/
|
|
.cms_content_search_section {display:block; margin-bottom:30px;}
|
|
.searchbar_left {width:70%; float:left;}
|
|
.searchbar_right {width:30%; float:left; padding-left:30px;}
|
|
|
|
.input_search_replace {background:#e5e5e5;}
|
|
.cms_searchbox {position:relative; display:block; height:35px;}
|
|
.cms_searchbox input {position:absolute; left:0px; top:0px; right:0px; padding-left:40px;}
|
|
.cms_searchbox .fa {line-height:35px; font-size:13px; background:none; color:#999; z-index:500; position:absolute; left:15px;}
|
|
|
|
/*--------------------------------------------------------------
|
|
# CMS ADD BUTTON
|
|
--------------------------------------------------------------*/
|
|
.button {
|
|
display:inline-block;
|
|
height:30px;
|
|
line-height:30px;
|
|
padding:0px 20px 0px 40px;
|
|
border-radius:20px;
|
|
color:#FFF;
|
|
font-weight:600;
|
|
font-size:14px;
|
|
transition:background 0.3s;
|
|
}
|
|
.button i {font-size:16px; line-height:28px; position:absolute; left:20px;}
|
|
.button:hover {color:#FFF;}
|
|
|
|
.cms_add_button {
|
|
position:absolute;
|
|
top:0px;
|
|
right:0px;
|
|
background:#28b78d;
|
|
}
|
|
.cms_add_button:hover {background:#189671;}
|
|
.button_action {
|
|
height:25px;
|
|
line-height:25px;
|
|
font-size:13px;
|
|
position:relative;
|
|
margin-left:20px;
|
|
background:#152129;
|
|
padding:0px 10px 0px 30px;
|
|
}
|
|
.button_action i {line-height:25px; left:10px;}
|
|
.button_action:hover {background:#1f3441;}
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
# BACK BUTTON
|
|
--------------------------------------------------------------*/
|
|
.back_button {display:block; float:left; height:30px; width:25px; background:#1f3441; text-align:center; line-height:30px; color:#FFF; font-size:20px; margin-right:10px;}
|
|
.back_button:hover {background:#28b78d; color:#FFF;}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Content Tables
|
|
--------------------------------------------------------------*/
|
|
.content_table_headline {margin-bottom:10px;}
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
# Content Tables
|
|
--------------------------------------------------------------*/
|
|
.cms_table_row_content, .cms_table_row_header {margin:0px -25px;}
|
|
.cms_table_row {
|
|
display: table;
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
background:#FFF;
|
|
padding:10px 15px;
|
|
position:relative;
|
|
}
|
|
.cms_table_row:nth-child(even) {background:#f5f3f4;}
|
|
.table_cell {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
padding:0px 10px;
|
|
}
|
|
|
|
.cell_checkbox {width:40px;}
|
|
.cell_image {width:120px; line-height:0;} .cell_image img {width:100%;}
|
|
.cell_title {position:relative;}
|
|
.cell_title a {color:#000;} .cell_title a:hover {color:#28b78d;}
|
|
|
|
.cell_date {}
|
|
.cell_author {}
|
|
.cell_category {}
|
|
.cell_status {position:relative; padding-left:20px;}
|
|
|
|
.cell_status:before {
|
|
content:"";
|
|
display:block;
|
|
position:absolute;
|
|
left:0px; top:50%;
|
|
margin-top:-5px;
|
|
width:12px; height:12px;
|
|
border-radius:100%;
|
|
background:#88c87a;
|
|
}
|
|
|
|
.cell_status_online {color:#28b78d;} .cell_status_online:before {background-color:#28b78d;}
|
|
.cell_status_offline {color:#ea5e5d;} .cell_status_offline:before {background-color:#ea5e5d;}
|
|
.cell_status_remaining {color:#5fb1e9;} .cell_status_remaining:before {background-color:#5fb1e9;}
|
|
.cell_status_expired {color:#eba760;} .cell_status_expired:before {background-color:#eba760;}
|
|
|
|
.cell_settings {text-align:right; width:150px; position:relative; right:0px;}
|
|
.cell_settings a {color:#000; list-style-type:none;}
|
|
.cell_settings .fa-cog {font-size:20px;}
|
|
.cell_settings_inner {
|
|
position:absolute;
|
|
width:205px; height:40px;
|
|
top:50%;
|
|
right:-3px;
|
|
margin-top:-21px;
|
|
border-radius:20px;
|
|
background:#e0e0e0;
|
|
padding:0px 10px;
|
|
z-index:-1;
|
|
overflow:hidden;
|
|
opacity:0;
|
|
-webkit-opacity:0;
|
|
-moz-opacity:0;
|
|
transition:all 0.3s;
|
|
}
|
|
.cell_settings_inner_container {float:right;}
|
|
.cell_settings_inner_section {float:left; border-right:solid 1px #999; padding:0px 10px;}
|
|
.cell_settings_inner_section_last {border:none; padding-right:3px;}
|
|
.cell_settings_inner_section ul {list-style-type:none;}
|
|
.cell_settings_inner_section ul li {float:left; padding-right:7px;}
|
|
.cell_settings_inner_section_last ul li {padding:0px;}
|
|
.cell_settings_inner_section ul li a {color:#000;}
|
|
.cell_settings_inner_section ul li .fa {line-height:40px; font-size:20px;}
|
|
|
|
.cell_settings_click, .cell_settings_close {/*z-index:700;*/ cursor:pointer;}
|
|
.cell_settings a:hover, .cell_settings_click:hover {color:#28b78d!important;}
|
|
|
|
.cms_table_row_header .cms_table_row {background:none; font-size:13px; padding:10px 15px;}
|
|
.cms_table_row_header .fa {font-size:12px;}
|
|
|
|
.cell_settings_inner_open {
|
|
opacity:1;
|
|
-webkit-opacity:1;
|
|
-moz-opacity:1;
|
|
width:205px;
|
|
z-index:600;
|
|
transition:all 0.3s;
|
|
}
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
# Table Footer
|
|
--------------------------------------------------------------*/
|
|
.table_footer {float:right; text-align:right; line-height:25px; margin-top:20px; display:block; color:#666; margin-bottom:20px;}
|
|
.cms_paging {float:right; margin-left:10px; display:block; /*border:solid 1px #CCC;*/ background:#FFF;}
|
|
.cms_paging ul {list-style-type:none;}
|
|
.cms_paging ul li {float:left; margin-right:2px;}
|
|
.cms_paging ul li:last-child {margin-right:0px;}
|
|
.cms_paging ul li a {transition:all 0.3s; color:#FFF; text-align:center; display:block; height:25px; width:25px; line-height:25px; background:#CCC;}
|
|
.cms_paging ul li i {}
|
|
.cms_paging ul li.active a {background:#28b78d; color:#FFF;}
|
|
.cms_paging ul li a:hover {background:#28b78d; color:#FFF;}
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
# Breakpoints
|
|
--------------------------------------------------------------*/
|
|
@media(max-width:1100px) {
|
|
/*.cms_open_mobilenav {display:block;}
|
|
|
|
.cms_sidebar {left:0px;}
|
|
.cms_content_area {left:0px;}
|
|
.cms_content_sidebar {left:0px;}
|
|
|
|
.content_open_sidebar {left:225px;}
|
|
.content_open_sidebar .cms_content_sidebar {left:225px;}
|
|
.open_sidebar {left:0px;}*/
|
|
|
|
.cms_sidebar {left:0px;}
|
|
|
|
}
|
|
|
|
@media(max-width:768px) {
|
|
.cms_content_sidebar, .content_open_sidebar .cms_content_sidebar {left:inherit; position:relative; width:100%; top:0px; margin-bottom:30px;}
|
|
.cms_content_main {margin-left:0px;}
|
|
.cms_content_sidebar .sub_navigation ul li {width:100%;}
|
|
|
|
.table_cell {display:block; padding:0px 5px;}
|
|
.cell_checkbox {display:table-cell; width:40px;}
|
|
.cell_image {display:none;}
|
|
.cell_edit_cols {display:none;}
|
|
.cell_settings {width:40px; position:absolute; right:21px; top:50%; margin-top:2px;}
|
|
.cell_status_container {width:30px; position:absolute; right:20px; top:50%; margin-top:-28px;}
|
|
.cell_status_text {display:none;}
|
|
.cell_status_head {display:none;}
|
|
.cell_title {font-weight:600;}
|
|
.cell_status:before {width:20px; height:20px;}
|
|
.cms_table_row, .cms_table_row_header .cms_table_row {padding:10px 5px;}
|
|
.cms_table_row_header {display:none;}
|
|
} |