panel/baseui
1
0
Fork 0
Code Issues 8 Pull Requests Releases Wiki Activity

add basic frame, basic login page

Browse Source
This commit is contained in:
Anton Schubert
2017-08-29 20:58:39 +02:00
parent 2c21a2bdd8
commit c6badd6a90
27 changed files with 661 additions and 511 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/app.less
View File

@@ -155,27 +155,39 @@ input[type=checkbox]:checked ~ .check_checkbox {
input[type=checkbox]:checked ~ .check_checkbox:before{
background: #28b78d!important;
}
button{
height: 40px;
background: @cms_brand_secondary;
border: none;
color: #FFF;
cursor: pointer;
text-transform: uppercase;
width: auto;
margin: 0px auto 0 auto;
padding: 0px 30px;
border-radius: 20px;
}
.cell_checkbox label {width:18px; height:18px; display:block; cursor:pointer; z-index:10; position: absolute; top:50%; margin-top:-9px;}
.checkbox_holder:hover .check_checkbox {border: 1px solid #28b78d;}
/*--------------------------------------------------------------
# CMS CONTENT FORM
--------------------------------------------------------------*/
.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;}
.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;}
.content_area {position:absolute; left:70px; top:40px; right:0px; transition:all 0.3s;}
.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;}
@@ -183,14 +195,14 @@ input[type=checkbox]:checked ~ .check_checkbox:before{
/*--------------------------------------------------------------
# Content Search Section
--------------------------------------------------------------*/
.cms_content_search_section {display:block; margin-bottom:30px;}
/*.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_searchbox .fa {line-height:35px; font-size:13px; background:none; color:#999; z-index:500; position:absolute; left:15px;}*/
/*--------------------------------------------------------------
# CMS ADD BUTTON
@@ -347,26 +359,21 @@ input[type=checkbox]:checked ~ .check_checkbox:before{
/*--------------------------------------------------------------
# Breakpoints
--------------------------------------------------------------*/
@media(max-width:1100px) {
@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;}*/
.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;}
@media(max-width: @screen-xs-max) {
.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;}