From a770b2295a73c28ba82506b5dc7959c24810221e Mon Sep 17 00:00:00 2001 From: dlehdanakf Date: Mon, 6 Jul 2015 14:12:36 +0900 Subject: [PATCH] =?UTF-8?q?welcome=20css=20=EB=B0=98=EC=9D=91=ED=99=94=20?= =?UTF-8?q?=EC=9E=91=EC=97=85=EC=97=90=EC=84=9C=20media=20=EC=BF=BC?= =?UTF-8?q?=EB=A6=AC=20=EA=B4=80=EB=A0=A8=20IE8=20=EB=8C=80=EC=9D=91=20?= =?UTF-8?q?=EB=B0=8F=20css=20=EA=B0=84=EA=B2=B0=ED=99=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layouts/xedition/css/layout.css | 1 - layouts/xedition/css/welcome.css | 55 ++++++++++++++++---------------- layouts/xedition/layout.html | 2 +- 3 files changed, 29 insertions(+), 29 deletions(-) diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css index f29f97012..50ace574e 100644 --- a/layouts/xedition/css/layout.css +++ b/layouts/xedition/css/layout.css @@ -266,7 +266,6 @@ a:hover,a:active,a:focus{text-decoration:none} .header > h1 img { max-height:15px; padding:0; margin:0; } .header.sub_type3 { position:absolute; } - /* Fixed Header */ /* Fixed Header */ .container.fixed_header{padding-top:0} .header_wrap.shrink { display:none; } diff --git a/layouts/xedition/css/welcome.css b/layouts/xedition/css/welcome.css index 34e204e07..8157142df 100644 --- a/layouts/xedition/css/welcome.css +++ b/layouts/xedition/css/welcome.css @@ -49,29 +49,28 @@ .welcomeXE .features ul{overflow:hidden;margin-top:38px;padding:0 20px} .welcomeXE .features li{float:left;width:25%;height:480px} -@media all and (min-width:480px) { - .welcomeXE .features li .fe_box{height:478px;margin:0 10px;padding:0 20px;border:1px solid #333;background-color:#f6f6f6;text-align:center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out} - .welcomeXE .features .fe_box .ico{display:inline-block;width:70px;height:70px;margin:162px 0 27px;background-color:#cda25a;background:url(../img/sp_feature.png) 0 0 no-repeat;text-align:center;font-size:60px;line-height:70px} - .welcomeXE .features .fe_box h2{font-size:21px;color:#555;font-weight:normal} - .welcomeXE .features .fe_box p{margin-bottom:80px;font-size:15px;line-height:24px;color:#f6f6f6} - .welcomeXE .features .fe_box a{display:inline-block;height:40px;padding:0 40px;border:2px solid #f6f6f6;font-family:'Open Sans',sans-serif;font-size:13px;letter-spacing:1px;color:#f6f6f6;line-height:40px;font-weight:600;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} - .welcomeXE .features .fe_box a:hover{background-color:#f6f6f6;border-color:#f6f6f6;color:#cda25a} - .welcomeXE .features .fe_top{position:relative;top:0;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out} - .welcomeXE .features .fe_bottom{position:relative;top:192px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out} - .welcomeXE .features .fe_box.on{background-color:#cda25a} - .welcomeXE .features .fe_box.on .fe_top{top:-104px} - .welcomeXE .features .fe_box.on .fe_bottom{top:-67px} - .welcomeXE .features .fe_box.on h2{color:#f6f6f6} - .welcomeXE .features .fe_box.on .ico{background-color:#f6f6f6;background:url(../img/sp_feature.png) 0 -70px no-repeat} - .welcomeXE .features .fe_box .ico2{background-position:-70px 0} - .welcomeXE .features .fe_box .ico3{background-position:-140px 0} - .welcomeXE .features .fe_box .ico4{background-position:-210px 0} - .welcomeXE .features .fe_box.on .ico2{background-position:-70px -70px} - .welcomeXE .features .fe_box.on .ico3{background-position:-140px -70px} - .welcomeXE .features .fe_box.on .ico4{background-position:-210px -70px} +.welcomeXE .features li .fe_box{height:478px;margin:0 10px;padding:0 20px;border:1px solid #333;background-color:#f6f6f6;text-align:center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out} +.welcomeXE .features .fe_box .ico{display:inline-block;width:70px;height:70px;margin:162px 0 27px;background-color:#cda25a;background:url(../img/sp_feature.png) 0 0 no-repeat;text-align:center;font-size:60px;line-height:70px} +.welcomeXE .features .fe_box h2{font-size:21px;color:#555;font-weight:normal} +.welcomeXE .features .fe_box p{margin-bottom:80px;font-size:15px;line-height:24px;color:#f6f6f6} +.welcomeXE .features .fe_box a{display:inline-block;height:40px;padding:0 40px;border:2px solid #f6f6f6;font-family:'Open Sans',sans-serif;font-size:13px;letter-spacing:1px;color:#f6f6f6;line-height:40px;font-weight:600;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} +.welcomeXE .features .fe_box a:hover{background-color:#f6f6f6;border-color:#f6f6f6;color:#cda25a} +.welcomeXE .features .fe_top{position:relative;top:0;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out} +.welcomeXE .features .fe_bottom{position:relative;top:192px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out} +.welcomeXE .features .fe_box.on{background-color:#cda25a} +.welcomeXE .features .fe_box.on .fe_top{top:-104px} +.welcomeXE .features .fe_box.on .fe_bottom{top:-67px} +.welcomeXE .features .fe_box.on h2{color:#f6f6f6} +.welcomeXE .features .fe_box.on .ico{background-color:#f6f6f6;background:url(../img/sp_feature.png) 0 -70px no-repeat} +.welcomeXE .features .fe_box .ico2{background-position:-70px 0} +.welcomeXE .features .fe_box .ico3{background-position:-140px 0} +.welcomeXE .features .fe_box .ico4{background-position:-210px 0} +.welcomeXE .features .fe_box.on .ico2{background-position:-70px -70px} +.welcomeXE .features .fe_box.on .ico3{background-position:-140px -70px} +.welcomeXE .features .fe_box.on .ico4{background-position:-210px -70px} + -} /*section.connect*/ .welcomeXE .connect{height:344px;padding-top:80px} @@ -110,15 +109,17 @@ .welcomeXE .features .cont{width:100%;margin-left:auto;margin-right:auto} .welcomeXE .features ul { padding:0; } .welcomeXE .features li{clear:both;width:100%;height:auto;margin:0 0 20px 0;} - .welcomeXE .features li .fe_box { margin:0;padding:20px;border:1px solid #333;background-color:#cda25a; position:relative; } - .welcomeXE .features .fe_box .ico{display:inline-block;width:70px;position:absolute;top:20px;left:20px;height:70px;margin:0;background-color:#f6f6f6;background:url(../img/sp_feature.png) 0 -70px no-repeat;text-align:center;font-size:20px;line-height:70px} - .welcomeXE .features .fe_box h2{font-size:21px;color:#f6f6f6;font-weight:normal; padding-left:80px} - .welcomeXE .features .fe_box a{display:inline-block;height:30px;padding:0 20px;border:2px solid #f6f6f6;font-family:'Open Sans',sans-serif;font-size:13px;letter-spacing:1px;color:#f6f6f6;line-height:30px;font-weight:600;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;float:right;} - .welcomeXE .features .fe_bottom { padding-left:80px; overflow:hidden; } - .welcomeXE .features .fe_box p{margin-bottom:40px;margin-top:10px;font-size:13px;line-height:20px;color:#f6f6f6} + .welcomeXE .features li .fe_box { margin:0;padding:20px;border:1px solid #333;background-color:#cda25a; position:relative; height:auto; text-align:left; } + .welcomeXE .features .fe_box .ico{display:inline-block;width:70px;position:absolute;top:0;left:0;height:70px;margin:0;background-color:#f6f6f6;background:url(../img/sp_feature.png) 0 -70px no-repeat;text-align:center;font-size:20px;line-height:70px;text-align:left;} + .welcomeXE .features .fe_box h2{color:#f6f6f6;font-weight:normal; padding-left:80px} + .welcomeXE .features .fe_box a{height:30px;padding:0 20px;line-height:30px;float:right;} + .welcomeXE .features .fe_bottom { padding-left:80px; overflow:hidden; position:static; } + .welcomeXE .features .fe_box p{margin-bottom:40px;margin-top:10px;font-size:13px;line-height:20px;} .welcomeXE .features .fe_box .ico2{background-position:-70px -70px} .welcomeXE .features .fe_box .ico3{background-position:-140px -70px} .welcomeXE .features .fe_box .ico4{background-position:-210px -70px} + .welcomeXE .features .fe_box.on .fe_top{top:0} + .welcomeXE .features .fe_box.on .fe_bottom{top:0} .welcomeXE .connect{height:auto;padding:80px 14px 0 14px;} .welcomeXE .connect ul { padding-top:0; } diff --git a/layouts/xedition/layout.html b/layouts/xedition/layout.html index 48b0eae5e..c5b3698b1 100644 --- a/layouts/xedition/layout.html +++ b/layouts/xedition/layout.html @@ -155,7 +155,7 @@ - +