#1354 XEIcon 페이지 수정

This commit is contained in:
bnu 2015-04-06 13:28:27 +09:00
parent 3bef47a133
commit 6aad09162b
2 changed files with 55 additions and 1 deletions

View file

@ -0,0 +1,53 @@
@charset "utf-8";
/* reset parent style */
.body.sub {width:100% !important; margin:0;}
.body.sub.full_width .content {width:100% !important; padding-bottom:0px !important;}
/* XEicon page common style */
.XEicon .fixedwidth {width:1200px; margin:0 auto;}
.XEicon .tit {position:relative;}
.XEicon .tit h1 {font-size:29px; text-align:center; letter-spacing:2px;}
.XEicon .tit h1:after {position:absolute; top:115%; left:49%; width:20px; height:3px; background-color:#cda25a; content: "";}
/* a tag style */
.XEicon p a{color:#444}
.XEicon p a:hover,
.XEicon p a:active,
.XEicon p a:focus{color:#cda25a;border-bottom:1px solid #cda25a}
/* section .main_title */
.XEicon .main_title h1 {margin-bottom:47px;font-size:34px;font-weight:400;color:#cda25a;text-align:center;text-transform: uppercase}
.XEicon .main_title p {font-size:15px;line-height:28px;color:#444;text-align:center}
/* section .feature */
.XEicon .feature{height:518px;padding-top:120px;}
.XEicon .feature ul{padding-top:80px}
.XEicon .feature li{position:relative;float:left;width:314px;min-height:140px;padding:0 16px 0 70px;margin:0 0 30px 0}
.XEicon .feature h2{padding:7px 24px 13px 0;font-size:17px;font-weight:normal;line-height:23px;color:#333}
.XEicon .feature p{padding:0 24px 0 0;font-size:14px;line-height:26px;color:#888}
.XEicon .feature .ico{position:absolute;top:0;left:0;width:48px;height:48px;font-size:22px;text-align:center;line-height:50px;color:#555}
/* section .get_started */
.XEicon .get_started {height:550px; padding-top:80px; background: #f6f6f6; box-sizing:border-box;}
.XEicon .get_started .cont {font-size:15px; margin-top:75px; color:#888;}
.XEicon .get_started ul {margin-top:34px;}
.XEicon .get_started li {position:relative; float:left; width:286px; height:212px; margin-right:15px; border:1px solid #e8e8e8; background:#fff; text-align:center;}
.XEicon .get_started li:last-child {margin-right:0;}
.XEicon .get_started li h2 {padding:33px 0 19px; font-size:17px; font-weight: normal}
.XEicon .get_started li p {padding: 0 37px; font-size:14px; line-height: 26px; color:#888;}
.XEicon .get_started li > a {position:absolute; display:block; bottom:0; width:100%; height:50px; background:#888; border-top:1px solid #e1e1e1; line-height: 50px; font-size:14px; font-weight:600; text-transform:uppercase; color:#fff; -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}
.XEicon .get_started li > a:hover,
.XEicon .get_started li > a:active,
.XEicon .get_started li > a:focus {background-color:#cda25a;color:#fff;}
.XEicon .get_started li > a .xeicon {display: none; margin-right:6px; font-size:140%; vertical-align: middle}
.XEicon .get_started li > a:hover .xeicon {display: inline-block; margin-top:-4px;}
/* section .contribution */
.XEicon .contribution {height:442px; padding-top:93px; box-sizing:border-box; text-align:center;}
.XEicon .contribution .cont {font-size:15px;line-height:26px;text-align:center; margin-top:58px; color:#888;}
.XEicon .contribution .btn_github{display:inline-block;margin:50px 0;padding:0 42px;height:52px;border:2px solid #cda25a;background-color:#fff;font-size:16px;line-height:52px;letter-spacing:1px;color:#cda25a;-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}
.XEicon .contribution .btn_github:hover,
.XEicon .contribution .btn_github:active
.XEicon .contribution .btn_github:focus{background-color:#cda25a;color:#fff}

View file

@ -92,6 +92,7 @@
<load target="./css/layout.css" />
<load target="./css/camera.css" />
<load target="./css/welcome.css" />
<load target="./css/xeicon.css" />
<load target="../../common/xeicon/xeicon.min.css" />
<!--// JS -->
<block cond="$_enable_slide">
@ -239,7 +240,7 @@
<!-- VISUAL-SUBHEADER -->
<div cond="$layout_info->layout_type === 'sub'" class="visual {$_visual_class}">
<span class="bg_img" style="background-image:url(<!--@if($layout_info->use_demo === 'N' && $layout_info->slide_img1)-->{$layout_info->slide_img1}<!--@else-->{$layout_info->path}img/sub_banner_<!--@if($layout_info->layout_type == 'sub1' || $layout_info->layout_type == 'sub2')-->01<!--@elseif($layout_info->layout_type == 'sub3')-->02<!--@end-->.jpg<!--@end-->)"></span>
<span class="bg_img" style="background-image:url({$layout_info->path}img/sub_banner_03.jpg)"></span>
<span cond="$layout_info->layout_type === 'sub'" class="mask"></span>
<div class="sub_title">
<h1>{$module_info->browser_title}</h1>