mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-29 08:09:58 +09:00
모바일에서 Member Menu를 지원합니다.
Member Menu가 있기 때문에 PC 버전의 회원 모듈은 많은 일을 코어 수정 없이 해낼 수 있습니다. 이를 모바일에서 가능하게 하는 커밋입니다.
This commit is contained in:
parent
ecce7e5efd
commit
9117c7bb96
8 changed files with 163 additions and 34 deletions
|
|
@ -31,4 +31,63 @@
|
|||
.xm .ba li:first-child{border:0}
|
||||
.xm .ba li>a,
|
||||
.xm .ba li>button,
|
||||
.xm .ba li>input{display:block;white-space:nowrap;padding:7px 10px;text-decoration:none;color:#000;background:#f4f4f4;text-shadow:0 1px 0 #fff;overflow:hidden;text-overflow:ellipsis}
|
||||
.xm .ba li>input{display:block;white-space:nowrap;padding:7px 10px;text-decoration:none;color:#000;background:#f4f4f4;text-shadow:0 1px 0 #fff;overflow:hidden;text-overflow:ellipsis}
|
||||
/* List */
|
||||
.lt{margin:0;padding:0;list-style:none;background:#f8f8f8;font-size:14px}
|
||||
.lt li{border-bottom:1px solid #ccc8be;overflow:hidden}
|
||||
.lt a{box-sizing: border-box;width:100%;display:inline-block;float:left;text-decoration:none;color:#000;padding:10px}
|
||||
.lt .memberInfo{float:right;}
|
||||
.lt .notice{display:inline-block;background:#a06acd;font-weight:bold;color:#fff;font-size:12px;padding:1px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
|
||||
.lt .title{display:block;margin:0 0 5px 0}
|
||||
.lt .title strong{font-size:14px;font-weight:bold}
|
||||
.lt .title em{font-size:12px;color:#333;color:#6352d2}
|
||||
.lt .auth{display:block;font-size:12px}
|
||||
.lt .auth .time{padding:0 5px;border-left:1px solid #bfbfbf}
|
||||
/* Pagination */
|
||||
.pn{font-size:12px;text-align:center;background:#f2f0ec;padding:15px 0;border-top:1px solid #fff}
|
||||
.pn a{color:#333;text-decoration:none}
|
||||
.pn strong{margin:0 10px}
|
||||
.pn .prev:before{content:"";display:inline-block;width:0;height:0;margin:0 4px 0 0;border:4px solid;border-color:transparent;border-right-color:#999}
|
||||
.pn .next:after{content:"";display:inline-block;width:0;height:0;margin:0 0 0 4px;border:4px solid;border-color:transparent;border-left-color:#999}
|
||||
/* MemberMenu */
|
||||
.xm div.mtab{
|
||||
overflow: hidden;
|
||||
width:100%;
|
||||
height: 52px;
|
||||
white-space: nowrap;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.xm ul.mtab{
|
||||
display: block;
|
||||
list-style: outside none none;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
padding: 6px 0px 100px;
|
||||
text-decoration: none;
|
||||
margin: 0;
|
||||
}
|
||||
.xm ul.mtab>li {
|
||||
display:inline-block;
|
||||
height: 40px;
|
||||
line-height: 18px;
|
||||
position: relative;
|
||||
}
|
||||
.xm ul.mtab>li a {
|
||||
display:inline-block;
|
||||
color: #000;
|
||||
font-weight: 400;
|
||||
letter-spacing: -1px;
|
||||
line-height: 40px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.xm ul.mtab>li a:hover, .xm ul.mtab>li.active a {
|
||||
font-weight: 700;
|
||||
}
|
||||
.xm ul.mtab>li a span {
|
||||
border-left: 1px solid #e0e0e0;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.xm ul.mtab>li:first-child a span {
|
||||
border-left: 0 none;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue