mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-06 18:21:39 +09:00
XEDITION 업데이트
This commit is contained in:
dlehdanakf
parent
9aa5a2e976
commit
64085a2f63
16 changed files with 64 additions and 110 deletions
|
|
@ -1 +0,0 @@
|
|||
.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transition-timing-function:ease;-o-transform:translate(0px,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}
|
||||
|
|
@ -2,6 +2,7 @@
|
|||
|
||||
/* Common */
|
||||
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none}
|
||||
body, html { width:100%; height:100%; }
|
||||
body,input,textarea,select,button,table{font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased}
|
||||
img,fieldset,button{border:0}
|
||||
ul,ol{list-style:none}
|
||||
|
|
@ -38,8 +39,8 @@ a:hover,a:active,a:focus{text-decoration:none}
|
|||
|
||||
/* Fixed Header */
|
||||
.container.fixed_header{padding-top:100px}
|
||||
.fixed_header .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000}
|
||||
.fixed_header .header_wrap.shrink{position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header 0.5s forwards;animation:ani-header 0.5s forwards}
|
||||
.fixed_header .header_wrap{position:absolute;top:0;left:0;right:0;width:auto;z-index:1000;padding:0 20px}
|
||||
.fixed_header .header_wrap.shrink{position:fixed;top:0;width:auto;z-index:1000;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header 0.5s forwards;animation:ani-header 0.5s forwards;left:0;right:0;}
|
||||
.fixed_header .header_wrap.shrink .header>h1{padding:0}
|
||||
.fixed_header .header_wrap.shrink .gnb>ul>li>a{line-height:60px}
|
||||
.fixed_header .header_wrap.shrink .header>.side{margin:19px 0 0 22px}
|
||||
|
|
@ -210,17 +211,23 @@ a:hover,a:active,a:focus{text-decoration:none}
|
|||
.btn_top i{line-height:48px}
|
||||
|
||||
.swiper-container { height:600px; font-family: Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif; }
|
||||
.swiper-container > div > div { display: table; height:600px; color:#fff; background-size:cover; }
|
||||
.swiper-container > div > div { display: table; height:600px; color:#fff; }
|
||||
.swiper-container > div > div > div { display: table-cell; vertical-align: middle; }
|
||||
.swiper-container > div > div > div > div { width:1200px; margin:0 auto; }
|
||||
.swiper-container h1 { font-weight:700; margin:0 0 19px 0; font-size:60px; line-height:70px; text-decoration: none; }
|
||||
.swiper-container p { font-size: 20px; line-height: 22px; }
|
||||
|
||||
.swiper-button { position:absolute; top:50%; display:none; margin-bottom:25px; }
|
||||
.swiper-container:hover .swiper-button { display:block; }
|
||||
.swiper-button.left { left:20px; }
|
||||
.swiper-button.right { right:20px; }
|
||||
.swiper-button i { width:50px; line-height:50px; text-align:center; font-size:24px; color:#fff; }
|
||||
.swiper-button button { background:rgba(0,0,0,0.3); cursor:pointer; }
|
||||
.pagination {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
bottom:15px;
|
||||
bottom:5px;
|
||||
width: 100%;
|
||||
}
|
||||
.swiper-pagination-switch {
|
||||
|
|
@ -259,9 +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; }
|
||||
|
||||
.onepage .header>h1 { padding:0; }
|
||||
.onepage .header>h1>a { padding-left:14px; }
|
||||
|
||||
/* Fixed Header */
|
||||
/* Fixed Header */
|
||||
.container.fixed_header{padding-top:0}
|
||||
|
|
@ -314,20 +318,20 @@ a:hover,a:active,a:focus{text-decoration:none}
|
|||
.search_wrap{display:none;}
|
||||
|
||||
|
||||
.gnb{float:none;position:static;z-index:1;max-width:100%;height:100%;font-size:1em}
|
||||
.gnb a{text-decoration:none;white-space: normal}
|
||||
.gnb>ul>li{float:none;position:static;text-align:left}
|
||||
.gnb>ul:after{display:block;clear:both;content:''}
|
||||
.gnb>ul>li>a{display:block;position:static;padding:10px 0;line-height:normal;font-size:normal;font-weight:normal;color:#888}
|
||||
.gnb>ul>li>a:hover,.gnb>ul>li>a:focus,.gnb>ul>li>a:focus,.gnb>ul>li.on>a{color:#444}
|
||||
|
||||
.gnb>ul .depth2{display:block;position:static;z-index:2;padding:0;background-color:#fff}
|
||||
.gnb>ul .depth2>li{position:static}
|
||||
.gnb>ul .depth2:after{display: none}
|
||||
.gnb>ul .depth2 a{display:block;position:static;min-width:100%;height:auto;padding:10px 0;line-height:normal;font-size:13px;color:#9d9d9d}
|
||||
.gnb>ul .depth2 a:hover,.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2>li.on>a{color:#cda25a}
|
||||
.gnb>ul .depth3{display:block;position:static;background-color:#fff;padding:0;}
|
||||
.gnb>ul .depth2>li.more>a:after{display:none;}
|
||||
.gnb{float:none;position:static;z-index:1;max-width:100%;height:100%;font-size:1em}
|
||||
.gnb a{text-decoration:none;white-space: normal}
|
||||
.gnb>ul>li{float:none;position:static;text-align:left}
|
||||
.gnb>ul:after{display:block;clear:both;content:''}
|
||||
.gnb>ul>li>a{display:block;position:static;padding:10px 0;line-height:normal;font-size:normal;font-weight:normal;color:#888}
|
||||
.gnb>ul>li>a:hover,.gnb>ul>li>a:focus,.gnb>ul>li>a:focus,.gnb>ul>li.on>a{color:#444}
|
||||
|
||||
.gnb>ul .depth2{display:block;position:static;z-index:2;padding:0;background-color:#fff}
|
||||
.gnb>ul .depth2>li{position:static}
|
||||
.gnb>ul .depth2:after{display: none}
|
||||
.gnb>ul .depth2 a{display:block;position:static;min-width:100%;height:auto;padding:10px 0;line-height:normal;font-size:13px;color:#9d9d9d}
|
||||
.gnb>ul .depth2 a:hover,.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2>li.on>a{color:#cda25a}
|
||||
.gnb>ul .depth3{display:block;position:static;background-color:#fff;padding:0;}
|
||||
.gnb>ul .depth2>li.more>a:after{display:none;}
|
||||
|
||||
/* GNB */
|
||||
.gnb{ display:block; position: static; max-width: auto; }
|
||||
|
|
@ -344,29 +348,36 @@ a:hover,a:active,a:focus{text-decoration:none}
|
|||
.gnb .menu_btn.opened .menu_bar div.btn2 { top:6px; display:none; }
|
||||
.gnb .menu_btn.opened .menu_bar div.btn3 { top:6px; width:20px; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
|
||||
|
||||
.gnb { background-color:#fff; }
|
||||
.gnb > ul { display:none; padding:0 14px 14px 14px; max-height:240px; overflow-x: scroll; border-bottom:1px solid #eaeaea; background:#fff; -webkit-overflow-scrolling:touch; z-index:3333; }
|
||||
.gnb > ul { display:none; padding:0 14px 14px 14px; max-height:240px; overflow-x: scroll; border-bottom:1px solid #eaeaea; background:#fff; -webkit-overflow-scrolling:touch; }
|
||||
.gnb > ul > li { }
|
||||
.gnb > ul > li > a { color:#555; font-weight:bold; }
|
||||
.gnb a { font-size:14px; display:block; padding:10px 0; border-top:1px solid #eee; }
|
||||
.gnb > ul > li:first-child > a { border-top:0; }
|
||||
.gnb > ul > li > ul > li > a { color:#555; }
|
||||
.gnb > ul > li > ul > li > ul > li > a { color:#999; }
|
||||
.onepage .gnb { margin-top:0; }
|
||||
.onepage .gnb>ul>li>a { line-height:normal; color:#555; }
|
||||
|
||||
.body { }
|
||||
.body .lnb { display:none; }
|
||||
.body .content { overflow:hidden; }
|
||||
|
||||
.onepage .visual.sub.sub_type3 { margin-top:0; }
|
||||
.visual.sub.sub_type3 { padding:120px 0 100px 0; }
|
||||
.visual.sub .sub_title { width:auto; }
|
||||
.visual.sub .sub_title h1 { font-size:28px; }
|
||||
.visual { box-sizing:border-box; }
|
||||
.visual.sub{position:relative;padding:15px 14px 30px 14px;background-color:#f6f6f6;line-height:30px}
|
||||
.visual.sub .sub_title{position:relative;z-index:2;width:;margin:0 auto}
|
||||
.visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444}
|
||||
.visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''}
|
||||
.visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
|
||||
.visual.sub.sub_type2{padding:70px 0}
|
||||
.visual.sub.sub_type2 .bg_img{display:block}
|
||||
.visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px}
|
||||
.visual.sub.sub_type2 .sub_title h1:after,
|
||||
.visual.sub.sub_type3 .sub_title h1:after{background:none}
|
||||
.visual.sub.sub_type3{padding:100px 0 90px;line-height:40px;text-align:center}
|
||||
.visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto}
|
||||
.visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px}
|
||||
|
||||
.swiper-container { height:270px; font-family: Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif; }
|
||||
.swiper-container > div > div { display: table; height:270px; color:#fff; background-size:cover; }
|
||||
.swiper-container > div > div > div { display: table-cell; vertical-align: middle; background-size:cover; }
|
||||
.swiper-container > div > div { display: table; height:270px; color:#fff; }
|
||||
.swiper-container > div > div > div { display: table-cell; vertical-align: middle; }
|
||||
.swiper-container > div > div > div > div { padding:0 14px; width:auto; margin:0; }
|
||||
.swiper-container h1 { font-weight:600; margin:0 0 10px 0; font-size:30px; line-height:40px; text-decoration: none; }
|
||||
.swiper-container p { font-size: 15px; line-height: 18px; }
|
||||
|
|
|
|||
1
layouts/xedition/css/layout.min.css
vendored
1
layouts/xedition/css/layout.min.css
vendored
File diff suppressed because one or more lines are too long
1
layouts/xedition/css/welcome.min.css
vendored
1
layouts/xedition/css/welcome.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -55,7 +55,7 @@
|
|||
|
||||
@media all and (max-width:479px) {
|
||||
.XEicon .fixedwidth {width:auto;}
|
||||
.XEicon .main_title h1 { margin-bottom: 28px; font-size: 21px; padding:0 14px; }
|
||||
.XEicon .main_title h1 { margin-bottom: 28px; font-size: 21px; }
|
||||
.XEicon .main_title p { padding:0 14px; text-align:left; }
|
||||
|
||||
.XEicon .tit h1 {font-size:20px; text-align:center; letter-spacing:2px;}
|
||||
|
|
|
|||
1
layouts/xedition/css/xeicon.min.css
vendored
1
layouts/xedition/css/xeicon.min.css
vendored
|
|
@ -1 +0,0 @@
|
|||
@charset "utf-8";.body.sub{width:100%!important;margin:0}.body.sub.full_width .content{width:100%!important;padding-bottom:0!important}.XEicon{padding-top:60px}.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:""}.XEicon p a{color:#444}.XEicon p a:active,.XEicon p a:focus,.XEicon p a:hover{color:#cda25a;border-bottom:1px solid #cda25a}.XEicon .main_title h1{margin-bottom:47px;font-size:34px;font-weight:600;color:#cda25a;text-align:center;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:1px}.XEicon .main_title p{font-size:15px;line-height:28px;color:#444;text-align:center}.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}.XEicon .feature h2{padding:7px 24px 13px 0;font-size:17px;font-weight:600;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}.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:600}.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:active,.XEicon .get_started li>a:focus,.XEicon .get_started li>a:hover{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}.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 40px;height:52px;border:2px solid #cda25a;background-color:#fff;font-size:15px;line-height:52px;font-weight:600;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:active .XEicon .contribution .btn_github:focus,.XEicon .contribution .btn_github:hover{background-color:#cda25a;color:#fff}@media all and (max-width:479px){.XEicon .fixedwidth{width:auto}.XEicon .main_title h1{margin-bottom:28px;font-size:21px;padding:0 14px}.XEicon .main_title p{padding:0 14px;text-align:left}.XEicon .tit h1{font-size:20px;text-align:center;letter-spacing:2px}.XEicon .tit h1:after{left:50%;margin-left:-10px}.XEicon .feature{height:auto;padding-top:90px}.XEicon .feature ul{padding:50px 14px 0}.XEicon .feature li{clear:both;width:auto;padding:0 0 0 70px}.XEicon .get_started{height:auto;padding:80px 14px 20px}.XEicon .get_started li{float:none;width:auto;margin-right:0;margin-bottom:15px}.XEicon .contribution .cont{padding:0 14px;text-align:left}}
|
||||
Loading…
Add table
Add a link
Reference in a new issue