File size: 1.79Kb
.head {
background: #4686a0;
color: #ffffff;
padding: 13px;
height: 20px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
overflow: hidden;
-webkit-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
-moz-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
box-shadow: 0px 1px 3px rgba(70, 70, 70, 0.3);
}
.head a{
color: #fff;
}
a.head_link{
display: inline-block;
margin: -3px 20px 0 0;
}
a.head_link:hover{
opacity: 0.8;
}
.head_ava img {
width: 25px;
height: 25px;
border-radius: 100%;
margin: -8px 0 0px 0;
}
#left_menu { /*изначально невидимый для мобильных (в медиа запросе изначально видимый для пк)*/
position: fixed;
top: 0;
bottom: 0;
margin-left: -190px;
z-index: 60;
box-sizing: border-box;
width: 190px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: margin-left 0.1s ease-in-out;
}
.content{
margin: 6px 0 6px 0;
}
.pc{
display:none;
}
.mobile{
display:content;
}
#back-top {
background: #e6ecef;
width: 150px;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
text-align: center;
font: bold 12px Verdana, sans-serif;
text-decoration: none;
color: #4686a0;
padding-top: 60px;
}
#back-top:hover {
background: #e2e9ec;
}
/* дальше правки если это пк*/
@media all and (min-width: 800px){
.content{
margin: 5px 10px 10px 190px;
}
#left_menu{
top:55px;
z-index:45;
margin-left:0;
}
textarea {
width: 95%;
max-width: 95%;
min-width: 95%;
}
input {
width: 95%;
}
select {
width: 98%;
}
.pc{
display: flex;
}
.mobile{
display:none;
}
}