매거진형 CSS Mobile 반응형 선언, 사이드바 우측으로 설정시 본문 깨짐 수정 및 기타 버그 수정, 개선

This commit is contained in:
dlehdanakf 2015-07-06 17:35:29 +09:00
parent e4cd56f46d
commit e79389c2e0
3 changed files with 50 additions and 374 deletions

View file

@ -940,6 +940,14 @@ a:hover, a:active, a:focus {
margin: 0 auto;
zoom: 1
}
.magazine .header {
text-align:left;
}
.magazine .header > h1 {
text-align:left;
display:block;
padding:0 15px;
}
.header > .side {
display: none;
}
@ -971,6 +979,7 @@ a:hover, a:active, a:focus {
max-width: 100%;
height: auto
}
.body.fixed-width.left .content,
.body.fixed-width.right .content {
width: auto;
float: none;
@ -1167,6 +1176,9 @@ a:hover, a:active, a:focus {
.header > .side {
display: none;
}
.header > .custom_area {
display:none;
}
/* Search */
.search_wrap {
display: none;
@ -1183,6 +1195,9 @@ a:hover, a:active, a:focus {
.onepage .gnb {
margin-top:0;
}
.magazine .gnb {
margin-bottom:0;
}
.gnb a {
white-space: normal;
font-size: 14px;
@ -1199,6 +1214,9 @@ a:hover, a:active, a:focus {
background: #fff;
-webkit-overflow-scrolling: touch;
}
.magazine .gnb > ul {
display:none;
}
.gnb > ul > li {
float: none;
position: static;
@ -1209,6 +1227,7 @@ a:hover, a:active, a:focus {
.gnb > ul:after {
display: none;
}
.magazine .gnb > ul > li > a,
.gnb > ul > li > a {
position: static;
padding: 10px 0;
@ -1227,6 +1246,8 @@ a:hover, a:active, a:focus {
.onepage .gnb > ul > li.on > a {
color:#555;
}
.magazine .gnb > ul .depth2,
.magazine .gnb > ul .depth3,
.gnb > ul .depth2 {
display: block;
position: static;
@ -1379,7 +1400,7 @@ a:hover, a:active, a:focus {
background-size: cover
}
.visual.sub.sub_type2 {
padding: 70px 0
padding: 40px 15px
}
.visual.sub.sub_type2 .bg_img {
display: block