some mobile optimization

This commit is contained in:
2017-08-30 02:39:00 +02:00
parent a74707ba6d
commit d15fc32b03
5 changed files with 148 additions and 88 deletions

View File

@@ -58,11 +58,12 @@ img {line-height:0;}
# General Settings
--------------------------------------------------------------*/
html,body {
font-family: 'Open Sans', sans-serif;
font-size:15px;
line-height:1.4;
color:#000;
background:#f5f3f4;
position: relative;
font-family: @font_family;
font-size: @font_size;
line-height: @line_height;
color: @text_color;
background: #f5f3f4;
}
.clear {clear:both;}
.section_padding {padding:100px 0px;}
@@ -89,23 +90,21 @@ a:hover {color:#901624;}
.input_header {margin-bottom:10px;}
.input_description {font-size:13px; color:#666;}
input, textarea, select {
font-family: 'Open Sans', sans-serif;
width:100%;
display:block;
height:35px;
padding:0px 10px;
color:#333;
backrgound:#FFF;
border:solid 1px #CCC;
outline:none;
font-size:13px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
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: all 0.3s;
}
textarea {padding:10px; height:auto;}
input:focus, textarea:focus, select:focus {background:#FFF; border-color:#28b78d;}
label {font-weight:600; color:#333;}
label {font-weight:600; color: @text_color;}
input[type="checkbox"] {
position: absolute;
@@ -186,8 +185,8 @@ button{
/*--------------------------------------------------------------
# Content Area
--------------------------------------------------------------*/
.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;}
.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;}