From e3da742706617ac09f51817d678301f52d8dc9c4 Mon Sep 17 00:00:00 2001 From: MinSoo Kim Date: Tue, 31 Jan 2017 20:23:05 +0900 Subject: [PATCH] integrate button style --- .../member/skins/simple_world/css/css.less | 29 +++++++++++-------- 1 file changed, 17 insertions(+), 12 deletions(-) diff --git a/modules/member/skins/simple_world/css/css.less b/modules/member/skins/simple_world/css/css.less index ccdea45e3..542c739a4 100644 --- a/modules/member/skins/simple_world/css/css.less +++ b/modules/member/skins/simple_world/css/css.less @@ -28,8 +28,8 @@ script, style /* message */ .rx_member-notice, .rx_member-notice.info { - background: lighten(@color, 40%); - color: contrast(lighten(@color, 40%)); + background: lighten(@color, 43%); + color: contrast(lighten(@color, 43%)); padding: 15px; margin:0; margin-top:0; @@ -119,7 +119,7 @@ script, style .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: @color none repeat scroll 0 0; + background: @color; border: medium none; color: contrast(@color); padding: 10px; @@ -128,12 +128,6 @@ script, style .rx_simple_member form div.control-group>input[type="submit"], .rx_simple_member .sw-footer{ margin: 20px 0; } -.rx_simple_member .sw-footer>a -{ - background: #757575 none repeat scroll 0 0; - text-decoration: none; - text-align: center; -} /* 상단 탭 스타일 */ @@ -171,7 +165,7 @@ script, style 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 { +.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: contrast(#ffffff, darken(@color,15%), lighten(@color,15%)); font-weight: 700; } @@ -206,7 +200,7 @@ script, style .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:hover, .rx_simple_member .rx_sw_list .cont_a:focus { color: contrast(#ffffff, darken(@color,15%), lighten(@color,15%)); } .rx_simple_member .content_basic{ @@ -264,7 +258,7 @@ script, style 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: #fff; @@ -273,9 +267,20 @@ script, style color: #000; padding: 10px; min-width:25px; + text-decoration: none; + text-align: center; } .rx_simple_member .pagination ul li.active>a { background: @color; color: contrast(@color); +} + +/* button hover */ +.rx_simple_member form div.control-group>input[type="submit"]: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 .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: lighten(@color, 10%); + color: contrast(lighten(@color, 10%)); } \ No newline at end of file