diff --git a/modules/member/skins/simple_world/css/css.css b/modules/member/skins/simple_world/css/css.css index d87e4edf3..c1cb6e3e2 100644 --- a/modules/member/skins/simple_world/css/css.css +++ b/modules/member/skins/simple_world/css/css.css @@ -1,147 +1,130 @@ @charset "UTF-8"; -script, style -{ - display:none!important; +/* Automatically produced CSS file based on css.less by misol 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',"돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif; +.rx_simple_member { + font-family: "맑은 고딕", "Apple SD Gothic Neo", "나눔고딕", NanumGothic, 'Nanum Gothic', Arial, Helvetica, sans-serif; font-size: 14px; margin: 8px 0px; - padding: 0 15px; + padding: 0 5px; } - -.rx_simple_member a -{ - color: #2196f3; +.rx_simple_member a { + color: #03a9f4; text-decoration: none; } -/* Horizontal Align */ -.rx_simple_member .pos-right -{ - position:absolute; - right:0 +.rx_simple_member .pos-right { + position: absolute; + right: 0; } -/* message */ -.rx_member-notice, .rx_member-notice.info -{ - background: #e3f2fd; +.rx_member-notice, +.rx_member-notice.info { + background: #d4f1fe; + color: #000; padding: 15px; - margin:0; - margin-top:0; + margin: 0; + margin-top: 0; text-align: justify; } -.rx_member-notice.error -{ +.rx_member-notice.error { background: #fff3e0; + color: #000; } -.rx_member-notice.update -{ +.rx_member-notice.update { background: #e8f5e9; + color: #000; } -.rx_member-notice>* -{ +.rx_member-notice>* { padding: 0; - margin:0; + margin: 0; } -/* member forms */ -.rx_simple_member .signin -{ - max-width:400px; - margin:30px auto; - box-sizing:border-box +.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; +.rx_simple_member .sw-body { + box-sizing: border-box; + background: #ffffff; margin: 0 0 20px; - border: 1px solid #e0e0e0; + 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>* -{ +.rx_simple_member .sw-body>* { padding: 20px; - margin:0; + margin: 0; border: 0; } -.rx_simple_member .sw-body h1 -{ - margin: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; +.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; + width: 100%; + min-height: 25px; + margin: 0px; margin-top: 10px; } -.rx_simple_member form div.control-group>*:first-child -{ +.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 -{ +.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; + font-size: 14px; line-height: 18px; margin-top: 0; - padding:8px 8px 6px; + padding: 8px 8px 6px; -webkit-appearance: none; } -.rx_simple_member .sw-body dl>* -{ - list-style: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 .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; + border: 0; } -.rx_simple_member form -{ +.rx_simple_member form { overflow: hidden; - width:100%; + 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; +.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; +.rx_simple_member form div.control-group>input[type="submit"], +.rx_simple_member .sw-footer { + margin: 20px 0 0; } -.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; +.rx_simple_member div.rx_simple_tab { background: #ffffff; - width:100%; + margin: 5px 0; height: 52px; + overflow: hidden; white-space: nowrap; - border: 1px solid #e0e0e0; - margin-bottom:5px; + 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{ +.rx_simple_member ul.rx_simple_tab { list-style: outside none none; margin: 0; display: block; @@ -149,24 +132,25 @@ script, style -webkit-overflow-scrolling: touch; padding: 6px 0px 100px; text-decoration: none; - } .rx_simple_member ul.rx_simple_tab>li { - display:inline-block; + display: inline-block; height: 40px; line-height: 18px; position: relative; } .rx_simple_member ul.rx_simple_tab>li a { - display:inline-block; + 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; +.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 { @@ -176,15 +160,12 @@ script, style .rx_simple_member ul.rx_simple_tab>li:first-child a span { border-left: 0 none; } -.rx_simple_member .sw-anchor-buttons { - text-align:right; +.rx_simple_member .sw-footer.sw-anchor-buttons { + text-align: right; } -.rx_simple_member .sw-anchor-buttons a { - display:inline-block; +.rx_simple_member .sw-footer.sw-anchor-buttons>a { + display: inline-block; } - - -/* 글 목록 스타일 */ .rx_simple_member .rx_sw_list .cont_a { color: #222; display: block; @@ -200,24 +181,24 @@ script, style .rx_simple_member .rx_sw_list .cont_a.no_delete { padding-right: 15px; } -.rx_simple_member .rx_sw_list .cont_a:hover { - color: #2196f3; +.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%; +.rx_simple_member .content_basic { + position: relative; + display: inline-block; + max-width: 100%; vertical-align: middle; - overflow:hidden; + overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -.rx_simple_member .content_subinfo -{ +.rx_simple_member .content_subinfo { color: #9e9e9e; font-size: 12px; margin: 0 3px 0 7px; - overflow:hidden; + overflow: hidden; } .rx_simple_member ul.rx_sw_list { list-style: outside none none; @@ -225,51 +206,74 @@ script, style margin: 0; border-bottom: 1px solid #e0e0e0; } - .rx_simple_member .rx_sw_list li { - position:relative; + position: relative; border-top: 1px solid #e0e0e0; overflow: hidden; - padding:0; + padding: 0; } -.rx_simple_member .rx_sw_list .content_delete{ - position:absolute; - top:1px; - right: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: #2196f3 none repeat scroll 0 0; +.rx_simple_member .rx_sw_list .content_delete button { + background: #92dcfe; font-size: 14px; - border:0; - color: #fff; + 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; +.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; + border: 0; } -.rx_simple_member .pagination ul -{ - display:block; - text-align:center; +.rx_simple_member .pagination ul { + display: block; + text-align: center; } -.rx_simple_member .pagination ul li>a -{ +.rx_simple_member .pagination ul li>a, +.rx_simple_member .sw-footer>a { display: inline-block; - background: #ffffff; + background: #fff; font-size: 14px; - border: 1px solid #e0e0e0; + 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; + min-width: 25px; + text-decoration: none; + text-align: center; } -.rx_simple_member .pagination ul li.active>a -{ - background: #2196f3; - color: #ffffff; -} \ No newline at end of file +.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); +} + diff --git a/modules/member/skins/simple_world/css/css.less b/modules/member/skins/simple_world/css/css.less index 3deadbb16..acdb53416 100644 --- a/modules/member/skins/simple_world/css/css.less +++ b/modules/member/skins/simple_world/css/css.less @@ -204,7 +204,7 @@ script, style -webkit-overflow-scrolling: touch; padding: 6px 0px 100px; text-decoration: none; - + } .rx_simple_member ul.rx_simple_tab>li { display:inline-block;