fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-04-12 06:52:12 +09:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #7 from xpressengine/develop

Browse source 
Update-2
This commit is contained in:
YJSoft 2015-07-07 10:33:23 +09:00
commit ee86690265
34 changed files with 6036 additions and 1928 deletions
Download patch file Download diff file Expand all files Collapse all files

4
layouts/xedition/conf/info.xml
View file

@ -2,8 +2,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-04-08</date>
<version>1.9</version>
<date>2015-06-25</date>
<author email_address="developer@xpressengine.com" link="https://www.xpressengine.com/">
<name xml:lang="ko">NAVER</name>
</author>

1093
layouts/xedition/css/camera.css
View file

File diff suppressed because it is too large Load diff

1
layouts/xedition/css/camera.min.css vendored
View file

File diff suppressed because one or more lines are too long

125
layouts/xedition/css/idangerous.swiper.css Normal file
View file

@ -0,0 +1,125 @@
/*
* Swiper 2.7.6
* Mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/sliders/swiper/
*
* Copyright 2010-2015, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under GPL & MIT
*
* Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
margin:0 auto;
position:relative;
overflow:hidden;
direction:ltr;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
/* Fix of Webkit flickering */
z-index:1;
}
.swiper-wrapper {
position:relative;
width:100%;
-webkit-transition-property:-webkit-transform, left, top;
-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);
-webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top;
-moz-transition-duration:0s;
-moz-transform:translate3d(0px,0,0);
-moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top;
-o-transition-duration:0s;
-o-transform:translate3d(0px,0,0);
-o-transition-timing-function:ease;
-o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top;
-ms-transition-duration:0s;
-ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease;
transition-property:transform, left, top;
transition-duration:0s;
transform:translate3d(0px,0,0);
transition-timing-function:ease;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
float: left;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
/* Specify Swiper's Size: */
/*width:200px;
height: 100px;*/
}
.swiper-slide {
/* Specify Slides's Size: */
/*width: 100%;
height: 100%;*/
}
.swiper-slide-active {
/* Specific active slide styling: */
}
.swiper-slide-visible {
/* Specific visible slide styling: */
}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
/* Stylize pagination button: */
}
.swiper-active-switch {
/* Specific active button style: */
}
.swiper-visible-switch {
/* Specific visible button style: */
}

1655
layouts/xedition/css/layout.css
View file

File diff suppressed because it is too large Load diff

1
layouts/xedition/css/layout.min.css vendored
View file

File diff suppressed because one or more lines are too long

0
layouts/xedition/css/webfont.css Executable file → Normal file
View file

549
layouts/xedition/css/welcome.css
View file

@ -1,78 +1,503 @@
@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}
.content + .welcomeXE { padding-top: 0;}
.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 {
padding-top: 50px;
font-family: Raleway, '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif
}
.content + .welcomeXE {
padding-top: 0;
}
.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 .intro .btn_start:focus {
background-color: #cda25a;
color: #fff
}
.bg-holder {
background-image: url('../img/bg_stat.jpg');
}
/* section.xeicon */
.welcomeXE .xeicon{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 .xeicon h1 {margin-top: 170px; font-size: 40px; color: #f6f6f6; text-align: center; letter-spacing: 3px; font-weight: 400; line-height: 1.2em; text-transform: uppercase; }
.welcomeXE .xeicon h1 a {color: #FFF; }
.welcomeXE .xeicon .button-area {text-align: center; }
.welcomeXE .xeicon .button-area .btn_item {font-size: 14px; letter-spacing: 2px;}
.welcomeXE .xeicon {
overflow: hidden;
position: static;
width: 100%;
margin: 0;
height: 100%;
}
.welcomeXE .xeicon h1 {
margin-top: 170px;
font-size: 40px;
color: #f6f6f6;
text-align: center;
letter-spacing: 3px;
font-weight: 400;
line-height: 1.2em;
text-transform: uppercase;
}
.welcomeXE .xeicon h1 a {
color: #FFF;
}
.welcomeXE .xeicon .button-area {
text-align: center;
margin-bottom: 140px;
}
.welcomeXE .xeicon .button-area .btn_item {
font-size: 14px;
letter-spacing: 2px;
}
/* section.guide */
.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 {
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 .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 .guide p a:focus {
color: #cda25a;
border-bottom: 1px solid #cda25a
}
/* section.features */
.welcomeXE .features{width:100%;margin:0;height:800px;padding-top:80px;background-color:#444}
.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 .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
}
/*section.connect*/
.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 {
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}
.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
}
@media all and (max-width: 479px) {
.welcomeXE {
padding-top: 0
}
.welcomeXE section {
width: 100%;
box-sizing: border-box;
overflow: hidden;
}
.welcomeXE .tit {
padding-bottom: 16px;
font-size: 30px;
color: #333;
font-weight: 700;
letter-spacing: 1px;
line-height: 40px
}
.welcomeXE .intro {
width: 100%;
box-sizing: border-box;
padding: 0 14px;
height: auto;
background: #fff;
}
.welcomeXE .intro .cont {
padding-bottom: 17px;
}
.welcomeXE .intro .btn_start {
margin: 20px 0 50px 0;
}
.welcomeXE .xeicon {
height: auto;
}
.welcomeXE .xeicon h1 {
margin-top: 70px;
}
.welcomeXE .xeicon .button-area {
margin-bottom: 50px;
}
.welcomeXE .xeicon .button-area .btn_item {
font-size: 14px;
letter-spacing: 2px;
margin: 20px 0;
}
.welcomeXE .xeicon {
background-position: 0 0;
background-attachment: inherit;
}
.welcomeXE .guide {
padding: 0 14px;
height: auto;
padding-top: 40px
}
.welcomeXE .guide li {
width: auto;
margin: 0 0 20px 0;
}
.welcomeXE .features {
padding: 40px 14px 0 14px;
height: auto;
}
.welcomeXE .features .noti,
.welcomeXE .features .tit,
.welcomeXE .features .cont {
width: 100%;
margin-left: auto;
margin-right: auto
}
.welcomeXE .features ul {
padding: 0;
}
.welcomeXE .features li {
clear: both;
width: 100%;
height: auto;
margin: 0 0 20px 0;
}
.welcomeXE .features li .fe_box {
margin: 0;
padding: 20px;
border: 1px solid #333;
background-color: #cda25a;
position: relative;
height: auto;
text-align: left;
}
.welcomeXE .features .fe_box .ico {
display: inline-block;
width: 70px;
position: absolute;
top: 0;
left: 0;
height: 70px;
margin: 0;
background-color: #f6f6f6;
background: url(../img/sp_feature.png) 0 -70px no-repeat;
text-align: center;
font-size: 20px;
line-height: 70px;
text-align: left;
}
.welcomeXE .features .fe_box h2 {
color: #f6f6f6;
font-weight: normal;
padding-left: 80px
}
.welcomeXE .features .fe_box a {
height: 30px;
padding: 0 20px;
line-height: 30px;
float: right;
}
.welcomeXE .features .fe_bottom {
padding-left: 80px;
overflow: hidden;
position: static;
}
.welcomeXE .features .fe_box p {
margin-bottom: 40px;
margin-top: 10px;
font-size: 13px;
line-height: 20px;
}
.welcomeXE .features .fe_box .ico2 {
background-position: -70px -70px
}
.welcomeXE .features .fe_box .ico3 {
background-position: -140px -70px
}
.welcomeXE .features .fe_box .ico4 {
background-position: -210px -70px
}
.welcomeXE .features .fe_box.on .fe_top {
top: 0
}
.welcomeXE .features .fe_box.on .fe_bottom {
top: 0
}
.welcomeXE .connect {
height: auto;
padding: 80px 14px 0 14px;
}
.welcomeXE .connect ul {
padding-top: 0;
}
.welcomeXE .connect li {
margin-left: 0;
width: auto;
min-height: 78px;
margin-bottom: 20px;
}
}

1
layouts/xedition/css/welcome.min.css vendored
View file

File diff suppressed because one or more lines are too long

673
layouts/xedition/css/widget.login.css
View file

@ -1,208 +1,535 @@
@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 {
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 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 .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 .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 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 .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}
.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}
from {
background: #cda25a
}
to {
width: 0;
background: transparent
}
}
@keyframes inputHighlighter {
from {background:#cda25a}
to {width:0;background:transparent}
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}
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}
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;
}
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;
}
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;
}
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;
}
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}
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}
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}
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}
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
}
}

290
layouts/xedition/css/xeicon.css
View file

@ -1,54 +1,266 @@
@charset "utf-8";
/* reset parent style */
.body.sub {width:100% !important; margin:0;}
.body.sub.full_width .content {width:100% !important; padding-bottom:0px !important;}
.body.sub {
width: 100% !important;
margin: 0;
}
.body.sub.full_width .content {
width: 100% !important;
padding-bottom: 0px !important;
}
/* XEicon page common style */
.XEicon { padding-top: 60px;}
.XEicon .fixedwidth {width:1200px; margin:0 auto;}
.XEicon .tit {position:relative;}
.XEicon .tit h1 {font-size:29px; text-align:center; letter-spacing:2px;}
.XEicon .tit h1:after {position:absolute; top:115%; left:49%; width:20px; height:3px; background-color:#cda25a; content: "";}
.XEicon {
padding-top: 60px;
}
.XEicon .fixedwidth {
width: 1200px;
margin: 0 auto;
}
.XEicon .tit {
position: relative;
}
.XEicon .tit h1 {
font-size: 29px;
text-align: center;
letter-spacing: 2px;
}
.XEicon .tit h1:after {
position: absolute;
top: 115%;
left: 49%;
width: 20px;
height: 3px;
background-color: #cda25a;
content: "";
}
/* a tag style */
.XEicon p a{color:#444}
.XEicon p a {
color: #444
}
.XEicon p a:hover,
.XEicon p a:active,
.XEicon p a:focus{color:#cda25a;border-bottom:1px solid #cda25a}
.XEicon p a:focus {
color: #cda25a;
border-bottom: 1px solid #cda25a
}
/* section .main_title */
.XEicon .main_title h1 {margin-bottom: 47px;font-size: 34px;font-weight: 600;color: #cda25a;text-align: center;font-family: Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;text-transform: uppercase;letter-spacing: 1px;}
.XEicon .main_title p {font-size:15px;line-height:28px;color:#444;text-align:center}
.XEicon .main_title h1 {
margin-bottom: 47px;
font-size: 34px;
font-weight: 600;
color: #cda25a;
text-align: center;
font-family: Raleway, '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
.XEicon .main_title p {
font-size: 15px;
line-height: 28px;
color: #444;
text-align: center
}
/* section .feature */
.XEicon .feature{height:518px;padding-top:120px;}
.XEicon .feature ul{padding-top:80px}
.XEicon .feature li{position:relative;float:left;width:314px;min-height:140px;padding:0 16px 0 70px;margin:0 0 30px 0}
.XEicon .feature h2{padding:7px 24px 13px 0;font-size:17px;font-weight:600;line-height:23px;color:#333}
.XEicon .feature p{padding:0 24px 0 0;font-size:14px;line-height:26px;color:#888}
.XEicon .feature .ico{position:absolute;top:0;left:0;width:48px;height:48px;font-size:22px;text-align:center;line-height:50px;color:#555}
.XEicon .feature {
height: 518px;
padding-top: 120px;
}
.XEicon .feature ul {
padding-top: 80px
}
.XEicon .feature li {
position: relative;
float: left;
width: 314px;
min-height: 140px;
padding: 0 16px 0 70px;
margin: 0 0 30px 0
}
.XEicon .feature h2 {
padding: 7px 24px 13px 0;
font-size: 17px;
font-weight: 600;
line-height: 23px;
color: #333
}
.XEicon .feature p {
padding: 0 24px 0 0;
font-size: 14px;
line-height: 26px;
color: #888
}
.XEicon .feature .ico {
position: absolute;
top: 0;
left: 0;
width: 48px;
height: 48px;
font-size: 22px;
text-align: center;
line-height: 50px;
color: #555
}
/* section .get_started */
.XEicon .get_started {height:550px; padding-top:80px; background: #f6f6f6; box-sizing:border-box;}
.XEicon .get_started .cont {font-size:15px; margin-top:75px; color:#888;}
.XEicon .get_started ul {margin-top:34px;}
.XEicon .get_started li {position:relative; float:left; width:286px; height:212px; margin-right:15px; border:1px solid #e8e8e8; background:#fff; text-align:center;}
.XEicon .get_started li:last-child {margin-right:0;}
.XEicon .get_started li h2 {padding:33px 0 19px; font-size:17px; font-weight: 600}
.XEicon .get_started li p {padding: 0 37px; font-size:14px; line-height: 26px; color:#888;}
.XEicon .get_started li > a {position:absolute; display:block; bottom:0; width:100%; height:50px; background:#888; border-top:1px solid #e1e1e1; line-height: 50px; font-size:14px; font-weight:600; text-transform:uppercase; color:#fff; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.XEicon .get_started {
height: 550px;
padding-top: 80px;
background: #f6f6f6;
box-sizing: border-box;
}
.XEicon .get_started .cont {
font-size: 15px;
margin-top: 75px;
color: #888;
}
.XEicon .get_started ul {
margin:34px -16px 0 0;
}
.XEicon .get_started li {
position: relative;
float: left;
width: 286px;
height: 212px;
margin-right: 16px;
border: 1px solid #e8e8e8;
background: #fff;
text-align: center;
}
.XEicon .get_started li:last-child {
margin-right: 0;
}
.XEicon .get_started li h2 {
padding: 33px 0 19px;
font-size: 17px;
font-weight: 600
}
.XEicon .get_started li p {
padding: 0 37px;
font-size: 14px;
line-height: 26px;
color: #888;
}
.XEicon .get_started li > a {
position: absolute;
display: block;
bottom: 0;
width: 100%;
height: 50px;
background: #888;
border-top: 1px solid #e1e1e1;
line-height: 50px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.XEicon .get_started li > a:hover,
.XEicon .get_started li > a:active,
.XEicon .get_started li > a:focus {background-color:#cda25a;color:#fff;}
.XEicon .get_started li > a .xeicon {display: none; margin-right:6px; font-size:140%; vertical-align: middle}
.XEicon .get_started li > a:hover .xeicon {display: inline-block; margin-top:-4px;}
.XEicon .get_started li > a:focus {
background-color: #cda25a;
color: #fff;
}
.XEicon .get_started li > a .xeicon {
display: none;
margin-right: 6px;
font-size: 140%;
vertical-align: middle
}
.XEicon .get_started li > a:hover .xeicon {
display: inline-block;
margin-top: -4px;
}
/* section .contribution */
.XEicon .contribution {height:442px; padding-top:93px; box-sizing:border-box; text-align:center;}
.XEicon .contribution .cont {font-size:15px;line-height:26px;text-align:center; margin-top:58px; color:#888;}
.XEicon .contribution .btn_github{display:inline-block;margin:50px 0;padding:0 40px;height:52px;border:2px solid #cda25a;background-color:#fff;font-size:15px;line-height:52px;font-weight: 600;letter-spacing:1px;color:#cda25a;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.XEicon .contribution {
height: 442px;
padding-top: 93px;
box-sizing: border-box;
text-align: center;
}
.XEicon .contribution .cont {
font-size: 15px;
line-height: 26px;
text-align: center;
margin-top: 58px;
color: #888;
}
.XEicon .contribution .btn_github {
display: inline-block;
margin: 50px 0;
padding: 0 40px;
height: 52px;
border: 2px solid #cda25a;
background-color: #fff;
font-size: 15px;
line-height: 52px;
font-weight: 600;
letter-spacing: 1px;
color: #cda25a;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.XEicon .contribution .btn_github:hover,
.XEicon .contribution .btn_github:active
.XEicon .contribution .btn_github:focus{background-color:#cda25a;color:#fff}
.XEicon .contribution .btn_github:focus {
background-color: #cda25a;
color: #fff
}
@media all and (max-width: 479px) {
.XEicon .fixedwidth {
width: auto;
}
.XEicon .main_title h1 {
margin-bottom: 28px;
font-size: 21px;
}
.XEicon .main_title p {
padding: 0 14px;
text-align: left;
}
.XEicon .tit h1 {
font-size: 20px;
text-align: center;
letter-spacing: 2px;
}
.XEicon .tit h1:after {
left: 50%;
margin-left: -10px;
}
.XEicon .feature {
height: auto;
padding-top: 90px;
}
.XEicon .feature ul {
padding: 50px 14px 0 14px;
}
.XEicon .feature li {
clear: both;
width: auto;
padding: 0 0 0 70px;
}
.XEicon .feature h2 {
padding-top:10px;
}
.XEicon .get_started {
height: auto;
padding: 80px 14px 20px 14px;
}
.XEicon .get_started li {
float: none;
width: auto;
margin-right: 0;
margin-bottom: 15px;
}
.XEicon .contribution .cont {
padding: 0 14px;
text-align: left;
}
}

1
layouts/xedition/css/xeicon.min.css vendored
View file

@ -1 +0,0 @@
@charset "utf-8";.body.sub{width:100%!important;margin:0}.body.sub.full_width .content{width:100%!important;padding-bottom:0!important}.XEicon{padding-top:60px}.XEicon .fixedwidth{width:1200px;margin:0 auto}.XEicon .tit{position:relative}.XEicon .tit h1{font-size:29px;text-align:center;letter-spacing:2px}.XEicon .tit h1:after{position:absolute;top:115%;left:49%;width:20px;height:3px;background-color:#cda25a;content:""}.XEicon p a{color:#444}.XEicon p a:active,.XEicon p a:focus,.XEicon p a:hover{color:#cda25a;border-bottom:1px solid #cda25a}.XEicon .main_title h1{margin-bottom:47px;font-size:34px;font-weight:600;color:#cda25a;text-align:center;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:1px}.XEicon .main_title p{font-size:15px;line-height:28px;color:#444;text-align:center}.XEicon .feature{height:518px;padding-top:120px}.XEicon .feature ul{padding-top:80px}.XEicon .feature li{position:relative;float:left;width:314px;min-height:140px;padding:0 16px 0 70px;margin:0 0 30px}.XEicon .feature h2{padding:7px 24px 13px 0;font-size:17px;font-weight:600;line-height:23px;color:#333}.XEicon .feature p{padding:0 24px 0 0;font-size:14px;line-height:26px;color:#888}.XEicon .feature .ico{position:absolute;top:0;left:0;width:48px;height:48px;font-size:22px;text-align:center;line-height:50px;color:#555}.XEicon .get_started{height:550px;padding-top:80px;background:#f6f6f6;box-sizing:border-box}.XEicon .get_started .cont{font-size:15px;margin-top:75px;color:#888}.XEicon .get_started ul{margin-top:34px}.XEicon .get_started li{position:relative;float:left;width:286px;height:212px;margin-right:15px;border:1px solid #e8e8e8;background:#fff;text-align:center}.XEicon .get_started li:last-child{margin-right:0}.XEicon .get_started li h2{padding:33px 0 19px;font-size:17px;font-weight:600}.XEicon .get_started li p{padding:0 37px;font-size:14px;line-height:26px;color:#888}.XEicon .get_started li>a{position:absolute;display:block;bottom:0;width:100%;height:50px;background:#888;border-top:1px solid #e1e1e1;line-height:50px;font-size:14px;font-weight:600;text-transform:uppercase;color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.XEicon .get_started li>a:active,.XEicon .get_started li>a:focus,.XEicon .get_started li>a:hover{background-color:#cda25a;color:#fff}.XEicon .get_started li>a .xeicon{display:none;margin-right:6px;font-size:140%;vertical-align:middle}.XEicon .get_started li>a:hover .xeicon{display:inline-block;margin-top:-4px}.XEicon .contribution{height:442px;padding-top:93px;box-sizing:border-box;text-align:center}.XEicon .contribution .cont{font-size:15px;line-height:26px;text-align:center;margin-top:58px;color:#888}.XEicon .contribution .btn_github{display:inline-block;margin:50px 0;padding:0 40px;height:52px;border:2px solid #cda25a;background-color:#fff;font-size:15px;line-height:52px;font-weight:600;letter-spacing:1px;color:#cda25a;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.XEicon .contribution .btn_github:active .XEicon .contribution .btn_github:focus,.XEicon .contribution .btn_github:hover{background-color:#cda25a;color:#fff}

24
layouts/xedition/demo/slide.html
View file

@ -1,30 +1,30 @@
<div data-src="{$layout_info->path}img/slider_img.jpg">
<div class="camera_caption fadeIn">
<div class="camera_caption_wrap">
<div style="background-image:url('{$layout_info->path}img/slider_img.jpg');" class="swiper-slide">
<div>
<div>
<h1>SHARING, PUBLISHING.<br />&amp; PLEASURE.</h1>
<p>지식을 나누고 컨텐츠를 출판하며 즐거움을 함께합니다.</p>
</div>
</div>
</div>
<div data-src="{$layout_info->path}img/slider_img2.jpg">
<div class="camera_caption fadeIn">
<div class="camera_caption_wrap">
<div style="background-image:url('{$layout_info->path}img/slider_img2.jpg');" class="swiper-slide">
<div>
<div>
<h1>MAKING<br />WEB CULTURES</h1>
<p>올바른 웹 문화를 지향합니다.</p>
</div>
</div>
</div>
<div data-src="{$layout_info->path}img/slider_img3.jpg">
<div class="camera_caption fadeIn">
<div class="camera_caption_wrap">
<div style="background-image:url('{$layout_info->path}img/slider_img3.jpg');" class="swiper-slide">
<div>
<div>
<h1>EVOLUTION &amp; INNOVATION<br />TOGETHER</h1>
<p>함께 진화하고 혁신을 추구합니다.</p>
</div>
</div>
</div>
<div data-src="{$layout_info->path}img/slider_img4.jpg">
<div class="camera_caption fadeIn">
<div class="camera_caption_wrap">
<div style="background-image:url('{$layout_info->path}img/slider_img4.jpg');" class="swiper-slide">
<div>
<div>
<h1>CREATE A GOOD DESIGN WITH<br />THE POSSIILITY OF TECHNOLOGY</h1>
<p>기술의 가능성을 발굴하고 좋은 디자인을 만들어 갑니다.</p>
</div>

2
layouts/xedition/demo/welcome_main.html
View file

@ -1,6 +1,6 @@
<!-- WelcomeXE -->
<div class="welcomeXE">
<section class="xeicon">
<section class="xeicon bg-holder" data-width="1240" data-height="500">
<h1>Beautiful iconpack<br>XEIcon</h1>
<div class="button-area">
<a class="btn_item" target="_blank" href="http://xpressengine.github.io/XEIcon">HOMEPAGE</a>

8
layouts/xedition/js/SmoothScroll.min.js vendored
View file

@ -1,8 +0,0 @@
// 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
View file

File diff suppressed because one or more lines are too long

2893
layouts/xedition/js/idangerous.swiper.js Normal file
View file

File diff suppressed because it is too large Load diff

16
layouts/xedition/js/idangerous.swiper.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

205
layouts/xedition/js/jquery.easing.js
View file

@ -1,205 +0,0 @@
/*
* 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.
*
*/

1
layouts/xedition/js/jquery.easing.min.js vendored
View file

@ -1 +0,0 @@
jQuery.easing.jswing=jQuery.easing.swing,jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(a,b,c,d,e){return jQuery.easing[jQuery.easing.def](a,b,c,d,e)},easeInQuad:function(a,b,c,d,e){return d*(b/=e)*b+c},easeOutQuad:function(a,b,c,d,e){return-d*(b/=e)*(b-2)+c},easeInOutQuad:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},easeInCubic:function(a,b,c,d,e){return d*(b/=e)*b*b+c},easeOutCubic:function(a,b,c,d,e){return d*((b=b/e-1)*b*b+1)+c},easeInOutCubic:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b+c:d/2*((b-=2)*b*b+2)+c},easeInQuart:function(a,b,c,d,e){return d*(b/=e)*b*b*b+c},easeOutQuart:function(a,b,c,d,e){return-d*((b=b/e-1)*b*b*b-1)+c},easeInOutQuart:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b*b+c:-d/2*((b-=2)*b*b*b-2)+c},easeInQuint:function(a,b,c,d,e){return d*(b/=e)*b*b*b*b+c},easeOutQuint:function(a,b,c,d,e){return d*((b=b/e-1)*b*b*b*b+1)+c},easeInOutQuint:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b*b*b+c:d/2*((b-=2)*b*b*b*b+2)+c},easeInSine:function(a,b,c,d,e){return-d*Math.cos(b/e*(Math.PI/2))+d+c},easeOutSine:function(a,b,c,d,e){return d*Math.sin(b/e*(Math.PI/2))+c},easeInOutSine:function(a,b,c,d,e){return-d/2*(Math.cos(Math.PI*b/e)-1)+c},easeInExpo:function(a,b,c,d,e){return 0==b?c:d*Math.pow(2,10*(b/e-1))+c},easeOutExpo:function(a,b,c,d,e){return b==e?c+d:d*(-Math.pow(2,-10*b/e)+1)+c},easeInOutExpo:function(a,b,c,d,e){return 0==b?c:b==e?c+d:(b/=e/2)<1?d/2*Math.pow(2,10*(b-1))+c:d/2*(-Math.pow(2,-10*--b)+2)+c},easeInCirc:function(a,b,c,d,e){return-d*(Math.sqrt(1-(b/=e)*b)-1)+c},easeOutCirc:function(a,b,c,d,e){return d*Math.sqrt(1-(b=b/e-1)*b)+c},easeInOutCirc:function(a,b,c,d,e){return(b/=e/2)<1?-d/2*(Math.sqrt(1-b*b)-1)+c:d/2*(Math.sqrt(1-(b-=2)*b)+1)+c},easeInElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;if(0==b)return c;if(1==(b/=e))return c+d;if(g||(g=.3*e),h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return-(h*Math.pow(2,10*(b-=1))*Math.sin(2*(b*e-f)*Math.PI/g))+c},easeOutElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;if(0==b)return c;if(1==(b/=e))return c+d;if(g||(g=.3*e),h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return h*Math.pow(2,-10*b)*Math.sin(2*(b*e-f)*Math.PI/g)+d+c},easeInOutElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;if(0==b)return c;if(2==(b/=e/2))return c+d;if(g||(g=.3*e*1.5),h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return 1>b?-.5*h*Math.pow(2,10*(b-=1))*Math.sin(2*(b*e-f)*Math.PI/g)+c:h*Math.pow(2,-10*(b-=1))*Math.sin(2*(b*e-f)*Math.PI/g)*.5+d+c},easeInBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),d*(b/=e)*b*((f+1)*b-f)+c},easeOutBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),d*((b=b/e-1)*b*((f+1)*b+f)+1)+c},easeInOutBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),(b/=e/2)<1?d/2*b*b*(((f*=1.525)+1)*b-f)+c:d/2*((b-=2)*b*(((f*=1.525)+1)*b+f)+2)+c},easeInBounce:function(a,b,c,d,e){return d-jQuery.easing.easeOutBounce(a,e-b,0,d,e)+c},easeOutBounce:function(a,b,c,d,e){return(b/=e)<1/2.75?7.5625*d*b*b+c:2/2.75>b?d*(7.5625*(b-=1.5/2.75)*b+.75)+c:2.5/2.75>b?d*(7.5625*(b-=2.25/2.75)*b+.9375)+c:d*(7.5625*(b-=2.625/2.75)*b+.984375)+c},easeInOutBounce:function(a,b,c,d,e){return e/2>b?.5*jQuery.easing.easeInBounce(a,2*b,0,d,e)+c:.5*jQuery.easing.easeOutBounce(a,2*b-e,0,d,e)+.5*d+c}});

3
layouts/xedition/js/jquery.mobile.customized.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

126
layouts/xedition/js/jquery.parallax-scroll.js Normal file
View file

@ -0,0 +1,126 @@
/*
* Parallax-Scroll - v0.2.0
* jQuery plugin for background-attachment: scroll with friction, similar to the parallax scrolling effect on Spotify.
* http://parallax-scroll.aenism.com
*
* Made by Aen Tan
* Under MIT License
*/
;(function (root, factory) {
if (typeof define === "function" && define.amd) {
// AMD. Register as an anonymous module.
define(["jquery"], factory);
} else {
// Browser globals
factory(root.jQuery);
}
}(this, function ($) {
"use strict";
var ParallaxScroll,
defaults = {
friction: 0.5,
direction: "vertical"
},
$win = $(window),
lastTickTime = 0;
window.requestAnimationFrame = function (callback) {
var currTime = new Date().getTime();
var timeToCall = Math.max(0, 5 - (currTime - lastTickTime));
var id = window.setTimeout(function () {
callback(currTime + timeToCall);
}, timeToCall);
lastTickTime = currTime + timeToCall;
return id;
};
ParallaxScroll = function (background, options) {
return {
init: function () {
this.$background = $(background);
this.settings = $.extend({}, defaults, options);
this._initStyles();
this._bindEvents();
},
_initStyles: function () {
this.$background.css({
"background-attachment": "scroll"
});
},
_visibleInViewport: function () {
var vpHeight = $win.height();
var rec = this.$background.get(0).getBoundingClientRect();
return (rec.top < vpHeight && rec.bottom > 0) || (rec.bottom <= vpHeight && rec.top > vpHeight);
},
_bindEvents: function () {
var self = this;
$win.on("load scroll resize", function () {
self._requestTick();
});
},
_requestTick: function () {
var self = this;
if (!this.ticking) {
this.ticking = true;
requestAnimationFrame(function () {
self._updateBgPos();
});
}
},
_updateBgPos: function () {
if (this._visibleInViewport()) {
var winW = $win.width();
var winH = $win.height();
var imgW = this.$background.data("width");
var imgH = this.$background.data("height");
var imgA = imgW / imgH;
var bgW = this.$background.width();
var bgH = this.$background.height();
var bgA = bgW / bgH;
var revA = bgA < imgA;
var bgScale = bgW / imgW;
var bgScaledH = imgH * bgScale;
var bgScaledW = imgW * bgScale;
var bgOffsetTop = this.$background.offset().top;
var winScrollTop = $win.scrollTop();
var bgScrollTop = winScrollTop - bgOffsetTop;
var xDistToMove = winH + bgScaledH;
var yDistToMove = winW + bgScaledW;
var xf1 = bgScrollTop * (winH / xDistToMove);
var xf2 = bgScrollTop / winH;
var yf1 = bgScrollTop * (winW / yDistToMove);
var yf2 = bgScrollTop / winW;
var centerOffsetY = (winH - bgH) / 2;
centerOffsetY = revA ? centerOffsetY * xf2 : centerOffsetY;
var centerOffsetX = (winW - bgW) / 2;
centerOffsetX = revA ? centerOffsetX : centerOffsetX * yf2;
var bgFriction = revA? this.settings.friction * (bgA * 2) : this.settings.friction * bgA;
var bgSize;
var bgPos;
if (this.settings.direction === "horizontal") {
bgSize = revA ? winW + "px auto" : "auto " + winH + "px";
bgPos = (centerOffsetX - (yf1 * bgFriction)) + "px 50%";
} else {
bgSize = revA ? "auto " + winH + "px" : winW + "px auto";
bgPos = "50% " + ((xf1 * bgFriction) - centerOffsetY) + "px";
}
this.$background.css({
"background-size": bgSize,
"background-position": bgPos
});
}
this.ticking = false;
}
};
};
ParallaxScroll.defaults = defaults;
$.fn.parallaxScroll = function (options) {
return this.each(function () {
new ParallaxScroll(this, options).init();
});
};
return ParallaxScroll;
}));

9
layouts/xedition/js/jquery.parallax-scroll.min.js vendored Normal file
View file

@ -0,0 +1,9 @@
/*
* Parallax-Scroll - v0.2.0
* jQuery plugin for background-attachment: scroll with friction, similar to the parallax scrolling effect on Spotify.
* http://parallax-scroll.aenism.com
*
* Made by Aen Tan
* Under MIT License
*/
!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],b):b(a.jQuery)}(this,function(a){"use strict";var b,c={friction:.5,direction:"vertical"},d=a(window),e=0;return window.requestAnimationFrame=function(a){var b=(new Date).getTime(),c=Math.max(0,5-(b-e)),d=window.setTimeout(function(){a(b+c)},c);return e=b+c,d},b=function(b,e){return{init:function(){this.$background=a(b),this.settings=a.extend({},c,e),this._initStyles(),this._bindEvents()},_initStyles:function(){this.$background.css({"background-attachment":"scroll"})},_visibleInViewport:function(){var a=d.height(),b=this.$background.get(0).getBoundingClientRect();return b.top<a&&b.bottom>0||b.bottom<=a&&b.top>a},_bindEvents:function(){var a=this;d.on("load scroll resize",function(){a._requestTick()})},_requestTick:function(){var a=this;this.ticking||(this.ticking=!0,requestAnimationFrame(function(){a._updateBgPos()}))},_updateBgPos:function(){if(this._visibleInViewport()){var a=d.width(),b=d.height(),c=this.$background.data("width"),e=this.$background.data("height"),f=c/e,g=this.$background.width(),h=this.$background.height(),i=g/h,j=f>i,k=g/c,l=e*k,m=c*k,n=this.$background.offset().top,o=d.scrollTop(),p=o-n,q=b+l,r=a+m,s=p*(b/q),t=p/b,u=p*(a/r),v=p/a,w=(b-h)/2;w=j?w*t:w;var x=(a-g)/2;x=j?x:x*v;var y,z,A=j?2*this.settings.friction*i:this.settings.friction*i;"horizontal"===this.settings.direction?(y=j?a+"px auto":"auto "+b+"px",z=x-u*A+"px 50%"):(y=j?"auto "+b+"px":a+"px auto",z="50% "+(s*A-w)+"px"),this.$background.css({"background-size":y,"background-position":z})}this.ticking=!1}}},b.defaults=c,a.fn.parallaxScroll=function(a){return this.each(function(){new b(this,a).init()})},b});

35
layouts/xedition/js/layout.js
View file

@ -1,4 +1,4 @@
(function($){
(function($){
"use strict";
$(function(){
var $shrinkHeaderHeight = 300;
@ -38,9 +38,13 @@
});
$(window).triggerHandler('scroll');
}
// Gnb
$gnb.find('>ul>li>a')
if($(document).width() > 480){
$gnb.addClass('pc-gnb');
}
var $pc_gnb = $('.pc-gnb');
$pc_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')
@ -53,7 +57,7 @@
$gnb.find('>ul>li>ul').hide().parent().removeClass('on')
});
$gnb.find('>ul>li>ul>li>a')
$pc_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')
@ -65,7 +69,16 @@
.mouseleave(function(){
$gnb.find('>ul>li>ul>li>ul').hide().parent().removeClass('on')
});
$("#mobile_menu_btn").on('click', function(){
var isOpened = $(this);
if(isOpened.hasClass('opened')){
$("#gnb").find(">ul").slideUp(200);
}else{
$("#gnb").find(">ul:not(:animated)").slideDown(200);
}
isOpened.toggleClass('opened');
});
// login popup
$hoverEl.on('mouseenter mouseleave focusin focusout',function(e){
e.preventDefault();
@ -75,8 +88,7 @@
$(this).removeClass('on');
}
});
// Search
// Search
$searchEl.click(function(){
if($searchForm.is(':hidden')){
$searchForm.fadeIn().find('input').focus();
@ -139,7 +151,6 @@
$('.sub_type3 .bg_img').parallax('50%',0.4);
})
})(jQuery);
(function($) {
"use strict";
var $window = $(window);
@ -190,3 +201,11 @@
}
})(jQuery);
(function($){
$(function(){
$('.bg-holder').parallaxScroll({
friction: 0.2
});
});
})(jQuery);

1
layouts/xedition/js/layout.min.js vendored
View file

@ -1 +0,0 @@
!function(a){"use strict";a(function(){var b=300,c=a(".fixed_header .header_wrap"),d=a(".gnb"),e=a(".hover"),f=a(".click > a"),g=a(".search_area");if(c.length){var h=(c.height(),!1),i=c.find(".header h1 img"),j=i.data("logo"),k=i.attr("src");a(window).scroll(function(){var d=a(this).scrollTop();d>=b?h||(c.addClass("shrink"),j&&i.attr("src",j),h=!0):h&&(c.removeClass("shrink"),j&&i.attr("src",k),h=!1)}),a(window).triggerHandler("scroll")}d.find(">ul>li>a").mouseover(function(){d.find(">ul>li>ul:visible").hide().parent("li").removeClass("on"),a(this).next("ul:hidden").stop().fadeIn(200).parent("li").addClass("on")}).focus(function(){a(this).mouseover()}).end().mouseleave(function(){d.find(">ul>li>ul").hide().parent().removeClass("on")}),d.find(">ul>li>ul>li>a").mouseover(function(){d.find(">ul>li>ul>li>ul:visible").hide().parent("li").removeClass("on"),a(this).next("ul:hidden").stop().fadeIn(200).parent("li").addClass("on")}).focus(function(){a(this).mouseover()}).end().mouseleave(function(){d.find(">ul>li>ul>li>ul").hide().parent().removeClass("on")}),e.on("mouseenter mouseleave focusin focusout",function(b){b.preventDefault(),"mouseenter"==b.type||"focusin"==b.type?a(this).addClass("on"):a(this).removeClass("on")}),f.click(function(){return g.is(":hidden")&&(g.fadeIn().find("input").focus(),a(".magazine").length>0?(a(".custom_area").css("opacity",0),a(".side").css("opacity",0)):a(".header").css("opacity",0)),!1}),a(".btn_close").click(function(){var b=a(this);return b.parent().fadeOut().find("input").val(""),a(".magazine").length>0?(a(".custom_area").css("opacity",1),a(".side").css("opacity",1)):a(".header").css("opacity",1),f.focus(),!1}),a.isFunction(a.fn.camera)&&a(".camera_wrap").length&&a(".camera_wrap").camera({height:"600px",pagination:!0,thumbnails:!1,playPause:!1,loader:"none",fx:"simpleFade",time:3e3});var l=function(){var b=a(".btn_top"),c=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;a(window).scroll(function(){a(this).scrollTop()>150&&c>1e3?b.fadeIn(100):b.fadeOut(100)}),b.click(function(){return a("html, body").animate({scrollTop:0},400),!1})};l(),a(".sub_type3 .bg_img").parallax("50%",.4)})}(jQuery),function(a){"use strict";var b=a(window),c=b.height();b.resize(function(){c=b.height()}),a.fn.parallax=function(d,e,f){function g(){var f=b.scrollTop();j.each(function(){var b=a(this),g=b.offset().top,k=h(b);f>g+k||g>f+c||j.css("backgroundPosition",d+" "+Math.round((i-f)*e)+"px")})}var h,i,j=a(this);j.each(function(){i=j.offset().top}),h=f?function(a){return a.outerHeight(!0)}:function(a){return a.height()},(arguments.length<1||null===d)&&(d="50%"),(arguments.length<2||null===e)&&(e=.1),(arguments.length<3||null===f)&&(f=!0),b.bind("scroll",g).resize(g),g()}}(jQuery);

2
layouts/xedition/js/welcome.js
View file

@ -1,7 +1,7 @@
(function($){
"user strict";
$(function(){
$('.xeicon').parallax('50%', 0.4);
//$('.xeicon').parallax('50%', 0.4);
$('.fe_box').on('mouseenter mouseleave',function(e){
$this = $(this);

1
layouts/xedition/js/welcome.min.js vendored
View file

@ -1 +0,0 @@
!function(a){"user strict";a(function(){a(".xeicon").parallax("50%",.4),a(".fe_box").on("mouseenter mouseleave",function(b){$this=a(this),"mouseenter"==b.type?$this.addClass("on"):$this.removeClass("on")})})}(jQuery),function(a){"user strict";var b=a(window),c=b.height();b.resize(function(){c=b.height()}),a.fn.parallax=function(d,e,f){function g(){var f=b.scrollTop();j.each(function(){var b=a(this),g=b.offset().top,k=h(b);f>g+k||g>f+c||j.css("backgroundPosition",d+" "+Math.round((i-f)*e)+"px")})}var h,i,j=a(this);j.each(function(){i=j.hasClass("xeicon")?j.offset().top+600:j.offset().top}),h=f?function(a){return a.outerHeight(!0)}:function(a){return a.height()},(arguments.length<1||null===d)&&(d="50%"),(arguments.length<2||null===e)&&(e=.1),(arguments.length<3||null===f)&&(f=!0),b.bind("scroll",g).resize(g),g()}}(jQuery);

137
layouts/xedition/layout.html
View file

@ -1,5 +1,5 @@
<!--// META -->
{Context::addHtmlHeader('<meta name="viewport" content="width=1240">')}
{Context::addHtmlHeader('<meta name="viewport" content="width=device-width, user-scalable=no">')}
<!--// LANG -->
<load target="./lang" />
@ -145,17 +145,16 @@
<!--// CSS -->
<load target="./css/layout.css" />
<load target="./css/camera.css" />
<load target="./css/idangerous.swiper.css" />
<load target="./css/welcome.css" />
<load target="./css/webfont.css" />
<load target="./css/xeicon.css" cond="$mid === 'xeicon'" />
<load target="../../common/xeicon/xeicon.min.css" />
<!--// JS -->
<load target="./js/jquery.easing.js" />
<load cond="$_enable_slide" target="./js/camera.min.js" />
<load cond="$_enable_slide" target="./js/idangerous.swiper.min.js" />
<load target="./js/layout.js" />
<load cond="$layout_info->use_demo ==='Y'" target="./js/welcome.js" />
<load target="./js/SmoothScroll.min.js" />
<load target="./js/jquery.parallax-scroll.min.js" />
<!--// BODY -->
@ -178,7 +177,7 @@
</div>
</div>
<header class="header">
<header class="header {$_visual_class}">
<!--// LOGO -->
<h1 class="logo-item">
{@ $_logo_img = $layout_info->logo_img}
@ -261,6 +260,13 @@
<!-- GNB -->
<nav cond="$GNB->list" class="gnb" id="gnb">
<div id="mobile_menu_btn" class="menu_btn">
<div class="menu_bar">
<div class="btn1"></div>
<div class="btn2"></div>
<div class="btn3"></div>
</div>
</div>
<ul>
<li loop="$GNB->list => $key1, $val1">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
@ -294,52 +300,56 @@
<h1>{$sub_header_title}</h1>
</div>
</div>
<div cond="$layout_info->layout_type === 'main' && $_enable_slide" class="visual">
<!-- 슬라이드 -->
<div class="camera_wrap">
<!--@if($_sample_slide)-->
<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">
<div class="camera_caption_wrap">
{$layout_info->slide_text1}
</div>
<!-- Swiper -->
<div cond="$layout_info->layout_type === 'main' && $_enable_slide" class="visual swiper-container">
<!-- 슬라이드 -->
<div class="swiper-wrapper">
<!--@if($_sample_slide)-->
<include target="./demo/slide.html" />
<!--@else-->
<div cond="$layout_info->slide_img1" style="background-image:url('{$layout_info->slide_img1}');">
<div cond="$layout_info->slide_text1">
<div>
{$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">
<div class="camera_caption_wrap">
{$layout_info->slide_text2}
</div>
</div>
</div>
<div cond="$layout_info->slide_img3" data-src="{$layout_info->slide_img3}">
<div cond="$layout_info->slide_text3" class="camera_caption fadeIn">
<div class="camera_caption_wrap">
{$layout_info->slide_text3}
</div>
</div>
</div>
<div cond="$layout_info->slide_img4" data-src="{$layout_info->slide_img4}">
<div cond="$layout_info->slide_text4" class="camera_caption fadeIn">
<div class="camera_caption_wrap">
{$layout_info->slide_text4}
</div>
</div>
</div>
<div cond="$layout_info->slide_img5" data-src="{$layout_info->slide_img5}">
<div cond="$layout_info->slide_text5" class="camera_caption fadeIn">
<div class="camera_caption_wrap">
{$layout_info->slide_text5}
</div>
</div>
</div>
<!--@end-->
</div>
<!-- END:슬라이드 -->
</div>
<div cond="$layout_info->slide_img2" style="background-image:url('{$layout_info->slide_img2}');">
<div cond="$layout_info->slide_text2">
<div>
{$layout_info->slide_text2}
</div>
</div>
</div>
<div cond="$layout_info->slide_img3" style="background-image:url('{$layout_info->slide_img3}');">
<div cond="$layout_info->slide_text3">
<div>
{$layout_info->slide_text3}
</div>
</div>
</div>
<div cond="$layout_info->slide_img4" style="background-image:url('{$layout_info->slide_img4}');">
<div cond="$layout_info->slide_text4">
<div>
{$layout_info->slide_text4}
</div>
</div>
</div>
<div cond="$layout_info->slide_img5" style="background-image:url('{$layout_info->slide_img5}');">
<div cond="$layout_info->slide_text5">
<div>
{$layout_info->slide_text5}
</div>
</div>
</div>
<!--@end-->
</div>
<!-- END:슬라이드 -->
<!-- Add Pagination -->
<div class="pagination"></div>
<div class="swiper-button left"><button type="button" class="swiper-button-prev"><i class="xi-angle-left"></i></button></div>
<div class="swiper-button right"><button type="button" class="swiper-button-next"><i class="xi-angle-right"></i></button></div>
</div>
<!-- /VISUAL -->
<!-- BODY -->
@ -412,6 +422,15 @@
<include target="./demo/copyright.html" />
<!--@end-->
</p>
<ul class="mobile-footer-member">
<!--@if(!$is_logged)-->
<li><a href="{getUrl('act','dispMemberLoginForm')}">{$lang->cmd_login}</a></li>
<li><a href="{getUrl('act','dispMemberSignUpForm')}">{$lang->cmd_signup}</a></li>
<!--@else-->
<li><a href="{getUrl('act','dispMemberLogout')}">{$lang->cmd_logout}</a></li>
<li><a href="{getUrl('act','dispMemberInfo')}">{$lang->cmd_view_member_info}</a></li>
<!--@end-->
</ul>
</div>
</footer>
</div>
@ -504,4 +523,22 @@
});
</script>
</section>
<!-- /Login widget -->
<!-- /Login widget -->
<script cond="$_enable_slide">
jQuery(document).ready(function () {
var swiper = new Swiper('.swiper-container', {
autoplay: 6000,
loop: true,
pagination: '.pagination',
paginationClickable: true
});
jQuery('.swiper-button-next').on('click', function(e){
e.preventDefault();
swiper.swipeNext();
});
jQuery('.swiper-button-prev').on('click', function(e){
e.preventDefault();
swiper.swipePrev();
});
});
</script>

8
modules/comment/comment.controller.php
View file

@ -54,7 +54,9 @@ class commentController extends comment
}
$point = 1;
return $this->updateVotedCount($comment_srl, $point);
$output = $this->updateVotedCount($comment_srl, $point);
$this->add('voted_count', $output->get('voted_count'));
return $output;
}
/**
@ -90,7 +92,9 @@ class commentController extends comment
}
$point = -1;
return $this->updateVotedCount($comment_srl, $point);
$output = $this->updateVotedCount($comment_srl, $point);
$this->add('blamed_count', $output->get('blamed_count'));
return $output;
}
/**

2
modules/install/script/xeicon_content/xeicon_content_ko_3.html
View file

@ -1,7 +1,7 @@
<section class="get_started">
<div class="fixedwidth">
<div class="tit"><h1>GET STARTED</h1></div>
<p class="cont">XEIcon 사용과 설치 방법은 매우 간단합니다. 자세한 사용방법을 <a href="#">XEIcon 공식사이트</a>에서 확인해보세요!</p>
<p class="cont">XEIcon 사용과 설치 방법은 매우 간단합니다. 자세한 사용방법을 <a href="http://xpressengine.github.io/XEIcon/">XEIcon 공식사이트</a>에서 확인해보세요!</p>
<ul>
<li>
<h2>최신버전 다운로드</h2>

1
modules/member/conf/module.xml
View file

@ -66,7 +66,6 @@
<action name="procMemberFindAccountByQuestion" type="controller" standalone="true" />
<action name="procMemberAuthAccount" type="controller" method="GET|POST" standalone="true" />
<action name="procMemberAuthEmailAddress" type="controller" method="GET|POST" standalone="true" />
<action name="procMemberUpdateAuthMail" type="controller" standalone="true" />
<action name="procMemberResendAuthMail" type="controller" ruleset="resendAuthMail" standalone="true" />
<action name="procMemberResetAuthMail" type="controller" ruleset="resetAuthMail" standalone="true" />
<action name="procMemberSpammerManage" type="controller" standalone="true" />

2
modules/member/member.class.php
View file

@ -28,7 +28,7 @@ class member extends ModuleObject {
// Set to use SSL upon actions related member join/information/password and so on. 2013.02.15
if(!Context::isExistsSSLAction('dispMemberModifyPassword') && Context::getSslStatus() == 'optional')
{
$ssl_actions = array('dispMemberModifyPassword', 'dispMemberSignUpForm', 'dispMemberModifyInfo', 'dispMemberModifyEmailAddress', 'dispMemberGetTempPassword', 'dispMemberResendAuthMail', 'dispMemberLoginForm', 'dispMemberFindAccount', 'dispMemberLeave', 'procMemberLogin', 'procMemberModifyPassword', 'procMemberInsert', 'procMemberModifyInfo', 'procMemberFindAccount', 'procMemberModifyEmailAddress', 'procMemberUpdateAuthMail', 'procMemberResendAuthMail', 'procMemberLeave'/*, 'getMemberMenu'*/, 'procMemberFindAccountByQuestion');
$ssl_actions = array('dispMemberModifyPassword', 'dispMemberSignUpForm', 'dispMemberModifyInfo', 'dispMemberModifyEmailAddress', 'dispMemberGetTempPassword', 'dispMemberResendAuthMail', 'dispMemberLoginForm', 'dispMemberFindAccount', 'dispMemberLeave', 'procMemberLogin', 'procMemberModifyPassword', 'procMemberInsert', 'procMemberModifyInfo', 'procMemberFindAccount', 'procMemberModifyEmailAddress', 'procMemberResendAuthMail', 'procMemberLeave'/*, 'getMemberMenu'*/, 'procMemberFindAccountByQuestion');
Context::addSSLActions($ssl_actions);
}
}

87
modules/member/member.controller.php
View file

@ -72,6 +72,11 @@ class memberController extends member
}
}
// Delete all previous authmail if login is successful
$args = new stdClass();
$args->member_srl = $this->memberInfo->member_srl;
executeQuery('member.deleteAuthMail', $args);
if(!$config->after_login_url)
{
$returnUrl = Context::get('success_return_url') ? Context::get('success_return_url') : getNotEncodedUrl('', 'mid', Context::get('mid'), 'act', '');
@ -1126,6 +1131,12 @@ class memberController extends member
return $this->stop('msg_invalid_auth_key');
}
if(ztime($output->data->regdate) < $_SERVER['REQUEST_TIME'] + zgap() - 86400)
{
executeQuery('member.deleteAuthMail', $args);
return $this->stop('msg_invalid_auth_key');
}
$args->password = $output->data->new_password;
// If credentials are correct, change the password to a new one
@ -1158,76 +1169,6 @@ class memberController extends member
$this->setTemplateFile('msg_success_authed');
}
/**
* Execute finding ID/Passoword
* When clicking the link in the verification email, a method is called to change the old password and to authenticate it
*
* @return Object
*/
function procMemberUpdateAuthMail()
{
$member_srl = Context::get('member_srl');
if(!$member_srl) return new Object(-1, 'msg_invalid_request');
$oMemberModel = getModel('member');
// Get information of the member
$member_info = $oMemberModel->getMemberInfoByMemberSrl($member_srl);
// Check if the member is set to allow a request to re-send an authentication mail
if($member_info->denied != 'Y')
return new Object(-1, 'msg_invalid_request');
$chk_args = new stdClass;
$chk_args->member_srl = $member_srl;
$output = executeQuery('member.chkAuthMail', $chk_args);
if($output->toBool() && $output->data->count == '0') return new Object(-1, 'msg_invalid_request');
// Insert data into the authentication DB
$auth_args = new stdClass;
$auth_args->member_srl = $member_srl;
$auth_args->auth_key = $oPassword->createSecureSalt(40);
$oDB = &DB::getInstance();
$oDB->begin();
$output = executeQuery('member.updateAuthMail', $auth_args);
if(!$output->toBool())
{
$oDB->rollback();
return $output;
}
// Get content of the email to send a member
Context::set('auth_args', $auth_args);
Context::set('memberInfo', $member_info);
$oModuleModel = getModel('module');
$member_config = $oModuleModel->getModuleConfig('member');
if(!$member_config->skin) $member_config->skin = "default";
if(!$member_config->colorset) $member_config->colorset = "white";
Context::set('member_config', $member_config);
$tpl_path = sprintf('%sskins/%s', $this->module_path, $member_config->skin);
if(!is_dir($tpl_path)) $tpl_path = sprintf('%sskins/%s', $this->module_path, 'default');
$auth_url = getFullUrl('','module','member','act','procMemberAuthAccount','member_srl',$member_info->member_srl, 'auth_key',$auth_args->auth_key);
Context::set('auth_url', $auth_url);
$oTemplate = &TemplateHandler::getInstance();
$content = $oTemplate->compile($tpl_path, 'confirm_member_account_mail');
// Get information of the Webmaster
$oModuleModel = getModel('module');
$member_config = $oModuleModel->getModuleConfig('member');
// Send a mail
$oMail = new Mail();
$oMail->setTitle( Context::getLang('msg_confirm_account_title') );
$oMail->setContent($content);
$oMail->setSender( $member_config->webmaster_name?$member_config->webmaster_name:'webmaster', $member_config->webmaster_email);
$oMail->setReceiptor( $member_info->user_name, $member_info->email_address );
$oMail->send();
// Return message
$msg = sprintf(Context::getLang('msg_auth_mail_sent'), $member_info->email_address);
return new Object(-1, $msg);
}
/**
* Request to re-send the authentication mail
*
@ -1266,6 +1207,12 @@ class memberController extends member
if(!$output->data || !$output->data[0]->auth_key) return new Object(-1, 'msg_invalid_request');
$auth_info = $output->data[0];
// Update the regdate of authmail entry
$renewal_args = new stdClass;
$renewal_args->member_srl = $member_info->member_srl;
$renewal_args->auth_key = $auth_info->auth_key;
$output = executeQuery('member.updateAuthMail', $renewal_args);
$memberInfo = array();
global $lang;
if(is_array($member_config->signupForm))

3
modules/widget/widget.model.php
View file

@ -304,7 +304,8 @@ class widgetModel extends widget
if(file_exists($preview_file)) $buff[] = sprintf('$widgetStyle_info->preview = "%s";', $preview_file);
// Author information
$author_list = (!is_array($author_list)) ? array($author_list) : $author_list;
if(!is_array($xml_obj->author)) $author_list[] = $xml_obj->author;
else $author_list = $xml_obj->author;
foreach($author_list as $idx => $author)
{