diff --git a/Gruntfile.js b/Gruntfile.js index 3fdda3938..96ba3fb36 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -109,6 +109,14 @@ module.exports = function(grunt) { 'addons/oembed/oembed.min.js': ['addons/oembed/oembed.js'], } }, + 'layout': { + files: { + 'layouts/xedition/js/jquery.countTo.min.js': ['layouts/xedition/js/jquery.countTo.js'], + 'layouts/xedition/js/jquery.easing.min.js': ['layouts/xedition/js/jquery.easing.js'], + 'layouts/xedition/js/layout.min.js': ['layouts/xedition/js/layout.js'], + 'layouts/xedition/js/welcome.min.js': ['layouts/xedition/js/welcome.js'], + } + }, }, cssmin: { 'common': { @@ -137,6 +145,14 @@ module.exports = function(grunt) { 'addons/oembed/jquery.oembed.min.css': ['addons/oembed/jquery.oembed.css'], } }, + 'layout': { + files: { + 'layouts/xedition/css/camera.min.css': ['layouts/xedition/css/camera.css'], + 'layouts/xedition/css/layout.min.css': ['layouts/xedition/css/layout.css'], + 'layouts/xedition/css/welcome.min.css': ['layouts/xedition/css/welcome.css'], + 'layouts/xedition/css/widget.login.min.css': ['layouts/xedition/css/widget.login.css'], + } + }, }, jshint: { files: [ diff --git a/layouts/xedition/conf/info.xml b/layouts/xedition/conf/info.xml new file mode 100644 index 000000000..b1097aa44 --- /dev/null +++ b/layouts/xedition/conf/info.xml @@ -0,0 +1,156 @@ + + + XEDITION + XE 1.8 기본 테마 + 1.8 + 2015-03-26 + + NAVER + + + + 전역 네비게이션 바 + + + 지역 네비게이션 바 + + + 서브 네비게이션 바 + + + 푸터 네비게이션 바 + + + + + 기본 + + 데모 사용 + + 사용함 + + + 사용 안 함 + + + + 레이아웃 타입 + + 기본형 + + + 서브1형 + + + 서브2형 + + + 서브3형 + + + + 메뉴 타입 + + 기본형 + + + 블로그형 + + + 매거진형 + + + 스타트업형 + + + + 사이드바 위치 + 레이아웃 타입 서브형에서만 사용되는 옵션입니다. + + 왼쪽 + + + 오른쪽 + + + 풀 페이지 + + + + 사이트 로고 이미지 + + + 사이트 로고 문자 + + + 사이트 로고 경로 + + + 푸터 로고 이미지 + + + 푸터 로고 문자 + + + 푸터 로고 경로 + + + 푸터 내용 + + + 카피라이트 내용 + + + 로그인 위젯 사용 + + 사용함 + + + 사용 안 함 + + + + + 슬라이드 + + 슬라이드 사용 + + 사용함 + + + 사용 안 함 + + + + 슬라이드 이미지 1 + + + 슬라이드 설명 1 + + + 슬라이드 이미지 2 + + + 슬라이드 설명 2 + + + 슬라이드 이미지 3 + + + 슬라이드 설명 3 + + + 슬라이드 이미지 4 + + + 슬라이드 설명 4 + + + 슬라이드 이미지 5 + + + 슬라이드 설명 5 + + + + diff --git a/layouts/xedition/css/camera.css b/layouts/xedition/css/camera.css new file mode 100644 index 000000000..fe5356cc6 --- /dev/null +++ b/layouts/xedition/css/camera.css @@ -0,0 +1,1087 @@ +/************************** +* +* GENERAL +* +**************************/ +.camera_wrap a, .camera_wrap img, +.camera_wrap ol, .camera_wrap ul, .camera_wrap li, +.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td +.camera_thumbs_wrap a, .camera_thumbs_wrap img, +.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, +.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td { + background: none; + border: 0; + font: inherit; + font-size: 100%; + margin: 0; + padding: 0; + vertical-align: baseline; + list-style: none +} +.camera_wrap { + display: none; + float: left; + position: relative; + z-index: 0; +} +.camera_wrap img { + max-width: none!important; +} +.camera_fakehover { + height: 100%; + min-height: 60px; + position: relative; + width: 100%; + z-index: 1; +} +.camera_wrap { + width: 100%; +} +.camera_src { + display: none; +} +.cameraCont, .cameraContents { + height: 100%; + position: relative; + width: 100%; + z-index: 1; +} +.cameraSlide { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + width: 100%; +} +.cameraContent { + bottom: 0; + display: none; + left: 0; + position: absolute; + right: 0; + top: 0; + width: 100%; +} +.camera_target { + bottom: 0; + height: 100%; + left: 0; + overflow: hidden; + position: absolute; + right: 0; + text-align: left; + top: 0; + width: 100%; + z-index: 0; +} +.camera_overlayer { + bottom: 0; + height: 100%; + left: 0; + overflow: hidden; + position: absolute; + right: 0; + top: 0; + width: 100%; + z-index: 0; +} +.camera_target_content { + bottom: 0; + left: 0; + overflow: hidden; + position: absolute; + right: 0; + top: 0; + z-index: 2; +} +.camera_target_content .camera_link { + background: url(../img/blank.gif); + display: block; + height: 100%; + text-decoration: none; +} +.camera_loader { + background: #fff url(../img/camera-loader.gif) no-repeat center; + background: rgba(255, 255, 255, 0.9) url(../img/camera-loader.gif) no-repeat center; + border: 1px solid #ffffff; + -webkit-border-radius: 18px; + -moz-border-radius: 18px; + border-radius: 18px; + height: 36px; + left: 50%; + overflow: hidden; + position: absolute; + margin: -18px 0 0 -18px; + top: 50%; + width: 36px; + z-index: 3; +} +.camera_bar { + bottom: 0; + left: 0; + overflow: hidden; + position: absolute; + right: 0; + top: 0; + z-index: 3; +} +.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar { + height: 100%; + position: absolute; + width: auto; +} +.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar { + height: auto; + position: absolute; + width: 100%; +} +.camera_nav_cont { + height: 65px; + overflow: hidden; + position: absolute; + right: 9px; + top: 15px; + width: 120px; + z-index: 4; +} +.camera_caption { + bottom: 0; + display: block; + position: absolute; + width: 100%; +} +.camera_caption > div { + padding: 10px 20px; +} +.camerarelative { + overflow: hidden; + position: relative; +} +.imgFake { + cursor: pointer; +} +.camera_prevThumbs { + bottom: 4px; + cursor: pointer; + left: 0; + position: absolute; + top: 4px; + visibility: hidden; + width: 30px; + z-index: 10; +} +.camera_prevThumbs div { + background: url(../img/camera_skins.png) no-repeat -160px 0; + display: block; + height: 40px; + margin-top: -20px; + position: absolute; + top: 50%; + width: 30px; +} +.camera_nextThumbs { + bottom: 4px; + cursor: pointer; + position: absolute; + right: 0; + top: 4px; + visibility: hidden; + width: 30px; + z-index: 10; +} +.camera_nextThumbs div { + background: url(../img/camera_skins.png) no-repeat -190px 0; + display: block; + height: 40px; + margin-top: -20px; + position: absolute; + top: 50%; + width: 30px; +} +.camera_command_wrap .hideNav { + display: none; +} +.camera_command_wrap { + left: 0; + position: relative; + right:0; + z-index: 4; +} +.camera_wrap .camera_pag .camera_pag_ul { + list-style: none; + margin: 0; + padding: 0; + text-align: right; +} +.camera_wrap .camera_pag .camera_pag_ul li { + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + cursor: pointer; + display: inline-block; + height: 16px; + margin: 20px 5px; + position: relative; + text-align: left; + text-indent: -9999px; + width: 16px; +} +.camera_commands_emboss .camera_pag .camera_pag_ul li { + -moz-box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); + -webkit-box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); + box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); +} +.camera_wrap .camera_pag .camera_pag_ul li > span { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + height: 8px; + left: 4px; + overflow: hidden; + position: absolute; + top: 4px; + width: 8px; +} +.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span { + -moz-box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); + -webkit-box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); + box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); +} +.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.camera_pag_ul li img { + display: none; + position: absolute; +} +.camera_pag_ul .thumb_arrow { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 4px solid; + top: 0; + left: 50%; + margin-left: -4px; + position: absolute; +} +.camera_prev, .camera_next, .camera_commands { + cursor: pointer; + height: 40px; + margin-top: -20px; + position: absolute; + top: 50%; + width: 40px; + z-index: 2; +} +.camera_prev { + left: 0; +} +.camera_prev > span { + background: url(../img/camera_skins.png) no-repeat 0 0; + display: block; + height: 40px; + width: 40px; +} +.camera_next { + right: 0; +} +.camera_next > span { + background: url(../img/camera_skins.png) no-repeat -40px 0; + display: block; + height: 40px; + width: 40px; +} +.camera_commands { + right: 41px; +} +.camera_commands > .camera_play { + background: url(../img/camera_skins.png) no-repeat -80px 0; + height: 40px; + width: 40px; +} +.camera_commands > .camera_stop { + background: url(../img/camera_skins.png) no-repeat -120px 0; + display: block; + height: 40px; + width: 40px; +} +.camera_wrap .camera_pag .camera_pag_ul li { + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + cursor: pointer; + display: inline-block; + height: 16px; + margin: 20px 5px; + position: relative; + text-indent: -9999px; + width: 16px; +} +.camera_thumbs_cont { + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + overflow: hidden; + position: relative; + width: 100%; +} +.camera_commands_emboss .camera_thumbs_cont { + -moz-box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); + -webkit-box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); + box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); +} +.camera_thumbs_cont > div { + float: left; + width: 100%; +} +.camera_thumbs_cont ul { + overflow: hidden; + padding: 3px 4px 8px; + position: relative; + text-align: center; +} +.camera_thumbs_cont ul li { + display: inline; + padding: 0 4px; +} +.camera_thumbs_cont ul li > img { + border: 1px solid; + cursor: pointer; + margin-top: 5px; + vertical-align:bottom; +} +.camera_clear { + display: block; + clear: both; +} +.showIt { + display: none; +} +.camera_clear { + clear: both; + display: block; + height: 1px; + margin: -1px 0 25px; + position: relative; +} +/************************** +* +* COLORS & SKINS +* +**************************/ +.pattern_1 .camera_overlayer { + background: url(../img/patterns/overlay1.png) repeat; +} +.pattern_2 .camera_overlayer { + background: url(../img/patterns/overlay2.png) repeat; +} +.pattern_3 .camera_overlayer { + background: url(../img/patterns/overlay3.png) repeat; +} +.pattern_4 .camera_overlayer { + background: url(../img/patterns/overlay4.png) repeat; +} +.pattern_5 .camera_overlayer { + background: url(../img/patterns/overlay5.png) repeat; +} +.pattern_6 .camera_overlayer { + background: url(../img/patterns/overlay6.png) repeat; +} +.pattern_7 .camera_overlayer { + background: url(../img/patterns/overlay7.png) repeat; +} +.pattern_8 .camera_overlayer { + background: url(../img/patterns/overlay8.png) repeat; +} +.pattern_9 .camera_overlayer { + background: url(../img/patterns/overlay9.png) repeat; +} +.pattern_10 .camera_overlayer { + background: url(../img/patterns/overlay10.png) repeat; +} +.camera_caption { + color: #fff; +} +.camera_caption > div { + background: #000; + background: rgba(0, 0, 0, 0.8); +} +.camera_wrap .camera_pag .camera_pag_ul li { + background: #b7b7b7; +} +.camera_wrap .camera_pag .camera_pag_ul li:hover > span { + background: #b7b7b7; +} +.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { + background: #434648; +} +.camera_pag_ul li img { + border: 4px solid #e6e6e6; + -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5); + -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5); + box-shadow: 0px 3px 6px rgba(0,0,0,.5); +} +.camera_pag_ul .thumb_arrow { + border-top-color: #e6e6e6; +} +.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { + background: #d8d8d8; + background: rgba(216, 216, 216, 0.85); +} +.camera_wrap .camera_pag .camera_pag_ul li { + background: #b7b7b7; +} +.camera_thumbs_cont ul li > img { + border: 1px solid #000; +} +/*AMBER SKIN*/ +.camera_amber_skin .camera_prevThumbs div { + background-position: -160px -160px; +} +.camera_amber_skin .camera_nextThumbs div { + background-position: -190px -160px; +} +.camera_amber_skin .camera_prev > span { + background-position: 0 -160px; +} +.camera_amber_skin .camera_next > span { + background-position: -40px -160px; +} +.camera_amber_skin .camera_commands > .camera_play { + background-position: -80px -160px; +} +.camera_amber_skin .camera_commands > .camera_stop { + background-position: -120px -160px; +} +/*ASH SKIN*/ +.camera_ash_skin .camera_prevThumbs div { + background-position: -160px -200px; +} +.camera_ash_skin .camera_nextThumbs div { + background-position: -190px -200px; +} +.camera_ash_skin .camera_prev > span { + background-position: 0 -200px; +} +.camera_ash_skin .camera_next > span { + background-position: -40px -200px; +} +.camera_ash_skin .camera_commands > .camera_play { + background-position: -80px -200px; +} +.camera_ash_skin .camera_commands > .camera_stop { + background-position: -120px -200px; +} +/*AZURE SKIN*/ +.camera_azure_skin .camera_prevThumbs div { + background-position: -160px -240px; +} +.camera_azure_skin .camera_nextThumbs div { + background-position: -190px -240px; +} +.camera_azure_skin .camera_prev > span { + background-position: 0 -240px; +} +.camera_azure_skin .camera_next > span { + background-position: -40px -240px; +} +.camera_azure_skin .camera_commands > .camera_play { + background-position: -80px -240px; +} +.camera_azure_skin .camera_commands > .camera_stop { + background-position: -120px -240px; +} +/*BEIGE SKIN*/ +.camera_beige_skin .camera_prevThumbs div { + background-position: -160px -120px; +} +.camera_beige_skin .camera_nextThumbs div { + background-position: -190px -120px; +} +.camera_beige_skin .camera_prev > span { + background-position: 0 -120px; +} +.camera_beige_skin .camera_next > span { + background-position: -40px -120px; +} +.camera_beige_skin .camera_commands > .camera_play { + background-position: -80px -120px; +} +.camera_beige_skin .camera_commands > .camera_stop { + background-position: -120px -120px; +} +/*BLACK SKIN*/ +.camera_black_skin .camera_prevThumbs div { + background-position: -160px -40px; +} +.camera_black_skin .camera_nextThumbs div { + background-position: -190px -40px; +} +.camera_black_skin .camera_prev > span { + background-position: 0 -40px; +} +.camera_black_skin .camera_next > span { + background-position: -40px -40px; +} +.camera_black_skin .camera_commands > .camera_play { + background-position: -80px -40px; +} +.camera_black_skin .camera_commands > .camera_stop { + background-position: -120px -40px; +} +/*BLUE SKIN*/ +.camera_blue_skin .camera_prevThumbs div { + background-position: -160px -280px; +} +.camera_blue_skin .camera_nextThumbs div { + background-position: -190px -280px; +} +.camera_blue_skin .camera_prev > span { + background-position: 0 -280px; +} +.camera_blue_skin .camera_next > span { + background-position: -40px -280px; +} +.camera_blue_skin .camera_commands > .camera_play { + background-position: -80px -280px; +} +.camera_blue_skin .camera_commands > .camera_stop { + background-position: -120px -280px; +} +/*BROWN SKIN*/ +.camera_brown_skin .camera_prevThumbs div { + background-position: -160px -320px; +} +.camera_brown_skin .camera_nextThumbs div { + background-position: -190px -320px; +} +.camera_brown_skin .camera_prev > span { + background-position: 0 -320px; +} +.camera_brown_skin .camera_next > span { + background-position: -40px -320px; +} +.camera_brown_skin .camera_commands > .camera_play { + background-position: -80px -320px; +} +.camera_brown_skin .camera_commands > .camera_stop { + background-position: -120px -320px; +} +/*BURGUNDY SKIN*/ +.camera_burgundy_skin .camera_prevThumbs div { + background-position: -160px -360px; +} +.camera_burgundy_skin .camera_nextThumbs div { + background-position: -190px -360px; +} +.camera_burgundy_skin .camera_prev > span { + background-position: 0 -360px; +} +.camera_burgundy_skin .camera_next > span { + background-position: -40px -360px; +} +.camera_burgundy_skin .camera_commands > .camera_play { + background-position: -80px -360px; +} +.camera_burgundy_skin .camera_commands > .camera_stop { + background-position: -120px -360px; +} +/*CHARCOAL SKIN*/ +.camera_charcoal_skin .camera_prevThumbs div { + background-position: -160px -400px; +} +.camera_charcoal_skin .camera_nextThumbs div { + background-position: -190px -400px; +} +.camera_charcoal_skin .camera_prev > span { + background-position: 0 -400px; +} +.camera_charcoal_skin .camera_next > span { + background-position: -40px -400px; +} +.camera_charcoal_skin .camera_commands > .camera_play { + background-position: -80px -400px; +} +.camera_charcoal_skin .camera_commands > .camera_stop { + background-position: -120px -400px; +} +/*CHOCOLATE SKIN*/ +.camera_chocolate_skin .camera_prevThumbs div { + background-position: -160px -440px; +} +.camera_chocolate_skin .camera_nextThumbs div { + background-position: -190px -440px; +} +.camera_chocolate_skin .camera_prev > span { + background-position: 0 -440px; +} +.camera_chocolate_skin .camera_next > span { + background-position: -40px -440px; +} +.camera_chocolate_skin .camera_commands > .camera_play { + background-position: -80px -440px; +} +.camera_chocolate_skin .camera_commands > .camera_stop { + background-position: -120px -440px ; +} +/*COFFEE SKIN*/ +.camera_coffee_skin .camera_prevThumbs div { + background-position: -160px -480px; +} +.camera_coffee_skin .camera_nextThumbs div { + background-position: -190px -480px; +} +.camera_coffee_skin .camera_prev > span { + background-position: 0 -480px; +} +.camera_coffee_skin .camera_next > span { + background-position: -40px -480px; +} +.camera_coffee_skin .camera_commands > .camera_play { + background-position: -80px -480px; +} +.camera_coffee_skin .camera_commands > .camera_stop { + background-position: -120px -480px ; +} +/*CYAN SKIN*/ +.camera_cyan_skin .camera_prevThumbs div { + background-position: -160px -520px; +} +.camera_cyan_skin .camera_nextThumbs div { + background-position: -190px -520px; +} +.camera_cyan_skin .camera_prev > span { + background-position: 0 -520px; +} +.camera_cyan_skin .camera_next > span { + background-position: -40px -520px; +} +.camera_cyan_skin .camera_commands > .camera_play { + background-position: -80px -520px; +} +.camera_cyan_skin .camera_commands > .camera_stop { + background-position: -120px -520px ; +} +/*FUCHSIA SKIN*/ +.camera_fuchsia_skin .camera_prevThumbs div { + background-position: -160px -560px; +} +.camera_fuchsia_skin .camera_nextThumbs div { + background-position: -190px -560px; +} +.camera_fuchsia_skin .camera_prev > span { + background-position: 0 -560px; +} +.camera_fuchsia_skin .camera_next > span { + background-position: -40px -560px; +} +.camera_fuchsia_skin .camera_commands > .camera_play { + background-position: -80px -560px; +} +.camera_fuchsia_skin .camera_commands > .camera_stop { + background-position: -120px -560px ; +} +/*GOLD SKIN*/ +.camera_gold_skin .camera_prevThumbs div { + background-position: -160px -600px; +} +.camera_gold_skin .camera_nextThumbs div { + background-position: -190px -600px; +} +.camera_gold_skin .camera_prev > span { + background-position: 0 -600px; +} +.camera_gold_skin .camera_next > span { + background-position: -40px -600px; +} +.camera_gold_skin .camera_commands > .camera_play { + background-position: -80px -600px; +} +.camera_gold_skin .camera_commands > .camera_stop { + background-position: -120px -600px ; +} +/*GREEN SKIN*/ +.camera_green_skin .camera_prevThumbs div { + background-position: -160px -640px; +} +.camera_green_skin .camera_nextThumbs div { + background-position: -190px -640px; +} +.camera_green_skin .camera_prev > span { + background-position: 0 -640px; +} +.camera_green_skin .camera_next > span { + background-position: -40px -640px; +} +.camera_green_skin .camera_commands > .camera_play { + background-position: -80px -640px; +} +.camera_green_skin .camera_commands > .camera_stop { + background-position: -120px -640px ; +} +/*GREY SKIN*/ +.camera_grey_skin .camera_prevThumbs div { + background-position: -160px -680px; +} +.camera_grey_skin .camera_nextThumbs div { + background-position: -190px -680px; +} +.camera_grey_skin .camera_prev > span { + background-position: 0 -680px; +} +.camera_grey_skin .camera_next > span { + background-position: -40px -680px; +} +.camera_grey_skin .camera_commands > .camera_play { + background-position: -80px -680px; +} +.camera_grey_skin .camera_commands > .camera_stop { + background-position: -120px -680px ; +} +/*INDIGO SKIN*/ +.camera_indigo_skin .camera_prevThumbs div { + background-position: -160px -720px; +} +.camera_indigo_skin .camera_nextThumbs div { + background-position: -190px -720px; +} +.camera_indigo_skin .camera_prev > span { + background-position: 0 -720px; +} +.camera_indigo_skin .camera_next > span { + background-position: -40px -720px; +} +.camera_indigo_skin .camera_commands > .camera_play { + background-position: -80px -720px; +} +.camera_indigo_skin .camera_commands > .camera_stop { + background-position: -120px -720px ; +} +/*KHAKI SKIN*/ +.camera_khaki_skin .camera_prevThumbs div { + background-position: -160px -760px; +} +.camera_khaki_skin .camera_nextThumbs div { + background-position: -190px -760px; +} +.camera_khaki_skin .camera_prev > span { + background-position: 0 -760px; +} +.camera_khaki_skin .camera_next > span { + background-position: -40px -760px; +} +.camera_khaki_skin .camera_commands > .camera_play { + background-position: -80px -760px; +} +.camera_khaki_skin .camera_commands > .camera_stop { + background-position: -120px -760px ; +} +/*LIME SKIN*/ +.camera_lime_skin .camera_prevThumbs div { + background-position: -160px -800px; +} +.camera_lime_skin .camera_nextThumbs div { + background-position: -190px -800px; +} +.camera_lime_skin .camera_prev > span { + background-position: 0 -800px; +} +.camera_lime_skin .camera_next > span { + background-position: -40px -800px; +} +.camera_lime_skin .camera_commands > .camera_play { + background-position: -80px -800px; +} +.camera_lime_skin .camera_commands > .camera_stop { + background-position: -120px -800px ; +} +/*MAGENTA SKIN*/ +.camera_magenta_skin .camera_prevThumbs div { + background-position: -160px -840px; +} +.camera_magenta_skin .camera_nextThumbs div { + background-position: -190px -840px; +} +.camera_magenta_skin .camera_prev > span { + background-position: 0 -840px; +} +.camera_magenta_skin .camera_next > span { + background-position: -40px -840px; +} +.camera_magenta_skin .camera_commands > .camera_play { + background-position: -80px -840px; +} +.camera_magenta_skin .camera_commands > .camera_stop { + background-position: -120px -840px ; +} +/*MAROON SKIN*/ +.camera_maroon_skin .camera_prevThumbs div { + background-position: -160px -880px; +} +.camera_maroon_skin .camera_nextThumbs div { + background-position: -190px -880px; +} +.camera_maroon_skin .camera_prev > span { + background-position: 0 -880px; +} +.camera_maroon_skin .camera_next > span { + background-position: -40px -880px; +} +.camera_maroon_skin .camera_commands > .camera_play { + background-position: -80px -880px; +} +.camera_maroon_skin .camera_commands > .camera_stop { + background-position: -120px -880px ; +} +/*ORANGE SKIN*/ +.camera_orange_skin .camera_prevThumbs div { + background-position: -160px -920px; +} +.camera_orange_skin .camera_nextThumbs div { + background-position: -190px -920px; +} +.camera_orange_skin .camera_prev > span { + background-position: 0 -920px; +} +.camera_orange_skin .camera_next > span { + background-position: -40px -920px; +} +.camera_orange_skin .camera_commands > .camera_play { + background-position: -80px -920px; +} +.camera_orange_skin .camera_commands > .camera_stop { + background-position: -120px -920px ; +} +/*OLIVE SKIN*/ +.camera_olive_skin .camera_prevThumbs div { + background-position: -160px -1080px; +} +.camera_olive_skin .camera_nextThumbs div { + background-position: -190px -1080px; +} +.camera_olive_skin .camera_prev > span { + background-position: 0 -1080px; +} +.camera_olive_skin .camera_next > span { + background-position: -40px -1080px; +} +.camera_olive_skin .camera_commands > .camera_play { + background-position: -80px -1080px; +} +.camera_olive_skin .camera_commands > .camera_stop { + background-position: -120px -1080px ; +} +/*PINK SKIN*/ +.camera_pink_skin .camera_prevThumbs div { + background-position: -160px -960px; +} +.camera_pink_skin .camera_nextThumbs div { + background-position: -190px -960px; +} +.camera_pink_skin .camera_prev > span { + background-position: 0 -960px; +} +.camera_pink_skin .camera_next > span { + background-position: -40px -960px; +} +.camera_pink_skin .camera_commands > .camera_play { + background-position: -80px -960px; +} +.camera_pink_skin .camera_commands > .camera_stop { + background-position: -120px -960px ; +} +/*PISTACHIO SKIN*/ +.camera_pistachio_skin .camera_prevThumbs div { + background-position: -160px -1040px; +} +.camera_pistachio_skin .camera_nextThumbs div { + background-position: -190px -1040px; +} +.camera_pistachio_skin .camera_prev > span { + background-position: 0 -1040px; +} +.camera_pistachio_skin .camera_next > span { + background-position: -40px -1040px; +} +.camera_pistachio_skin .camera_commands > .camera_play { + background-position: -80px -1040px; +} +.camera_pistachio_skin .camera_commands > .camera_stop { + background-position: -120px -1040px ; +} +/*PINK SKIN*/ +.camera_pink_skin .camera_prevThumbs div { + background-position: -160px -80px; +} +.camera_pink_skin .camera_nextThumbs div { + background-position: -190px -80px; +} +.camera_pink_skin .camera_prev > span { + background-position: 0 -80px; +} +.camera_pink_skin .camera_next > span { + background-position: -40px -80px; +} +.camera_pink_skin .camera_commands > .camera_play { + background-position: -80px -80px; +} +.camera_pink_skin .camera_commands > .camera_stop { + background-position: -120px -80px; +} +/*RED SKIN*/ +.camera_red_skin .camera_prevThumbs div { + background-position: -160px -1000px; +} +.camera_red_skin .camera_nextThumbs div { + background-position: -190px -1000px; +} +.camera_red_skin .camera_prev > span { + background-position: 0 -1000px; +} +.camera_red_skin .camera_next > span { + background-position: -40px -1000px; +} +.camera_red_skin .camera_commands > .camera_play { + background-position: -80px -1000px; +} +.camera_red_skin .camera_commands > .camera_stop { + background-position: -120px -1000px ; +} +/*TANGERINE SKIN*/ +.camera_tangerine_skin .camera_prevThumbs div { + background-position: -160px -1120px; +} +.camera_tangerine_skin .camera_nextThumbs div { + background-position: -190px -1120px; +} +.camera_tangerine_skin .camera_prev > span { + background-position: 0 -1120px; +} +.camera_tangerine_skin .camera_next > span { + background-position: -40px -1120px; +} +.camera_tangerine_skin .camera_commands > .camera_play { + background-position: -80px -1120px; +} +.camera_tangerine_skin .camera_commands > .camera_stop { + background-position: -120px -1120px ; +} +/*TURQUOISE SKIN*/ +.camera_turquoise_skin .camera_prevThumbs div { + background-position: -160px -1160px; +} +.camera_turquoise_skin .camera_nextThumbs div { + background-position: -190px -1160px; +} +.camera_turquoise_skin .camera_prev > span { + background-position: 0 -1160px; +} +.camera_turquoise_skin .camera_next > span { + background-position: -40px -1160px; +} +.camera_turquoise_skin .camera_commands > .camera_play { + background-position: -80px -1160px; +} +.camera_turquoise_skin .camera_commands > .camera_stop { + background-position: -120px -1160px ; +} +/*VIOLET SKIN*/ +.camera_violet_skin .camera_prevThumbs div { + background-position: -160px -1200px; +} +.camera_violet_skin .camera_nextThumbs div { + background-position: -190px -1200px; +} +.camera_violet_skin .camera_prev > span { + background-position: 0 -1200px; +} +.camera_violet_skin .camera_next > span { + background-position: -40px -1200px; +} +.camera_violet_skin .camera_commands > .camera_play { + background-position: -80px -1200px; +} +.camera_violet_skin .camera_commands > .camera_stop { + background-position: -120px -1200px ; +} +/*WHITE SKIN*/ +.camera_white_skin .camera_prevThumbs div { + background-position: -160px -80px; +} +.camera_white_skin .camera_nextThumbs div { + background-position: -190px -80px; +} +.camera_white_skin .camera_prev > span { + background-position: 0 -80px; +} +.camera_white_skin .camera_next > span { + background-position: -40px -80px; +} +.camera_white_skin .camera_commands > .camera_play { + background-position: -80px -80px; +} +.camera_white_skin .camera_commands > .camera_stop { + background-position: -120px -80px; +} +/*YELLOW SKIN*/ +.camera_yellow_skin .camera_prevThumbs div { + background-position: -160px -1240px; +} +.camera_yellow_skin .camera_nextThumbs div { + background-position: -190px -1240px; +} +.camera_yellow_skin .camera_prev > span { + background-position: 0 -1240px; +} +.camera_yellow_skin .camera_next > span { + background-position: -40px -1240px; +} +.camera_yellow_skin .camera_commands > .camera_play { + background-position: -80px -1240px; +} +.camera_yellow_skin .camera_commands > .camera_stop { + background-position: -120px -1240px ; +} + +/* Custom css */ +.camera_wrap .blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} +.camera_caption{display:table;position:static;width:100%;height:100%} +.camera_caption > div{display:table-cell;padding:0;vertical-align:middle;background:none} +.camera_caption > div a{position:absolute;width:100%;height:100%} +.camera_caption > div h1,.camera_caption > div p{width:1200px;margin:0 auto 19px;font-size:60px;line-height:70px;text-decoration:none;color:#fff;font-weight:normal;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif} +.camera_caption > div h1{font-weight:700} +.camera_caption > div p{font-size:20px;line-height:22px} +.camera_wrap .camera_pag .camera_pag_ul{position:relative;top:-50px;text-align:center} +.camera_wrap .camera_pag .camera_pag_ul li{width:8px;height:8px;margin:20px 3px;background:#fff;opacity:0.6;filter:alpha(opacity=60)} +.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{background:#fff;opacity:1;filter:alpha(opacity=100)} +.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent span{background:none} +.camera_wrap .camera_pag .camera_pag_ul li:hover{background:#fff;opacity:1;filter:alpha(opacity=100)} +.camera_wrap .camera_pag .camera_pag_ul li:hover > span{background:none} +.camera_prev, .camera_next{width:58px;height:58px;margin-top:-29px;background:none} +.camera_prev > span,.camera_next > span{display:block;width:58px;height:58px;border-radius:100%;font-size:20px;color:#fff;color:rgba(255,255,255,0.8);line-height:60px;text-align:center;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000);background-image:none;background-color:#888;background-color:rgba(0,0,0,0.1)} +.camera_prev > span:hover,.camera_next > span:hover{-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);background-color:#444;background-color:rgba(0,0,0,0.4);color:#fff} +.camera_prev{left:24px} +.camera_next{right:24px} \ No newline at end of file diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css new file mode 100644 index 000000000..cf7bcbbe1 --- /dev/null +++ b/layouts/xedition/css/layout.css @@ -0,0 +1,202 @@ +@charset "utf-8"; + +/* Common */ +body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none} +body,input,textarea,select,button,table{font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased} +img,fieldset,button{border:0} +ul,ol{list-style:none} +em,address{font-style:normal} +a{text-decoration:none} +a:hover,a:active,a:focus{text-decoration:none} +.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} +.edge{position:absolute;top:12px;right:4px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #333} +.clear{clear:both} + +/* Skip to content */ +.skip{margin:0} +.skip>a{display:block;overflow:hidden;height:0;line-height:28px;text-align:center} +.skip>a:focus{height:auto} + +/* Layout */ +.container{min-width:1240px;background-color:#fff} +.header{position:relative;z-index:2;width:1200px;height:100%;margin:0 auto;zoom:1} +.header>.side{float:right;z-index:2;margin:39px 0 0 22px;line-height:20px} +.visual{overflow:hidden;position:relative;z-index:1;width:100%} +.body{position:relative;padding:30px 0} +.body.main .content{width:1200px;margin:0 auto} +.body.sub{width:1200px;margin:0 auto} + +.header:after,.body:after{display:block;clear:both;content:''} +.content{zoom:1} +.content:after{display:block;clear:both;content:''} +.content>:first-child{margin-top:0} +.content img{max-width:100%;height:auto} + +/* Header */ +.header>h1{float:left;padding:20px 0;margin-right:32px} +.header>h1 img{vertical-align:top} + +/* Fixed Header */ +.container.fixed_header{padding-top:100px} +.fixed_header .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000} +.fixed_header .header_wrap.shrink{position:fixed;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header 0.5s forwards;animation:ani-header 0.5s forwards} +.fixed_header .header_wrap.shrink .header>h1{padding:0} +.fixed_header .header_wrap.shrink .gnb>ul>li>a{line-height:60px} +.fixed_header .header_wrap.shrink .header>.side{margin:19px 0 0 22px} +.fixed_header .header_wrap.shrink .search_area{padding:0 20px} + +/* Footer */ +.footer{border-top:1px solid #e4e4e4;border-bottom:3px solid #cda25a;background-color:#f1f1f1;font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif} +.footer a:hover,.footer a:focus{text-decoration:none} +.footer .f_info_area{overflow:hidden;width:1200px;margin:0 auto;padding:48px 0 40px} +.footer .f_cr_area{padding:19px;background-color:#555} +.footer .copyright{width:1200px;margin:0 auto;font-size:13px;color:#f1f1f1;line-height:16px} +.footer .copyright a{color:#f1f1f1} +.footer .copyright a:hover, +.footer .copyright a:focus, +.footer .copyright a:active{color:#cda25a} +.footer .copyright span{display:inline-block;margin-left:60px} +.footer .sub_desc{margin-bottom:16px;font-size:13px;color:#888;line-height:22px} +.footer .f_info{float:left;width:240px;margin-right:65px} +.footer .f_logo{overflow:hidden;max-width:100%;margin-bottom:16px;font-size:24px;color:#555} +.footer .f_logo.log_txt a{font-size:24px;font-weight:bold;color:#555} +.footer .f_logo img{width:240px;height:50px} +.footer .f_info2{overflow:hidden;margin-top:7px} +.footer .site_map > ul{display:inline-block;overflow:hidden;background:url(../img/bg_sitemap.png) repeat-y} +.footer .site_map > ul li{float:left;width:282px;margin:0 0 0 24px} +.footer .site_map > ul li:first-child,.footer .site_map > ul li.clear{clear:both;margin-left:0} +.footer .site_map > ul li a{display:inline-block;margin:0 0 20px;padding:0 23px;font-size:15px;font-weight:bold;color:#555} +.footer .site_map > ul ul{overflow:hidden;margin:0 0 10px} +.footer .site_map > ul ul li{margin-left:0} +.footer .site_map > ul ul a{margin:0 0 13px;font-size:13px;font-weight:normal;color:#888;line-height:18px} +.footer .site_map > ul ul a:hover, +.footer .site_map > ul ul a:focus, +.footer .site_map > ul ul a:active{color:#555} + +/* Login */ +.header>.side>ul>li{float:left;position:relative} +.header>.side>ul>li>a{display:block;width:22px;height:22px;margin-left:12px;font-size:22px;line-height:22px;color:#888;text-align:center} +.header>.side>ul>li>a:hover,.header>.side>ul>li>a:focus,.header>.side>ul>li>a:active,.header>.side>ul>li.on>a{color:#444} +.header>.side>ul .ly{position:relative;position:absolute;top:100%;right:0;margin-top:13px;background-color:#f9f9f9} +.header>.side>ul .ly.ly_login{overflow:hidden;margin-top:0;background:none;height:0} +.header>.side>ul .ly.ly_login ul{position:relative;margin-top:18px;padding:8px 0;background-color:#333;z-index:3} +.header>.side>ul .on .ly.ly_login{height:auto} +.header>.side>ul .ly a{display:block;min-width:120px;height:40px;padding:0 20px;line-height:40px;font-size:13px;color:#9d9d9d} +.header>.side>ul .ly a:hover{color:#cda25a;text-decoration:none} +.header>.side>ul>li .login_after{overflow:hidden;width:40px;height:40px;margin-top:-9px;border-radius:100%} +.header>.side>ul>li .login_after img{width:40px;height:40px} +.header>.side>ul>li .login_after ~ .ly_login .edge{right:11px} + +/* Magazine Header Type */ +.custom_area{display:none} +.magazine .header{text-align:center} +.magazine .header>h1{float:none;display:inline-block;margin:0;padding:80px 0 20px;vertical-align:top} +.magazine .header>.side{float:none;position:absolute;top:0;right:0;margin:30px 0 0} +.magazine .gnb{float:none;max-width:100%;margin-bottom:40px} +.magazine .gnb>ul{display:inline-block;vertical-align:top} +.magazine .gnb>ul>li>a{position:relative;line-height:60px} +.magazine .gnb>ul>li>a:after{position:absolute;top:50%;left:-1px;width:1px;height:16px;margin-top:-8px;background-color:#888;content:''} +.magazine .gnb>ul>li:first-child>a:after{background:none} +.magazine .gnb>ul .depth2:after{background:none} +.magazine .gnb>ul .depth2,.magazine .gnb>ul .depth3{background-color:#f7f7f7} +.magazine .gnb>ul .depth2 a,.magazine .header>.side>ul .ly a{color:#999} +.magazine .header>.side>ul .ly a:hover{color:red} +.magazine .gnb>ul>li>a:hover,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li.on>a,.magazine .header>.side>ul>li.on>a,.magazine .header>.side>ul .ly a:hover{color:#cda25a} +.magazine .header>.side>ul .ly.ly_login ul{background-color:#f7f7f7;text-align:left} +.magazine .edge{border-color:transparent transparent #f7f7f7} +.magazine .header>.side>ul>li>a:hover, +.magazine .header>.side>ul>li>a:focus, +.magazine .header>.side>ul>li>a:active{color:#cda25a} +.magazine .custom_area{display:block;position:absolute;top:30px;left:0} +.magazine .custom_area li{float:left;margin-right:30px} +.magazine .custom_area a{font-size:13px;line-height:15px;color:#999} +.magazine .custom_area a:hover,.magazine .custom_area a:hover,.magazine .custom_area a:hover{color:#cda25a} +.magazine .search_area{padding:10px 20px} + +/* Onepage Header Type */ +.onepage .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000} +.onepage .gnb>ul{background:transparent} +.onepage .gnb>ul>li>a{line-height:60px;color:#f6f6f6} +.onepage .gnb>ul>li>a:hover,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li.on>a{color:#fff} +.onepage .header>.side>ul>li>a{color:#f6f6f6} +.onepage .header>.side>ul>li>a:hover, .onepage .header>.side>ul>li>a:focus,.onepage .header>.side>ul>li>a:active,.onepage .header>.side>ul>li.on>a{color:#fff} +.onepage .search_area .btn_close{color:#f6f6f6} +.onepage .gnb>ul .depth2:after{background:none} +.onepage .gnb{margin-top:20px} +.onepage .header>h1{padding:20px 0 0} +.onepage .search_area input[type=text]{color:#f6f6f6} + +/* Search */ +.search_wrap{position:relative;width:1200px;margin:0 auto} +.search_area{display:none;position:absolute;top:0;left:0;width:1160px;padding:20px;z-index:3;z-index:3} +.search_area input{font-size:13px;vertical-align:top} +.search_area input[type=text]{position:relative;width:100%;height:40px;padding:10px 0;border:0;background-color:transparent;font-size:40px;color:#444;-webkit-appearance:none;} +.search_area input[type=text]:focus{outline:0} +.search_area input[type=text]::-ms-clear{display:none} +.search_area .btn_close{position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;font-size:22px;color:#888;text-align:center;line-height:20px} + +/* GNB */ +.gnb{float:right;position:relative;z-index:1;max-width:742px;height:100%;font-size:13px} +.gnb a{text-decoration:none;white-space:nowrap} +.gnb>ul:after{display:block;clear:both;content:''} +.gnb>ul>li{float:left;position:relative;text-align:left} +.gnb>ul>li>a{display:block;position:relative;padding:0 20px;line-height:100px;font-size:15px;font-weight:700;color:#888} +.gnb>ul>li>a:hover,.gnb>ul>li>a:focus,.gnb>ul>li>a:focus,.gnb>ul>li.on>a{color:#444} +.gnb>ul .depth2{display:none;position:absolute;top:100%;left:0;z-index:2;padding:8px 0;background-color:#333} +.gnb>ul .depth2>li{position:relative} +.gnb>ul .depth2:after{position:absolute;top:-3px;left:0;width:100%;height:3px;background-color:#cda25a;content:''} +.gnb>ul .depth2 a{display:block;position:relative;min-width:170px;height:40px;padding:0 30px 0 20px;line-height:40px;font-size:13px;color:#9d9d9d} +.gnb>ul .depth2 a:hover,.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2>li.on>a{color:#cda25a} +.gnb>ul .depth3{display:none;position:absolute;top:-8px;left:100%;z-index:2;padding:8px 0;background-color:#333} +.gnb>ul .depth2>li.more>a:after{position:absolute;right:20px;content:'>'} + +/* VISUAL */ +.visual.sub{position:relative;padding:35px 0;background-color:#f6f6f6;line-height:30px} +.visual.sub .sub_title{position:relative;z-index:2;width:1200px;margin:0 auto} +.visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444} +.visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''} +.visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover} +.visual.sub.sub_type2{padding:70px 0} +.visual.sub.sub_type2 .bg_img{display:block} +.visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px} +.visual.sub.sub_type2 .sub_title h1:after, +.visual.sub.sub_type3 .sub_title h1:after{background:none} +.visual.sub.sub_type3{padding:250px 0 210px;line-height:40px;text-align:center} +.visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto} +.visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px} + +/* LNB */ +.body.sub .lnb{float:left;width:260px;padding:0 0 16px} +.body.sub .content{float:right;width:900px;min-height:400px;padding:40px 0 100px} +.body.sub .lnb>ul{position:relative;z-index:1;margin:0;padding:40px 0 0} +.body.sub .lnb>ul>li{margin-bottom:40px} +.body.sub .lnb>ul>li>a,.body.sub .lnb>ul>li>span{display:block;line-height:21px;margin-bottom:14px;font-size:15px;color:#444} +.body.sub .lnb ul ul li.on a{color:#cda25a} +.body.sub .lnb ul ul a{display:block;padding:10px 0;font-size:14px;line-height:20px;color:#888;text-decoration:none} +.body.sub .lnb ul ul a:hover, +.body.sub .lnb ul ul a:focus, +.body.sub .lnb ul ul a:active{color:#cda25a} +.body.sub .lnb img{vertical-align:top} +.body.sub.right .lnb{float:right} +.body.sub.right .content{float:left} +.body.sub.full_width .lnb{display:none} +.body.sub.full_width .content{float:none;width:1200px} + +/* Scroll to top link */ +.btn_top{display:none;position:fixed;right:0;bottom:57px;z-index:1000;width:48px;height:48px;background-color:#555;font-size:24px;color:#fff;text-align:center;opacity:0.8;filter:alpha(opacity=80)} +.btn_top:hover{background-color:#cda25a;color:#fff;text-decoration:none;opacity:1;filter:alpha(opacity=100)} +.btn_top i{line-height:48px} + +/* ie */ +.gnb>ul{background-color:#fff\9;filter:alpha(opacity=0)} + +/* header animation */ +@-webkit-keyframes ani-header { + 0% {top: -60px} + 100% {top: 0px} +} + +@keyframes ani-header { + 0% {top: -60px} + 100% {top: 0px} +} \ No newline at end of file diff --git a/layouts/xedition/css/welcome.css b/layouts/xedition/css/welcome.css new file mode 100644 index 000000000..bb7791933 --- /dev/null +++ b/layouts/xedition/css/welcome.css @@ -0,0 +1,74 @@ +@charset "utf-8"; + +.welcomeXE{padding-top:50px;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif} +.welcomeXE section{width:1200px;margin:0 auto} +.welcomeXE .tit{padding-bottom:32px;font-size:40px;color:#333;font-weight:700;letter-spacing:1px;line-height:50px} +.welcomeXE .noti{display:block;padding:28px 0 0;margin:0 0 12px;font-size:14px;font-weight:bold;color:#cda25a;letter-spacing:1px;line-height:20px} +.welcomeXE .intro{width:408px;height:600px;padding-right:792px;background:url(../img/intro.png) 100% 100% no-repeat} +.welcomeXE .intro .cont{padding-bottom:37px;font-size:15px;font-weight:400;color:#888;line-height:27px} +.welcomeXE .intro .btn_start{display:inline-block;margin:50px 0;padding:0 27px;height:40px;border:2px solid #cda25a;background-color:#fff;font-size:13px;line-height:40px;letter-spacing:1px;color:#cda25a;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} +.welcomeXE .intro .btn_start:hover, +.welcomeXE .intro .btn_start:active +.welcomeXE .intro .btn_start:focus{background-color:#cda25a;color:#fff} + +.welcomeXE .statistics{overflow:hidden;position:static;width:100%;margin:0;height:500px;background-image:url(../img/bg_stat.jpg);background-position:50% 0;background-attachment:fixed;background-repeat:no-repeat} +.welcomeXE .statistics ul{overflow:hidden;width:1200px;margin:220px auto 0} +.welcomeXE .statistics li{float:left;width:384px;margin-left:24px;text-align:center} +.welcomeXE .statistics li:first-child{margin-left:0} +.welcomeXE .statistics li span{display:block} +.welcomeXE .statistics .number{font-family:'Open sans',sans-serif;font-size:48px;color:#333;line-height:60px} +.welcomeXE .statistics .text{font-size:16px;line-height:20px;padding:20px 0;font-weight:600} + +.welcomeXE .guide{height:640px;padding-top:80px} +.welcomeXE .guide ul{padding-top:27px} +.welcomeXE .guide li{position:relative;float:left;width:314px;min-height:140px;padding:0 0 0 70px;margin:0 0 30px 0} +.welcomeXE .guide h2{padding:7px 24px 13px 0;font-size:17px;font-weight:normal;line-height:23px;color:#333} +.welcomeXE .guide p{padding:0 24px 0 0;font-size:14px;line-height:26px;color:#888} +.welcomeXE .guide .ico{position:absolute;top:0;left:0;width:48px;height:48px;border-radius:100%;background-color:#555;font-size:22px;text-align:center;line-height:50px;color:#efefef} +.welcomeXE .guide .ico:hover, +.welcomeXE .guide .ico:active, +.welcomeXE .guide .ico:focus{background-color:#cda25a} +.welcomeXE .guide p a{color:#444} +.welcomeXE .guide p a:hover, +.welcomeXE .guide p a:active, +.welcomeXE .guide p a:focus{color:#cda25a;border-bottom:1px solid #cda25a} + +.welcomeXE .features{width:100%;margin:0;height:800px;padding-top:80px;background-color:#444} +.welcomeXE .features .noti, +.welcomeXE .features .tit, +.welcomeXE .features .cont{width:1200px;margin-left:auto;margin-right:auto} +.welcomeXE .features .tit{color:#f6f6f6} +.welcomeXE .features .cont{font-size:15px;line-height:27px;color:#ddd} +.welcomeXE .features ul{overflow:hidden;margin-top:38px;padding:0 20px} +.welcomeXE .features li{float:left;width:25%;height:480px} +.welcomeXE .features li .fe_box{height:478px;margin:0 10px;padding:0 20px;border:1px solid #333;background-color:#f6f6f6;text-align:center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out} +.welcomeXE .features .fe_box .ico{display:inline-block;width:70px;height:70px;margin:162px 0 27px;background-color:#cda25a;background:url(../img/sp_feature.png) 0 0 no-repeat;text-align:center;font-size:60px;line-height:70px} +.welcomeXE .features .fe_box h2{font-size:21px;color:#555;font-weight:normal} +.welcomeXE .features .fe_box p{margin-bottom:80px;font-size:15px;line-height:24px;color:#f6f6f6} +.welcomeXE .features .fe_box a{display:inline-block;height:40px;padding:0 40px;border:2px solid #f6f6f6;font-family:'Open Sans',sans-serif;font-size:13px;letter-spacing:1px;color:#f6f6f6;line-height:40px;font-weight:600;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} +.welcomeXE .features .fe_box a:hover{background-color:#f6f6f6;border-color:#f6f6f6;color:#cda25a} +.welcomeXE .features .fe_top{position:relative;top:0;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out} +.welcomeXE .features .fe_bottom{position:relative;top:192px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out} +.welcomeXE .features .fe_box.on{background-color:#cda25a} +.welcomeXE .features .fe_box.on .fe_top{top:-104px} +.welcomeXE .features .fe_box.on .fe_bottom{top:-67px} +.welcomeXE .features .fe_box.on h2{color:#f6f6f6} +.welcomeXE .features .fe_box.on .ico{background-color:#f6f6f6;background:url(../img/sp_feature.png) 0 -70px no-repeat} +.welcomeXE .features .fe_box .ico2{background-position:-70px 0} +.welcomeXE .features .fe_box .ico3{background-position:-140px 0} +.welcomeXE .features .fe_box .ico4{background-position:-210px 0} +.welcomeXE .features .fe_box.on .ico2{background-position:-70px -70px} +.welcomeXE .features .fe_box.on .ico3{background-position:-140px -70px} +.welcomeXE .features .fe_box.on .ico4{background-position:-210px -70px} + +.welcomeXE .connect{height:344px;padding-top:80px} +.welcomeXE .connect ul{overflow:hidden;padding:40px 0} +.welcomeXE .connect li{position:relative;float:left;width:180px;margin-left:24px;padding:4px 0 0 102px;min-height:78px} +.welcomeXE .connect li:first-child{margin-left:0} +.welcomeXE .connect .ico{position:absolute;top:0;left:0;width:78px;height:78px;border-radius:100%;background-color:#cda25a;text-align:center;font-size:40px;color:#fff} +.welcomeXE .connect .ico:hover, +.welcomeXE .connect .ico:active, +.welcomeXE .connect .ico:focus{background-color:#555} +.welcomeXE .connect .ico i{line-height:78px} +.welcomeXE .connect h2{margin-bottom:16px;font-size:15px;font-weight:600;letter-spacing:1px;line-height:18px;color:#333} +.welcomeXE .connect p{font-size:13px;color:#888;line-height:21px} \ No newline at end of file diff --git a/layouts/xedition/css/widget.login.css b/layouts/xedition/css/widget.login.css new file mode 100644 index 000000000..46ba99b2c --- /dev/null +++ b/layouts/xedition/css/widget.login.css @@ -0,0 +1,208 @@ +@charset "utf-8"; + +.login_widget{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;font-family:'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-weight:400} +.login_widget .btn_ly_popup{position:absolute;top:-41px;right:0;width:32px;height:32px;background:url(../img/btn_close.png) 0 0 no-repeat} +.login_widget .blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} +.login_widget .ly_dimmed{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=70);opacity:.7} +.login_widget .signin{position:absolute;top:50%;margin-top:-224px;left:50%;width:380px;margin-left:-190px;background-color:#fff} +.login_widget .signin>.login-header{padding:30px} +.login_widget .signin>.login-header>h1{font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,AppleGothic,Helvetica,sans-serif;font-size:40px;line-height:50px;font-weight:400;color:#444} +.login_widget .signin>.login-body{padding:0 30px} +.login_widget .signin>.login-footer{padding:23px 0 42px;margin:20px 30px 0;text-align:center;color:#aaa} +.login_widget .signin>.login-footer>a{text-decoration:none;font-size:13px;color:#aaa} +.login_widget .signin>.login-footer>a:hover, +.login_widget .signin>.login-footer>a:active, +.login_widget .signin>.login-footer>a:focus{text-decoration:underline} +.login_widget .signin>.login-footer>.f_bar{display:inline-block;margin:0 3px} +.login_widget .signin .control-group{position:relative;padding:0;margin:0;clear:both} +.login_widget .signin .control-group:before{content:"";display:block;clear:both} +.login_widget .signin form{margin:0} +.login_widget .signin fieldset{margin:0} +.login_widget .signin .chk_label{cursor:pointer;display:inline-block;margin:4px 0 0;color:#999;line-height:20px;font-size:13px} +.login_widget .signin input[type="text"], +.login_widget .signin input[type="email"], +.login_widget .signin input[type="password"]{font-size:16px;width:100%;height:28px;padding:0 6px 3px 1px;border:0;border-bottom:1px solid #aaa;background-color:#fff;line-height:20px;color:#444;box-sizing:border-box} +.login_widget .signin .btn_submit{position:relative;font-size:16px;color:#eee;background-color:#444;width:100%;margin:20px 0 0;padding:18px 0px 19px;border:0;cursor:pointer} +.login_widget .signin .btn_submit:hover, +.login_widget .signin .btn_submit:active{background-color:#333} +.login_widget .signin input[type="email"]:focus, +.login_widget .signin input[type="password"]:focus, +.login_widget .signin input[type="text"]:focus{outline:none} +.login_widget .signin .error{margin:2px 0 19px;background:none;color:#fc0005;font-size:13px} +.login_widget .signin #warning{display:none;position:absolute;top:44px;left:0;z-index:100;padding:11px 15px;background-color:#444} +.login_widget .signin #warning>p{color:#fff;font-size:13px;font-weight:300;line-height:19px} +.login_widget .signin #warning .edge{position:absolute;top:-7px;left:40px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #444} +.login_widget .group{position:relative;padding:21px 0 0} +.login_widget .info_label{color: #999; font-size: 16px;position: absolute;pointer-events: none;left: 1px;top:23px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease} +.login_widget .group{margin-bottom:20px} +.login_widget input:focus ~ .info_label, +.login_widget input.used ~ .info_label{top:1px;font-size:13px;color:#cda25a} +.login_widget .bar{position:relative;display:block;width:100%} +.login_widget .bar:before, +.login_widget .bar:after{height:2px;width:0;bottom:0;position:absolute;background:#cda25a;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;content:''} +.login_widget .bar:before{left:50%} +.login_widget .bar:after{right:50%} +.login_widget input:focus ~ .bar:before, +.login_widget input:focus ~ .bar:after{width:50%} +.login_widget .highlight {position: absolute;height: 60%; width: 100px; bottom: 1px; left: 0;pointer-events: none;opacity:0.5} +.login_widget input:focus ~ .highlight{-webkit-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease} +.login_widget .signin input[type=checkbox]{position:absolute;width:20px;height:20px;opacity:0;opacity:100\9;vertical-align:top} +.login_widget .signin input[type=checkbox] ~ .checkbox {box-sizing: border-box;display: inline-block;width: 20px;height: 20px;margin:-1px 9px 0 0;border: 1px solid;background-repeat: no-repeat;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation: checkboxOff 0.5s;animation: checkboxOff 0.5s;border-color: #c9c9c9;cursor: pointer;position: relative;vertical-align:middle} +.login_widget .signin input[type=checkbox] ~ .checkbox:before {content: "";display: block;width: 60px;height: 60px;background: rgba(0, 0, 0, 0.1);position: absolute;top: -22px;left: -22px;z-index: 0;border-radius: 100%;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-animation: checkboxRippleOn 0.5s;animation: checkboxRippleOn 0.5s} +.login_widget .signin input[type=checkbox] ~ .checkbox:not(:hover) {-webkit-animation: checkboxOff 0s;animation: checkboxOff 0s} +.login_widget .signin input[type=checkbox] ~ .checkbox:not(:hover):before {-webkit-animation: checkboxRippleOn 0s;animation: checkboxRippleOn 0s} +.login_widget .signin input[type=checkbox]:checked ~ .checkbox {-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation: checkboxOn 0.5s;animation: checkboxOn 0.5s;border-color: #cda25a;background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px} +.login_widget .signin input[type=checkbox]:checked ~ .checkbox:before {-webkit-animation: checkboxRippleOff 0.5s;animation: checkboxRippleOff 0.5s} + +/* Animations */ +@-webkit-keyframes inputHighlighter { + from {background:#cda25a} + to {width:0;background:transparent} +} + +@keyframes inputHighlighter { + from {background:#cda25a} + to {width:0;background:transparent} +} + +@-webkit-keyframes ripples { + 0% {opacity:0} + 25% {opacity:1} + 100% {width:200%;padding-bottom:200%;opacity:0} +} + +@keyframes ripples { + 0% {opacity:0} + 25% {opacity:1} + 100% {width:200%;padding-bottom:200%;opacity:0} +} + +@-webkit-keyframes checkboxOn { + 0% {background-color: rgba(204, 162, 86, 0);background-image: none} + 48% {background-color: #cda25a;background-image: none;} + 49% {background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a)} + 50% { + background-color: rgba(204, 162, 86, 0); + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; + } + 100% { + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px; + } +} + +@keyframes checkboxOn { + 0% {background-color: rgba(204, 162, 86, 0);background-image: none} + 48% {background-color: #cda25a;background-image: none;} + 49% {background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a)} + 50% { + background-color: rgba(204, 162, 86, 0); + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; + } + 100% { + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px; + } +} + +@-webkit-keyframes checkboxOff { + 0% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, -20px 0px; + } + 74% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + box-shadow: inset 0 0 0 0 #cda25a; + } + 75% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + box-shadow: inset 0 0 0 20px #cda25a; + } + 80% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; + } + 81% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; + } + 100% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; + box-shadow: inset 0 0 0 0 #cda25a; + } +} + +@keyframes checkboxOff { + 0% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, -20px 0px; + } + 74% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + box-shadow: inset 0 0 0 0 #cda25a; + } + 75% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + box-shadow: inset 0 0 0 20px #cda25a; + } + 80% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; + } + 81% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; + } + 100% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; + box-shadow: inset 0 0 0 0 #cda25a; + } +} + +@-webkit-keyframes checkboxRippleOn { + 0% {-webkit-transform: scale(0);transform:scale(0);opacity:1} + 40% {-webkit-transform: scale(1);transform: scale(1)} + 50% {opacity:0} + 100% {-webkit-transform: scale(0);transform: scale(0);opacity:1} +} + +@keyframes checkboxRippleOn { + 0% {transform: scale(0);transform: scale(0);opacity:1} + 40% {transform: scale(1);transform: scale(1)} + 50% {opacity:0} + 100% {transform: scale(0);transform: scale(0);opacity:1} +} + +@-webkit-keyframes checkboxRippleOff { + 0% {-webkit-transform: scale(0);transform: scale(0);opacity:1} + 40% {-webkit-transform: scale(1);transform: scale(1)} + 50% {opacity:0} + 100% {-webkit-transform: scale(0);transform: scale(0);opacity:1} +} + +@keyframes checkboxRippleOff { + 0% {transform: scale(0);transform: scale(0);opacity:1} + 40% {transform: scale(1);transform: scale(1)} + 50% {opacity:0} + 100% {transform: scale(0);transform: scale(0);opacity:1} +} \ No newline at end of file diff --git a/layouts/xedition/demo/copyright.html b/layouts/xedition/demo/copyright.html new file mode 100644 index 000000000..46fd51ff9 --- /dev/null +++ b/layouts/xedition/demo/copyright.html @@ -0,0 +1 @@ +Copyright @ NAVER Corp. Supported by D2 Program. Powerd by XpressEngine. diff --git a/layouts/xedition/demo/footer.html b/layouts/xedition/demo/footer.html new file mode 100644 index 000000000..0faa80243 --- /dev/null +++ b/layouts/xedition/demo/footer.html @@ -0,0 +1,4 @@ + +

XpressEngine is a free software CMS. You can redistribute or modify it under the terms of the GNU Lesser General Public License as published by the Free Software Foundation.

diff --git a/layouts/xedition/demo/slide.html b/layouts/xedition/demo/slide.html new file mode 100644 index 000000000..e2eaf811a --- /dev/null +++ b/layouts/xedition/demo/slide.html @@ -0,0 +1,24 @@ +
+
+

SHARING, PUBLISHING.
& PLEASURE.

+

지식을 나누고 컨텐츠를 출판하며 즐거움을 함께합니다.

+
+
+
+
+

MAKING
WEB CULTURES

+

올바른 웹 문화를 지향합니다.

+
+
+
+
+

EVOLUTION & INNOVATION
TOGETHER

+

함께 진화하고 혁신을 추구합니다.

+
+
+
+
+

CREATE A GOOD DESIGN WITH
THE POSSIILITY OF TECHNOLOGY

+

기술의 가능성을 발굴하고 좋은 디자인을 만들어 갑니다.

+
+
diff --git a/layouts/xedition/demo/welcome_main.html b/layouts/xedition/demo/welcome_main.html new file mode 100644 index 000000000..cf0a82e85 --- /dev/null +++ b/layouts/xedition/demo/welcome_main.html @@ -0,0 +1,143 @@ + +
+
+ WELCOME TO +

WELCOME TO XPRESSENGINE

+

XpressEngine은 자유로운 웹 콘텐츠 발행을 돕는 CMS입니다.
간편한 설치와 다양한 추가 프로그램을 활용하여
자신만의 웹페이지를 쉽고 빠르게 만들 수 있습니다.

+ XE 시작하기 +
+
+ +
+
+ GUIDE +

START-UP

+ +
+
+ FEATURES +

XE CORE. FEATURES

+

XpressEngine은 XE Core 프레임웍을 기반으로 개별 프로그램과 스킨을 실행하여 결과물을 생성합니다.
다양한 개성을 가진 프로그램과 스킨을 조합하여 다채로운 기능을 가진 멋진 웹사이트를 만들 수 있습니다.

+ +
+
+ CONNECT WITH US +

GET INVOLVED

+ +
+
+ diff --git a/layouts/xedition/demo/welcome_sub1.html b/layouts/xedition/demo/welcome_sub1.html new file mode 100644 index 000000000..9c32cbcf1 --- /dev/null +++ b/layouts/xedition/demo/welcome_sub1.html @@ -0,0 +1,7 @@ + +

LEFT SIDEBAR EXAMPLE PAGE

+

Carefully crafted elements come together into one amazing design.

+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.

+

Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima.

+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

+ diff --git a/layouts/xedition/demo/welcome_sub2.html b/layouts/xedition/demo/welcome_sub2.html new file mode 100644 index 000000000..c14634b80 --- /dev/null +++ b/layouts/xedition/demo/welcome_sub2.html @@ -0,0 +1,7 @@ + +

RIGHT SIDEBAR EXAMPLE PAGE

+

Carefully crafted elements come together into one amazing design.

+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.

+

Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima.

+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

+ diff --git a/layouts/xedition/demo/welcome_sub3.html b/layouts/xedition/demo/welcome_sub3.html new file mode 100644 index 000000000..8f0714b1c --- /dev/null +++ b/layouts/xedition/demo/welcome_sub3.html @@ -0,0 +1,7 @@ + +

FULL PAGE EXAMPLE PAGE

+

Carefully crafted elements come together into one amazing design.

+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.

+

Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima.

+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

+ diff --git a/layouts/xedition/img/bg_sitemap.png b/layouts/xedition/img/bg_sitemap.png new file mode 100644 index 000000000..f20d55937 Binary files /dev/null and b/layouts/xedition/img/bg_sitemap.png differ diff --git a/layouts/xedition/img/bg_stat.jpg b/layouts/xedition/img/bg_stat.jpg new file mode 100644 index 000000000..db45478b3 Binary files /dev/null and b/layouts/xedition/img/bg_stat.jpg differ diff --git a/layouts/xedition/img/blank.gif b/layouts/xedition/img/blank.gif new file mode 100644 index 000000000..801eb3eaa Binary files /dev/null and b/layouts/xedition/img/blank.gif differ diff --git a/layouts/xedition/img/btn_close.png b/layouts/xedition/img/btn_close.png new file mode 100644 index 000000000..f05088ca4 Binary files /dev/null and b/layouts/xedition/img/btn_close.png differ diff --git a/layouts/xedition/img/camera-loader.gif b/layouts/xedition/img/camera-loader.gif new file mode 100644 index 000000000..8eeb70b7b Binary files /dev/null and b/layouts/xedition/img/camera-loader.gif differ diff --git a/layouts/xedition/img/camera_skins.png b/layouts/xedition/img/camera_skins.png new file mode 100644 index 000000000..342145404 Binary files /dev/null and b/layouts/xedition/img/camera_skins.png differ diff --git a/layouts/xedition/img/f_logo.png b/layouts/xedition/img/f_logo.png new file mode 100644 index 000000000..05423c756 Binary files /dev/null and b/layouts/xedition/img/f_logo.png differ diff --git a/layouts/xedition/img/ico_default.jpg b/layouts/xedition/img/ico_default.jpg new file mode 100644 index 000000000..69bf05663 Binary files /dev/null and b/layouts/xedition/img/ico_default.jpg differ diff --git a/layouts/xedition/img/intro.png b/layouts/xedition/img/intro.png new file mode 100644 index 000000000..45481dd9a Binary files /dev/null and b/layouts/xedition/img/intro.png differ diff --git a/layouts/xedition/img/logo.png b/layouts/xedition/img/logo.png new file mode 100644 index 000000000..17cd34378 Binary files /dev/null and b/layouts/xedition/img/logo.png differ diff --git a/layouts/xedition/img/m_logo.png b/layouts/xedition/img/m_logo.png new file mode 100644 index 000000000..659168913 Binary files /dev/null and b/layouts/xedition/img/m_logo.png differ diff --git a/layouts/xedition/img/s_logo.png b/layouts/xedition/img/s_logo.png new file mode 100644 index 000000000..9d9e07941 Binary files /dev/null and b/layouts/xedition/img/s_logo.png differ diff --git a/layouts/xedition/img/slider_img.jpg b/layouts/xedition/img/slider_img.jpg new file mode 100644 index 000000000..f1db06cec Binary files /dev/null and b/layouts/xedition/img/slider_img.jpg differ diff --git a/layouts/xedition/img/slider_img2.jpg b/layouts/xedition/img/slider_img2.jpg new file mode 100644 index 000000000..5501498a7 Binary files /dev/null and b/layouts/xedition/img/slider_img2.jpg differ diff --git a/layouts/xedition/img/slider_img3.jpg b/layouts/xedition/img/slider_img3.jpg new file mode 100644 index 000000000..3dae2dd3b Binary files /dev/null and b/layouts/xedition/img/slider_img3.jpg differ diff --git a/layouts/xedition/img/slider_img4.jpg b/layouts/xedition/img/slider_img4.jpg new file mode 100644 index 000000000..9ffc2872a Binary files /dev/null and b/layouts/xedition/img/slider_img4.jpg differ diff --git a/layouts/xedition/img/sp_feature.png b/layouts/xedition/img/sp_feature.png new file mode 100644 index 000000000..2aaeaa0f8 Binary files /dev/null and b/layouts/xedition/img/sp_feature.png differ diff --git a/layouts/xedition/img/sub_banner_01.jpg b/layouts/xedition/img/sub_banner_01.jpg new file mode 100644 index 000000000..e786d5cf9 Binary files /dev/null and b/layouts/xedition/img/sub_banner_01.jpg differ diff --git a/layouts/xedition/img/sub_banner_02.jpg b/layouts/xedition/img/sub_banner_02.jpg new file mode 100644 index 000000000..01a4b1221 Binary files /dev/null and b/layouts/xedition/img/sub_banner_02.jpg differ diff --git a/layouts/xedition/js/SmoothScroll.min.js b/layouts/xedition/js/SmoothScroll.min.js new file mode 100644 index 000000000..3054f2b9e --- /dev/null +++ b/layouts/xedition/js/SmoothScroll.min.js @@ -0,0 +1,8 @@ +// SmoothScroll for websites v1.2.1 +// Licensed under the terms of the MIT license. + +// People involved +// - Balazs Galambosi (maintainer) +// - Michael Herf (Pulse Algorithm) + +!function(){function e(){var e=!1;e&&c("keydown",r),v.keyboardSupport&&!e&&u("keydown",r)}function t(){if(document.body){var t=document.body,o=document.documentElement,n=window.innerHeight,r=t.scrollHeight;if(S=document.compatMode.indexOf("CSS")>=0?o:t,w=t,e(),x=!0,top!=self)y=!0;else if(r>n&&(t.offsetHeight<=n||o.offsetHeight<=n)){var a=!1,i=function(){a||o.scrollHeight==document.height||(a=!0,setTimeout(function(){o.style.height=document.height+"px",a=!1},500))};if(o.style.height="auto",setTimeout(i,10),S.offsetHeight<=n){var l=document.createElement("div");l.style.clear="both",t.appendChild(l)}}v.fixedBackground||b||(t.style.backgroundAttachment="scroll",o.style.backgroundAttachment="scroll")}}function o(e,t,o,n){if(n||(n=1e3),d(t,o),1!=v.accelerationMax){var r=+new Date,a=r-C;if(a1&&(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=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+100?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))}(); \ No newline at end of file diff --git a/layouts/xedition/js/camera.min.js b/layouts/xedition/js/camera.min.js new file mode 100644 index 000000000..db5928e78 --- /dev/null +++ b/layouts/xedition/js/camera.min.js @@ -0,0 +1,5 @@ +// Camera slideshow v1.3.3 - a jQuery slideshow with many effects, transitions, easy to customize, using canvas and mobile ready, based on jQuery 1.4+ +// Copyright (c) 2012 by Manuel Masia - www.pixedelic.com +// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php +!function(a){a.fn.camera=function(e){function t(){return navigator.userAgent.match(/Android/i)||navigator.userAgent.match(/webOS/i)||navigator.userAgent.match(/iPad/i)||navigator.userAgent.match(/iPhone/i)||navigator.userAgent.match(/iPod/i)?!0:void 0}function i(){var e=a(L).width();a("li",L).removeClass("camera_visThumb"),a("li",L).each(function(){var t=a(this).position(),i=a("ul",L).outerWidth(),r=a("ul",L).offset().left,o=a("> div",L).offset().left,s=o-r;s>0?a(".camera_prevThumbs",V).removeClass("hideNav"):a(".camera_prevThumbs",V).addClass("hideNav"),i-s>e?a(".camera_nextThumbs",V).removeClass("hideNav"):a(".camera_nextThumbs",V).addClass("hideNav");var n=t.left,c=t.left+a(this).width();e>=c-s&&n-s>=0&&a(this).addClass("camera_visThumb")})}function r(){function t(){if(f=m.width(),-1!=e.height.indexOf("%")){var t=Math.round(f/(100/parseFloat(e.height)));g=""!=e.minHeight&&to/s){var l=f/o,d=.5*Math.abs(g-s*l);switch(n){case"topLeft":t=0;break;case"topCenter":t=0;break;case"topRight":t=0;break;case"centerLeft":t="-"+d+"px";break;case"center":t="-"+d+"px";break;case"centerRight":t="-"+d+"px";break;case"bottomLeft":t="-"+2*d+"px";break;case"bottomCenter":t="-"+2*d+"px";break;case"bottomRight":t="-"+2*d+"px"}r.css({height:s*l,"margin-left":0,"margin-top":t,position:"absolute",visibility:"visible",width:f})}else{var l=g/s,d=.5*Math.abs(f-o*l);switch(n){case"topLeft":i=0;break;case"topCenter":i="-"+d+"px";break;case"topRight":i="-"+2*d+"px";break;case"centerLeft":i=0;break;case"center":i="-"+d+"px";break;case"centerRight":i="-"+2*d+"px";break;case"bottomLeft":i=0;break;case"bottomCenter":i="-"+d+"px";break;case"bottomRight":i="-"+2*d+"px"}r.css({height:g,"margin-left":i,"margin-top":0,position:"absolute",visibility:"visible",width:o*l})}else if(f/g>o/s){var l=g/s,d=.5*Math.abs(f-o*l);switch(n){case"topLeft":i=0;break;case"topCenter":i=d+"px";break;case"topRight":i=2*d+"px";break;case"centerLeft":i=0;break;case"center":i=d+"px";break;case"centerRight":i=2*d+"px";break;case"bottomLeft":i=0;break;case"bottomCenter":i=d+"px";break;case"bottomRight":i=2*d+"px"}r.css({height:g,"margin-left":i,"margin-top":0,position:"absolute",visibility:"visible",width:o*l})}else{var l=f/o,d=.5*Math.abs(g-s*l);switch(n){case"topLeft":t=0;break;case"topCenter":t=0;break;case"topRight":t=0;break;case"centerLeft":t=d+"px";break;case"center":t=d+"px";break;case"centerRight":t=d+"px";break;case"bottomLeft":t=2*d+"px";break;case"bottomCenter":t=2*d+"px";break;case"bottomRight":t=2*d+"px"}r.css({height:s*l,"margin-left":0,"margin-top":t,position:"absolute",visibility:"visible",width:f})}})}var i;1==W?(clearTimeout(i),i=setTimeout(t,200)):t(),W=!0}function o(){a("iframe",h).each(function(){a(".camera_caption",h).show();var t=a(this),i=t.attr("data-src");t.attr("src",i);var r=e.imagePath+"blank.gif",o=new Image;if(o.src=r,-1!=e.height.indexOf("%")){var s=Math.round(f/(100/parseFloat(e.height)));g=""!=e.minHeight&&s li",L).outerWidth(),a("li.cameracurrent",L).length?a("li.cameracurrent",L).position():""),o=a("ul > li",L).length*a("ul > li",L).outerWidth(),s=a("ul",L).offset().left,n=a("> div",L).offset().left;e=0>s?"-"+(n-s):n-s,1==te&&(a("ul",L).width(a("ul > li",L).length*a("ul > li",L).outerWidth()),a(L).length&&!a(T).lenght&&m.css({marginBottom:a(L).outerHeight()}),i(),a("ul",L).width(a("ul > li",L).length*a("ul > li",L).outerWidth()),a(L).length&&!a(T).lenght&&m.css({marginBottom:a(L).outerHeight()})),te=!1;var c=a("li.cameracurrent",L).length?r.left:"",l=a("li.cameracurrent",L).length?r.left+a("li.cameracurrent",L).outerWidth():"";ct?o>c+t?a("ul",L).animate({"margin-left":"-"+c+"px"},500,i):a("ul",L).animate({"margin-left":"-"+(a("ul",L).outerWidth()-t)+"px"},500,i):0>c-e?a("ul",L).animate({"margin-left":"-"+c+"px"},500,i):(a("ul",L).css({"margin-left":"auto","margin-right":"auto"}),setTimeout(i,100))}}function c(){Z=0;var t=a(".camera_bar_cont",V).width(),i=a(".camera_bar_cont",V).height();if("pie"!=p)switch(U){case"leftToRight":a("#"+u).css({right:t});break;case"rightToLeft":a("#"+u).css({left:t});break;case"topToBottom":a("#"+u).css({bottom:i});break;case"bottomToTop":a("#"+u).css({top:i})}else ae.clearRect(0,0,e.pieDiameter,e.pieDiameter)}function l(i){v.addClass("camerasliding"),J=!1;var d=parseFloat(a("div.cameraSlide.cameracurrent",b).index());if(i>0)var y=i-1;else if(d==O-1)var y=0;else var y=d+1;var _=a(".cameraSlide:eq("+y+")",b),w=a(".cameraSlide:eq("+(y+1)+")",b).addClass("cameranext");if(d!=y+1&&w.hide(),a(".cameraContent",h).fadeOut(600),a(".camera_caption",h).show(),a(".camerarelative",_).append(a("> div ",v).eq(y).find("> div.camera_effected")),a(".camera_target_content .cameraContent:eq("+y+")",m).append(a("> div ",v).eq(y).find("> div")),a(".imgLoaded",_).length){if(R.length>y+1&&!a(".imgLoaded",w).length){var k=R[y+1],x=new Image;x.src=k+"?"+(new Date).getTime(),w.prepend(a(x).attr("class","imgLoaded").css("visibility","hidden")),x.onload=function(){ye=x.naturalWidth,_e=x.naturalHeight,a(x).attr("data-alignment",B[y+1]).attr("data-portrait",M[y+1]),a(x).attr("width",ye),a(x).attr("height",_e),r()}}e.onLoaded.call(this),a(".camera_loader",m).is(":visible")?a(".camera_loader",m).fadeOut(400):(a(".camera_loader",m).css({visibility:"hidden"}),a(".camera_loader",m).fadeOut(400,function(){a(".camera_loader",m).css({visibility:"visible"})}));var C,F,S,q,I,P=e.rows,H=e.cols,D=1,W=0,E=new Array("simpleFade","curtainTopLeft","curtainTopRight","curtainBottomLeft","curtainBottomRight","curtainSliceLeft","curtainSliceRight","blindCurtainTopLeft","blindCurtainTopRight","blindCurtainBottomLeft","blindCurtainBottomRight","blindCurtainSliceBottom","blindCurtainSliceTop","stampede","mosaic","mosaicReverse","mosaicRandom","mosaicSpiral","mosaicSpiralReverse","topLeftBottomRight","bottomRightTopLeft","bottomLeftTopRight","topRightBottomLeft","scrollLeft","scrollRight","scrollTop","scrollBottom","scrollHorz");marginLeft=0,marginTop=0,opacityOnGrid=0,opacityOnGrid=1==e.opacityOnGrid?0:1;var G=a(" > div",v).eq(y).attr("data-fx");if(q=t()&&""!=e.mobileFx&&"default"!=e.mobileFx?e.mobileFx:"undefined"!=typeof G&&G!==!1&&"default"!==G?G:e.fx,"random"==q?(q=s(E),q=q[0]):(q=q,q.indexOf(",")>0&&(q=q.replace(/ /g,""),q=q.split(","),q=s(q),q=q[0])),dataEasing=a(" > div",v).eq(y).attr("data-easing"),mobileEasing=a(" > div",v).eq(y).attr("data-mobileEasing"),I=t()&&""!=e.mobileEasing&&"default"!=e.mobileEasing?"undefined"!=typeof mobileEasing&&mobileEasing!==!1&&"default"!==mobileEasing?mobileEasing:e.mobileEasing:"undefined"!=typeof dataEasing&&dataEasing!==!1&&"default"!==dataEasing?dataEasing:e.easing,C=a(" > div",v).eq(y).attr("data-slideOn"),"undefined"!=typeof C&&C!==!1)j=C;else if("random"==e.slideOn){var j=new Array("next","prev");j=s(j),j=j[0]}else j=e.slideOn;var Q=a(" > div",v).eq(y).attr("data-time");F="undefined"!=typeof Q&&Q!==!1&&""!==Q?parseFloat(Q):e.time;var X=a(" > div",v).eq(y).attr("data-transPeriod");switch(S="undefined"!=typeof X&&X!==!1&&""!==X?parseFloat(X):e.transPeriod,a(v).hasClass("camerastarted")||(q="simpleFade",j="next",I="",S=400,a(v).addClass("camerastarted")),q){case"simpleFade":H=1,P=1;break;case"curtainTopLeft":H=0==e.slicedCols?e.cols:e.slicedCols,P=1;break;case"curtainTopRight":H=0==e.slicedCols?e.cols:e.slicedCols,P=1;break;case"curtainBottomLeft":H=0==e.slicedCols?e.cols:e.slicedCols,P=1;break;case"curtainBottomRight":H=0==e.slicedCols?e.cols:e.slicedCols,P=1;break;case"curtainSliceLeft":H=0==e.slicedCols?e.cols:e.slicedCols,P=1;break;case"curtainSliceRight":H=0==e.slicedCols?e.cols:e.slicedCols,P=1;break;case"blindCurtainTopLeft":P=0==e.slicedRows?e.rows:e.slicedRows,H=1;break;case"blindCurtainTopRight":P=0==e.slicedRows?e.rows:e.slicedRows,H=1;break;case"blindCurtainBottomLeft":P=0==e.slicedRows?e.rows:e.slicedRows,H=1;break;case"blindCurtainBottomRight":P=0==e.slicedRows?e.rows:e.slicedRows,H=1;break;case"blindCurtainSliceTop":P=0==e.slicedRows?e.rows:e.slicedRows,H=1;break;case"blindCurtainSliceBottom":P=0==e.slicedRows?e.rows:e.slicedRows,H=1;break;case"stampede":W="-"+S;break;case"mosaic":W=e.gridDifference;break;case"mosaicReverse":W=e.gridDifference;break;case"mosaicRandom":break;case"mosaicSpiral":W=e.gridDifference,D=1.7;break;case"mosaicSpiralReverse":W=e.gridDifference,D=1.7;break;case"topLeftBottomRight":W=e.gridDifference,D=6;break;case"bottomRightTopLeft":W=e.gridDifference,D=6;break;case"bottomLeftTopRight":W=e.gridDifference,D=6;break;case"topRightBottomLeft":W=e.gridDifference,D=6;break;case"scrollLeft":H=1,P=1;break;case"scrollRight":H=1,P=1;break;case"scrollTop":H=1,P=1;break;case"scrollBottom":H=1,P=1;break;case"scrollHorz":H=1,P=1}for(var Y,ee,te=0,ie=P*H,re=f-Math.floor(f/H)*H,oe=g-Math.floor(g/P)*P,se=0,ne=0,ce=new Array,le=new Array,de=new Array;ie>te;){ce.push(te),le.push(te),A.append('