mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-04-02 01:52:10 +09:00
izuzero
commit
654887d763
47 changed files with 2942 additions and 7 deletions
16
Gruntfile.js
16
Gruntfile.js
|
|
@ -109,6 +109,14 @@ module.exports = function(grunt) {
|
|||
'addons/oembed/oembed.min.js': ['addons/oembed/oembed.js'],
|
||||
}
|
||||
},
|
||||
'layout': {
|
||||
files: {
|
||||
'layouts/xedition/js/jquery.countTo.min.js': ['layouts/xedition/js/jquery.countTo.js'],
|
||||
'layouts/xedition/js/jquery.easing.min.js': ['layouts/xedition/js/jquery.easing.js'],
|
||||
'layouts/xedition/js/layout.min.js': ['layouts/xedition/js/layout.js'],
|
||||
'layouts/xedition/js/welcome.min.js': ['layouts/xedition/js/welcome.js'],
|
||||
}
|
||||
},
|
||||
},
|
||||
cssmin: {
|
||||
'common': {
|
||||
|
|
@ -137,6 +145,14 @@ module.exports = function(grunt) {
|
|||
'addons/oembed/jquery.oembed.min.css': ['addons/oembed/jquery.oembed.css'],
|
||||
}
|
||||
},
|
||||
'layout': {
|
||||
files: {
|
||||
'layouts/xedition/css/camera.min.css': ['layouts/xedition/css/camera.css'],
|
||||
'layouts/xedition/css/layout.min.css': ['layouts/xedition/css/layout.css'],
|
||||
'layouts/xedition/css/welcome.min.css': ['layouts/xedition/css/welcome.css'],
|
||||
'layouts/xedition/css/widget.login.min.css': ['layouts/xedition/css/widget.login.css'],
|
||||
}
|
||||
},
|
||||
},
|
||||
jshint: {
|
||||
files: [
|
||||
|
|
|
|||
156
layouts/xedition/conf/info.xml
Normal file
156
layouts/xedition/conf/info.xml
Normal file
|
|
@ -0,0 +1,156 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<layout version="0.2">
|
||||
<title xml:lang="ko">XEDITION</title>
|
||||
<description xml:lang="ko">XE 1.8 기본 테마</description>
|
||||
<version>1.8</version>
|
||||
<date>2015-03-26</date>
|
||||
<author email_address="developer@xpressengine.com" link="https://www.xpressengine.com/">
|
||||
<name xml:lang="ko">NAVER</name>
|
||||
</author>
|
||||
<menus>
|
||||
<menu name="GNB" maxdepth="3" default="true">
|
||||
<title xml:lang="ko">전역 네비게이션 바</title>
|
||||
</menu>
|
||||
<menu name="LNB" maxdepth="2">
|
||||
<title xml:lang="ko">지역 네비게이션 바</title>
|
||||
</menu>
|
||||
<menu name="SNB" maxdepth="1">
|
||||
<title xml:lang="ko">서브 네비게이션 바</title>
|
||||
</menu>
|
||||
<menu name="FNB" maxdepth="2">
|
||||
<title xml:lang="ko">푸터 네비게이션 바</title>
|
||||
</menu>
|
||||
</menus>
|
||||
<extra_vars>
|
||||
<group>
|
||||
<title xml:lang="ko">기본</title>
|
||||
<var name="use_demo" type="select">
|
||||
<title xml:lang="ko">데모 사용</title>
|
||||
<options value="Y">
|
||||
<title xml:lang="ko">사용함</title>
|
||||
</options>
|
||||
<options value="N">
|
||||
<title xml:lang="ko">사용 안 함</title>
|
||||
</options>
|
||||
</var>
|
||||
<var name="layout_type" type="select">
|
||||
<title xml:lang="ko">레이아웃 타입</title>
|
||||
<options value="default">
|
||||
<title xml:lang="ko">기본형</title>
|
||||
</options>
|
||||
<options value="sub1">
|
||||
<title xml:lang="ko">서브1형</title>
|
||||
</options>
|
||||
<options value="sub2">
|
||||
<title xml:lang="ko">서브2형</title>
|
||||
</options>
|
||||
<options value="sub3">
|
||||
<title xml:lang="ko">서브3형</title>
|
||||
</options>
|
||||
</var>
|
||||
<var name="menu_type" type="select">
|
||||
<title xml:lang="ko">메뉴 타입</title>
|
||||
<options value="default">
|
||||
<title xml:lang="ko">기본형</title>
|
||||
</options>
|
||||
<options value="blog">
|
||||
<title xml:lang="ko">블로그형</title>
|
||||
</options>
|
||||
<options value="magazine">
|
||||
<title xml:lang="ko">매거진형</title>
|
||||
</options>
|
||||
<options value="startup">
|
||||
<title xml:lang="ko">스타트업형</title>
|
||||
</options>
|
||||
</var>
|
||||
<var name="sidebar_position" type="select">
|
||||
<title xml:lang="ko">사이드바 위치</title>
|
||||
<description xml:lang="ko">레이아웃 타입 서브형에서만 사용되는 옵션입니다.</description>
|
||||
<options value="">
|
||||
<title xml:lang="ko">왼쪽</title>
|
||||
</options>
|
||||
<options value="right">
|
||||
<title xml:lang="ko">오른쪽</title>
|
||||
</options>
|
||||
<options value="full_width">
|
||||
<title xml:lang="ko">풀 페이지</title>
|
||||
</options>
|
||||
</var>
|
||||
<var name="logo_img" type="image">
|
||||
<title xml:lang="ko">사이트 로고 이미지</title>
|
||||
</var>
|
||||
<var name="logo_text" type="text">
|
||||
<title xml:lang="ko">사이트 로고 문자</title>
|
||||
</var>
|
||||
<var name="logo_url" type="text">
|
||||
<title xml:lang="ko">사이트 로고 경로</title>
|
||||
</var>
|
||||
<var name="footer_logo_img" type="image">
|
||||
<title xml:lang="ko">푸터 로고 이미지</title>
|
||||
</var>
|
||||
<var name="footer_logo_text" type="text">
|
||||
<title xml:lang="ko">푸터 로고 문자</title>
|
||||
</var>
|
||||
<var name="footer_logo_url" type="text">
|
||||
<title xml:lang="ko">푸터 로고 경로</title>
|
||||
</var>
|
||||
<var name="footer_text" type="textarea">
|
||||
<title xml:lang="ko">푸터 내용</title>
|
||||
</var>
|
||||
<var name="footer_copyright" type="textarea">
|
||||
<title xml:lang="ko">카피라이트 내용</title>
|
||||
</var>
|
||||
<var name="use_login_widget" type="select">
|
||||
<title xml:lang="ko">로그인 위젯 사용</title>
|
||||
<options value="Y">
|
||||
<title xml:lang="ko">사용함</title>
|
||||
</options>
|
||||
<options value="N">
|
||||
<title xml:lang="ko">사용 안 함</title>
|
||||
</options>
|
||||
</var>
|
||||
</group>
|
||||
<group>
|
||||
<title xml:lang="ko">슬라이드</title>
|
||||
<var name="use_slide" type="select">
|
||||
<title xml:lang="ko">슬라이드 사용</title>
|
||||
<options value="Y">
|
||||
<title xml:lang="ko">사용함</title>
|
||||
</options>
|
||||
<options value="N">
|
||||
<title xml:lang="ko">사용 안 함</title>
|
||||
</options>
|
||||
</var>
|
||||
<var name="slide_img1" type="image">
|
||||
<title xml:lang="ko">슬라이드 이미지 1</title>
|
||||
</var>
|
||||
<var name="slide_text1" type="textarea">
|
||||
<title xml:lang="ko">슬라이드 설명 1</title>
|
||||
</var>
|
||||
<var name="slide_img2" type="image">
|
||||
<title xml:lang="ko">슬라이드 이미지 2</title>
|
||||
</var>
|
||||
<var name="slide_text2" type="textarea">
|
||||
<title xml:lang="ko">슬라이드 설명 2</title>
|
||||
</var>
|
||||
<var name="slide_img3" type="image">
|
||||
<title xml:lang="ko">슬라이드 이미지 3</title>
|
||||
</var>
|
||||
<var name="slide_text3" type="textarea">
|
||||
<title xml:lang="ko">슬라이드 설명 3</title>
|
||||
</var>
|
||||
<var name="slide_img4" type="image">
|
||||
<title xml:lang="ko">슬라이드 이미지 4</title>
|
||||
</var>
|
||||
<var name="slide_text4" type="textarea">
|
||||
<title xml:lang="ko">슬라이드 설명 4</title>
|
||||
</var>
|
||||
<var name="slide_img5" type="image">
|
||||
<title xml:lang="ko">슬라이드 이미지 5</title>
|
||||
</var>
|
||||
<var name="slide_text5" type="textarea">
|
||||
<title xml:lang="ko">슬라이드 설명 5</title>
|
||||
</var>
|
||||
</group>
|
||||
</extra_vars>
|
||||
</layout>
|
||||
1087
layouts/xedition/css/camera.css
Normal file
1087
layouts/xedition/css/camera.css
Normal file
File diff suppressed because it is too large
Load diff
202
layouts/xedition/css/layout.css
Normal file
202
layouts/xedition/css/layout.css
Normal file
|
|
@ -0,0 +1,202 @@
|
|||
@charset "utf-8";
|
||||
|
||||
/* 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,input,textarea,select,button,table{font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,'맑은 고딕','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}
|
||||
em,address{font-style:normal}
|
||||
a{text-decoration:none}
|
||||
a:hover,a:active,a:focus{text-decoration:none}
|
||||
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
|
||||
.edge{position:absolute;top:12px;right:4px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #333}
|
||||
.clear{clear:both}
|
||||
|
||||
/* Skip to content */
|
||||
.skip{margin:0}
|
||||
.skip>a{display:block;overflow:hidden;height:0;line-height:28px;text-align:center}
|
||||
.skip>a:focus{height:auto}
|
||||
|
||||
/* Layout */
|
||||
.container{min-width:1240px;background-color:#fff}
|
||||
.header{position:relative;z-index:2;width:1200px;height:100%;margin:0 auto;zoom:1}
|
||||
.header>.side{float:right;z-index:2;margin:39px 0 0 22px;line-height:20px}
|
||||
.visual{overflow:hidden;position:relative;z-index:1;width:100%}
|
||||
.body{position:relative;padding:30px 0}
|
||||
.body.main .content{width:1200px;margin:0 auto}
|
||||
.body.sub{width:1200px;margin:0 auto}
|
||||
|
||||
.header:after,.body:after{display:block;clear:both;content:''}
|
||||
.content{zoom:1}
|
||||
.content:after{display:block;clear:both;content:''}
|
||||
.content>:first-child{margin-top:0}
|
||||
.content img{max-width:100%;height:auto}
|
||||
|
||||
/* Header */
|
||||
.header>h1{float:left;padding:20px 0;margin-right:32px}
|
||||
.header>h1 img{vertical-align:top}
|
||||
|
||||
/* 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;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.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}
|
||||
.fixed_header .header_wrap.shrink .search_area{padding:0 20px}
|
||||
|
||||
/* Footer */
|
||||
.footer{border-top:1px solid #e4e4e4;border-bottom:3px solid #cda25a;background-color:#f1f1f1;font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif}
|
||||
.footer a:hover,.footer a:focus{text-decoration:none}
|
||||
.footer .f_info_area{overflow:hidden;width:1200px;margin:0 auto;padding:48px 0 40px}
|
||||
.footer .f_cr_area{padding:19px;background-color:#555}
|
||||
.footer .copyright{width:1200px;margin:0 auto;font-size:13px;color:#f1f1f1;line-height:16px}
|
||||
.footer .copyright a{color:#f1f1f1}
|
||||
.footer .copyright a:hover,
|
||||
.footer .copyright a:focus,
|
||||
.footer .copyright a:active{color:#cda25a}
|
||||
.footer .copyright span{display:inline-block;margin-left:60px}
|
||||
.footer .sub_desc{margin-bottom:16px;font-size:13px;color:#888;line-height:22px}
|
||||
.footer .f_info{float:left;width:240px;margin-right:65px}
|
||||
.footer .f_logo{overflow:hidden;max-width:100%;margin-bottom:16px;font-size:24px;color:#555}
|
||||
.footer .f_logo.log_txt a{font-size:24px;font-weight:bold;color:#555}
|
||||
.footer .f_logo img{width:240px;height:50px}
|
||||
.footer .f_info2{overflow:hidden;margin-top:7px}
|
||||
.footer .site_map > ul{display:inline-block;overflow:hidden;background:url(../img/bg_sitemap.png) repeat-y}
|
||||
.footer .site_map > ul li{float:left;width:282px;margin:0 0 0 24px}
|
||||
.footer .site_map > ul li:first-child,.footer .site_map > ul li.clear{clear:both;margin-left:0}
|
||||
.footer .site_map > ul li a{display:inline-block;margin:0 0 20px;padding:0 23px;font-size:15px;font-weight:bold;color:#555}
|
||||
.footer .site_map > ul ul{overflow:hidden;margin:0 0 10px}
|
||||
.footer .site_map > ul ul li{margin-left:0}
|
||||
.footer .site_map > ul ul a{margin:0 0 13px;font-size:13px;font-weight:normal;color:#888;line-height:18px}
|
||||
.footer .site_map > ul ul a:hover,
|
||||
.footer .site_map > ul ul a:focus,
|
||||
.footer .site_map > ul ul a:active{color:#555}
|
||||
|
||||
/* Login */
|
||||
.header>.side>ul>li{float:left;position:relative}
|
||||
.header>.side>ul>li>a{display:block;width:22px;height:22px;margin-left:12px;font-size:22px;line-height:22px;color:#888;text-align:center}
|
||||
.header>.side>ul>li>a:hover,.header>.side>ul>li>a:focus,.header>.side>ul>li>a:active,.header>.side>ul>li.on>a{color:#444}
|
||||
.header>.side>ul .ly{position:relative;position:absolute;top:100%;right:0;margin-top:13px;background-color:#f9f9f9}
|
||||
.header>.side>ul .ly.ly_login{overflow:hidden;margin-top:0;background:none;height:0}
|
||||
.header>.side>ul .ly.ly_login ul{position:relative;margin-top:18px;padding:8px 0;background-color:#333;z-index:3}
|
||||
.header>.side>ul .on .ly.ly_login{height:auto}
|
||||
.header>.side>ul .ly a{display:block;min-width:120px;height:40px;padding:0 20px;line-height:40px;font-size:13px;color:#9d9d9d}
|
||||
.header>.side>ul .ly a:hover{color:#cda25a;text-decoration:none}
|
||||
.header>.side>ul>li .login_after{overflow:hidden;width:40px;height:40px;margin-top:-9px;border-radius:100%}
|
||||
.header>.side>ul>li .login_after img{width:40px;height:40px}
|
||||
.header>.side>ul>li .login_after ~ .ly_login .edge{right:11px}
|
||||
|
||||
/* Magazine Header Type */
|
||||
.custom_area{display:none}
|
||||
.magazine .header{text-align:center}
|
||||
.magazine .header>h1{float:none;display:inline-block;margin:0;padding:80px 0 20px;vertical-align:top}
|
||||
.magazine .header>.side{float:none;position:absolute;top:0;right:0;margin:30px 0 0}
|
||||
.magazine .gnb{float:none;max-width:100%;margin-bottom:40px}
|
||||
.magazine .gnb>ul{display:inline-block;vertical-align:top}
|
||||
.magazine .gnb>ul>li>a{position:relative;line-height:60px}
|
||||
.magazine .gnb>ul>li>a:after{position:absolute;top:50%;left:-1px;width:1px;height:16px;margin-top:-8px;background-color:#888;content:''}
|
||||
.magazine .gnb>ul>li:first-child>a:after{background:none}
|
||||
.magazine .gnb>ul .depth2:after{background:none}
|
||||
.magazine .gnb>ul .depth2,.magazine .gnb>ul .depth3{background-color:#f7f7f7}
|
||||
.magazine .gnb>ul .depth2 a,.magazine .header>.side>ul .ly a{color:#999}
|
||||
.magazine .header>.side>ul .ly a:hover{color:red}
|
||||
.magazine .gnb>ul>li>a:hover,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li.on>a,.magazine .header>.side>ul>li.on>a,.magazine .header>.side>ul .ly a:hover{color:#cda25a}
|
||||
.magazine .header>.side>ul .ly.ly_login ul{background-color:#f7f7f7;text-align:left}
|
||||
.magazine .edge{border-color:transparent transparent #f7f7f7}
|
||||
.magazine .header>.side>ul>li>a:hover,
|
||||
.magazine .header>.side>ul>li>a:focus,
|
||||
.magazine .header>.side>ul>li>a:active{color:#cda25a}
|
||||
.magazine .custom_area{display:block;position:absolute;top:30px;left:0}
|
||||
.magazine .custom_area li{float:left;margin-right:30px}
|
||||
.magazine .custom_area a{font-size:13px;line-height:15px;color:#999}
|
||||
.magazine .custom_area a:hover,.magazine .custom_area a:hover,.magazine .custom_area a:hover{color:#cda25a}
|
||||
.magazine .search_area{padding:10px 20px}
|
||||
|
||||
/* Onepage Header Type */
|
||||
.onepage .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000}
|
||||
.onepage .gnb>ul{background:transparent}
|
||||
.onepage .gnb>ul>li>a{line-height:60px;color:#f6f6f6}
|
||||
.onepage .gnb>ul>li>a:hover,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li.on>a{color:#fff}
|
||||
.onepage .header>.side>ul>li>a{color:#f6f6f6}
|
||||
.onepage .header>.side>ul>li>a:hover, .onepage .header>.side>ul>li>a:focus,.onepage .header>.side>ul>li>a:active,.onepage .header>.side>ul>li.on>a{color:#fff}
|
||||
.onepage .search_area .btn_close{color:#f6f6f6}
|
||||
.onepage .gnb>ul .depth2:after{background:none}
|
||||
.onepage .gnb{margin-top:20px}
|
||||
.onepage .header>h1{padding:20px 0 0}
|
||||
.onepage .search_area input[type=text]{color:#f6f6f6}
|
||||
|
||||
/* Search */
|
||||
.search_wrap{position:relative;width:1200px;margin:0 auto}
|
||||
.search_area{display:none;position:absolute;top:0;left:0;width:1160px;padding:20px;z-index:3;z-index:3}
|
||||
.search_area input{font-size:13px;vertical-align:top}
|
||||
.search_area input[type=text]{position:relative;width:100%;height:40px;padding:10px 0;border:0;background-color:transparent;font-size:40px;color:#444;-webkit-appearance:none;}
|
||||
.search_area input[type=text]:focus{outline:0}
|
||||
.search_area input[type=text]::-ms-clear{display:none}
|
||||
.search_area .btn_close{position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;font-size:22px;color:#888;text-align:center;line-height:20px}
|
||||
|
||||
/* GNB */
|
||||
.gnb{float:right;position:relative;z-index:1;max-width:742px;height:100%;font-size:13px}
|
||||
.gnb a{text-decoration:none;white-space:nowrap}
|
||||
.gnb>ul:after{display:block;clear:both;content:''}
|
||||
.gnb>ul>li{float:left;position:relative;text-align:left}
|
||||
.gnb>ul>li>a{display:block;position:relative;padding:0 20px;line-height:100px;font-size:15px;font-weight:700;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:none;position:absolute;top:100%;left:0;z-index:2;padding:8px 0;background-color:#333}
|
||||
.gnb>ul .depth2>li{position:relative}
|
||||
.gnb>ul .depth2:after{position:absolute;top:-3px;left:0;width:100%;height:3px;background-color:#cda25a;content:''}
|
||||
.gnb>ul .depth2 a{display:block;position:relative;min-width:170px;height:40px;padding:0 30px 0 20px;line-height:40px;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:none;position:absolute;top:-8px;left:100%;z-index:2;padding:8px 0;background-color:#333}
|
||||
.gnb>ul .depth2>li.more>a:after{position:absolute;right:20px;content:'>'}
|
||||
|
||||
/* VISUAL */
|
||||
.visual.sub{position:relative;padding:35px 0;background-color:#f6f6f6;line-height:30px}
|
||||
.visual.sub .sub_title{position:relative;z-index:2;width:1200px;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:250px 0 210px;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}
|
||||
|
||||
/* LNB */
|
||||
.body.sub .lnb{float:left;width:260px;padding:0 0 16px}
|
||||
.body.sub .content{float:right;width:900px;min-height:400px;padding:40px 0 100px}
|
||||
.body.sub .lnb>ul{position:relative;z-index:1;margin:0;padding:40px 0 0}
|
||||
.body.sub .lnb>ul>li{margin-bottom:40px}
|
||||
.body.sub .lnb>ul>li>a,.body.sub .lnb>ul>li>span{display:block;line-height:21px;margin-bottom:14px;font-size:15px;color:#444}
|
||||
.body.sub .lnb ul ul li.on a{color:#cda25a}
|
||||
.body.sub .lnb ul ul a{display:block;padding:10px 0;font-size:14px;line-height:20px;color:#888;text-decoration:none}
|
||||
.body.sub .lnb ul ul a:hover,
|
||||
.body.sub .lnb ul ul a:focus,
|
||||
.body.sub .lnb ul ul a:active{color:#cda25a}
|
||||
.body.sub .lnb img{vertical-align:top}
|
||||
.body.sub.right .lnb{float:right}
|
||||
.body.sub.right .content{float:left}
|
||||
.body.sub.full_width .lnb{display:none}
|
||||
.body.sub.full_width .content{float:none;width:1200px}
|
||||
|
||||
/* Scroll to top link */
|
||||
.btn_top{display:none;position:fixed;right:0;bottom:57px;z-index:1000;width:48px;height:48px;background-color:#555;font-size:24px;color:#fff;text-align:center;opacity:0.8;filter:alpha(opacity=80)}
|
||||
.btn_top:hover{background-color:#cda25a;color:#fff;text-decoration:none;opacity:1;filter:alpha(opacity=100)}
|
||||
.btn_top i{line-height:48px}
|
||||
|
||||
/* ie */
|
||||
.gnb>ul{background-color:#fff\9;filter:alpha(opacity=0)}
|
||||
|
||||
/* header animation */
|
||||
@-webkit-keyframes ani-header {
|
||||
0% {top: -60px}
|
||||
100% {top: 0px}
|
||||
}
|
||||
|
||||
@keyframes ani-header {
|
||||
0% {top: -60px}
|
||||
100% {top: 0px}
|
||||
}
|
||||
74
layouts/xedition/css/welcome.css
Normal file
74
layouts/xedition/css/welcome.css
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
@charset "utf-8";
|
||||
|
||||
.welcomeXE{padding-top:50px;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif}
|
||||
.welcomeXE section{width:1200px;margin:0 auto}
|
||||
.welcomeXE .tit{padding-bottom:32px;font-size:40px;color:#333;font-weight:700;letter-spacing:1px;line-height:50px}
|
||||
.welcomeXE .noti{display:block;padding:28px 0 0;margin:0 0 12px;font-size:14px;font-weight:bold;color:#cda25a;letter-spacing:1px;line-height:20px}
|
||||
.welcomeXE .intro{width:408px;height:600px;padding-right:792px;background:url(../img/intro.png) 100% 100% no-repeat}
|
||||
.welcomeXE .intro .cont{padding-bottom:37px;font-size:15px;font-weight:400;color:#888;line-height:27px}
|
||||
.welcomeXE .intro .btn_start{display:inline-block;margin:50px 0;padding:0 27px;height:40px;border:2px solid #cda25a;background-color:#fff;font-size:13px;line-height:40px;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}
|
||||
.welcomeXE .intro .btn_start:hover,
|
||||
.welcomeXE .intro .btn_start:active
|
||||
.welcomeXE .intro .btn_start:focus{background-color:#cda25a;color:#fff}
|
||||
|
||||
.welcomeXE .statistics{overflow:hidden;position:static;width:100%;margin:0;height:500px;background-image:url(../img/bg_stat.jpg);background-position:50% 0;background-attachment:fixed;background-repeat:no-repeat}
|
||||
.welcomeXE .statistics ul{overflow:hidden;width:1200px;margin:220px auto 0}
|
||||
.welcomeXE .statistics li{float:left;width:384px;margin-left:24px;text-align:center}
|
||||
.welcomeXE .statistics li:first-child{margin-left:0}
|
||||
.welcomeXE .statistics li span{display:block}
|
||||
.welcomeXE .statistics .number{font-family:'Open sans',sans-serif;font-size:48px;color:#333;line-height:60px}
|
||||
.welcomeXE .statistics .text{font-size:16px;line-height:20px;padding:20px 0;font-weight:600}
|
||||
|
||||
.welcomeXE .guide{height:640px;padding-top:80px}
|
||||
.welcomeXE .guide ul{padding-top:27px}
|
||||
.welcomeXE .guide li{position:relative;float:left;width:314px;min-height:140px;padding:0 0 0 70px;margin:0 0 30px 0}
|
||||
.welcomeXE .guide h2{padding:7px 24px 13px 0;font-size:17px;font-weight:normal;line-height:23px;color:#333}
|
||||
.welcomeXE .guide p{padding:0 24px 0 0;font-size:14px;line-height:26px;color:#888}
|
||||
.welcomeXE .guide .ico{position:absolute;top:0;left:0;width:48px;height:48px;border-radius:100%;background-color:#555;font-size:22px;text-align:center;line-height:50px;color:#efefef}
|
||||
.welcomeXE .guide .ico:hover,
|
||||
.welcomeXE .guide .ico:active,
|
||||
.welcomeXE .guide .ico:focus{background-color:#cda25a}
|
||||
.welcomeXE .guide p a{color:#444}
|
||||
.welcomeXE .guide p a:hover,
|
||||
.welcomeXE .guide p a:active,
|
||||
.welcomeXE .guide p a:focus{color:#cda25a;border-bottom:1px solid #cda25a}
|
||||
|
||||
.welcomeXE .features{width:100%;margin:0;height:800px;padding-top:80px;background-color:#444}
|
||||
.welcomeXE .features .noti,
|
||||
.welcomeXE .features .tit,
|
||||
.welcomeXE .features .cont{width:1200px;margin-left:auto;margin-right:auto}
|
||||
.welcomeXE .features .tit{color:#f6f6f6}
|
||||
.welcomeXE .features .cont{font-size:15px;line-height:27px;color:#ddd}
|
||||
.welcomeXE .features ul{overflow:hidden;margin-top:38px;padding:0 20px}
|
||||
.welcomeXE .features li{float:left;width:25%;height: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 .connect{height:344px;padding-top:80px}
|
||||
.welcomeXE .connect ul{overflow:hidden;padding:40px 0}
|
||||
.welcomeXE .connect li{position:relative;float:left;width:180px;margin-left:24px;padding:4px 0 0 102px;min-height:78px}
|
||||
.welcomeXE .connect li:first-child{margin-left:0}
|
||||
.welcomeXE .connect .ico{position:absolute;top:0;left:0;width:78px;height:78px;border-radius:100%;background-color:#cda25a;text-align:center;font-size:40px;color:#fff}
|
||||
.welcomeXE .connect .ico:hover,
|
||||
.welcomeXE .connect .ico:active,
|
||||
.welcomeXE .connect .ico:focus{background-color:#555}
|
||||
.welcomeXE .connect .ico i{line-height:78px}
|
||||
.welcomeXE .connect h2{margin-bottom:16px;font-size:15px;font-weight:600;letter-spacing:1px;line-height:18px;color:#333}
|
||||
.welcomeXE .connect p{font-size:13px;color:#888;line-height:21px}
|
||||
208
layouts/xedition/css/widget.login.css
Normal file
208
layouts/xedition/css/widget.login.css
Normal file
|
|
@ -0,0 +1,208 @@
|
|||
@charset "utf-8";
|
||||
|
||||
.login_widget{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;font-family:'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-weight:400}
|
||||
.login_widget .btn_ly_popup{position:absolute;top:-41px;right:0;width:32px;height:32px;background:url(../img/btn_close.png) 0 0 no-repeat}
|
||||
.login_widget .blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
|
||||
.login_widget .ly_dimmed{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=70);opacity:.7}
|
||||
.login_widget .signin{position:absolute;top:50%;margin-top:-224px;left:50%;width:380px;margin-left:-190px;background-color:#fff}
|
||||
.login_widget .signin>.login-header{padding:30px}
|
||||
.login_widget .signin>.login-header>h1{font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,AppleGothic,Helvetica,sans-serif;font-size:40px;line-height:50px;font-weight:400;color:#444}
|
||||
.login_widget .signin>.login-body{padding:0 30px}
|
||||
.login_widget .signin>.login-footer{padding:23px 0 42px;margin:20px 30px 0;text-align:center;color:#aaa}
|
||||
.login_widget .signin>.login-footer>a{text-decoration:none;font-size:13px;color:#aaa}
|
||||
.login_widget .signin>.login-footer>a:hover,
|
||||
.login_widget .signin>.login-footer>a:active,
|
||||
.login_widget .signin>.login-footer>a:focus{text-decoration:underline}
|
||||
.login_widget .signin>.login-footer>.f_bar{display:inline-block;margin:0 3px}
|
||||
.login_widget .signin .control-group{position:relative;padding:0;margin:0;clear:both}
|
||||
.login_widget .signin .control-group:before{content:"";display:block;clear:both}
|
||||
.login_widget .signin form{margin:0}
|
||||
.login_widget .signin fieldset{margin:0}
|
||||
.login_widget .signin .chk_label{cursor:pointer;display:inline-block;margin:4px 0 0;color:#999;line-height:20px;font-size:13px}
|
||||
.login_widget .signin input[type="text"],
|
||||
.login_widget .signin input[type="email"],
|
||||
.login_widget .signin input[type="password"]{font-size:16px;width:100%;height:28px;padding:0 6px 3px 1px;border:0;border-bottom:1px solid #aaa;background-color:#fff;line-height:20px;color:#444;box-sizing:border-box}
|
||||
.login_widget .signin .btn_submit{position:relative;font-size:16px;color:#eee;background-color:#444;width:100%;margin:20px 0 0;padding:18px 0px 19px;border:0;cursor:pointer}
|
||||
.login_widget .signin .btn_submit:hover,
|
||||
.login_widget .signin .btn_submit:active{background-color:#333}
|
||||
.login_widget .signin input[type="email"]:focus,
|
||||
.login_widget .signin input[type="password"]:focus,
|
||||
.login_widget .signin input[type="text"]:focus{outline:none}
|
||||
.login_widget .signin .error{margin:2px 0 19px;background:none;color:#fc0005;font-size:13px}
|
||||
.login_widget .signin #warning{display:none;position:absolute;top:44px;left:0;z-index:100;padding:11px 15px;background-color:#444}
|
||||
.login_widget .signin #warning>p{color:#fff;font-size:13px;font-weight:300;line-height:19px}
|
||||
.login_widget .signin #warning .edge{position:absolute;top:-7px;left:40px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #444}
|
||||
.login_widget .group{position:relative;padding:21px 0 0}
|
||||
.login_widget .info_label{color: #999; font-size: 16px;position: absolute;pointer-events: none;left: 1px;top:23px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}
|
||||
.login_widget .group{margin-bottom:20px}
|
||||
.login_widget input:focus ~ .info_label,
|
||||
.login_widget input.used ~ .info_label{top:1px;font-size:13px;color:#cda25a}
|
||||
.login_widget .bar{position:relative;display:block;width:100%}
|
||||
.login_widget .bar:before,
|
||||
.login_widget .bar:after{height:2px;width:0;bottom:0;position:absolute;background:#cda25a;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;content:''}
|
||||
.login_widget .bar:before{left:50%}
|
||||
.login_widget .bar:after{right:50%}
|
||||
.login_widget input:focus ~ .bar:before,
|
||||
.login_widget input:focus ~ .bar:after{width:50%}
|
||||
.login_widget .highlight {position: absolute;height: 60%; width: 100px; bottom: 1px; left: 0;pointer-events: none;opacity:0.5}
|
||||
.login_widget input:focus ~ .highlight{-webkit-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease}
|
||||
.login_widget .signin input[type=checkbox]{position:absolute;width:20px;height:20px;opacity:0;opacity:100\9;vertical-align:top}
|
||||
.login_widget .signin input[type=checkbox] ~ .checkbox {box-sizing: border-box;display: inline-block;width: 20px;height: 20px;margin:-1px 9px 0 0;border: 1px solid;background-repeat: no-repeat;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation: checkboxOff 0.5s;animation: checkboxOff 0.5s;border-color: #c9c9c9;cursor: pointer;position: relative;vertical-align:middle}
|
||||
.login_widget .signin input[type=checkbox] ~ .checkbox:before {content: "";display: block;width: 60px;height: 60px;background: rgba(0, 0, 0, 0.1);position: absolute;top: -22px;left: -22px;z-index: 0;border-radius: 100%;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-animation: checkboxRippleOn 0.5s;animation: checkboxRippleOn 0.5s}
|
||||
.login_widget .signin input[type=checkbox] ~ .checkbox:not(:hover) {-webkit-animation: checkboxOff 0s;animation: checkboxOff 0s}
|
||||
.login_widget .signin input[type=checkbox] ~ .checkbox:not(:hover):before {-webkit-animation: checkboxRippleOn 0s;animation: checkboxRippleOn 0s}
|
||||
.login_widget .signin input[type=checkbox]:checked ~ .checkbox {-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation: checkboxOn 0.5s;animation: checkboxOn 0.5s;border-color: #cda25a;background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px}
|
||||
.login_widget .signin input[type=checkbox]:checked ~ .checkbox:before {-webkit-animation: checkboxRippleOff 0.5s;animation: checkboxRippleOff 0.5s}
|
||||
|
||||
/* Animations */
|
||||
@-webkit-keyframes inputHighlighter {
|
||||
from {background:#cda25a}
|
||||
to {width:0;background:transparent}
|
||||
}
|
||||
|
||||
@keyframes inputHighlighter {
|
||||
from {background:#cda25a}
|
||||
to {width:0;background:transparent}
|
||||
}
|
||||
|
||||
@-webkit-keyframes ripples {
|
||||
0% {opacity:0}
|
||||
25% {opacity:1}
|
||||
100% {width:200%;padding-bottom:200%;opacity:0}
|
||||
}
|
||||
|
||||
@keyframes ripples {
|
||||
0% {opacity:0}
|
||||
25% {opacity:1}
|
||||
100% {width:200%;padding-bottom:200%;opacity:0}
|
||||
}
|
||||
|
||||
@-webkit-keyframes checkboxOn {
|
||||
0% {background-color: rgba(204, 162, 86, 0);background-image: none}
|
||||
48% {background-color: #cda25a;background-image: none;}
|
||||
49% {background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a)}
|
||||
50% {
|
||||
background-color: rgba(204, 162, 86, 0);
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px;
|
||||
}
|
||||
100% {
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes checkboxOn {
|
||||
0% {background-color: rgba(204, 162, 86, 0);background-image: none}
|
||||
48% {background-color: #cda25a;background-image: none;}
|
||||
49% {background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a)}
|
||||
50% {
|
||||
background-color: rgba(204, 162, 86, 0);
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px;
|
||||
}
|
||||
100% {
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes checkboxOff {
|
||||
0% {
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, -20px 0px;
|
||||
}
|
||||
74% {
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
box-shadow: inset 0 0 0 0 #cda25a;
|
||||
}
|
||||
75% {
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
box-shadow: inset 0 0 0 20px #cda25a;
|
||||
}
|
||||
80% {
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px;
|
||||
}
|
||||
81% {
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px;
|
||||
}
|
||||
100% {
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px;
|
||||
box-shadow: inset 0 0 0 0 #cda25a;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes checkboxOff {
|
||||
0% {
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, -20px 0px;
|
||||
}
|
||||
74% {
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
box-shadow: inset 0 0 0 0 #cda25a;
|
||||
}
|
||||
75% {
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
box-shadow: inset 0 0 0 20px #cda25a;
|
||||
}
|
||||
80% {
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px;
|
||||
}
|
||||
81% {
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px;
|
||||
}
|
||||
100% {
|
||||
background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a);
|
||||
background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px;
|
||||
box-shadow: inset 0 0 0 0 #cda25a;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes checkboxRippleOn {
|
||||
0% {-webkit-transform: scale(0);transform:scale(0);opacity:1}
|
||||
40% {-webkit-transform: scale(1);transform: scale(1)}
|
||||
50% {opacity:0}
|
||||
100% {-webkit-transform: scale(0);transform: scale(0);opacity:1}
|
||||
}
|
||||
|
||||
@keyframes checkboxRippleOn {
|
||||
0% {transform: scale(0);transform: scale(0);opacity:1}
|
||||
40% {transform: scale(1);transform: scale(1)}
|
||||
50% {opacity:0}
|
||||
100% {transform: scale(0);transform: scale(0);opacity:1}
|
||||
}
|
||||
|
||||
@-webkit-keyframes checkboxRippleOff {
|
||||
0% {-webkit-transform: scale(0);transform: scale(0);opacity:1}
|
||||
40% {-webkit-transform: scale(1);transform: scale(1)}
|
||||
50% {opacity:0}
|
||||
100% {-webkit-transform: scale(0);transform: scale(0);opacity:1}
|
||||
}
|
||||
|
||||
@keyframes checkboxRippleOff {
|
||||
0% {transform: scale(0);transform: scale(0);opacity:1}
|
||||
40% {transform: scale(1);transform: scale(1)}
|
||||
50% {opacity:0}
|
||||
100% {transform: scale(0);transform: scale(0);opacity:1}
|
||||
}
|
||||
1
layouts/xedition/demo/copyright.html
Normal file
1
layouts/xedition/demo/copyright.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
Copyright @ <a href="http://www.navercorp.com/" target="_blank">NAVER Corp.</a> Supported by <a href="http://dev.naver.com/d2" target="_blank">D2 Program</a>. <span>Powerd by <a href="https://www.xpressengine.com/" target="_blank">XpressEngine</a>.</span>
|
||||
4
layouts/xedition/demo/footer.html
Normal file
4
layouts/xedition/demo/footer.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<p class="f_logo">
|
||||
<a href="#"><img src="../img/f_logo.png" alt="Xpress Engine" /></a>
|
||||
</p>
|
||||
<p class="sub_desc">XpressEngine is a free software CMS. You can redistribute or modify it under the terms of the GNU Lesser General Public License as published by the Free Software Foundation.</p>
|
||||
24
layouts/xedition/demo/slide.html
Normal file
24
layouts/xedition/demo/slide.html
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<div data-src="{$layout_info->path}img/slider_img.jpg">
|
||||
<div class="camera_caption fadeIn">
|
||||
<h1>SHARING, PUBLISHING.<br />& PLEASURE.</h1>
|
||||
<p>지식을 나누고 컨텐츠를 출판하며 즐거움을 함께합니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div data-src="{$layout_info->path}img/slider_img2.jpg">
|
||||
<div class="camera_caption fadeIn">
|
||||
<h1>MAKING<br />WEB CULTURES</h1>
|
||||
<p>올바른 웹 문화를 지향합니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div data-src="{$layout_info->path}img/slider_img3.jpg">
|
||||
<div class="camera_caption fadeIn">
|
||||
<h1>EVOLUTION & INNOVATION<br />TOGETHER</h1>
|
||||
<p>함께 진화하고 혁신을 추구합니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div data-src="{$layout_info->path}img/slider_img4.jpg">
|
||||
<div class="camera_caption fadeIn">
|
||||
<h1>CREATE A GOOD DESIGN WITH<br />THE POSSIILITY OF TECHNOLOGY</h1>
|
||||
<p>기술의 가능성을 발굴하고 좋은 디자인을 만들어 갑니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
143
layouts/xedition/demo/welcome_main.html
Normal file
143
layouts/xedition/demo/welcome_main.html
Normal file
|
|
@ -0,0 +1,143 @@
|
|||
<!-- WelcomeXE -->
|
||||
<div class="welcomeXE">
|
||||
<section class="intro">
|
||||
<span class="noti">WELCOME TO</span>
|
||||
<h1 class="tit">WELCOME TO XPRESSENGINE</h1>
|
||||
<P class="cont">XpressEngine은 자유로운 웹 콘텐츠 발행을 돕는 CMS입니다.<br />간편한 설치와 다양한 추가 프로그램을 활용하여<br /> 자신만의 웹페이지를 쉽고 빠르게 만들 수 있습니다.</P>
|
||||
<a href="{getUrl('', 'module', 'admin')}" target="_blank" class="btn_start">XE 시작하기</a>
|
||||
</section>
|
||||
<section class="statistics">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="number" data-from="0" data-to="62247" data-speed="1500">62247</span>
|
||||
<span class="text">INSTALLS</span>
|
||||
</li>
|
||||
<li class="even">
|
||||
<span class="number" data-from="0" data-to="1300000" data-speed="1500">1300000</span>
|
||||
<span class="text">XE DOWNLOADS</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="number" data-from="0" data-to="830000" data-speed="1500">830000</span>
|
||||
<span class="text">COMMNITY MEMBERS</span>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="guide">
|
||||
<span class="noti">GUIDE</span>
|
||||
<h1 class="tit">START-UP</h1>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="{getUrl('', 'module', 'admin', 'act', 'dispAdminConfigGeneral')}" target="_blank" class="ico"><i class="xe-pen"></i><span class="blind">사이트 제목 바꾸기</span></a>
|
||||
<h2>사이트 제목 바꾸기</h2>
|
||||
<p>홈페이지 기본설정을 변경해 보세요.<br /> 사이트 제목은 <a href="{getUrl('', 'module', 'admin', 'act', 'dispAdminConfigGeneral')}" target="_blank">[관리 > 설정 > 일반 > 기본]</a>에서 변경할 수 있습니다.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{getUrl('', 'module', 'admin', 'act', 'dispMenuAdminSiteMap')}" target="_blank" class="ico"><i class="xe-pen"></i><span class="blind">메뉴 구조 구성하기</span></a>
|
||||
<h2>메뉴 구조 구성하기</h2>
|
||||
<p>메뉴를 만들어 사이트맵을 구성해 보세요. 사이트 메뉴는 <a href="{getUrl('', 'module', 'admin', 'act', 'dispMenuAdminSiteMap')}" target="_blank">[관리 > 사이트 제작/편집 > 사이트 메뉴 편집]</a>에서 변경할 수 있습니다.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{getUrl('', 'module', 'admin', 'act', 'dispMenuAdminSiteDesign')}" target="_blank" class="ico"><i class="xe-layout-left-two"></i><span class="blind">레이아웃 디자인 바꾸기</span></a>
|
||||
<h2>레이아웃 디자인 바꾸기</h2>
|
||||
<p>XE는 다양한 레이아웃 디자인을 제공합니다. 레이아웃 디자인은 <a href="{getUrl('', 'module', 'admin', 'act', 'dispMenuAdminSiteDesign')}" target="_blank">[관리 > 사이트 제작/편집 > 사이트 디자인 설정]</a>에서 변경할 수 있습니다.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{getUrl('', 'module', 'admin', 'act', 'dispMenuAdminSiteMap')}" target="_blank" class="ico"><i class="xe-pen"></i><span class="blind">초기화면 바꾸기</span></a>
|
||||
<h2>초기화면 바꾸기</h2>
|
||||
<p>사이트의 홈 페이지를 설정하세요. <a href="{getUrl('', 'module', 'admin', 'act', 'dispMenuAdminSiteMap')}" target="_blank">[관리 > 사이트 제작/편집 > 사이트 메뉴 편집]</a>에서 메뉴 선택 후 '홈페이지로 사용하기'로 지정할 수 있습니다.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{getUrl('', 'module', 'admin', 'act', 'dispAutoinstallAdminIndex')}" target="_blank" class="ico"><i class="xe-marquee-add"></i><span class="blind">기능과 디자인 추가하기</span></a>
|
||||
<h2>기능과 디자인 추가하기</h2>
|
||||
<p>기능과 디자인을 설치하여 사이트를 풍성하게 만드세요. 모듈은 <a href="{getUrl('', 'module', 'admin', 'act', 'dispAutoinstallAdminIndex')}" target="_blank">[관리 > 고급 > 쉬운 설치]</a>에서 설치할 수 있습니다.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{getUrl('', 'module', 'admin', 'act', 'dispAutoinstallAdminIndex')}" target="_blank" class="ico"><i class="xe-brush"></i><span class="blind">레이아웃 꾸미기</span></a>
|
||||
<h2>레이아웃 꾸미기</h2>
|
||||
<p>입맛에 맞는 레이아웃으로 꾸며보세요. 각 레이아웃은 <a href="{getUrl('', 'module', 'admin', 'act', 'dispLayoutAdminModify', 'layout_srl', $layout_info->layout_srl)}" target="_blank">[관리 > 고급 > 설치된 레이아웃]</a>에서 꾸밀 수 있습니다.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="features">
|
||||
<span class="noti">FEATURES</span>
|
||||
<h1 class="tit">XE CORE. FEATURES</h1>
|
||||
<p class="cont">XpressEngine은 XE Core 프레임웍을 기반으로 개별 프로그램과 스킨을 실행하여 결과물을 생성합니다.<br />다양한 개성을 가진 프로그램과 스킨을 조합하여 다채로운 기능을 가진 멋진 웹사이트를 만들 수 있습니다.</p>
|
||||
<ul>
|
||||
<li>
|
||||
<div class="fe_box">
|
||||
<div class="fe_top">
|
||||
<span class="ico"></span>
|
||||
<h2>손쉬운 사이트 구축</h2>
|
||||
</div>
|
||||
<div class="fe_bottom">
|
||||
<p>XE는 블로그형, 카페형 등 다양한 모듈을 제공합니다. 만들고자 하는 사이트에 적합한 모듈을 선택하여 쉽고 빠르게 사이트를 구축할 수 있습니다.</p>
|
||||
<a href="#">CHECK IT OUT</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="fe_box">
|
||||
<div class="fe_top">
|
||||
<span class="ico ico2"></span>
|
||||
<h2>기능을 더하는 구조</h2>
|
||||
</div>
|
||||
<div class="fe_bottom">
|
||||
<p>XE는 확장기능을 내려받아 더 많은 기능을 이용할 수 있습니다. 기본 기능과 확장 기능을 자유롭게 조합하여 다양한 웹 사이트를 제작할 수 있습니다.</p>
|
||||
<a href="#">CHECK IT OUT</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="fe_box">
|
||||
<div class="fe_top">
|
||||
<span class="ico ico3"></span>
|
||||
<h2>오픈 소스 & 커뮤니티</h2>
|
||||
</div>
|
||||
<div class="fe_bottom">
|
||||
<p>XE는 오픈 커뮤니티를 통해 다양한 정보를 제공합니다. 커뮤니티에서 원하는 정보를 찾거거나 공유할 수 있습니다</p>
|
||||
<a href="#">CHECK IT OUT</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="fe_box">
|
||||
<div class="fe_top">
|
||||
<span class="ico ico4"></span>
|
||||
<h2>다국어 지원</h2>
|
||||
</div>
|
||||
<div class="fe_bottom">
|
||||
<p>XE는 여러 나라의 언어를 지원합니다. 웹 사이트를 언어별로 분리하지 않고도 다국어 웹 사이트를 쉽게 제작할 수 있습니다.</p>
|
||||
<a href="#">CHECK IT OUT</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="connect">
|
||||
<span class="noti">CONNECT WITH US</span>
|
||||
<h1 class="tit">GET INVOLVED</h1>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.xpressengine.com/" target="_blank" class="ico"><i class="xe-xpressengine"></i><span class="blind">PUBLIC HOME</span></a>
|
||||
<h2>PUBLIC HOME</h2>
|
||||
<p>XpressEngine의 공식<br /> 홈페이지입니다.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/xpressengine/xe-core/issues" target="_blank" class="ico"><i class="xe-github"></i><span class="blind">GITHUB</span></a>
|
||||
<h2>GITHUB</h2>
|
||||
<p>오픈소스 프로젝트 개발참여를<br /> 위한 GitHub 페이지입니다.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/xehub" target="_blank" class="ico"><i class="xe-facebook"></i><span class="blind">FACEBOOK</span></a>
|
||||
<h2>FACEBOOK</h2>
|
||||
<p>페이스북 페이지를 통해<br /> 다양한 소식을 접할 수 있습니다.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.xpressengine.com/forum" target="_blank" class="ico"><i class="xe-users"></i><span class="blind">OTHERS</span></a>
|
||||
<h2>OTHERS</h2>
|
||||
<p>XE와 관련한 다양한 커뮤니티를 만나보세요!</p>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
<!-- /WelcomeXE -->
|
||||
7
layouts/xedition/demo/welcome_sub1.html
Normal file
7
layouts/xedition/demo/welcome_sub1.html
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<!-- EXAMPLE -->
|
||||
<h1 style="margin-bottom:56px;font-size:21px;font-weight:400;color:#444">LEFT SIDEBAR EXAMPLE PAGE</h1>
|
||||
<p style="margin-bottom:53px;font-size:17px;color:#444">Carefully crafted elements come together into one amazing design.</p>
|
||||
<p style="font-size:15px;color:#444;line-height:23px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.</p>
|
||||
<p style="margin-top:32px;font-size:15px;color:#444;line-height:23px">Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima.</p>
|
||||
<p style="margin-top:32px;font-size:15px;color:#444;line-height:23px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
|
||||
<!-- /EXAMPLE -->
|
||||
7
layouts/xedition/demo/welcome_sub2.html
Normal file
7
layouts/xedition/demo/welcome_sub2.html
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<!-- EXAMPLE -->
|
||||
<h1 style="margin-bottom:56px;font-size:21px;font-weight:400;color:#444">RIGHT SIDEBAR EXAMPLE PAGE</h1>
|
||||
<p style="margin-bottom:53px;font-size:17px;color:#444">Carefully crafted elements come together into one amazing design.</p>
|
||||
<p style="font-size:15px;color:#444;line-height:23px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.</p>
|
||||
<p style="margin-top:32px;font-size:15px;color:#444;line-height:23px">Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima.</p>
|
||||
<p style="margin-top:32px;font-size:15px;color:#444;line-height:23px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
|
||||
<!-- /EXAMPLE -->
|
||||
7
layouts/xedition/demo/welcome_sub3.html
Normal file
7
layouts/xedition/demo/welcome_sub3.html
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<!-- EXAMPLE -->
|
||||
<h1 style="margin-bottom:56px;font-size:21px;font-weight:400;color:#444;text-align:center">FULL PAGE EXAMPLE PAGE</h1>
|
||||
<p style="margin-bottom:53px;font-size:17px;color:#444;text-align:center">Carefully crafted elements come together into one amazing design.</p>
|
||||
<p style="font-size:15px;color:#444;line-height:23px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.</p>
|
||||
<p style="margin-top:32px;font-size:15px;color:#444;line-height:23px">Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima.</p>
|
||||
<p style="margin-top:32px;font-size:15px;color:#444;line-height:23px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
|
||||
<!-- /EXAMPLE -->
|
||||
BIN
layouts/xedition/img/bg_sitemap.png
Normal file
BIN
layouts/xedition/img/bg_sitemap.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
BIN
layouts/xedition/img/bg_stat.jpg
Normal file
BIN
layouts/xedition/img/bg_stat.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 KiB |
BIN
layouts/xedition/img/blank.gif
Normal file
BIN
layouts/xedition/img/blank.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
layouts/xedition/img/btn_close.png
Normal file
BIN
layouts/xedition/img/btn_close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
layouts/xedition/img/camera-loader.gif
Normal file
BIN
layouts/xedition/img/camera-loader.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
BIN
layouts/xedition/img/camera_skins.png
Normal file
BIN
layouts/xedition/img/camera_skins.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
layouts/xedition/img/f_logo.png
Normal file
BIN
layouts/xedition/img/f_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
layouts/xedition/img/ico_default.jpg
Normal file
BIN
layouts/xedition/img/ico_default.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
layouts/xedition/img/intro.png
Normal file
BIN
layouts/xedition/img/intro.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 334 KiB |
BIN
layouts/xedition/img/logo.png
Normal file
BIN
layouts/xedition/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
layouts/xedition/img/m_logo.png
Normal file
BIN
layouts/xedition/img/m_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
layouts/xedition/img/s_logo.png
Normal file
BIN
layouts/xedition/img/s_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
layouts/xedition/img/slider_img.jpg
Normal file
BIN
layouts/xedition/img/slider_img.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 237 KiB |
BIN
layouts/xedition/img/slider_img2.jpg
Normal file
BIN
layouts/xedition/img/slider_img2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 249 KiB |
BIN
layouts/xedition/img/slider_img3.jpg
Normal file
BIN
layouts/xedition/img/slider_img3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 280 KiB |
BIN
layouts/xedition/img/slider_img4.jpg
Normal file
BIN
layouts/xedition/img/slider_img4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 273 KiB |
BIN
layouts/xedition/img/sp_feature.png
Normal file
BIN
layouts/xedition/img/sp_feature.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
layouts/xedition/img/sub_banner_01.jpg
Normal file
BIN
layouts/xedition/img/sub_banner_01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
BIN
layouts/xedition/img/sub_banner_02.jpg
Normal file
BIN
layouts/xedition/img/sub_banner_02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
8
layouts/xedition/js/SmoothScroll.min.js
vendored
Normal file
8
layouts/xedition/js/SmoothScroll.min.js
vendored
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
// SmoothScroll for websites v1.2.1
|
||||
// Licensed under the terms of the MIT license.
|
||||
|
||||
// People involved
|
||||
// - Balazs Galambosi (maintainer)
|
||||
// - Michael Herf (Pulse Algorithm)
|
||||
|
||||
!function(){function e(){var e=!1;e&&c("keydown",r),v.keyboardSupport&&!e&&u("keydown",r)}function t(){if(document.body){var t=document.body,o=document.documentElement,n=window.innerHeight,r=t.scrollHeight;if(S=document.compatMode.indexOf("CSS")>=0?o:t,w=t,e(),x=!0,top!=self)y=!0;else if(r>n&&(t.offsetHeight<=n||o.offsetHeight<=n)){var a=!1,i=function(){a||o.scrollHeight==document.height||(a=!0,setTimeout(function(){o.style.height=document.height+"px",a=!1},500))};if(o.style.height="auto",setTimeout(i,10),S.offsetHeight<=n){var l=document.createElement("div");l.style.clear="both",t.appendChild(l)}}v.fixedBackground||b||(t.style.backgroundAttachment="scroll",o.style.backgroundAttachment="scroll")}}function o(e,t,o,n){if(n||(n=1e3),d(t,o),1!=v.accelerationMax){var r=+new Date,a=r-C;if(a<v.accelerationDelta){var i=(1+30/a)/2;i>1&&(i=Math.min(i,v.accelerationMax),t*=i,o*=i)}C=+new Date}if(M.push({x:t,y:o,lastX:0>t?.99:-.99,lastY:0>o?.99:-.99,start:+new Date}),!T){var l=e===document.body,u=function(){for(var r=+new Date,a=0,i=0,c=0;c<M.length;c++){var s=M[c],d=r-s.start,f=d>=v.animationTime,h=f?1:d/v.animationTime;v.pulseAlgorithm&&(h=p(h));var m=s.x*h-s.lastX>>0,w=s.y*h-s.lastY>>0;a+=m,i+=w,s.lastX+=m,s.lastY+=w,f&&(M.splice(c,1),c--)}l?window.scrollBy(a,i):(a&&(e.scrollLeft+=a),i&&(e.scrollTop+=i)),t||o||(M=[]),M.length?E(u,e,n/v.frameRate+1):T=!1};E(u,e,0),T=!0}}function n(e){x||t();var n=e.target,r=l(n);if(!r||e.defaultPrevented||s(w,"embed")||s(n,"embed")&&/\.pdf/i.test(n.src))return!0;var a=e.wheelDeltaX||0,i=e.wheelDeltaY||0;return a||i||(i=e.wheelDelta||0),!v.touchpadSupport&&f(i)?!0:(Math.abs(a)>1.2&&(a*=v.stepSize/120),Math.abs(i)>1.2&&(i*=v.stepSize/120),o(r,-a,-i),void e.preventDefault())}function r(e){var t=e.target,n=e.ctrlKey||e.altKey||e.metaKey||e.shiftKey&&e.keyCode!==H.spacebar;if(/input|textarea|select|embed/i.test(t.nodeName)||t.isContentEditable||e.defaultPrevented||n)return!0;if(s(t,"button")&&e.keyCode===H.spacebar)return!0;var r,a=0,i=0,u=l(w),c=u.clientHeight;switch(u==document.body&&(c=window.innerHeight),e.keyCode){case H.up:i=-v.arrowScroll;break;case H.down:i=v.arrowScroll;break;case H.spacebar:r=e.shiftKey?1:-1,i=-r*c*.9;break;case H.pageup:i=.9*-c;break;case H.pagedown:i=.9*c;break;case H.home:i=-u.scrollTop;break;case H.end:var d=u.scrollHeight-u.scrollTop-c;i=d>0?d+10:0;break;case H.left:a=-v.arrowScroll;break;case H.right:a=v.arrowScroll;break;default:return!0}o(u,a,i),e.preventDefault()}function a(e){w=e.target}function i(e,t){for(var o=e.length;o--;)z[N(e[o])]=t;return t}function l(e){var t=[],o=S.scrollHeight;do{var n=z[N(e)];if(n)return i(t,n);if(t.push(e),o===e.scrollHeight){if(!y||S.clientHeight+10<o)return i(t,document.body)}else if(e.clientHeight+10<e.scrollHeight&&(overflow=getComputedStyle(e,"").getPropertyValue("overflow-y"),"scroll"===overflow||"auto"===overflow))return i(t,e)}while(e=e.parentNode)}function u(e,t,o){window.addEventListener(e,t,o||!1)}function c(e,t,o){window.removeEventListener(e,t,o||!1)}function s(e,t){return(e.nodeName||"").toLowerCase()===t.toLowerCase()}function d(e,t){e=e>0?1:-1,t=t>0?1:-1,(k.x!==e||k.y!==t)&&(k.x=e,k.y=t,M=[],C=0)}function f(e){if(e){e=Math.abs(e),D.push(e),D.shift(),clearTimeout(A);var t=D[0]==D[1]&&D[1]==D[2],o=h(D[0],120)&&h(D[1],120)&&h(D[2],120);return!(t||o)}}function h(e,t){return Math.floor(e/t)==e/t}function m(e){var t,o,n;return e*=v.pulseScale,1>e?t=e-(1-Math.exp(-e)):(o=Math.exp(-1),e-=1,n=1-Math.exp(-e),t=o+n*(1-o)),t*v.pulseNormalize}function p(e){return e>=1?1:0>=e?0:(1==v.pulseNormalize&&(v.pulseNormalize/=m(1)),m(e))}var w,g={frameRate:150,animationTime:800,stepSize:120,pulseAlgorithm:!0,pulseScale:8,pulseNormalize:1,accelerationDelta:20,accelerationMax:1,keyboardSupport:!0,arrowScroll:50,touchpadSupport:!0,fixedBackground:!0,excluded:""},v=g,b=!1,y=!1,k={x:0,y:0},x=!1,S=document.documentElement,D=[120,120,120],H={left:37,up:38,right:39,down:40,spacebar:32,pageup:33,pagedown:34,end:35,home:36},v=g,M=[],T=!1,C=+new Date,z={};setInterval(function(){z={}},1e4);var A,N=function(){var e=0;return function(t){return t.uniqueID||(t.uniqueID=e++)}}(),E=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||function(e,t,o){window.setTimeout(e,o||1e3/60)}}(),K=/chrome/i.test(window.navigator.userAgent),L="onmousewheel"in document;L&&K&&(u("mousedown",a),u("mousewheel",n),u("load",t))}();
|
||||
5
layouts/xedition/js/camera.min.js
vendored
Normal file
5
layouts/xedition/js/camera.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
80
layouts/xedition/js/jquery.countTo.js
Normal file
80
layouts/xedition/js/jquery.countTo.js
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
(function ($) {
|
||||
$.fn.countTo = function (options) {
|
||||
options = options || {};
|
||||
|
||||
return $(this).each(function () {
|
||||
// set options for current element
|
||||
var settings = $.extend({}, $.fn.countTo.defaults, {
|
||||
from: $(this).data('from'),
|
||||
to: $(this).data('to'),
|
||||
speed: $(this).data('speed'),
|
||||
refreshInterval: $(this).data('refresh-interval'),
|
||||
decimals: $(this).data('decimals')
|
||||
}, options);
|
||||
|
||||
// how many times to update the value, and how much to increment the value on each update
|
||||
var loops = Math.ceil(settings.speed / settings.refreshInterval),
|
||||
increment = (settings.to - settings.from) / loops;
|
||||
|
||||
// references & variables that will change with each update
|
||||
var self = this,
|
||||
$self = $(this),
|
||||
loopCount = 0,
|
||||
value = settings.from,
|
||||
data = $self.data('countTo') || {};
|
||||
|
||||
$self.data('countTo', data);
|
||||
|
||||
// if an existing interval can be found, clear it first
|
||||
if (data.interval) {
|
||||
clearInterval(data.interval);
|
||||
}
|
||||
data.interval = setInterval(updateTimer, settings.refreshInterval);
|
||||
|
||||
// initialize the element with the starting value
|
||||
render(value);
|
||||
|
||||
function updateTimer() {
|
||||
value += increment;
|
||||
loopCount++;
|
||||
|
||||
render(value);
|
||||
|
||||
if (typeof(settings.onUpdate) == 'function') {
|
||||
settings.onUpdate.call(self, value);
|
||||
}
|
||||
|
||||
if (loopCount >= loops) {
|
||||
// remove the interval
|
||||
$self.removeData('countTo');
|
||||
clearInterval(data.interval);
|
||||
value = settings.to;
|
||||
|
||||
if (typeof(settings.onComplete) == 'function') {
|
||||
settings.onComplete.call(self, value);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function render(value) {
|
||||
var formattedValue = settings.formatter.call(self, value, settings);
|
||||
$self.text(formattedValue);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
$.fn.countTo.defaults = {
|
||||
from: 0, // the number the element should start at
|
||||
to: 0, // the number the element should end at
|
||||
speed: 1000, // how long it should take to count between the target numbers
|
||||
refreshInterval: 100, // how often the element should be updated
|
||||
decimals: 0, // the number of decimal places to show
|
||||
formatter: formatter, // handler for formatting the value before rendering
|
||||
onUpdate: null, // callback method for every time the element is updated
|
||||
onComplete: null // callback method for when the element finishes updating
|
||||
};
|
||||
|
||||
function formatter(value, settings) {
|
||||
return value.toFixed(settings.decimals);
|
||||
}
|
||||
}(jQuery));
|
||||
205
layouts/xedition/js/jquery.easing.js
Normal file
205
layouts/xedition/js/jquery.easing.js
Normal file
|
|
@ -0,0 +1,205 @@
|
|||
/*
|
||||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||
*
|
||||
* Uses the built in easing capabilities added In jQuery 1.1
|
||||
* to offer multiple easing options
|
||||
*
|
||||
* TERMS OF USE - jQuery Easing
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2008 George McGinley Smith
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
|
||||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
||||
jQuery.easing['jswing'] = jQuery.easing['swing'];
|
||||
|
||||
jQuery.extend( jQuery.easing,
|
||||
{
|
||||
def: 'easeOutQuad',
|
||||
swing: function (x, t, b, c, d) {
|
||||
//alert(jQuery.easing.default);
|
||||
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
|
||||
},
|
||||
easeInQuad: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t + b;
|
||||
},
|
||||
easeOutQuad: function (x, t, b, c, d) {
|
||||
return -c *(t/=d)*(t-2) + b;
|
||||
},
|
||||
easeInOutQuad: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t + b;
|
||||
return -c/2 * ((--t)*(t-2) - 1) + b;
|
||||
},
|
||||
easeInCubic: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t + b;
|
||||
},
|
||||
easeOutCubic: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t + 1) + b;
|
||||
},
|
||||
easeInOutCubic: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t + 2) + b;
|
||||
},
|
||||
easeInQuart: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t + b;
|
||||
},
|
||||
easeOutQuart: function (x, t, b, c, d) {
|
||||
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
||||
},
|
||||
easeInOutQuart: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
|
||||
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
||||
},
|
||||
easeInQuint: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t*t + b;
|
||||
},
|
||||
easeOutQuint: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
||||
},
|
||||
easeInOutQuint: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
||||
},
|
||||
easeInSine: function (x, t, b, c, d) {
|
||||
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
||||
},
|
||||
easeOutSine: function (x, t, b, c, d) {
|
||||
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
||||
},
|
||||
easeInOutSine: function (x, t, b, c, d) {
|
||||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
||||
},
|
||||
easeInExpo: function (x, t, b, c, d) {
|
||||
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
||||
},
|
||||
easeOutExpo: function (x, t, b, c, d) {
|
||||
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
||||
},
|
||||
easeInOutExpo: function (x, t, b, c, d) {
|
||||
if (t==0) return b;
|
||||
if (t==d) return b+c;
|
||||
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
||||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
||||
},
|
||||
easeInCirc: function (x, t, b, c, d) {
|
||||
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
||||
},
|
||||
easeOutCirc: function (x, t, b, c, d) {
|
||||
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
||||
},
|
||||
easeInOutCirc: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
|
||||
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
||||
},
|
||||
easeInElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
},
|
||||
easeOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
||||
},
|
||||
easeInOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
|
||||
},
|
||||
easeInBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*(t/=d)*t*((s+1)*t - s) + b;
|
||||
},
|
||||
easeOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
||||
},
|
||||
easeInOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
|
||||
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
||||
},
|
||||
easeInBounce: function (x, t, b, c, d) {
|
||||
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
||||
},
|
||||
easeOutBounce: function (x, t, b, c, d) {
|
||||
if ((t/=d) < (1/2.75)) {
|
||||
return c*(7.5625*t*t) + b;
|
||||
} else if (t < (2/2.75)) {
|
||||
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
||||
} else if (t < (2.5/2.75)) {
|
||||
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
||||
} else {
|
||||
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
||||
}
|
||||
},
|
||||
easeInOutBounce: function (x, t, b, c, d) {
|
||||
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
|
||||
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
*
|
||||
* TERMS OF USE - EASING EQUATIONS
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2001 Robert Penner
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
158
layouts/xedition/js/layout.js
Normal file
158
layouts/xedition/js/layout.js
Normal file
|
|
@ -0,0 +1,158 @@
|
|||
(function($){
|
||||
$(function(){
|
||||
var $shrinkHeaderHeight = 300;
|
||||
var $fixedHeader = $('.fixed_header .header_wrap');
|
||||
var $gnb = $('.gnb');
|
||||
var $hoverEl = $('.hover');
|
||||
var $searchEl = $('.click > a');
|
||||
var $searchForm = $('.search_area');
|
||||
|
||||
// Fixed header
|
||||
$(window).scroll(function() {
|
||||
var scroll = $(this).scrollTop();
|
||||
if( scroll >= $shrinkHeaderHeight ) {
|
||||
$fixedHeader.addClass('shrink')
|
||||
}
|
||||
else {
|
||||
$fixedHeader.removeClass('shrink');
|
||||
}
|
||||
});
|
||||
|
||||
// Gnb
|
||||
$gnb.find('>ul>li>a')
|
||||
.mouseover(function(){
|
||||
$gnb.find('>ul>li>ul:visible').hide().parent('li').removeClass('on');
|
||||
$(this).next('ul:hidden').stop().fadeIn(200).parent('li').addClass('on')
|
||||
})
|
||||
.focus(function(){
|
||||
$(this).mouseover();
|
||||
})
|
||||
.end()
|
||||
.mouseleave(function(){
|
||||
$gnb.find('>ul>li>ul').hide().parent().removeClass('on')
|
||||
});
|
||||
|
||||
$gnb.find('>ul>li>ul>li>a')
|
||||
.mouseover(function(){
|
||||
$gnb.find('>ul>li>ul>li>ul:visible').hide().parent('li').removeClass('on');
|
||||
$(this).next('ul:hidden').stop().fadeIn(200).parent('li').addClass('on')
|
||||
})
|
||||
.focus(function(){
|
||||
$(this).mouseover();
|
||||
})
|
||||
.end()
|
||||
.mouseleave(function(){
|
||||
$gnb.find('>ul>li>ul>li>ul').hide().parent().removeClass('on')
|
||||
});
|
||||
|
||||
// login popup
|
||||
$hoverEl.on('mouseenter mouseleave focusin focusout',function(e){
|
||||
e.preventDefault();
|
||||
$this = $(this);
|
||||
if(e.type == 'mouseenter' || e.type == 'focusin'){
|
||||
$this.addClass('on');
|
||||
} else {
|
||||
$this.removeClass('on');
|
||||
}
|
||||
});
|
||||
|
||||
// Search
|
||||
$searchEl.click(function(){
|
||||
if($searchForm.is(':hidden')){
|
||||
$searchForm.fadeIn().find('input').focus();
|
||||
if($('.magazine').length > 0){
|
||||
$('.custom_area').css('opacity',0);
|
||||
$('.side').css('opacity',0)
|
||||
} else{
|
||||
$('.header').css('opacity',0)
|
||||
}
|
||||
}
|
||||
return false;
|
||||
});
|
||||
$('.btn_close').click(function(){
|
||||
$this = $(this);
|
||||
$this.parent().fadeOut().find('input').val('');
|
||||
if($('.magazine').length > 0){
|
||||
$('.custom_area').css('opacity',1);
|
||||
$('.side').css('opacity',1)
|
||||
} else{
|
||||
$('.header').css('opacity',1)
|
||||
}
|
||||
$searchEl.focus();
|
||||
return false;
|
||||
});
|
||||
|
||||
// Scroll to top
|
||||
var scrollToTop = function() {
|
||||
var link = $('.btn_top');
|
||||
var windowW = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
|
||||
|
||||
$(window).scroll(function() {
|
||||
if (($(this).scrollTop() > 150) && (windowW > 1000)) {
|
||||
link.fadeIn(100);
|
||||
} else {
|
||||
link.fadeOut(100);
|
||||
}
|
||||
});
|
||||
|
||||
link.click(function() {
|
||||
$('html, body').animate({scrollTop: 0}, 400);
|
||||
return false;
|
||||
});
|
||||
};
|
||||
scrollToTop();
|
||||
|
||||
// Sub Header Parallax
|
||||
$('.sub_type3 .bg_img').parallax('50%',0.4);
|
||||
})
|
||||
})(jQuery);
|
||||
|
||||
(function($) {
|
||||
var $window = $(window);
|
||||
var windowHeight = $window.height();
|
||||
|
||||
$window.resize(function() {
|
||||
windowHeight = $window.height()
|
||||
});
|
||||
|
||||
$.fn.parallax = function(xpos, speedFactor, outerHeight) {
|
||||
var $this = $(this);
|
||||
var getHeight;
|
||||
var firstTop;
|
||||
$this.each(function() {
|
||||
firstTop = $this.offset().top;
|
||||
});
|
||||
|
||||
if (outerHeight) {
|
||||
getHeight = function(object) {
|
||||
return object.outerHeight(true)
|
||||
}
|
||||
} else {
|
||||
getHeight = function(object) {
|
||||
return object.height()
|
||||
}
|
||||
}
|
||||
if (arguments.length < 1 || xpos === null)
|
||||
xpos = "50%";
|
||||
if (arguments.length < 2 || speedFactor === null)
|
||||
speedFactor = 0.1;
|
||||
if (arguments.length < 3 || outerHeight === null)
|
||||
outerHeight = true;
|
||||
function update() {
|
||||
var pos = $window.scrollTop();
|
||||
$this.each(function() {
|
||||
var $element = $(this);
|
||||
var top = $element.offset().top;
|
||||
var height = getHeight($element);
|
||||
|
||||
if (top + height < pos || top > pos + windowHeight) {
|
||||
return
|
||||
}
|
||||
$this.css('backgroundPosition', xpos + " " + Math.round((firstTop - pos) * speedFactor) + "px")
|
||||
})
|
||||
}
|
||||
$window.bind('scroll', update).resize(update);
|
||||
update()
|
||||
}
|
||||
})(jQuery);
|
||||
|
||||
83
layouts/xedition/js/welcome.js
Normal file
83
layouts/xedition/js/welcome.js
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
(function($){
|
||||
$(function(){
|
||||
var flag = true;
|
||||
$('.statistics').parallax('50%',0.4)
|
||||
$(window).scroll(function(){
|
||||
var winScrollTop = $(this).scrollTop();
|
||||
if(winScrollTop > 500) {
|
||||
if(flag){
|
||||
$('.number').countTo({
|
||||
formatter: function (value, options) {
|
||||
return value.toFixed(options.decimals).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
||||
}
|
||||
});
|
||||
}
|
||||
flag = false;
|
||||
}
|
||||
});
|
||||
|
||||
$('.fe_box').on('mouseenter mouseleave',function(e){
|
||||
$this = $(this);
|
||||
if(e.type == 'mouseenter'){
|
||||
$this.addClass('on')
|
||||
} else {
|
||||
$this.removeClass('on');
|
||||
}
|
||||
|
||||
});
|
||||
})
|
||||
})(jQuery);
|
||||
|
||||
(function($) {
|
||||
var $window = $(window);
|
||||
var windowHeight = $window.height();
|
||||
|
||||
$window.resize(function() {
|
||||
windowHeight = $window.height()
|
||||
});
|
||||
|
||||
|
||||
$.fn.parallax = function(xpos, speedFactor, outerHeight) {
|
||||
var $this = $(this);
|
||||
var getHeight;
|
||||
var firstTop;
|
||||
$this.each(function() {
|
||||
if($this.hasClass('statistics')){
|
||||
firstTop = $this.offset().top + 600;
|
||||
} else {
|
||||
firstTop = $this.offset().top;
|
||||
}
|
||||
});
|
||||
|
||||
if (outerHeight) {
|
||||
getHeight = function(object) {
|
||||
return object.outerHeight(true)
|
||||
}
|
||||
} else {
|
||||
getHeight = function(object) {
|
||||
return object.height()
|
||||
}
|
||||
}
|
||||
if (arguments.length < 1 || xpos === null)
|
||||
xpos = "50%";
|
||||
if (arguments.length < 2 || speedFactor === null)
|
||||
speedFactor = 0.1;
|
||||
if (arguments.length < 3 || outerHeight === null)
|
||||
outerHeight = true;
|
||||
function update() {
|
||||
var pos = $window.scrollTop();
|
||||
$this.each(function() {
|
||||
var $element = $(this);
|
||||
var top = $element.offset().top;
|
||||
var height = getHeight($element);
|
||||
|
||||
if (top + height < pos || top > pos + windowHeight) {
|
||||
return
|
||||
}
|
||||
$this.css('backgroundPosition', xpos + " " + Math.round((firstTop - pos) * speedFactor) + "px")
|
||||
})
|
||||
}
|
||||
$window.bind('scroll', update).resize(update);
|
||||
update()
|
||||
}
|
||||
})(jQuery);
|
||||
6
layouts/xedition/lang/lang.xml
Normal file
6
layouts/xedition/lang/lang.xml
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<lang>
|
||||
<item name="cmd_xedition_search_close">
|
||||
<value xml:lang="ko"><![CDATA[검색창 닫기]]></value>
|
||||
</item>
|
||||
</lang>
|
||||
348
layouts/xedition/layout.html
Normal file
348
layouts/xedition/layout.html
Normal file
|
|
@ -0,0 +1,348 @@
|
|||
<!--// META -->
|
||||
{Context::addHtmlHeader('<meta name="viewport" content="width=1240">')}
|
||||
<!--// LANG -->
|
||||
<load target="./lang" />
|
||||
<!--// CSS -->
|
||||
<load target="./css/layout.css" />
|
||||
<load target="./css/camera.css" />
|
||||
<load target="./css/welcome.css" />
|
||||
<load target="../../common/xeicon/xeicon.min.css" />
|
||||
<!--// JS -->
|
||||
<block cond="(!$layout_info->layout_type || $layout_info->layout_type == 'default') && ($layout_info->use_demo != 'N' || $layout_info->use_slide != 'N')">
|
||||
<load target="./js/camera.min.js" />
|
||||
<script>
|
||||
jQuery(function ($) {
|
||||
// main slide : camera show plugin 적용
|
||||
$(".camera_wrap").camera({
|
||||
height: "600px",
|
||||
pagination: true,
|
||||
thumbnails: false,
|
||||
playPause: false,
|
||||
loader: "none",
|
||||
fx: "simpleFade",
|
||||
time: 3000
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</block>
|
||||
<load target="./js/jquery.easing.js" />
|
||||
<load target="./js/layout.js" />
|
||||
<load cond="$layout_info->use_demo != 'N'" target="./js/welcome.js" />
|
||||
<load target="./js/SmoothScroll.min.js" />
|
||||
<load cond="$layout_info->use_demo != 'N'" target="./js/jquery.countTo.js" />
|
||||
|
||||
<!--// BODY -->
|
||||
<div class="container<!--@if($layout_info->menu_type != 'blog')--> <!--@if($layout_info->menu_type == 'magazine')-->magazine<!--@elseif($layout_info->menu_type == 'startup')-->onepage<!--@else-->fixed_header<!--@end--><!--@end-->">
|
||||
<p class="skip"><a href="#content">{$lang->skip_to_content}</a></p>
|
||||
<div class="header_wrap">
|
||||
<div class="search_wrap">
|
||||
<div class="search_area">
|
||||
<!-- SEARCH -->
|
||||
<form action="{getUrl()}" method="get" class="search" no-error-return-url="true">
|
||||
<input type="hidden" name="vid" value="{$vid}" />
|
||||
<input type="hidden" name="mid" value="{$mid}" />
|
||||
<input type="hidden" name="act" value="IS" />
|
||||
<input type="text" name="is_keyword" value="{$is_keyword}" required="required" title="{$lang->cmd_search}" placeholder="{$lang->cmd_search}" />
|
||||
</form>
|
||||
<!-- /SEARCH -->
|
||||
<a href="#" class="btn_close" title="{$lang->cmd_xedition_search_close}" onclick="return false"><i class="xe-close"></i><span class="blind">{$lang->cmd_xedition_search_close}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<header class="header">
|
||||
<h1>
|
||||
<a href="<!--@if($layout_info->use_demo == 'N' && $layout_info->logo_url)-->{$layout_info->logo_url}<!--@else-->#<!--@end-->">
|
||||
<!--@if($layout_info->use_demo == 'N' && $layout_info->logo_img)-->
|
||||
<img src="{$layout_info->logo_img}" alt="{$layout_info->logo_text}"|cond="$layout_info->logo_text" />
|
||||
<!--@else-->
|
||||
<block cond="!$layout_info->menu_type || $layout_info->menu_type == 'default' || $layout_info->menu_type == 'blog'">
|
||||
<img src="./img/logo.png" alt="XEDITION" />
|
||||
</block>
|
||||
<block cond="$layout_info->menu_type == 'magazine'">
|
||||
<img src="./img/m_logo.png" alt="XEDITION Header : Magazine type" />
|
||||
</block>
|
||||
<block cond="$layout_info->menu_type == 'startup'">
|
||||
<img src="./img/s_logo.png" alt="XEDITION" />
|
||||
</block>
|
||||
<!--@end-->
|
||||
</a>
|
||||
</h1>
|
||||
<div class="side">
|
||||
<ul>
|
||||
<li class="click">
|
||||
<a href="#" title="{$lang->cmd_search}"><i class="xe-magnifier"></i><span class="blind">{$lang->cmd_search}</span></a>
|
||||
</li>
|
||||
<li cond="$logged_info->is_admin == 'Y'"><a href="{getUrl('', 'module', 'admin')}" target="_blank" title="{$lang->cmd_management}"><i class="xe-tool"></i><span class="blind">{$lang->cmd_management}</span></a></li>
|
||||
<li class="hover">
|
||||
<!--@if($is_logged)-->
|
||||
<!-- after_login -->
|
||||
<a href="#" class="login_after">
|
||||
<!--@if($logged_info->profile_image->src)-->
|
||||
<img src="{$logged_info->profile_image->src}" alt="{$logged_info->nick_name}" />
|
||||
<!--@else-->
|
||||
<img src="./img/ico_default.jpg" alt="{$logged_info->nick_name}" />
|
||||
<!--@end-->
|
||||
</a>
|
||||
<div class="ly ly_login">
|
||||
<ul>
|
||||
<li loop="$logged_info->menu_list => $key, $val"><a href="{getUrl('act', $key, 'member_srl', '', 'page', '')}">{Context::getLang($val)}</a></li>
|
||||
<li><a href="{getUrl('act', 'dispMemberLogout')}">{$lang->cmd_logout}</a></li>
|
||||
</ul>
|
||||
<span class="edge"></span>
|
||||
</div>
|
||||
<!-- /after_login -->
|
||||
<!--@else-->
|
||||
<!-- before_login -->
|
||||
<a href="#"><i class="xe-user"></i><span class="blind">{$lang->cmd_login}/{$lang->cmd_signup}</span></a>
|
||||
<div class="ly ly_login">
|
||||
<ul>
|
||||
<li><a id="ly_login_btn" href="{getUrl('act', 'dispMemberLoginForm')}">{$lang->cmd_login}</a></li>
|
||||
<li><a href="{getUrl('act', 'dispMemberSignUpForm')}">{$lang->cmd_signup}</a></li>
|
||||
</ul>
|
||||
<span class="edge"></span>
|
||||
</div>
|
||||
<!-- /before_login -->
|
||||
<!--@end-->
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div cond="$SNB->list && $layout_info->menu_type == 'magazine'" class="custom_area">
|
||||
<ul>
|
||||
<li loop="$SNB->list => $key, $val">
|
||||
<a href="{$val['href']}" target="_blank"|cond="$val['open_window'] == 'Y'">{$val['link']}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- GNB -->
|
||||
<nav cond="$GNB->list" class="gnb" id="gnb">
|
||||
<ul>
|
||||
<li loop="$GNB->list => $key1, $val1">
|
||||
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
|
||||
<ul cond="$val1['list']" class="depth2">
|
||||
<li loop="$val1['list'] => $key2, $val2" class="more"|cond="$val2['list']">
|
||||
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window'] == 'Y'">{$val2['link']}</a>
|
||||
<ul cond="$val2['list']" class="depth3">
|
||||
<li loop="$val2['list'] => $key3, $val3">
|
||||
<a href="{$val3['href']}" target="_blank"|cond="$val3['open_window'] == 'Y'">{$val3['link']}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- /GNB -->
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<!-- VISUAL -->
|
||||
<div cond="$layout_info->use_demo != 'N' || $layout_info->use_slide != 'N'" class="visual <!--@if($layout_info->layout_type && $layout_info->layout_type != 'default')-->sub<!--@if($layout_info->layout_type == 'sub2')--> sub_type2<!--@elseif($layout_info->layout_type == 'sub3')--> sub_type3<!--@end--><!--@else-->main<!--@end-->">
|
||||
<!--@if($layout_info->layout_type && $layout_info->layout_type != 'default')-->
|
||||
<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 cond="$layout_info->layout_type == 'sub1' || $layout_info->layout_type == 'sub2'" class="mask"></span>
|
||||
<div class="sub_title">
|
||||
<h1><!--@if($layout_info->use_demo == 'N' && $layout_info->slide_text1)-->{$layout_info->slide_text1}<!--@elseif($layout_info->layout_type == 'sub1')-->SIMPLE-TEXT HEADER<!--@elseif($layout_info->layout_type == 'sub2')-->REGULAR HEADER<!--@elseif($layout_info->layout_type == 'sub3')-->REGULAR RARALLAX<!--@end--></h1>
|
||||
</div>
|
||||
<!--@else-->
|
||||
<div class="camera_wrap">
|
||||
<!--@if($layout_info->use_demo != 'N' || !$layout_info->slide_img1 && !$layout_info->slide_img2 && !$layout_info->slide_img3 && !$layout_info->slide_img4 && !$layout_info->slide_img5)-->
|
||||
<include target="./demo/slide.html" />
|
||||
<!--@else-->
|
||||
<div cond="$layout_info->slide_img1" data-src="{$layout_info->slide_img1}">
|
||||
<div cond="$layout_info->slide_text1" class="camera_caption fadeIn">
|
||||
{$layout_info->slide_text1}
|
||||
</div>
|
||||
</div>
|
||||
<div cond="$layout_info->slide_img2" data-src="{$layout_info->slide_img2}">
|
||||
<div cond="$layout_info->slide_text2" class="camera_caption fadeIn">
|
||||
{$layout_info->slide_text2}
|
||||
</div>
|
||||
</div>
|
||||
<div cond="$layout_info->slide_img3" data-src="{$layout_info->slide_img3}">
|
||||
<div cond="$layout_info->slide_text3" class="camera_caption fadeIn">
|
||||
{$layout_info->slide_text3}
|
||||
</div>
|
||||
</div>
|
||||
<div cond="$layout_info->slide_img4" data-src="{$layout_info->slide_img4}">
|
||||
<div cond="$layout_info->slide_text4" class="camera_caption fadeIn">
|
||||
{$layout_info->slide_text4}
|
||||
</div>
|
||||
</div>
|
||||
<div cond="$layout_info->slide_img5" data-src="{$layout_info->slide_img5}">
|
||||
<div cond="$layout_info->slide_text5" class="camera_caption fadeIn">
|
||||
{$layout_info->slide_text5}
|
||||
</div>
|
||||
</div>
|
||||
<!--@end-->
|
||||
</div>
|
||||
<!--@end-->
|
||||
</div>
|
||||
<!-- /VISUAL -->
|
||||
|
||||
<div class="body <!--@if($layout_info->layout_type && $layout_info->layout_type != 'default')-->sub<!--@if($layout_info->sidebar_position)--> {$layout_info->sidebar_position}<!--@end--><!--@else-->main<!--@end-->">
|
||||
<!-- LNB -->
|
||||
<nav cond="$LNB->list && $layout_info->layout_type && $layout_info->layout_type != 'default' && (!$layout_info->sidebar_position || $layout_info->sidebar_position == 'right')" class="lnb">
|
||||
<ul>
|
||||
<li loop="$LNB->list => $key1, $val1">
|
||||
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
|
||||
<ul cond="$val1['list']">
|
||||
<li loop="$val1['list'] => $key2, $val2" class="on"|cond="$val1['selected']">
|
||||
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window'] == 'Y'">{$val2['link']}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- /LNB -->
|
||||
<!-- CONTENT -->
|
||||
<!--@if(!$layout_info->layout_type || $layout_info->layout_type == 'default' && $layout_info->use_demo != 'N')-->
|
||||
<include target="./demo/welcome_main.html" />
|
||||
<!--@else-->
|
||||
<div class="content" id="content">
|
||||
<!--@if($layout_info->use_demo == 'N')-->
|
||||
{$content}
|
||||
<!--@else-->
|
||||
<include cond="!$layout_info->sidebar_position" target="./demo/welcome_sub1.html" />
|
||||
<include cond="$layout_info->sidebar_position == 'right'" target="./demo/welcome_sub2.html" />
|
||||
<include cond="$layout_info->sidebar_position == 'full_width'" target="./demo/welcome_sub3.html" />
|
||||
<!--@end-->
|
||||
</div>
|
||||
<!--@end-->
|
||||
<!-- /CONTENT -->
|
||||
</div>
|
||||
|
||||
<footer class="footer" style="border-bottom-color:#CDA25A">
|
||||
<div class="f_info_area">
|
||||
<div class="f_info">
|
||||
<!--@if($layout_info->use_demo == 'N')-->
|
||||
<p cond="$layout_info->footer_logo_img || $layout_info->footer_logo_text" class="f_logo<!--@if(!$layout_info->footer_logo_img)--> log_txt<!--@end-->">
|
||||
<a href="<!--@if($layout_info->footer_logo_url)-->{$layout_info->footer_logo_url}<!--@else-->#<!--@end-->">
|
||||
<!--@if($layout_info->footer_logo_url)-->
|
||||
<img src="{$layout_info->footer_logo_img}" alt="{$layout_info->footer_logo_text}" />
|
||||
<!--@else-->
|
||||
{$layout_info->footer_logo_text}
|
||||
<!--@end-->
|
||||
</a>
|
||||
</p>
|
||||
<p class="sub_desc">{$layout_info->footer_text}</p>
|
||||
<!--@else-->
|
||||
<include target="./demo/footer.html" />
|
||||
<!--@end-->
|
||||
</div>
|
||||
<div class="f_info2">
|
||||
<div class="site_map">
|
||||
<ul cond="$FNB->list">
|
||||
{@$i = 0}
|
||||
<li loop="$FNB->list => $key1, $val1" class="clear"|cond="!($i % 3) && $i > 0">
|
||||
{@$i++}
|
||||
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
|
||||
<ul cond="$val1['list']">
|
||||
<li loop="$val1['list'] => $key2, $val2">
|
||||
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window'] == 'Y'">{$val2['link']}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="f_cr_area">
|
||||
<p class="copyright">
|
||||
<!--@if($layout_info->use_demo == 'N' && $layout_info->footer_copyright)-->
|
||||
{$layout_info->footer_copyright}
|
||||
<!--@else-->
|
||||
<include target="./demo/copyright.html" />
|
||||
<!--@end-->
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<!-- TOP -->
|
||||
<a href="#" class="btn_top"><i class="xe-angle-up"><span class="blind">{$lang->cmd_move_up}</span></i></a>
|
||||
<!-- /TOP -->
|
||||
|
||||
<!-- Login widget -->
|
||||
<section cond="$layout_info->use_login_widget != 'N'" class="login_widget" style="display:none"|cond="$XE_VALIDATOR_ID != 'layouts/xedition/layout/1' || !$XE_VALIDATOR_MESSAGE">
|
||||
<load target="./css/widget.login.css" />
|
||||
<div class="ly_dimmed"></div>
|
||||
<div class="signin">
|
||||
<div class="login-header">
|
||||
<h1>LOGIN</h1>
|
||||
</div>
|
||||
<div class="login-body">
|
||||
<form action="{getUrl()}" method="post" autocomplete="off">
|
||||
<input type="hidden" name="act" value="procMemberLogin" />
|
||||
<input type="hidden" name="success_return_url" value="{htmlspecialchars(getRequestUriByServerEnviroment(), ENT_COMPAT | ENT_HTML401, 'UTF-8', FALSE)}" />
|
||||
<input type="hidden" name="xe_validator_id" value="layouts/xedition/layout/1" />
|
||||
<fieldset>
|
||||
<legend class="blind">{$lang->cmd_login}</legend>
|
||||
<div class="control-group">
|
||||
<div class="group">
|
||||
<input type="text" name="user_id" id="uemail" required="true" />
|
||||
<span class="highlight"></span>
|
||||
<span class="bar"></span>
|
||||
<label class="info_label" for="uemail">{$lang->user_id}</label>
|
||||
</div>
|
||||
<div class="group">
|
||||
<input type="password" name="password" id="upw" required="true" />
|
||||
<span class="highlight"></span>
|
||||
<span class="bar"></span>
|
||||
<label class="info_label" for="upw">{$lang->password}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div cond="$XE_VALIDATOR_ID == 'layouts/xedition/layout/1' && $XE_VALIDATOR_MESSAGE" class="control-group">
|
||||
<p class="error">{$XE_VALIDATOR_MESSAGE}</p>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="chk_label" for="keepid_opt">
|
||||
<input type="checkbox" name="keep_signed" id="keepid_opt" />
|
||||
<span class="checkbox"></span> {$lang->keep_signed}
|
||||
</label>
|
||||
<div id="warning">
|
||||
<p>{str_replace('\n\n', '<br />', $lang->about_keep_signed)}</p>
|
||||
<div class="edge"></div>
|
||||
</div>
|
||||
<button type="submit" class="btn_submit">{$lang->cmd_login}</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-footer">
|
||||
<a href="{getUrl('act', 'dispMemberFindAccount')}">{$lang->cmd_find_member_account}</a>
|
||||
<span class="f_bar">|</span>
|
||||
<a href="{getUrl('act', 'dispMemberSignUpForm')}">{$lang->cmd_signup}</a>
|
||||
</div>
|
||||
<a href="#" class="btn_ly_popup"><span class="blind">닫기</span></a>
|
||||
</div>
|
||||
<script>
|
||||
jQuery(function ($) {
|
||||
var keep_msg = $("#warning");
|
||||
$(".chk_label").on("mouseenter mouseleave focusin focusout", function (e) {
|
||||
if(e.type == "mouseenter" || e.type == "focusin") {
|
||||
keep_msg.show();
|
||||
}
|
||||
else {
|
||||
keep_msg.hide();
|
||||
}
|
||||
});
|
||||
$("#ly_login_btn").click(function () {
|
||||
$(".login_widget").show();
|
||||
return false;
|
||||
});
|
||||
$(".btn_ly_popup").click(function () {
|
||||
$(".login_widget").hide();
|
||||
return false;
|
||||
});
|
||||
$("input").blur(function () {
|
||||
var $this = $(this);
|
||||
if ($this.val()) {
|
||||
$this.addClass("used");
|
||||
}
|
||||
else {
|
||||
$this.removeClass("used");
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</section>
|
||||
<!-- /Login widget -->
|
||||
BIN
layouts/xedition/thumbnail.png
Normal file
BIN
layouts/xedition/thumbnail.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
|
|
@ -37,16 +37,17 @@ $oMenuAdminController->makeXmlFile($menuSrl);
|
|||
//extra_vars init
|
||||
$extra_vars = new stdClass;
|
||||
$extra_vars->GNB = $menuSrl;
|
||||
$extra_vars->LAYOUT_TYPE = 'MAIN_PAGE';
|
||||
$extra_vars->VISUAL_USE = 'YES';
|
||||
$extra_vars->LNB = $menuSrl;
|
||||
$extra_vars->SNB = $menuSrl;
|
||||
$extra_vars->FNB = $menuSrl;
|
||||
$extra_vars->menu_name_list = array();
|
||||
$extra_vars->menu_name_list[$menuSrl] = 'Welcome menu';
|
||||
|
||||
$args = new stdClass;
|
||||
$args->site_srl = 0;
|
||||
$layout_srl = $args->layout_srl = getNextSequence();
|
||||
$args->layout = 'default';
|
||||
$args->title = 'default';
|
||||
$args->layout = 'xedition';
|
||||
$args->title = 'xedition';
|
||||
$args->layout_type = 'P';
|
||||
|
||||
$oLayoutAdminController = getAdminController('layout'); /* @var $oLayoutAdminController layoutAdminController */
|
||||
|
|
|
|||
|
|
@ -27,10 +27,10 @@ class messageView extends message
|
|||
{
|
||||
$config = new stdClass();
|
||||
}
|
||||
|
||||
|
||||
if(!$config->skin)
|
||||
{
|
||||
$config->skin = 'default';
|
||||
$config->skin = 'xedition';
|
||||
$template_path = sprintf('%sskins/%s', $this->module_path, $config->skin);
|
||||
}
|
||||
else
|
||||
|
|
@ -52,7 +52,7 @@ class messageView extends message
|
|||
// Get the member configuration
|
||||
$member_config = $oModuleModel->getModuleConfig('member');
|
||||
Context::set('member_config', $member_config);
|
||||
// Set a flag to check if the https connection is made when using SSL and create https url
|
||||
// Set a flag to check if the https connection is made when using SSL and create https url
|
||||
$ssl_mode = false;
|
||||
if($member_config->enable_ssl == 'Y')
|
||||
{
|
||||
|
|
|
|||
49
modules/message/skins/xedition/css/message.css
Normal file
49
modules/message/skins/xedition/css/message.css
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@font-face{font-family:NG;src:url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);src:local(※),url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff')}
|
||||
body, #access table, #access input, #access textarea, #access select, #access button, #access label{font-family:나눔고딕,NanumGothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif;font-size:13px}
|
||||
@media all and (max-width:980px){
|
||||
body, #access table, #access input, #access textarea, #access select, #access button, #access label{font-family:돋움,Dotum,Arial,Helvetica,sans-serif}
|
||||
}
|
||||
#access{width:400px;margin:30px auto;background-color:#ffffff;border:1px solid #999;border-radius:6px;box-shadow:0 3px 7px #ccc;box-sizing:border-box}
|
||||
#access>.login-header{padding:9px 15px;border-bottom:1px solid #eee}
|
||||
#access>.login-header>h1{margin:0;font-size:16px;line-height:1.4;font-weight:600;color:#666}
|
||||
#access>.login-header>h1>i{opacity:.5;filter:alpha(opacity=50);margin:2px 0 0 0}
|
||||
#access>.login-body{max-height:400px;padding:15px}
|
||||
#access>.login-body>*:first-child{margin-top:0}
|
||||
#access>.login-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;*zoom:1;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff; color:#ccc}
|
||||
#access .control-group{position:relative;padding:0 14px 0 0;margin:0;clear:both}
|
||||
#access .control-group:before{content:"";display:block;clear:both}
|
||||
#access form{margin:0}
|
||||
#access fieldset{margin:0}
|
||||
#access label{cursor:pointer;display:inline-block}
|
||||
#access input[type="text"],
|
||||
#access input[type="email"],
|
||||
#access input[type="password"]{width:100%}
|
||||
#access input[type="checkbox"]{margin:0}
|
||||
#access .btn{border-radius:2px;overflow:visible;font-size:14px;line-height:18px;height:auto;padding:3px 9px;text-decoration:none}
|
||||
#access .submit{position:absolute;top:0;right:0}
|
||||
#access p{margin:10px 0}
|
||||
#access #warning{margin-right:-14px}
|
||||
#access a{color: #0088cc;text-decoration: none;}
|
||||
|
||||
/* Message customize */
|
||||
#access{width:380px;background-color:#f9f9f9;border:1px solid #d8d8d8;border-radius:0;box-shadow:none;box-sizing:initial;font-family:'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;box-shadow: 0 2px 3px #eee}
|
||||
#access>.login-header{padding:30px 30px 24px;border-bottom:0}
|
||||
#access>.login-header p{margin:0 0 50px;font-size:40px;font-weight:normal;color:#444;line-height:50px;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,AppleGothic,Helvetica,sans-serif}
|
||||
#access>.login-header h1{margin:10px 0;font-size:16px;line-height:20px;color:#f44336;font-weight:normal}
|
||||
#access>.login-body{padding:20px 30px 0}
|
||||
#access>.login-body a{display:block;height:54px;background-color:#444;font-size:16px;line-height:54px;text-align:center;color:#eee}
|
||||
#access>.login-body a:hover,
|
||||
#access>.login-body a:focus,
|
||||
#access>.login-body a:active{background-color:#333}
|
||||
#access>.login-footer{padding:13px 0 42px;margin:30px 30px 0;text-align:center;border-top:0;border-radius:0;box-shadow:none;background:none;color:#888}
|
||||
#access>.login-footer>a{text-decoration:none;font-size:13px;color:#aaa}
|
||||
#access>.login-footer>a:hover,
|
||||
#access>.login-footer>a:active,
|
||||
#access>.login-footer>a:focus{text-decoration:underline}
|
||||
#access>.login-footer>.bar{display:inline-block;margin:0 8px;color:#aaa}
|
||||
|
||||
@media all and (max-width:480px){
|
||||
#access{position:static;margin:0;width:100%}
|
||||
}
|
||||
36
modules/message/skins/xedition/http_status_code.html
Normal file
36
modules/message/skins/xedition/http_status_code.html
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<!--// META -->
|
||||
{Context::addHtmlHeader('<meta name="viewport" content="width=1240">')}
|
||||
<!--// CSS -->
|
||||
<style>
|
||||
.xedition-error {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 80px 0 0;
|
||||
background-color:#EFEFEF;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
.xedition-error h1 {
|
||||
margin: 0 0 19px;
|
||||
font-size: 40px;
|
||||
font-weight: normal;
|
||||
color: #E02B2B;
|
||||
line-height: 40px;
|
||||
}
|
||||
.xedition-error p {
|
||||
margin: 0 0 57px;
|
||||
font-size: 16px;
|
||||
color:#444;
|
||||
line-height: 23px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--// BODY -->
|
||||
<section class="xedition-error">
|
||||
<h1>404</h1>
|
||||
<p>Oops, Sorry.<br>Page is not found!</p>
|
||||
<img src="./img/error.png" width="340" height="400" />
|
||||
</section>
|
||||
BIN
modules/message/skins/xedition/img/error.png
Normal file
BIN
modules/message/skins/xedition/img/error.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
20
modules/message/skins/xedition/system_message.html
Normal file
20
modules/message/skins/xedition/system_message.html
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<!--// META -->
|
||||
{Context::addHtmlHeader('<meta name="viewport" content="width=1240">')}
|
||||
<!--// CSS -->
|
||||
<load target="./css/message.css" />
|
||||
|
||||
<!--// BODY -->
|
||||
<div id="access">
|
||||
<div class="login-header">
|
||||
<p>OOPS!</p>
|
||||
<h1>{$system_message}</h1>
|
||||
</div>
|
||||
<div class="login-body">
|
||||
<p><a href="{getUrl('', 'act', 'dispMemberLoginForm')}">{$lang->cmd_login}</a></p>
|
||||
</div>
|
||||
<div class="login-footer">
|
||||
<a href="{getUrl('', 'act', 'dispMemberFindAccount')}">{$lang->cmd_find_member_account}</a>
|
||||
<span class="bar">|</span>
|
||||
<a href="{getUrl('', 'act', 'dispMemberSignUpForm')}">{$lang->cmd_signup}</a>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue