312 lines
13 KiB
Plaintext
312 lines
13 KiB
Plaintext
@import "mixins";
|
|
@import "icons";
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
# Reset
|
|
--------------------------------------------------------------*/
|
|
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, div
|
|
{margin:0; padding:0; border:0; outline:0;}
|
|
mark {background:none;}
|
|
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section
|
|
{display:block;}
|
|
nav ul {list-style:none;}
|
|
blockquote, q {quotes:none;}
|
|
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
|
|
a {margin:0; padding:0; text-decoration:none;}
|
|
hr { display:block; height:1px; border:0; border:none; padding:0;}
|
|
input, select {vertical-align:middle;}
|
|
.clear {clear:both; margin: 0; padding:0;}
|
|
img {line-height:0;}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Grid
|
|
--------------------------------------------------------------*/
|
|
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after {clear:both; content:" ";display:table;}
|
|
|
|
/* Container */
|
|
.container {padding: 0 15px; margin: 0 auto; position:relative;}.container-fluid {padding: 0 15px; margin: 0 auto;}.row {margin: 0 -15px;}
|
|
@media (min-width: 768px) {.container {width: 95%;}}
|
|
@media (min-width: 1050px) {.container {width: 90%;}}
|
|
@media (min-width: 1250px) {.container {width: 95%;}}
|
|
@media (min-width: 1800px) {.container {width: 1600px;}}
|
|
@media (min-width: 2000px) {.container {width: 1900px;}}
|
|
|
|
/* Clear */
|
|
.tab4:nth-of-type(3n+1) {clear:both;}
|
|
|
|
.mobile0, .tab0, .medium0, .large0, .mobile1, .tab1, .medium1, .large1, .mobile2, .tab2, .medium2, .large2, .mobile3, .tab3, .medium3, .large3, .mobile4, .tab4, .medium4, .large4, .mobile5, .tab5, .medium5, .large5, .mobile6, .tab6, .medium6, .large6, .mobile7, .tab7, .medium7, .large7, .mobile8, .tab8, .medium8, .large8, .mobile9, .tab9, .medium9, .large9, .mobile10, .tab10, .medium10, .large10, .mobile11, .tab11, .medium11, .large11, .mobile12, .tab12, .medium12, .large12, .tab20 {position: relative; min-height: 1px; padding: 0 15px; display:block;}
|
|
|
|
.mobile0, .mobile1, .mobile2, .mobile3, .mobile4, .mobile5, .mobile6, .mobile7, .mobile8, .mobile9, .mobile10, .mobile11, .mobile12 {float: left;}
|
|
|
|
.mobile12 {width: 100%;}.mobile11 {width: 91.66666667%;}.mobile10 {width: 83.33333333%;}.mobile9 {width: 75%;}.mobile8 {width: 66.66666667%;}.mobile7 {width: 58.33333333%;}.mobile6 {width: 50%;}.mobile5 {width: 41.66666667%;}.mobile4 {width: 33.33333333%;}.mobile3 {width: 25%;}.mobile2 {width: 16.66666667%;}.mobile1 {width: 8.33333333%;}.mobile0 {display:none;}
|
|
|
|
@media (min-width: 768px) {
|
|
.tab1, .tab2, .tab3, .tab4, .tab5, .tab6, .tab7, .tab8, .tab9, .tab10, .tab11, .tab12, .tab20 {float: left;}
|
|
.tab12 {width: 100%;}.tab11 {width: 91.66666667%;}.tab10 {width: 83.33333333%;}.tab9 {width: 75%;}.tab8 {width: 66.66666667%;}.tab7 {width: 58.33333333%;}.tab6 {width: 50%;}.tab5 {width: 41.66666667%;}.tab4 {width: 33.33333333%;}.tab3 {width: 25%;}.tab2 {width: 16.66666667%;}.tab1 {width: 8.33333333%;}.tab0 {display:none;}.tab20 {width: 20%;}
|
|
}
|
|
@media (min-width: 1050px) {
|
|
.medium1, .medium2, .medium3, .medium4, .medium5, .medium6, .medium7, .medium8, .medium9, .medium10, .medium11, .medium12 {float: left;}.medium12 {width: 100%;}
|
|
.medium11 {width: 91.66666667%;}.medium10 {width: 83.33333333%;}.medium9 {width: 75%;}.medium8 {width: 66.66666667%;}.medium7 {width: 58.33333333%;}.medium6 {width: 50%;}.medium5 {width: 41.66666667%;}.medium4 {width: 33.33333333%;}.medium3 {width: 25%;}.medium2 {width: 16.66666667%;}.medium1 {width: 8.33333333%;}.medium0 {display:none;}
|
|
}
|
|
@media (min-width: 1250px) {
|
|
.large1, .large2, .large3, .large4, .large5, .large6, .large7, .large8, .large9, .large10, .large11, .large12 {float: left;}
|
|
.large12 {width: 100%;}.large11 {width: 91.66666667%;}.large10 {width: 83.33333333%;}.large9 {width: 75%;}.large8 {width: 66.66666667%;}.large7 {width: 58.33333333%;}.large6 {width: 50%;}.large5 {width: 41.66666667%;}.large4 {width: 33.33333333%;}.large3 {width: 25%;}.large2 {width: 16.66666667%;}.large1 {width: 8.33333333%;}.large0 {display:none;}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# General Settings
|
|
--------------------------------------------------------------*/
|
|
html,body {
|
|
position: relative;
|
|
font-family: @font_family;
|
|
font-size: @font_size;
|
|
line-height: @line_height_base;
|
|
color: @text_color;
|
|
background: @gray_light;
|
|
}
|
|
.clear {clear:both;}
|
|
.section_padding {padding:100px 0px;}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Typo
|
|
--------------------------------------------------------------*/
|
|
p {margin-bottom:20px; color: @text_color;}
|
|
h1, h2, h3, h4, h5{display: block; line-height: @line_height_heading;}
|
|
h1 {font-size: 25px; font-weight: 600; margin-bottom:10px; text-align:left; color: #333;}
|
|
h2 {font-size: 45px; font-weight: 600; margin-bottom:10px; text-align:center;}
|
|
h3 {font-size: 20px; font-weight: 300; letter-spacing:2px;}
|
|
h4 {font-size: 15px; font-weight: 600;}
|
|
h5 {font-size: 18px; font-weight: 600; border-bottom:dotted 1px #999; padding-bottom:5px; margin-top:20px; margin-bottom:20px;}
|
|
strong {font-weight:700;}
|
|
mark {color: @cms_brand_secondary;}
|
|
a {text-decoration:none; color: @cms_brand_secondary;}
|
|
a:hover {color:#901624;}
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
# Forms
|
|
--------------------------------------------------------------*/
|
|
.input_holder {margin-bottom:20px; display:block;}
|
|
.input_header {margin-bottom:10px;}
|
|
.input_description {font-size:13px; color: lighten(@text_color, 20%);}
|
|
input, textarea, select {
|
|
font-family: @font_family;
|
|
width: 100%;
|
|
display: block;
|
|
height: 35px;
|
|
padding: 0px 10px;
|
|
color: @text_color;
|
|
background: white;
|
|
border: solid 1px #CCC;
|
|
outline: none;
|
|
font-size: 14px;
|
|
transition: background 0.3s, color 0.3s, border 0.3s;
|
|
}
|
|
textarea {padding:10px; height:auto;}
|
|
input:focus, textarea:focus, select:focus {background:#FFF; border-color: @cms_brand_primary;}
|
|
label {font-weight:600; color: @text_color;}
|
|
|
|
.checkbox_holder {
|
|
position: relative;
|
|
height: 100%;
|
|
min-height: 18px;
|
|
|
|
&:hover .check_checkbox {
|
|
border: 1px solid @cms_brand_primary;
|
|
}
|
|
|
|
label {
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -9px;
|
|
width: 18px;
|
|
height: 18px;
|
|
cursor: pointer;
|
|
z-index: 10;
|
|
}
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
position: absolute;
|
|
top: -10px;
|
|
left: -10px;
|
|
line-height: 50px;
|
|
visibility: hidden;
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
.check_checkbox {
|
|
background: #FFF;
|
|
display: block;
|
|
position: absolute;
|
|
border: 1px solid #999;
|
|
border-radius: 0;
|
|
height: 18px;
|
|
width: 18px;
|
|
top: 50%;
|
|
margin-top:-9px;
|
|
left: 0px;
|
|
z-index: 5;
|
|
transition: border .25s linear;
|
|
-webkit-transition: border .25s linear;
|
|
}
|
|
.check_checkbox::before {
|
|
display: block;
|
|
position: absolute;
|
|
content: '';
|
|
border-radius: 0;
|
|
height: 17px;
|
|
width: 17px;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin: auto;
|
|
transition: background 0.25s linear;
|
|
-webkit-transition: background 0.25s linear;
|
|
}
|
|
input[type=checkbox]:checked ~ .check_checkbox {
|
|
border: 1px solid @cms_brand_primary;
|
|
}
|
|
|
|
input[type=checkbox]:checked ~ .check_checkbox:before{
|
|
background: @cms_brand_primary!important;
|
|
}
|
|
button{
|
|
height: 40px;
|
|
background: @gray_dark;
|
|
border: none;
|
|
color: #FFF;
|
|
cursor: pointer;
|
|
text-transform: uppercase;
|
|
width: auto;
|
|
margin: 0px auto 0 auto;
|
|
padding: 0px 30px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# 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
|
|
--------------------------------------------------------------*/
|
|
.content_area {position:absolute; left:70px; top:40px; right:0px; height: 100%;}
|
|
.content_main {position:relative; top:0px; padding:25px;}
|
|
|
|
.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:@cms_brand_primary;
|
|
}
|
|
.cms_add_button:hover {background:#189671;}
|
|
.button_action {
|
|
height:25px;
|
|
line-height:25px;
|
|
font-size:13px;
|
|
position:relative;
|
|
margin-left:20px;
|
|
background: @gray_dark;
|
|
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:@cms_brand_primary; color:#FFF;}
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
# Table Footer
|
|
--------------------------------------------------------------*/
|
|
.table_footer {float:right; text-align:right; line-height:25px; margin-top:20px; display:block; color: @text_color; 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:@cms_brand_primary; color:#FFF;}
|
|
.cms_paging ul li a:hover {background:@cms_brand_primary; color:#FFF;}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Breakpoints
|
|
--------------------------------------------------------------*/
|
|
@media(max-width: @screen-md-max) {
|
|
/*.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;}*/
|
|
}
|
|
|
|
@media(max-width: @screen-xs-max) {
|
|
.cms_content_main {margin-left:0px;}
|
|
|
|
.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;}
|
|
} |