mobile - update
This commit is contained in:
@@ -280,3 +280,61 @@
|
||||
.list__posts li a{display:block;width:100%;height:100%;}
|
||||
.list__posts li:hover{text-shadow:1px 0px 1px RGBA(0,0,0,0.3);}
|
||||
.list__posts li:hover .lists__img{box-shadow:1px 1px 5px RGBA(144,20,68,0.2);}
|
||||
|
||||
@media (max-width: 1023px) {
|
||||
html, body{margin:0;overflow-x:hidden;min-height:100%;}
|
||||
.body__wrap{width:100%;max-width:640px;margin:0 auto;position:relative;}
|
||||
|
||||
.nav__div{height:30px;border:none;padding:20px;position:absolute;}
|
||||
.nav__title{display:none;}
|
||||
|
||||
.menu__wrap{width:calc(100% - 40px);z-index:999;max-width:640px;position:absolute;height:100vh;}
|
||||
.wixon__wrap{width:100%;}
|
||||
header{height:70px;}
|
||||
.header__inner{width:100%;height:70px;}
|
||||
h1{margin:0 !important;}
|
||||
.header__inner h1 img{height:70px;padding:10px 20px;}
|
||||
.container{margin-top:30px;}
|
||||
.content{border:none;}
|
||||
.content__inner{display:none;}
|
||||
.fake__lists{display:block;}
|
||||
.fake__lists li{border-bottom: 1px solid #e7e6e7;padding-top:30px;}
|
||||
footer{height:100%;position:relative;}
|
||||
.footer__inner{display:block;padding:0 20px;width:auto;}
|
||||
.footer__tel{padding-top:30px;}
|
||||
.footer__info{text-align:center;}
|
||||
.footer__info ul{display:none;}
|
||||
footer address{margin-top:10px;}
|
||||
.slogan{display:none;}
|
||||
.footer__logo{margin:0;padding:50px 0;text-align:center;}
|
||||
.footer__logo img{width:70%;}
|
||||
|
||||
.container__post .content{width:auto;padding:0 30px;}
|
||||
.title__div{display:block;height:auto;line-height:1em;padding:10px;width:auto;}
|
||||
.content__title{line-height:1.5em;text-indent:0;}
|
||||
.content__date{padding-top:10px;}
|
||||
.content__desc{padding:10px;word-break:break-word;}
|
||||
.content__desc > div{width:auto !important;}
|
||||
.other__list__way{flex-shrink: 0;}
|
||||
.other__list__title{padding-left:20px;}
|
||||
.other__list__date{display:none;}
|
||||
.btn__area{text-align:center;display:flex;justify-content: space-around;padding-top:30px;padding-bottom:0;}
|
||||
.btn__area a{margin:0;width:30%;}
|
||||
|
||||
.login__container{padding-top:50px;}
|
||||
.login__container .uk-form-stacked{padding-top:50px;width:auto !important;min-width:auto !important;}
|
||||
|
||||
.post__container form{width:auto !important;min-width:auto !important;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user