rhymix/modules/member/skins/simple_world/css/css.css
2017-01-08 17:27:28 +09:00

185 lines
No EOL
3.6 KiB
CSS

@charset "UTF-8";
/* 전체 스타일 */
.rx_simple_member
{
font-family: "맑은 고딕", "Apple SD Gothic Neo","나눔고딕",NanumGothic,'Nanum Gothic',"돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif;
font-size: 14px;
margin: 8px 0px;
padding: 0 15px;
}
.rx_simple_member a
{
color: #2196f3;
text-decoration: none;
}
/* Horizontal Align */
.rx_simple_member .pull-right{float:right}
.rx_simple_member .pull-left{float:left}
.rx_simple_member .pos-right
{
position:absolute;
right:0
}
/* message */
.rx_member-notice, .rx_member-notice.info
{
background: #e3f2fd;
padding: 15px;
margin:0;
margin-top:0;
text-align: justify;
}
.rx_member-notice.error
{
background: #fff3e0;
}
.rx_member-notice.update
{
background: #e8f5e9;
}
.rx_member-notice>*
{
padding: 0;
margin:0;
}
/* member forms */
.rx_simple_member .signin
{
max-width:400px;
margin:30px auto;
box-sizing:border-box
}
.rx_simple_member .sw-body
{
box-sizing:border-box;
background-color:#ffffff;
margin: 0 0 20px;
border: 1px solid #e0e0e0;
}
.rx_simple_member .sw-body>*
{
padding: 20px;
margin:0;
border: 0;
}
.rx_simple_member .sw-body h1
{
margin:0;
border-bottom: 1px solid #e0e0e0;
}
.rx_simple_member form div.control-group>*, .rx_simple_member .sw-body dl>*
{
display:block;
position:relative;
box-sizing: border-box;
width:100%;
min-height:25px;
margin:0px;
margin-top: 10px;
}
.rx_simple_member form div.control-group>*:first-child
{
margin-top: 0;
}
.rx_simple_member form div.control-group>input, .rx_simple_member form div.control-group>select
{
border: 1px solid #bdbdbd;
border-radius: 0;
font-size:14px;
line-height: 18px;
margin-top: 0;
padding:8px 8px 6px;
-webkit-appearance: none;
}
.rx_simple_member .sw-body dl>*
{
list-style:none;
border-bottom: 1px solid #e0e0e0;
}
.rx_simple_member .sw-body dl dt, .rx_simple_member form>div.control-group>label
{
font-weight: bold;
border:0;
}
.rx_simple_member form
{
overflow: hidden;
width:100%;
white-space: normal;
box-sizing: border-box;
}
.rx_simple_member form div.control-group>input[type="submit"], .rx_simple_member .sw-footer>a, .rx_simple_member .sw-anchor-buttons a
{
display:block;
background: #2196f3 none repeat scroll 0 0;
border: medium none;
color: #fff;
margin-top: 20px;
padding: 10px;
vertical-align: bottom;
}
.rx_simple_member .sw-footer
{
margin-bottom:30px;
}
.rx_simple_member .sw-footer>a
{
background: #757575 none repeat scroll 0 0;
text-decoration: none;
text-align: center;
}
/* 상단 탭 스타일 */
.rx_simple_member div.rx_simple_tab{
overflow: hidden;
background: #ffffff;
width:100%;
height: 52px;
white-space: nowrap;
border: 1px solid #e0e0e0;
margin-bottom:5px;
box-sizing: border-box;
}
.rx_simple_member ul.rx_simple_tab{
list-style: outside none none;
margin: 0;
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding: 6px 0px 100px;
text-decoration: none;
}
.rx_simple_member ul.rx_simple_tab>li {
display:inline-block;
height: 40px;
line-height: 18px;
position: relative;
}
.rx_simple_member ul.rx_simple_tab>li a {
display:inline-block;
color: #000;
font-weight: 400;
letter-spacing: -1px;
line-height: 40px;
text-decoration: none;
}
.rx_simple_member ul.rx_simple_tab>li a:hover, .rx_simple_member ul.rx_simple_tab>li.active a {
color: #2196f3;
font-weight: 700;
}
.rx_simple_member ul.rx_simple_tab>li a span {
border-left: 1px solid #e0e0e0;
padding: 0 15px;
}
.rx_simple_member ul.rx_simple_tab>li:first-child a span {
border-left: 0 none;
}
.rx_simple_member .sw-anchor-buttons {
float:right
}
.rx_simple_member .sw-anchor-buttons a {
display:inline-block;
}