rhymix/modules/member/skins/simple_world/css/css.css

279 lines
6.6 KiB
CSS

@charset "UTF-8";
/* Automatically produced CSS file based on css.less by misol<misol.kr@gmail.com> with light blue (#03a9f4) as the primary color */
script, style {
display: none !important;
}
.rx_simple_member {
font-family: "맑은 고딕", "Apple SD Gothic Neo", "나눔고딕", NanumGothic, 'Nanum Gothic', Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 8px 0px;
padding: 0 5px;
}
.rx_simple_member a {
color: #03a9f4;
text-decoration: none;
}
.rx_simple_member .pos-right {
position: absolute;
right: 0;
}
.rx_member-notice,
.rx_member-notice.info {
background: #d4f1fe;
color: #000;
padding: 15px;
margin: 0;
margin-top: 0;
text-align: justify;
}
.rx_member-notice.error {
background: #fff3e0;
color: #000;
}
.rx_member-notice.update {
background: #e8f5e9;
color: #000;
}
.rx_member-notice>* {
padding: 0;
margin: 0;
}
.rx_simple_member .signin {
max-width: 400px;
margin: 30px auto;
box-sizing: border-box;
}
.rx_simple_member .sw-body {
box-sizing: border-box;
background: #ffffff;
margin: 0 0 20px;
box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
}
.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,
.rx_simple_member form>div.control-group>div.control-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 form div.control-group>input.btn.dateRemover,
.rx_simple_member .sw-footer>a,
.rx_simple_member .sw-anchor-buttons a {
display: block;
padding: 10px;
vertical-align: bottom;
darken: #000c11;
background: #2ebcfc;
font-weight: bold;
border: 0;
box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
color: #000c11;
}
.rx_simple_member form div.control-group>input[type="submit"],
.rx_simple_member .sw-footer {
margin: 20px 0 0;
}
.rx_simple_member div.rx_simple_tab {
background: #ffffff;
margin: 5px 0;
height: 52px;
overflow: hidden;
white-space: nowrap;
box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
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 a:focus,
.rx_simple_member ul.rx_simple_tab>li.active a {
color: #14b4fc;
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-footer.sw-anchor-buttons {
text-align: right;
}
.rx_simple_member .sw-footer.sw-anchor-buttons>a {
display: inline-block;
}
.rx_simple_member .rx_sw_list .cont_a {
color: #222;
display: block;
letter-spacing: -1px;
line-height: 18px;
margin: 0;
overflow: hidden;
padding: 0.667em 70px 0.733em 15px;
text-overflow: ellipsis;
white-space: nowrap;
text-decoration: none;
}
.rx_simple_member .rx_sw_list .cont_a.no_delete {
padding-right: 15px;
}
.rx_simple_member .rx_sw_list .cont_a:hover,
.rx_simple_member .rx_sw_list .cont_a:focus {
color: #14b4fc;
}
.rx_simple_member .content_basic {
position: relative;
display: inline-block;
max-width: 100%;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rx_simple_member .content_subinfo {
color: #9e9e9e;
font-size: 12px;
margin: 0 3px 0 7px;
overflow: hidden;
}
.rx_simple_member ul.rx_sw_list {
list-style: outside none none;
padding: 0;
margin: 0;
border-bottom: 1px solid #e0e0e0;
}
.rx_simple_member .rx_sw_list li {
position: relative;
border-top: 1px solid #e0e0e0;
overflow: hidden;
padding: 0;
}
.rx_simple_member .rx_sw_list .content_delete {
position: absolute;
top: 0;
right: 2px;
}
.rx_simple_member .rx_sw_list .content_delete button {
background: #92dcfe;
font-size: 14px;
border: 0;
color: #000;
box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
padding: 10px;
vertical-align: bottom;
}
.rx_simple_member .pagination ul,
.rx_simple_member .pagination ul li {
display: inline-block;
list-style: outside none none;
padding: 0;
margin: 0;
border: 0;
}
.rx_simple_member .pagination ul {
display: block;
text-align: center;
}
.rx_simple_member .pagination ul li>a,
.rx_simple_member .sw-footer>a {
display: inline-block;
background: #fff;
font-size: 14px;
box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
color: #000;
font-weight: bold;
padding: 10px;
min-width: 25px;
text-decoration: none;
text-align: center;
}
.rx_simple_member .sw-footer>a {
display: block;
}
.rx_simple_member .pagination ul li.active>a {
background: #47c4fd;
font-weight: bold;
color: #000;
}
.rx_simple_member form div.control-group>input[type="submit"]:hover,
.rx_simple_member form div.control-group>input.btn.dateRemover:hover,
.rx_simple_member .sw-footer>a:hover,
.rx_simple_member .sw-anchor-buttons a:hover,
.rx_simple_member .pagination ul li>a:hover,
.rx_simple_member .rx_sw_list .content_delete button:hover,
.rx_simple_member form div.control-group>input[type="submit"]:focus,
.rx_simple_member form div.control-group>input.btn.dateRemover:focus,
.rx_simple_member .sw-footer>a:focus,
.rx_simple_member .sw-anchor-buttons a:focus,
.rx_simple_member .pagination ul li>a:focus,
.rx_simple_member .rx_sw_list .content_delete button:focus {
background: #027cb3;
font-weight: bold;
color: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.16), 0 2px 4px rgba(0,0,0,0.23);
}