diff --git a/layouts/xedition/conf/info.xml b/layouts/xedition/conf/info.xml index 0d3625e6b..c20d39ca0 100644 --- a/layouts/xedition/conf/info.xml +++ b/layouts/xedition/conf/info.xml @@ -2,8 +2,8 @@ XEDITION XE 1.8 기본 테마 - 1.8 - 2015-04-08 + 1.9 + 2015-06-25 NAVER diff --git a/layouts/xedition/css/camera.css b/layouts/xedition/css/camera.css deleted file mode 100644 index 32c2d5796..000000000 --- a/layouts/xedition/css/camera.css +++ /dev/null @@ -1,1093 +0,0 @@ -/************************** -* -* 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_wrap { - width: 1200px; - margin: 0 auto; - font-size: 20px; - line-height: 22px; -} -.camera_caption_wrap > 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/camera.min.css b/layouts/xedition/css/camera.min.css deleted file mode 100644 index 7820af4ed..000000000 --- a/layouts/xedition/css/camera.min.css +++ /dev/null @@ -1 +0,0 @@ -.camera_thumbs_wrap img,.camera_thumbs_wrap li,.camera_thumbs_wrap ol,.camera_thumbs_wrap table,.camera_thumbs_wrap tbody,.camera_thumbs_wrap td,.camera_thumbs_wrap tfoot,.camera_thumbs_wrap th,.camera_thumbs_wrap thead,.camera_thumbs_wrap tr,.camera_thumbs_wrap ul,.camera_wrap a,.camera_wrap img,.camera_wrap li,.camera_wrap ol,.camera_wrap table,.camera_wrap tbody,.camera_wrap td .camera_thumbs_wrap a,.camera_wrap tfoot,.camera_wrap th,.camera_wrap thead,.camera_wrap tr,.camera_wrap ul{background:0 0;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,.9) url(../img/camera-loader.gif) no-repeat center;border:1px solid #fff;-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}.camera_caption_wrap{width:1200px;margin:0 auto;font-size:20px;line-height:22px}.camera_caption_wrap>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}.camera_wrap .camera_pag .camera_pag_ul li{text-align:left}.camera_commands_emboss .camera_pag .camera_pag_ul li{-moz-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(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:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(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_commands,.camera_next,.camera_prev{cursor:pointer;height:40px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:2}.camera_prev>span{background:url(../img/camera_skins.png) no-repeat 0 0}.camera_next>span{background:url(../img/camera_skins.png) no-repeat -40px 0}.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;position:relative;text-indent:-9999px}.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:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(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{cursor:pointer;margin-top:5px;vertical-align:bottom}.showIt{display:none}.camera_clear{clear:both;display:block;height:1px;margin:-1px 0 25px;position:relative}.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_wrap .camera_pag .camera_pag_ul li.cameracurrent>span{background:#434648}.camera_pag_ul li img{border:4px solid #e6e6e6;-moz-box-shadow:0 3px 6px rgba(0,0,0,.5);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.5);box-shadow:0 3px 6px rgba(0,0,0,.5)}.camera_pag_ul .thumb_arrow{border-top-color:#e6e6e6}.camera_commands,.camera_next,.camera_nextThumbs,.camera_prev,.camera_prevThumbs,.camera_thumbs_cont{background:#d8d8d8;background:rgba(216,216,216,.85)}.camera_thumbs_cont ul li>img{border:1px solid #000}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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:0 0}.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:400;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:.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:0 0}.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:0 0}.camera_next,.camera_prev{width:58px;height:58px;margin-top:-29px;background:0 0}.camera_next>span,.camera_prev>span{display:block;width:58px;height:58px;border-radius:100%;font-size:20px;color:#fff;color:rgba(255,255,255,.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,.1)}.camera_next>span:hover,.camera_prev>span:hover{-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000);background-color:#444;background-color:rgba(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/idangerous.swiper.css b/layouts/xedition/css/idangerous.swiper.css new file mode 100644 index 000000000..e1c50c2c8 --- /dev/null +++ b/layouts/xedition/css/idangerous.swiper.css @@ -0,0 +1,125 @@ +/* + * Swiper 2.7.6 + * Mobile touch slider and framework with hardware accelerated transitions + * + * http://www.idangero.us/sliders/swiper/ + * + * Copyright 2010-2015, Vladimir Kharlampidi + * The iDangero.us + * http://www.idangero.us/ + * + * Licensed under GPL & MIT + * + * Released on: February 11, 2015 +*/ +/* =============================================================== +Basic Swiper Styles +================================================================*/ +.swiper-container { + margin:0 auto; + position:relative; + overflow:hidden; + direction:ltr; + -webkit-backface-visibility:hidden; + -moz-backface-visibility:hidden; + -ms-backface-visibility:hidden; + -o-backface-visibility:hidden; + backface-visibility:hidden; + /* Fix of Webkit flickering */ + z-index:1; +} +.swiper-wrapper { + position:relative; + width:100%; + -webkit-transition-property:-webkit-transform, left, top; + -webkit-transition-duration:0s; + -webkit-transform:translate3d(0px,0,0); + -webkit-transition-timing-function:ease; + + -moz-transition-property:-moz-transform, left, top; + -moz-transition-duration:0s; + -moz-transform:translate3d(0px,0,0); + -moz-transition-timing-function:ease; + + -o-transition-property:-o-transform, left, top; + -o-transition-duration:0s; + -o-transform:translate3d(0px,0,0); + -o-transition-timing-function:ease; + -o-transform:translate(0px,0px); + + -ms-transition-property:-ms-transform, left, top; + -ms-transition-duration:0s; + -ms-transform:translate3d(0px,0,0); + -ms-transition-timing-function:ease; + + transition-property:transform, left, top; + transition-duration:0s; + transform:translate3d(0px,0,0); + transition-timing-function:ease; + + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.swiper-free-mode > .swiper-wrapper { + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-slide { + float: left; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +/* IE10 Windows Phone 8 Fixes */ +.swiper-wp8-horizontal { + -ms-touch-action: pan-y; +} +.swiper-wp8-vertical { + -ms-touch-action: pan-x; +} + +/* =============================================================== +Your custom styles, here you need to specify container's and slide's +sizes, pagination, etc. +================================================================*/ +.swiper-container { + /* Specify Swiper's Size: */ + + /*width:200px; + height: 100px;*/ +} +.swiper-slide { + /* Specify Slides's Size: */ + + /*width: 100%; + height: 100%;*/ +} +.swiper-slide-active { + /* Specific active slide styling: */ + +} +.swiper-slide-visible { + /* Specific visible slide styling: */ + +} +/* =============================================================== +Pagination Styles +================================================================*/ +.swiper-pagination-switch { + /* Stylize pagination button: */ + +} +.swiper-active-switch { + /* Specific active button style: */ + +} +.swiper-visible-switch { + /* Specific visible button style: */ + +} diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css index b9ad4ed60..714b7955b 100644 --- a/layouts/xedition/css/layout.css +++ b/layouts/xedition/css/layout.css @@ -1,220 +1,1503 @@ @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,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased} -img,fieldset,button{border:0} -ul,ol{list-style:none} -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} - +body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select { + margin: 0; + padding: 0; + -webkit-text-size-adjust: none +} +body, html { + width: 100%; + height: 100%; + min-width: 1240px; +} +body, input, textarea, select, button, table { + font-family: 'Open Sans', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif; + font-size: 12px; + -webkit-font-smoothing: antialiased +} +img, fieldset, button { + border: 0 +} +ul, ol { + list-style: none +} +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} - +.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 .content{} -.body.fixed-width {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} - +.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 .content { +} +.body.fixed-width { + 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;line-height:60px;} -.header>h1 img{vertical-align:middle; max-height:40px; } - +.header > h1 { + float: left; + padding: 20px 0; + margin-right: 32px; + line-height: 60px; +} +.header > h1 img { + vertical-align: middle; + max-height: 40px; +} /* Fixed Header */ -.container.fixed_header{padding-top:100px} -.fixed_header .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000} -.fixed_header .header_wrap.shrink{position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header 0.5s forwards;animation:ani-header 0.5s forwards} -.fixed_header .header_wrap.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} - +.container.fixed_header { + padding-top: 100px +} +.fixed_header .header_wrap { + position: absolute; + top: 0; + left: 0; + right: 0; + width: auto; + z-index: 1000; + padding: 0; +} +.fixed_header .header_wrap.shrink { + position: fixed; + top: 0; + width:auto; + min-width: 1240px; + z-index: 1000; + border-bottom: 1px solid #e1e1e1; + background-color: #fff; + -webkit-animation: ani-header 0.5s forwards; + animation: ani-header 0.5s forwards; + left: 0; + right: 0; +} +.fixed_header .header_wrap.shrink .header > h1 { + padding: 0 +} +.fixed_header .header_wrap.shrink .gnb > ul > li > a { + line-height: 60px +} +.fixed_header .header_wrap.shrink .header > .side { + margin: 19px 0 0 22px +} +.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 { + 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{max-width:240px} -.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 .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 { + max-width: 240px +} +.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} - - +.footer .site_map > ul ul a:active { + color: #555 +} +.footer .f_cr_area .mobile-footer-member { + display: none; +} /* button */ -.btn_item{display:inline-block;margin:35px 0;padding:0 27px;height:50px;font-family: "Open Sans";background-color:#555;font-size:14px;line-height:50px;letter-spacing:1px;color:#FFF;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} +.btn_item { + display: inline-block; + margin: 35px 0; + padding: 0 27px; + height: 50px; + font-family: "Open Sans"; + background-color: #555; + font-size: 14px; + line-height: 50px; + letter-spacing: 1px; + color: #FFF; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -ms-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out +} .btn_item:hover, .btn_item:active -.btn_item:focus{background-color:#CBA061;color:#fff} -.btn_item + .btn_item {margin-left: 10px; } - +.btn_item:focus { + background-color: #CBA061; + color: #fff +} +.btn_item + .btn_item { + margin-left: 10px; +} /* Login */ -.header>.side>ul>li{float:left;position:relative} -.header>.side>ul:after{display:block;clear:both;content:''} -.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:url('../img/blank.gif') 0 0 repeat;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} - +.header > .side > ul > li { + float: left; + position: relative +} +.header > .side > ul:after { + display: block; + clear: both; + content: '' +} +.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: url('../img/blank.gif') 0 0 repeat; + 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} - +.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:url(../img/blank.gif) 0 0 repeat} -.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 .shrink .gnb>ul>li>a{color:#888} -.onepage .shrink .gnb>ul>li>a:hover,.onepage .shrink .gnb>ul>li>a:focus,.onepage .shrink .gnb>ul>li>a:focus,.onepage .shrink .gnb>ul>li.on>a{color:#444} -.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 .shrink .search_area .btn_close{color:#888} -.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} -.onepage .shrink .search_area input[type=text]{color:#888} -.onepage .visual.sub.sub_type3 {margin-top:-100px;} - +.onepage .header_wrap { + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 1000 +} +.onepage .gnb > ul { + background: url(../img/blank.gif) 0 0 repeat +} +.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 .shrink .gnb > ul > li > a { + color: #888 +} +.onepage .shrink .gnb > ul > li > a:hover, +.onepage .shrink .gnb > ul > li > a:focus, +.onepage .shrink .gnb > ul > li > a:focus, +.onepage .shrink .gnb > ul > li.on > a { + color: #444 +} +.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 .shrink .search_area .btn_close { + color: #888 +} +.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 +} +.onepage .shrink .search_area input[type=text] { + color: #888 +} +.onepage .visual.sub.sub_type3 { + margin-top: -100px; +} /* 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} - +.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>li{float:left;position:relative;text-align:left} -.gnb>ul:after{display:block;clear:both;content:''} -.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:'>'} -.onepage .shrink .header > .side > ul > li > a {color: #444; } -.onepage .shrink .gnb {margin-top: 0; } -.magazine .shrink .gnb {margin-bottom: 10px; } -.magazine .shrink h1 {margin-top: 10px; } -.magazine .header_wrap.shrink .gnb > ul > li > a {line-height: 40px; } - +.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 > li { + float: left; + position: relative; + text-align: left +} +.gnb > ul:after { + display: block; + clear: both; + content: '' +} +.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: '>' +} +.onepage .shrink .header > .side > ul > li > a { + color: #444; +} +.onepage .shrink .gnb { + margin-top: 0; +} +.magazine .shrink .gnb { + margin-bottom: 10px; +} +.magazine .shrink h1 { + margin-top: 10px; +} +.magazine .header_wrap.shrink .gnb > ul > li > a { + line-height: 40px; +} /* 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 { + 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} - +.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.fixed-width .lnb>ul{position:relative;z-index:1;margin:0;padding:40px 0 0} -.body.fixed-width .lnb>ul>li{margin-bottom:40px} -.body.fixed-width .lnb>ul>li>a,.body.fixed-width .lnb>ul>li>span{display:block;line-height:21px;margin-bottom:14px;font-size:15px;color:#444} -.body.fixed-width .lnb ul ul li.on a{color:#cda25a} -.body.fixed-width .lnb ul ul a{display:block;padding:10px 0;font-size:14px;line-height:20px;color:#888;text-decoration:none} +.body.fixed-width .lnb > ul { + position: relative; + z-index: 1; + margin: 0; + padding: 40px 0 0 +} +.body.fixed-width .lnb > ul > li { + margin-bottom: 40px +} +.body.fixed-width .lnb > ul > li > a, +.body.fixed-width .lnb > ul > li > span { + display: block; + line-height: 21px; + margin-bottom: 14px; + font-size: 15px; + color: #444 +} +.body.fixed-width .lnb ul ul li.on a { + color: #cda25a +} +.body.fixed-width .lnb ul ul a { + display: block; + padding: 10px 0; + font-size: 14px; + line-height: 20px; + color: #888; + text-decoration: none +} .body.fixed-width .lnb ul ul a:hover, .body.fixed-width .lnb ul ul a:focus, -.body.fixed-width .lnb ul ul a:active{color:#cda25a} -.body.fixed-width .lnb img{vertical-align:top} +.body.fixed-width .lnb ul ul a:active { + color: #cda25a +} +.body.fixed-width .lnb img { + vertical-align: top +} .body.fixed-width.left .lnb, -.body.fixed-width.right .lnb{float:left;width:260px;padding:0 0 16px} +.body.fixed-width.right .lnb { + float: left; + width: 260px; + padding: 0 0 16px +} .body.fixed-width.left .content, -.body.fixed-width.right .content{float:right;width:900px;min-height:400px;padding:40px 0 100px} -.body.fixed-width.right .lnb{float:right} -.body.fixed-width.right .content{float:left} -.body.fixed-width.none .lnb{display:none} -.body.fixed-width.none .content{float:none;width:1200px} - +.body.fixed-width.right .content { + float: right; + width: 900px; + min-height: 400px; + padding: 40px 0 100px +} +.body.fixed-width.right .lnb { + float: right +} +.body.fixed-width.right .content { + float: left +} +.body.fixed-width.none .lnb { + display: none +} +.body.fixed-width.none .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} +.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 +} +.swiper-container { + height: 600px; + font-family: Raleway, '나눔바른고딕', NanumBarunGothic, ng, '돋움', Dotum, AppleGothic, Helvetica, serif; +} +.swiper-container > div > div { + display: table; + height: 600px; + color: #fff; + background-size: cover; +} +.swiper-container > div > div > div { + display: table-cell; + vertical-align: middle; +} +.swiper-container > div > div > div > div { + width: 1200px; + margin: 0 auto; +} +.swiper-container h1 { + font-weight: 700; + margin: 0 0 19px 0; + font-size: 60px; + line-height: 70px; + text-decoration: none; +} +.swiper-container p { + font-size: 20px; + line-height: 22px; +} +.swiper-button { + position: absolute; + top: 50%; + display: none; + margin:-25px 0 0 0; +} +.swiper-container:hover .swiper-button { + display: block; +} +.swiper-button.left { + left: 20px; +} +.swiper-button.right { + right: 20px; +} +.swiper-button i { + width: 50px; + line-height: 50px; + text-align: center; + font-size: 24px; + color: #fff; +} +.swiper-button button { + background-color: #333; + border-radius: 50px; + background-color: rgba(0, 0, 0, 0.2); + cursor: pointer; +} +.pagination { + position: absolute; + left: 0; + text-align: center; + bottom: 5px; + width: 100%; +} +.swiper-pagination-switch { + display: inline-block; + width: 10px; + height: 10px; + border-radius: 10px; + background: #fff; + opacity: 0.6; + margin: 0 3px; + cursor: pointer; +} +.swiper-active-switch { + background: #fff; + opacity: 1; +} +@media all and (max-width: 479px) { + body, html { + min-width: 100%; + } + a.btn_top { + display: none; + } + /* Layout */ + .container { + min-width: 100%; + background-color: #fff + } + .header { + position: relative; + z-index: 2; + width: 100%; + height: auto; + margin: 0 auto; + zoom: 1 + } + .magazine .header { + text-align:left; + } + .magazine .header > h1 { + text-align:left; + display:block; + padding:0 15px; + } + .header > .side { + display: none; + } + .body.fixed-width { + width: auto; + margin: 0 + } + .header:after, .body:after { + clear: both; + content: '' + } + .body { + padding: 0; + } + .content { + zoom: 1; + } + .content:after { + clear: both; + content: '' + } + .content > :first-child { + margin-top: 0; + } + .body.fixed-width.none .content { + width:auto; + } + .content img { + max-width: 100%; + height: auto + } + .body.fixed-width.left .content, + .body.fixed-width.right .content { + width: auto; + float: none; + min-height: 100%; + padding: 40px 0; + } + /* Header */ + .header > h1 { + float: none; + margin-right: 0; + padding: 0 15px; + line-height: 50px; + display: block; + } + .header > h1 img { + max-height: 15px; + padding: 0; + margin: 0; + } + .header.sub_type3 { + position: absolute; + } + /* Fixed Header */ + .container.fixed_header { + padding-top: 0 + } + .header_wrap.shrink { + display: none; + } + .onepage .header > h1 { + padding: 0 14px; + } + .fixed_header .header_wrap { + position: static; + top: 0; + left: 0; + width: 100%; + z-index: 1000 + } + .fixed_header .header_wrap.shrink { + position: fixed; + top: 0; + width: 100%; + z-index: 1000; + border-bottom: 1px solid #e1e1e1; + background-color: #fff; + -webkit-animation: ani-header 0.5s forwards; + animation: ani-header 0.5s forwards + } + .fixed_header .header_wrap.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; + } + .footer a:hover, .footer a:focus { + text-decoration: none + } + .footer .f_info_area { + width: auto; + margin: 0; + padding: 0; + } + .footer .f_cr_area { + padding: 0; + background-color: #555; + color: #fff; + } + .footer .copyright { + width: auto; + margin: 0; + font-size: 12px; + color: #f1f1f1; + line-height: 16px + } + .footer .copyright span { + display: inline-block; + margin-left: 0px + } + .footer .sub_desc { + display: none; + } + .footer .f_info { + float: none; + width: auto; + margin-left: 0; + margin-right: 0; + } + .footer .f_logo { + padding: 8px 15px; + margin-bottom: 0; + } + .footer .f_logo.log_txt a { + font-size: 16px; + font-weight: bold; + color: #555 + } + .footer .f_logo img { + max-width: auto; + max-height: 30px; + } + .footer .f_info2 { + display: none; + } + .footer .site_map { + display: none; + } + .footer .f_info2 { + display: none; + } + .footer .f_logo { + padding: 8px 15px; + } + .footer .f_logo img { + max-height: 30px; + } + .footer .sub_desc { + display: none; + } + .footer .f_cr_area { + padding: 0; + background-color: #555; + color: #fff; + } + .footer .f_cr_area p { + margin: 0; + padding: 8px 14px; + } + .footer .f_cr_area a { + color: #fff; + } + .footer .f_cr_area .mobile-footer-member { + padding: 0; + margin: 0; + border-top: 1px solid #444; + list-style: none; + overflow: hidden; + display: block; + } + .footer .f_cr_area .mobile-footer-member li { + float: left; + width: 50%; + border-left: 1px solid #444; + box-sizing: border-box; + } + .footer .f_cr_area .mobile-footer-member li:first-child { + border-left: 0; + } + .footer .f_cr_area .mobile-footer-member li a { + display: block; + line-height: 32px; + text-align: center; + } + /* button */ + .btn_item { + display: inline-block; + margin: 35px 0; + padding: 0 27px; + height: 50px; + font-family: "Open Sans"; + background-color: #555; + font-size: 14px; + line-height: 50px; + letter-spacing: 1px; + color: #FFF; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -ms-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out + } + .btn_item:hover, + .btn_item:active + .btn_item:focus { + background-color: #CBA061; + color: #fff + } + .btn_item + .btn_item { + margin-left: 10px; + } + /* Login */ + .header > .side { + display: none; + } + .header > .custom_area { + display:none; + } + /* Search */ + .search_wrap { + display: none; + } + .gnb { + float: none; + position: static; + z-index: 1; + max-width: 100%; + height: 100%; + font-size: 1em; + background: #fff; + } + .onepage .gnb { + margin-top:0; + } + .magazine .gnb { + margin-bottom:0; + } + .gnb a { + white-space: normal; + font-size: 14px; + display: block; + padding: 10px 0; + border-top: 1px solid #eee; + } + .gnb > ul { + display: none; + padding: 0 14px 14px 14px; + max-height: 240px; + overflow-x: scroll; + border-bottom: 1px solid #eaeaea; + background: #fff; + -webkit-overflow-scrolling: touch; + } + .magazine .gnb > ul { + display:none; + } + .gnb > ul > li { + float: none; + position: static; + } + .gnb > ul > li:first-child > a { + border-top: 0; + } + .gnb > ul:after { + display: none; + } + .magazine .gnb > ul > li > a, + .gnb > ul > li > a { + position: static; + padding: 10px 0; + line-height: normal; + font-size: normal; + color: #555; + font-weight: bold; + } + .onepage .gnb > ul > li > a { + color: #555; + line-height: normal + } + .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:#555; + } + .magazine .gnb > ul .depth2, + .magazine .gnb > ul .depth3, + .gnb > ul .depth2 { + display: block; + position: static; + padding: 0; + background-color: #fff + } + .gnb > ul .depth2 > li { + position: static + } + .gnb > ul .depth2:after { + display: none + } + .gnb > ul .depth2 a { + position: static; + min-width: 100%; + height: auto; + padding: 10px 0; + line-height: normal; + color: #555; + } + .gnb > ul .depth3 { + display: block; + position: static; + background-color: #fff; + padding: 0; + } + .gnb > ul .depth3 a { + color: #999; + } + .gnb > ul .depth2 > li.more > a:after { + display: none; + } + /* GNB */ + .gnb { + float: none; + position: static; + z-index: 1; + max-width: 100%; + height: 100%; + font-size: 1em; + display: block; + } + .gnb #mobile_menu_btn { + display: block; + } + .gnb .menu_btn { + height: 22px; + width: 44px; + display: block; + position: absolute; + top: 14px; + right: 3px; + display: inline-block; + } + .gnb .menu_btn .menu_bar { + width: 20px; + height: 14px; + position: relative; + top: 4px; + left: 12px; + } + .gnb .menu_btn .menu_bar div { + height: 0; + border-top: 2px solid #383431; + position: absolute; + } + .header.sub_type3 .gnb .menu_btn .menu_bar div { + border-top: 2px solid #fff; + } + .gnb .menu_btn .menu_bar div.btn1 { + width: 20px; + top: 0; + } + .gnb .menu_btn .menu_bar div.btn2 { + width: 20px; + top: 6px; + transition: all 0.1s + } + .gnb .menu_btn .menu_bar div.btn3 { + width: 20px; + bottom: 0; + } + .gnb .menu_btn.opened .menu_bar div.btn1 { + top: 6px; + width: 20px; + -webkit-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + } + .gnb .menu_btn.opened .menu_bar div.btn2 { + top: 6px; + display: none; + } + .gnb .menu_btn.opened .menu_bar div.btn3 { + top: 6px; + width: 20px; + -webkit-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + } + .body { + } + .body .lnb { + display: none; + } + .body .content { + overflow: hidden; + } + .visual { + box-sizing: border-box; + } + .visual.sub { + position: relative; + padding: 15px 14px 30px 14px; + background-color: #f6f6f6; + line-height: 30px + } + .visual.sub .sub_title { + position: relative; + z-index: 2; + width:auto; + margin:0; + } + .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: 40px 15px + } + .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: 80px 0 0; + 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 { + padding:100px 0 70px 0; + } + .visual.sub.sub_type3 .sub_title h1 { + font-size: 23px; + font-weight: 400; + color: #fff; + letter-spacing: 2px + } + .swiper-container { + height: 270px; + font-family: Raleway, '나눔바른고딕', NanumBarunGothic, ng, '돋움', Dotum, AppleGothic, Helvetica, serif; + } + .swiper-container > div > div { + display: table; + height: 270px; + color: #fff; + } + .swiper-container > div > div > div { + display: table-cell; + vertical-align: middle; + } + .swiper-container > div > div > div > div { + padding: 0 14px; + width: auto; + margin: 0; + } + .swiper-container h1 { + font-weight: 600; + margin: 0 0 10px 0; + font-size: 24px; + line-height: 30px; + text-decoration: none; + } + .swiper-container p { + font-size: 14px; + line-height: 18px; + } +} /* header animation */ @-webkit-keyframes ani-header { - 0% {top: -60px} - 100% {top: 0px} + 0% { + top: -60px + } + 100% { + top: 0px + } } - @keyframes ani-header { - 0% {top: -60px} - 100% {top: 0px} + 0% { + top: -60px + } + 100% { + top: 0px + } } diff --git a/layouts/xedition/css/layout.min.css b/layouts/xedition/css/layout.min.css deleted file mode 100644 index e03408412..000000000 --- a/layouts/xedition/css/layout.min.css +++ /dev/null @@ -1 +0,0 @@ -@charset "utf-8";body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0;-webkit-text-size-adjust:none}body,button,input,select,table,textarea{font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased}button,fieldset,img{border:0}ol,ul{list-style:none}address,em{font-style:normal}a,a:active,a:focus,a:hover{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{margin:0}.skip>a{display:block;overflow:hidden;height:0;line-height:28px;text-align:center}.skip>a:focus{height:auto}.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.fixed-width{width:1200px;margin:0 auto}.body:after,.header: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>h1{float:left;padding:20px 0;margin-right:32px;line-height:60px}.header>h1 img{vertical-align:middle;max-height:40px}.container.fixed_header{padding-top:100px}.fixed_header .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000}.fixed_header .header_wrap.shrink{position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header .5s forwards;animation:ani-header .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{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:focus,.footer a:hover{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:active,.footer .copyright a:focus,.footer .copyright a:hover{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:700;color:#555}.footer .f_logo img{max-width:240px}.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.clear,.footer .site_map>ul li:first-child{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:700;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:400;color:#888;line-height:18px}.footer .site_map>ul ul a:active,.footer .site_map>ul ul a:focus,.footer .site_map>ul ul a:hover{color:#555}.btn_item{display:inline-block;margin:35px 0;padding:0 27px;height:50px;font-family:"Open Sans";background-color:#555;font-size:14px;line-height:50px;letter-spacing:1px;color:#FFF;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn_item:active .btn_item:focus,.btn_item:hover{background-color:#CBA061;color:#fff}.btn_item+.btn_item{margin-left:10px}.header>.side>ul>li{float:left;position:relative}.header>.side>ul:after{display:block;clear:both;content:''}.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.on>a,.header>.side>ul>li>a:active,.header>.side>ul>li>a:focus,.header>.side>ul>li>a:hover{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:url(../img/blank.gif) 0 0 repeat;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}.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 .depth2:after,.magazine .gnb>ul>li:first-child>a:after{background:0 0}.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 .gnb>ul>li.on>a,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li>a:hover,.magazine .header>.side>ul .ly a:hover,.magazine .header>.side>ul>li.on>a{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:active,.magazine .header>.side>ul>li>a:focus,.magazine .header>.side>ul>li>a:hover{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{color:#cda25a}.magazine .search_area{padding:10px 20px}.onepage .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000}.onepage .gnb>ul{background:url(../img/blank.gif) 0 0 repeat}.onepage .gnb>ul>li>a{line-height:60px;color:#f6f6f6}.onepage .gnb>ul>li.on>a,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li>a:hover{color:#fff}.onepage .shrink .gnb>ul>li>a{color:#888}.onepage .shrink .gnb>ul>li.on>a,.onepage .shrink .gnb>ul>li>a:focus,.onepage .shrink .gnb>ul>li>a:hover{color:#444}.onepage .header>.side>ul>li>a{color:#f6f6f6}.onepage .header>.side>ul>li.on>a,.onepage .header>.side>ul>li>a:active,.onepage .header>.side>ul>li>a:focus,.onepage .header>.side>ul>li>a:hover{color:#fff}.onepage .search_area .btn_close{color:#f6f6f6}.onepage .shrink .search_area .btn_close{color:#888}.onepage .gnb>ul .depth2:after{background:0 0}.onepage .gnb{margin-top:20px}.onepage .header>h1{padding:20px 0 0}.onepage .search_area input[type=text]{color:#f6f6f6}.onepage .shrink .search_area input[type=text]{color:#888}.onepage .visual.sub.sub_type3{margin-top:-100px}.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{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>li{float:left;position:relative;text-align:left}.gnb>ul:after{display:block;clear:both;content:''}.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.on>a,.gnb>ul>li>a:focus,.gnb>ul>li>a:hover{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:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2 a:hover,.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:'>'}.onepage .shrink .header>.side>ul>li>a{color:#444}.onepage .shrink .gnb{margin-top:0}.magazine .shrink .gnb{margin-bottom:10px}.magazine .shrink h1{margin-top:10px}.magazine .header_wrap.shrink .gnb>ul>li>a{line-height:40px}.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:0 0}.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}.body.fixed-width .lnb>ul{position:relative;z-index:1;margin:0;padding:40px 0 0}.body.fixed-width .lnb>ul>li{margin-bottom:40px}.body.fixed-width .lnb>ul>li>a,.body.fixed-width .lnb>ul>li>span{display:block;line-height:21px;margin-bottom:14px;font-size:15px;color:#444}.body.fixed-width .lnb ul ul li.on a{color:#cda25a}.body.fixed-width .lnb ul ul a{display:block;padding:10px 0;font-size:14px;line-height:20px;color:#888;text-decoration:none}.body.fixed-width .lnb ul ul a:active,.body.fixed-width .lnb ul ul a:focus,.body.fixed-width .lnb ul ul a:hover{color:#cda25a}.body.fixed-width .lnb img{vertical-align:top}.body.fixed-width.left .lnb,.body.fixed-width.right .lnb{float:left;width:260px;padding:0 0 16px}.body.fixed-width.left .content,.body.fixed-width.right .content{float:right;width:900px;min-height:400px;padding:40px 0 100px}.body.fixed-width.right .lnb{float:right}.body.fixed-width.right .content{float:left}.body.fixed-width.none .lnb{display:none}.body.fixed-width.none .content{float:none;width:1200px}.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:.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}@-webkit-keyframes ani-header{0%{top:-60px}100%{top:0}}@keyframes ani-header{0%{top:-60px}100%{top:0}} \ No newline at end of file diff --git a/layouts/xedition/css/webfont.css b/layouts/xedition/css/webfont.css old mode 100755 new mode 100644 diff --git a/layouts/xedition/css/welcome.css b/layouts/xedition/css/welcome.css index 08c2d1cf6..27c5c39b1 100644 --- a/layouts/xedition/css/welcome.css +++ b/layouts/xedition/css/welcome.css @@ -1,78 +1,503 @@ @charset "utf-8"; -.welcomeXE{padding-top:50px;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif} -.content + .welcomeXE { padding-top: 0;} -.welcomeXE section{width:1200px;margin:0 auto} -.welcomeXE .tit{padding-bottom:32px;font-size:40px;color:#333;font-weight:700;letter-spacing:1px;line-height:50px} -.welcomeXE .noti{display:block;padding:28px 0 0;margin:0 0 12px;font-size:14px;font-weight:bold;color:#cda25a;letter-spacing:1px;line-height:20px} -.welcomeXE .intro{width:408px;height:600px;padding-right:792px;background:url(../img/intro.png) 100% 100% no-repeat} -.welcomeXE .intro .cont{padding-bottom:37px;font-size:15px;font-weight:400;color:#888;line-height:27px} -.welcomeXE .intro .btn_start{display:inline-block;margin:50px 0;padding:0 27px;height:40px;border:2px solid #cda25a;background-color:#fff;font-size:13px;line-height:40px;letter-spacing:1px;color:#cda25a;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} +.welcomeXE { + padding-top: 50px; + font-family: Raleway, '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif +} +.content + .welcomeXE { + padding-top: 0; +} +.welcomeXE section { + width: 1200px; + margin: 0 auto +} +.welcomeXE .tit { + padding-bottom: 32px; + font-size: 40px; + color: #333; + font-weight: 700; + letter-spacing: 1px; + line-height: 50px +} +.welcomeXE .noti { + display: block; + padding: 28px 0 0; + margin: 0 0 12px; + font-size: 14px; + font-weight: bold; + color: #cda25a; + letter-spacing: 1px; + line-height: 20px +} +.welcomeXE .intro { + width: 408px; + height: 600px; + padding-right: 792px; + background: url(../img/intro.png) 100% 100% no-repeat +} +.welcomeXE .intro .cont { + padding-bottom: 37px; + font-size: 15px; + font-weight: 400; + color: #888; + line-height: 27px +} +.welcomeXE .intro .btn_start { + display: inline-block; + margin: 50px 0; + padding: 0 27px; + height: 40px; + border: 2px solid #cda25a; + background-color: #fff; + font-size: 13px; + line-height: 40px; + letter-spacing: 1px; + color: #cda25a; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -ms-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out +} .welcomeXE .intro .btn_start:hover, .welcomeXE .intro .btn_start:active -.welcomeXE .intro .btn_start:focus{background-color:#cda25a;color:#fff} - +.welcomeXE .intro .btn_start:focus { + background-color: #cda25a; + color: #fff +} +.bg-holder { + background-image: url('../img/bg_stat.jpg'); +} /* section.xeicon */ -.welcomeXE .xeicon{overflow:hidden;position:static;width:100%;margin:0;height:500px;background-image:url(../img/bg_stat.jpg);background-position:50% 0;background-attachment:fixed;background-repeat:no-repeat} -.welcomeXE .xeicon h1 {margin-top: 170px; font-size: 40px; color: #f6f6f6; text-align: center; letter-spacing: 3px; font-weight: 400; line-height: 1.2em; text-transform: uppercase; } -.welcomeXE .xeicon h1 a {color: #FFF; } -.welcomeXE .xeicon .button-area {text-align: center; } -.welcomeXE .xeicon .button-area .btn_item {font-size: 14px; letter-spacing: 2px;} - +.welcomeXE .xeicon { + overflow: hidden; + position: static; + width: 100%; + margin: 0; + height: 100%; +} +.welcomeXE .xeicon h1 { + margin-top: 170px; + font-size: 40px; + color: #f6f6f6; + text-align: center; + letter-spacing: 3px; + font-weight: 400; + line-height: 1.2em; + text-transform: uppercase; +} +.welcomeXE .xeicon h1 a { + color: #FFF; +} +.welcomeXE .xeicon .button-area { + text-align: center; + margin-bottom: 140px; +} +.welcomeXE .xeicon .button-area .btn_item { + font-size: 14px; + letter-spacing: 2px; +} /* section.guide */ -.welcomeXE .guide{height:640px;padding-top:80px} -.welcomeXE .guide ul{padding-top:27px} -.welcomeXE .guide li{position:relative;float:left;width:314px;min-height:140px;padding:0 0 0 70px;margin:0 0 30px 0} -.welcomeXE .guide h2{padding:7px 24px 13px 0;font-size:17px;font-weight:normal;line-height:23px;color:#333} -.welcomeXE .guide p{padding:0 24px 0 0;font-size:14px;line-height:26px;color:#888} -.welcomeXE .guide .ico{position:absolute;top:0;left:0;width:48px;height:48px;border-radius:100%;background-color:#555;font-size:22px;text-align:center;line-height:50px;color:#efefef} +.welcomeXE .guide { + height: 640px; + padding-top: 80px +} +.welcomeXE .guide ul { + padding-top: 27px +} +.welcomeXE .guide li { + position: relative; + float: left; + width: 314px; + min-height: 140px; + padding: 0 0 0 70px; + margin: 0 0 30px 0 +} +.welcomeXE .guide h2 { + padding: 7px 24px 13px 0; + font-size: 17px; + font-weight: normal; + line-height: 23px; + color: #333 +} +.welcomeXE .guide p { + padding: 0 24px 0 0; + font-size: 14px; + line-height: 26px; + color: #888 +} +.welcomeXE .guide .ico { + position: absolute; + top: 0; + left: 0; + width: 48px; + height: 48px; + border-radius: 100%; + background-color: #555; + font-size: 22px; + text-align: center; + line-height: 50px; + color: #efefef +} .welcomeXE .guide .ico:hover, .welcomeXE .guide .ico:active, -.welcomeXE .guide .ico:focus{background-color:#cda25a} -.welcomeXE .guide p a{color:#444} +.welcomeXE .guide .ico:focus { + background-color: #cda25a +} +.welcomeXE .guide p a { + color: #444 +} .welcomeXE .guide p a:hover, .welcomeXE .guide p a:active, -.welcomeXE .guide p a:focus{color:#cda25a;border-bottom:1px solid #cda25a} - +.welcomeXE .guide p a:focus { + color: #cda25a; + border-bottom: 1px solid #cda25a +} /* section.features */ -.welcomeXE .features{width:100%;margin:0;height:800px;padding-top:80px;background-color:#444} +.welcomeXE .features { + width: 100%; + margin: 0; + height: 800px; + padding-top: 80px; + background-color: #444 +} .welcomeXE .features .noti, .welcomeXE .features .tit, -.welcomeXE .features .cont{width:1200px;margin-left:auto;margin-right:auto} -.welcomeXE .features .tit{color:#f6f6f6} -.welcomeXE .features .cont{font-size:15px;line-height:27px;color:#ddd} -.welcomeXE .features ul{overflow:hidden;margin-top:38px;padding:0 20px} -.welcomeXE .features li{float:left;width:25%;height:480px} -.welcomeXE .features li .fe_box{height:478px;margin:0 10px;padding:0 20px;border:1px solid #333;background-color:#f6f6f6;text-align:center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out} -.welcomeXE .features .fe_box .ico{display:inline-block;width:70px;height:70px;margin:162px 0 27px;background-color:#cda25a;background:url(../img/sp_feature.png) 0 0 no-repeat;text-align:center;font-size:60px;line-height:70px} -.welcomeXE .features .fe_box h2{font-size:21px;color:#555;font-weight:normal} -.welcomeXE .features .fe_box p{margin-bottom:80px;font-size:15px;line-height:24px;color:#f6f6f6} -.welcomeXE .features .fe_box a{display:inline-block;height:40px;padding:0 40px;border:2px solid #f6f6f6;font-family:'Open Sans',sans-serif;font-size:13px;letter-spacing:1px;color:#f6f6f6;line-height:40px;font-weight:600;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} -.welcomeXE .features .fe_box a:hover{background-color:#f6f6f6;border-color:#f6f6f6;color:#cda25a} -.welcomeXE .features .fe_top{position:relative;top:0;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out} -.welcomeXE .features .fe_bottom{position:relative;top:192px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out} -.welcomeXE .features .fe_box.on{background-color:#cda25a} -.welcomeXE .features .fe_box.on .fe_top{top:-104px} -.welcomeXE .features .fe_box.on .fe_bottom{top:-67px} -.welcomeXE .features .fe_box.on h2{color:#f6f6f6} -.welcomeXE .features .fe_box.on .ico{background-color:#f6f6f6;background:url(../img/sp_feature.png) 0 -70px no-repeat} -.welcomeXE .features .fe_box .ico2{background-position:-70px 0} -.welcomeXE .features .fe_box .ico3{background-position:-140px 0} -.welcomeXE .features .fe_box .ico4{background-position:-210px 0} -.welcomeXE .features .fe_box.on .ico2{background-position:-70px -70px} -.welcomeXE .features .fe_box.on .ico3{background-position:-140px -70px} -.welcomeXE .features .fe_box.on .ico4{background-position:-210px -70px} - - +.welcomeXE .features .cont { + width: 1200px; + margin-left: auto; + margin-right: auto +} +.welcomeXE .features .tit { + color: #f6f6f6 +} +.welcomeXE .features .cont { + font-size: 15px; + line-height: 27px; + color: #ddd +} +.welcomeXE .features ul { + overflow: hidden; + margin-top: 38px; + padding: 0 20px +} +.welcomeXE .features li { + float: left; + width: 25%; + height: 480px +} +.welcomeXE .features li .fe_box { + height: 478px; + margin: 0 10px; + padding: 0 20px; + border: 1px solid #333; + background-color: #f6f6f6; + text-align: center; + -webkit-transition: all .2s ease-out; + -moz-transition: all .2s ease-out; + -o-transition: all .2s ease-out; + transition: all .2s ease-out +} +.welcomeXE .features .fe_box .ico { + display: inline-block; + width: 70px; + height: 70px; + margin: 162px 0 27px; + background-color: #cda25a; + background: url(../img/sp_feature.png) 0 0 no-repeat; + text-align: center; + font-size: 60px; + line-height: 70px +} +.welcomeXE .features .fe_box h2 { + font-size: 21px; + color: #555; + font-weight: normal +} +.welcomeXE .features .fe_box p { + margin-bottom: 80px; + font-size: 15px; + line-height: 24px; + color: #f6f6f6 +} +.welcomeXE .features .fe_box a { + display: inline-block; + height: 40px; + padding: 0 40px; + border: 2px solid #f6f6f6; + font-family: 'Open Sans', sans-serif; + font-size: 13px; + letter-spacing: 1px; + color: #f6f6f6; + line-height: 40px; + font-weight: 600; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -ms-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out +} +.welcomeXE .features .fe_box a:hover { + background-color: #f6f6f6; + border-color: #f6f6f6; + color: #cda25a +} +.welcomeXE .features .fe_top { + position: relative; + top: 0; + -webkit-transition: all .2s ease-out; + -moz-transition: all .2s ease-out; + -o-transition: all .2s ease-out; + transition: all .2s ease-out +} +.welcomeXE .features .fe_bottom { + position: relative; + top: 192px; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; + -o-transition: all .3s ease-out; + transition: all .3s ease-out +} +.welcomeXE .features .fe_box.on { + background-color: #cda25a +} +.welcomeXE .features .fe_box.on .fe_top { + top: -104px +} +.welcomeXE .features .fe_box.on .fe_bottom { + top: -67px +} +.welcomeXE .features .fe_box.on h2 { + color: #f6f6f6 +} +.welcomeXE .features .fe_box.on .ico { + background-color: #f6f6f6; + background: url(../img/sp_feature.png) 0 -70px no-repeat +} +.welcomeXE .features .fe_box .ico2 { + background-position: -70px 0 +} +.welcomeXE .features .fe_box .ico3 { + background-position: -140px 0 +} +.welcomeXE .features .fe_box .ico4 { + background-position: -210px 0 +} +.welcomeXE .features .fe_box.on .ico2 { + background-position: -70px -70px +} +.welcomeXE .features .fe_box.on .ico3 { + background-position: -140px -70px +} +.welcomeXE .features .fe_box.on .ico4 { + background-position: -210px -70px +} /*section.connect*/ -.welcomeXE .connect{height:344px;padding-top:80px} -.welcomeXE .connect ul{overflow:hidden;padding:40px 0} -.welcomeXE .connect li{position:relative;float:left;width:180px;margin-left:24px;padding:4px 0 0 102px;min-height:78px} -.welcomeXE .connect li:first-child{margin-left:0} -.welcomeXE .connect .ico{position:absolute;top:0;left:0;width:78px;height:78px;border-radius:100%;background-color:#cda25a;text-align:center;font-size:40px;color:#fff} +.welcomeXE .connect { + height: 344px; + padding-top: 80px +} +.welcomeXE .connect ul { + overflow: hidden; + padding: 40px 0 +} +.welcomeXE .connect li { + position: relative; + float: left; + width: 180px; + margin-left: 24px; + padding: 4px 0 0 102px; + min-height: 78px +} +.welcomeXE .connect li:first-child { + margin-left: 0 +} +.welcomeXE .connect .ico { + position: absolute; + top: 0; + left: 0; + width: 78px; + height: 78px; + border-radius: 100%; + background-color: #cda25a; + text-align: center; + font-size: 40px; + color: #fff +} .welcomeXE .connect .ico:hover, .welcomeXE .connect .ico:active, -.welcomeXE .connect .ico:focus{background-color:#555} -.welcomeXE .connect .ico i{line-height:78px} -.welcomeXE .connect h2{margin-bottom:16px;font-size:15px;font-weight:600;letter-spacing:1px;line-height:18px;color:#333} -.welcomeXE .connect p{font-size:13px;color:#888;line-height:21px} +.welcomeXE .connect .ico:focus { + background-color: #555 +} +.welcomeXE .connect .ico i { + line-height: 78px +} +.welcomeXE .connect h2 { + margin-bottom: 16px; + font-size: 15px; + font-weight: 600; + letter-spacing: 1px; + line-height: 18px; + color: #333 +} +.welcomeXE .connect p { + font-size: 13px; + color: #888; + line-height: 21px +} +@media all and (max-width: 479px) { + .welcomeXE { + padding-top: 0 + } + .welcomeXE section { + width: 100%; + box-sizing: border-box; + overflow: hidden; + } + .welcomeXE .tit { + padding-bottom: 16px; + font-size: 30px; + color: #333; + font-weight: 700; + letter-spacing: 1px; + line-height: 40px + } + .welcomeXE .intro { + width: 100%; + box-sizing: border-box; + padding: 0 14px; + height: auto; + background: #fff; + } + .welcomeXE .intro .cont { + padding-bottom: 17px; + } + .welcomeXE .intro .btn_start { + margin: 20px 0 50px 0; + } + .welcomeXE .xeicon { + height: auto; + } + .welcomeXE .xeicon h1 { + margin-top: 70px; + } + .welcomeXE .xeicon .button-area { + margin-bottom: 50px; + } + .welcomeXE .xeicon .button-area .btn_item { + font-size: 14px; + letter-spacing: 2px; + margin: 20px 0; + } + .welcomeXE .xeicon { + background-position: 0 0; + background-attachment: inherit; + } + .welcomeXE .guide { + padding: 0 14px; + height: auto; + padding-top: 40px + } + .welcomeXE .guide li { + width: auto; + margin: 0 0 20px 0; + } + .welcomeXE .features { + padding: 40px 14px 0 14px; + height: auto; + } + .welcomeXE .features .noti, + .welcomeXE .features .tit, + .welcomeXE .features .cont { + width: 100%; + margin-left: auto; + margin-right: auto + } + .welcomeXE .features ul { + padding: 0; + } + .welcomeXE .features li { + clear: both; + width: 100%; + height: auto; + margin: 0 0 20px 0; + } + .welcomeXE .features li .fe_box { + margin: 0; + padding: 20px; + border: 1px solid #333; + background-color: #cda25a; + position: relative; + height: auto; + text-align: left; + } + .welcomeXE .features .fe_box .ico { + display: inline-block; + width: 70px; + position: absolute; + top: 0; + left: 0; + height: 70px; + margin: 0; + background-color: #f6f6f6; + background: url(../img/sp_feature.png) 0 -70px no-repeat; + text-align: center; + font-size: 20px; + line-height: 70px; + text-align: left; + } + .welcomeXE .features .fe_box h2 { + color: #f6f6f6; + font-weight: normal; + padding-left: 80px + } + .welcomeXE .features .fe_box a { + height: 30px; + padding: 0 20px; + line-height: 30px; + float: right; + } + .welcomeXE .features .fe_bottom { + padding-left: 80px; + overflow: hidden; + position: static; + } + .welcomeXE .features .fe_box p { + margin-bottom: 40px; + margin-top: 10px; + font-size: 13px; + line-height: 20px; + } + .welcomeXE .features .fe_box .ico2 { + background-position: -70px -70px + } + .welcomeXE .features .fe_box .ico3 { + background-position: -140px -70px + } + .welcomeXE .features .fe_box .ico4 { + background-position: -210px -70px + } + .welcomeXE .features .fe_box.on .fe_top { + top: 0 + } + .welcomeXE .features .fe_box.on .fe_bottom { + top: 0 + } + .welcomeXE .connect { + height: auto; + padding: 80px 14px 0 14px; + } + .welcomeXE .connect ul { + padding-top: 0; + } + .welcomeXE .connect li { + margin-left: 0; + width: auto; + min-height: 78px; + margin-bottom: 20px; + } + +} + + + diff --git a/layouts/xedition/css/welcome.min.css b/layouts/xedition/css/welcome.min.css deleted file mode 100644 index 26747bd1f..000000000 --- a/layouts/xedition/css/welcome.min.css +++ /dev/null @@ -1 +0,0 @@ -@charset "utf-8";.welcomeXE{padding-top:50px;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif}.content+.welcomeXE{padding-top:0}.welcomeXE section{width:1200px;margin:0 auto}.welcomeXE .tit{padding-bottom:32px;font-size:40px;color:#333;font-weight:700;letter-spacing:1px;line-height:50px}.welcomeXE .noti{display:block;padding:28px 0 0;margin:0 0 12px;font-size:14px;font-weight:700;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:active .welcomeXE .intro .btn_start:focus,.welcomeXE .intro .btn_start:hover{background-color:#cda25a;color:#fff}.welcomeXE .xeicon{overflow:hidden;position:static;width:100%;margin:0;height:500px;background-image:url(../img/bg_stat.jpg);background-position:50% 0;background-attachment:fixed;background-repeat:no-repeat}.welcomeXE .xeicon h1{margin-top:170px;font-size:40px;color:#f6f6f6;text-align:center;letter-spacing:3px;font-weight:400;line-height:1.2em;text-transform:uppercase}.welcomeXE .xeicon h1 a{color:#FFF}.welcomeXE .xeicon .button-area{text-align:center}.welcomeXE .xeicon .button-area .btn_item{font-size:14px;letter-spacing:2px}.welcomeXE .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}.welcomeXE .guide h2{padding:7px 24px 13px 0;font-size:17px;font-weight:400;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:active,.welcomeXE .guide .ico:focus,.welcomeXE .guide .ico:hover{background-color:#cda25a}.welcomeXE .guide p a{color:#444}.welcomeXE .guide p a:active,.welcomeXE .guide p a:focus,.welcomeXE .guide p a:hover{color:#cda25a;border-bottom:1px solid #cda25a}.welcomeXE .features{width:100%;margin:0;height:800px;padding-top:80px;background-color:#444}.welcomeXE .features .cont,.welcomeXE .features .noti,.welcomeXE .features .tit{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: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:400}.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: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:active,.welcomeXE .connect .ico:focus,.welcomeXE .connect .ico:hover{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 index 46ba99b2c..9396774e4 100644 --- a/layouts/xedition/css/widget.login.css +++ b/layouts/xedition/css/widget.login.css @@ -1,208 +1,535 @@ @charset "utf-8"; -.login_widget{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;font-family:'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-weight:400} -.login_widget .btn_ly_popup{position:absolute;top:-41px;right:0;width:32px;height:32px;background:url(../img/btn_close.png) 0 0 no-repeat} -.login_widget .blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} -.login_widget .ly_dimmed{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=70);opacity:.7} -.login_widget .signin{position:absolute;top:50%;margin-top:-224px;left:50%;width:380px;margin-left:-190px;background-color:#fff} -.login_widget .signin>.login-header{padding:30px} -.login_widget .signin>.login-header>h1{font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,AppleGothic,Helvetica,sans-serif;font-size:40px;line-height:50px;font-weight:400;color:#444} -.login_widget .signin>.login-body{padding:0 30px} -.login_widget .signin>.login-footer{padding:23px 0 42px;margin:20px 30px 0;text-align:center;color:#aaa} -.login_widget .signin>.login-footer>a{text-decoration:none;font-size:13px;color:#aaa} -.login_widget .signin>.login-footer>a:hover, -.login_widget .signin>.login-footer>a:active, -.login_widget .signin>.login-footer>a:focus{text-decoration:underline} -.login_widget .signin>.login-footer>.f_bar{display:inline-block;margin:0 3px} -.login_widget .signin .control-group{position:relative;padding:0;margin:0;clear:both} -.login_widget .signin .control-group:before{content:"";display:block;clear:both} -.login_widget .signin form{margin:0} -.login_widget .signin fieldset{margin:0} -.login_widget .signin .chk_label{cursor:pointer;display:inline-block;margin:4px 0 0;color:#999;line-height:20px;font-size:13px} +.login_widget { + position: fixed; + top: 0; + left: 0; + z-index: 999999; + width: 100%; + height: 100%; + font-family: '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif; + font-weight: 400 +} +.login_widget .btn_ly_popup { + position: absolute; + top: -41px; + right: 0; + width: 32px; + height: 32px; + background: url(../img/btn_close.png) 0 0 no-repeat +} +.login_widget .blind { + overflow: hidden; + position: absolute; + top: 0; + left: 0; + width: 1px; + height: 1px; + font-size: 0; + line-height: 0 +} +.login_widget .ly_dimmed { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #000; + filter: alpha(opacity=70); + opacity: .7 +} +.login_widget .signin { + position: absolute; + top: 50%; + margin-top: -224px; + left: 50%; + width: 380px; + margin-left: -190px; + background-color: #fff +} +.login_widget .signin > .login-header { + padding: 30px +} +.login_widget .signin > .login-header > h1 { + font-family: Raleway, '나눔바른고딕', NanumBarunGothic, ng, AppleGothic, Helvetica, sans-serif; + font-size: 40px; + line-height: 50px; + font-weight: 400; + color: #444 +} +.login_widget .signin > .login-body { + padding: 0 30px +} +.login_widget .signin > .login-footer { + padding: 23px 0 42px; + margin: 20px 30px 0; + text-align: center; + color: #aaa +} +.login_widget .signin > .login-footer > a { + text-decoration: none; + font-size: 13px; + color: #aaa +} +.login_widget .signin > .login-footer > a:hover, +.login_widget .signin > .login-footer > a:active, +.login_widget .signin > .login-footer > a:focus { + text-decoration: underline +} +.login_widget .signin > .login-footer > .f_bar { + display: inline-block; + margin: 0 3px +} +.login_widget .signin .control-group { + position: relative; + padding: 0; + margin: 0; + clear: both +} +.login_widget .signin .control-group:before { + content: ""; + display: block; + clear: both +} +.login_widget .signin form { + margin: 0 +} +.login_widget .signin fieldset { + margin: 0 +} +.login_widget .signin .chk_label { + cursor: pointer; + display: inline-block; + margin: 4px 0 0; + color: #999; + line-height: 20px; + font-size: 13px +} .login_widget .signin input[type="text"], .login_widget .signin input[type="email"], -.login_widget .signin input[type="password"]{font-size:16px;width:100%;height:28px;padding:0 6px 3px 1px;border:0;border-bottom:1px solid #aaa;background-color:#fff;line-height:20px;color:#444;box-sizing:border-box} -.login_widget .signin .btn_submit{position:relative;font-size:16px;color:#eee;background-color:#444;width:100%;margin:20px 0 0;padding:18px 0px 19px;border:0;cursor:pointer} +.login_widget .signin input[type="password"] { + font-size: 16px; + width: 100%; + height: 28px; + padding: 0 6px 3px 1px; + border: 0; + border-bottom: 1px solid #aaa; + background-color: #fff; + line-height: 20px; + color: #444; + box-sizing: border-box +} +.login_widget .signin .btn_submit { + position: relative; + font-size: 16px; + color: #eee; + background-color: #444; + width: 100%; + margin: 20px 0 0; + padding: 18px 0px 19px; + border: 0; + cursor: pointer +} .login_widget .signin .btn_submit:hover, -.login_widget .signin .btn_submit:active{background-color:#333} +.login_widget .signin .btn_submit:active { + background-color: #333 +} .login_widget .signin input[type="email"]:focus, .login_widget .signin input[type="password"]:focus, -.login_widget .signin input[type="text"]:focus{outline:none} -.login_widget .signin .error{margin:2px 0 19px;background:none;color:#fc0005;font-size:13px} -.login_widget .signin #warning{display:none;position:absolute;top:44px;left:0;z-index:100;padding:11px 15px;background-color:#444} -.login_widget .signin #warning>p{color:#fff;font-size:13px;font-weight:300;line-height:19px} -.login_widget .signin #warning .edge{position:absolute;top:-7px;left:40px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #444} -.login_widget .group{position:relative;padding:21px 0 0} -.login_widget .info_label{color: #999; font-size: 16px;position: absolute;pointer-events: none;left: 1px;top:23px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease} -.login_widget .group{margin-bottom:20px} +.login_widget .signin input[type="text"]:focus { + outline: none +} +.login_widget .signin .error { + margin: 2px 0 19px; + background: none; + color: #fc0005; + font-size: 13px +} +.login_widget .signin #warning { + display: none; + position: absolute; + top: 44px; + left: 0; + z-index: 100; + padding: 11px 15px; + background-color: #444 +} +.login_widget .signin #warning > p { + color: #fff; + font-size: 13px; + font-weight: 300; + line-height: 19px +} +.login_widget .signin #warning .edge { + position: absolute; + top: -7px; + left: 40px; + width: 0; + height: 0; + border-width: 0 8px 8px; + border-style: solid; + border-color: transparent transparent #444 +} +.login_widget .group { + position: relative; + padding: 21px 0 0 +} +.login_widget .info_label { + color: #999; + font-size: 16px; + position: absolute; + pointer-events: none; + left: 1px; + top: 23px; + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease +} +.login_widget .group { + margin-bottom: 20px +} .login_widget input:focus ~ .info_label, -.login_widget input.used ~ .info_label{top:1px;font-size:13px;color:#cda25a} -.login_widget .bar{position:relative;display:block;width:100%} +.login_widget input.used ~ .info_label { + top: 1px; + font-size: 13px; + color: #cda25a +} +.login_widget .bar { + position: relative; + display: block; + width: 100% +} .login_widget .bar:before, -.login_widget .bar:after{height:2px;width:0;bottom:0;position:absolute;background:#cda25a;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;content:''} -.login_widget .bar:before{left:50%} -.login_widget .bar:after{right:50%} +.login_widget .bar:after { + height: 2px; + width: 0; + bottom: 0; + position: absolute; + background: #cda25a; + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease; + content: '' +} +.login_widget .bar:before { + left: 50% +} +.login_widget .bar:after { + right: 50% +} .login_widget input:focus ~ .bar:before, -.login_widget input:focus ~ .bar:after{width:50%} -.login_widget .highlight {position: absolute;height: 60%; width: 100px; bottom: 1px; left: 0;pointer-events: none;opacity:0.5} -.login_widget input:focus ~ .highlight{-webkit-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease} -.login_widget .signin input[type=checkbox]{position:absolute;width:20px;height:20px;opacity:0;opacity:100\9;vertical-align:top} -.login_widget .signin input[type=checkbox] ~ .checkbox {box-sizing: border-box;display: inline-block;width: 20px;height: 20px;margin:-1px 9px 0 0;border: 1px solid;background-repeat: no-repeat;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation: checkboxOff 0.5s;animation: checkboxOff 0.5s;border-color: #c9c9c9;cursor: pointer;position: relative;vertical-align:middle} -.login_widget .signin input[type=checkbox] ~ .checkbox:before {content: "";display: block;width: 60px;height: 60px;background: rgba(0, 0, 0, 0.1);position: absolute;top: -22px;left: -22px;z-index: 0;border-radius: 100%;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-animation: checkboxRippleOn 0.5s;animation: checkboxRippleOn 0.5s} -.login_widget .signin input[type=checkbox] ~ .checkbox:not(:hover) {-webkit-animation: checkboxOff 0s;animation: checkboxOff 0s} -.login_widget .signin input[type=checkbox] ~ .checkbox:not(:hover):before {-webkit-animation: checkboxRippleOn 0s;animation: checkboxRippleOn 0s} -.login_widget .signin input[type=checkbox]:checked ~ .checkbox {-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation: checkboxOn 0.5s;animation: checkboxOn 0.5s;border-color: #cda25a;background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px} -.login_widget .signin input[type=checkbox]:checked ~ .checkbox:before {-webkit-animation: checkboxRippleOff 0.5s;animation: checkboxRippleOff 0.5s} - +.login_widget input:focus ~ .bar:after { + width: 50% +} +.login_widget .highlight { + position: absolute; + height: 60%; + width: 100px; + bottom: 1px; + left: 0; + pointer-events: none; + opacity: 0.5 +} +.login_widget input:focus ~ .highlight { + -webkit-animation: inputHighlighter 0.3s ease; + animation: inputHighlighter 0.3s ease +} +.login_widget .signin input[type=checkbox] { + position: absolute; + width: 20px; + height: 20px; + opacity: 0; + opacity: 100 \9; + vertical-align: top +} +.login_widget .signin input[type=checkbox] ~ .checkbox { + box-sizing: border-box; + display: inline-block; + width: 20px; + height: 20px; + margin: -1px 9px 0 0; + border: 1px solid; + background-repeat: no-repeat; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation: checkboxOff 0.5s; + animation: checkboxOff 0.5s; + border-color: #c9c9c9; + cursor: pointer; + position: relative; + vertical-align: middle +} +.login_widget .signin input[type=checkbox] ~ .checkbox:before { + content: ""; + display: block; + width: 60px; + height: 60px; + background: rgba(0, 0, 0, 0.1); + position: absolute; + top: -22px; + left: -22px; + z-index: 0; + border-radius: 100%; + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + -webkit-animation: checkboxRippleOn 0.5s; + animation: checkboxRippleOn 0.5s +} +.login_widget .signin input[type=checkbox] ~ .checkbox:not(:hover) { + -webkit-animation: checkboxOff 0s; + animation: checkboxOff 0s +} +.login_widget .signin input[type=checkbox] ~ .checkbox:not(:hover):before { + -webkit-animation: checkboxRippleOn 0s; + animation: checkboxRippleOn 0s +} +.login_widget .signin input[type=checkbox]:checked ~ .checkbox { + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation: checkboxOn 0.5s; + animation: checkboxOn 0.5s; + border-color: #cda25a; + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px +} +.login_widget .signin input[type=checkbox]:checked ~ .checkbox:before { + -webkit-animation: checkboxRippleOff 0.5s; + animation: checkboxRippleOff 0.5s +} /* Animations */ @-webkit-keyframes inputHighlighter { - from {background:#cda25a} - to {width:0;background:transparent} + from { + background: #cda25a + } + to { + width: 0; + background: transparent + } } - @keyframes inputHighlighter { - from {background:#cda25a} - to {width:0;background:transparent} + from { + background: #cda25a + } + to { + width: 0; + background: transparent + } } - @-webkit-keyframes ripples { - 0% {opacity:0} - 25% {opacity:1} - 100% {width:200%;padding-bottom:200%;opacity:0} + 0% { + opacity: 0 + } + 25% { + opacity: 1 + } + 100% { + width: 200%; + padding-bottom: 200%; + opacity: 0 + } } - @keyframes ripples { - 0% {opacity:0} - 25% {opacity:1} - 100% {width:200%;padding-bottom:200%;opacity:0} + 0% { + opacity: 0 + } + 25% { + opacity: 1 + } + 100% { + width: 200%; + padding-bottom: 200%; + opacity: 0 + } } - @-webkit-keyframes checkboxOn { - 0% {background-color: rgba(204, 162, 86, 0);background-image: none} - 48% {background-color: #cda25a;background-image: none;} - 49% {background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a)} - 50% { - background-color: rgba(204, 162, 86, 0); - background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; - } - 100% { - background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px; - } + 0% { + background-color: rgba(204, 162, 86, 0); + background-image: none + } + 48% { + background-color: #cda25a; + background-image: none; + } + 49% { + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a) + } + 50% { + background-color: rgba(204, 162, 86, 0); + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; + } + 100% { + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px; + } } - @keyframes checkboxOn { - 0% {background-color: rgba(204, 162, 86, 0);background-image: none} - 48% {background-color: #cda25a;background-image: none;} - 49% {background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a)} - 50% { - background-color: rgba(204, 162, 86, 0); - background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; - } - 100% { - background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px; - } + 0% { + background-color: rgba(204, 162, 86, 0); + background-image: none + } + 48% { + background-color: #cda25a; + background-image: none; + } + 49% { + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a) + } + 50% { + background-color: rgba(204, 162, 86, 0); + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; + } + 100% { + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px; + } } - @-webkit-keyframes checkboxOff { - 0% { - background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, -20px 0px; - } - 74% { - background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - box-shadow: inset 0 0 0 0 #cda25a; - } - 75% { - background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - box-shadow: inset 0 0 0 20px #cda25a; - } - 80% { - background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; - } - 81% { - background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; - } - 100% { - background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; - box-shadow: inset 0 0 0 0 #cda25a; - } + 0% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, -20px 0px; + } + 74% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + box-shadow: inset 0 0 0 0 #cda25a; + } + 75% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + box-shadow: inset 0 0 0 20px #cda25a; + } + 80% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; + } + 81% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; + } + 100% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; + box-shadow: inset 0 0 0 0 #cda25a; + } } - @keyframes checkboxOff { - 0% { - background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, -20px 0px; - } - 74% { - background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - box-shadow: inset 0 0 0 0 #cda25a; - } - 75% { - background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - box-shadow: inset 0 0 0 20px #cda25a; - } - 80% { - background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; - } - 81% { - background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; - } - 100% { - background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); - background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); - background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; - box-shadow: inset 0 0 0 0 #cda25a; - } + 0% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, -20px 0px; + } + 74% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + box-shadow: inset 0 0 0 0 #cda25a; + } + 75% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + box-shadow: inset 0 0 0 20px #cda25a; + } + 80% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; + } + 81% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; + } + 100% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; + box-shadow: inset 0 0 0 0 #cda25a; + } } - @-webkit-keyframes checkboxRippleOn { - 0% {-webkit-transform: scale(0);transform:scale(0);opacity:1} - 40% {-webkit-transform: scale(1);transform: scale(1)} - 50% {opacity:0} - 100% {-webkit-transform: scale(0);transform: scale(0);opacity:1} + 0% { + -webkit-transform: scale(0); + transform: scale(0); + opacity: 1 + } + 40% { + -webkit-transform: scale(1); + transform: scale(1) + } + 50% { + opacity: 0 + } + 100% { + -webkit-transform: scale(0); + transform: scale(0); + opacity: 1 + } } - @keyframes checkboxRippleOn { - 0% {transform: scale(0);transform: scale(0);opacity:1} - 40% {transform: scale(1);transform: scale(1)} - 50% {opacity:0} - 100% {transform: scale(0);transform: scale(0);opacity:1} + 0% { + transform: scale(0); + transform: scale(0); + opacity: 1 + } + 40% { + transform: scale(1); + transform: scale(1) + } + 50% { + opacity: 0 + } + 100% { + transform: scale(0); + transform: scale(0); + opacity: 1 + } } - @-webkit-keyframes checkboxRippleOff { - 0% {-webkit-transform: scale(0);transform: scale(0);opacity:1} - 40% {-webkit-transform: scale(1);transform: scale(1)} - 50% {opacity:0} - 100% {-webkit-transform: scale(0);transform: scale(0);opacity:1} + 0% { + -webkit-transform: scale(0); + transform: scale(0); + opacity: 1 + } + 40% { + -webkit-transform: scale(1); + transform: scale(1) + } + 50% { + opacity: 0 + } + 100% { + -webkit-transform: scale(0); + transform: scale(0); + opacity: 1 + } } - @keyframes checkboxRippleOff { - 0% {transform: scale(0);transform: scale(0);opacity:1} - 40% {transform: scale(1);transform: scale(1)} - 50% {opacity:0} - 100% {transform: scale(0);transform: scale(0);opacity:1} + 0% { + transform: scale(0); + transform: scale(0); + opacity: 1 + } + 40% { + transform: scale(1); + transform: scale(1) + } + 50% { + opacity: 0 + } + 100% { + transform: scale(0); + transform: scale(0); + opacity: 1 + } } \ No newline at end of file diff --git a/layouts/xedition/css/xeicon.css b/layouts/xedition/css/xeicon.css index ec8806ba4..fab6352b9 100644 --- a/layouts/xedition/css/xeicon.css +++ b/layouts/xedition/css/xeicon.css @@ -1,54 +1,266 @@ @charset "utf-8"; /* reset parent style */ -.body.sub {width:100% !important; margin:0;} -.body.sub.full_width .content {width:100% !important; padding-bottom:0px !important;} - +.body.sub { + width: 100% !important; + margin: 0; +} +.body.sub.full_width .content { + width: 100% !important; + padding-bottom: 0px !important; +} /* XEicon page common style */ -.XEicon { padding-top: 60px;} -.XEicon .fixedwidth {width:1200px; margin:0 auto;} -.XEicon .tit {position:relative;} -.XEicon .tit h1 {font-size:29px; text-align:center; letter-spacing:2px;} -.XEicon .tit h1:after {position:absolute; top:115%; left:49%; width:20px; height:3px; background-color:#cda25a; content: "";} - +.XEicon { + padding-top: 60px; +} +.XEicon .fixedwidth { + width: 1200px; + margin: 0 auto; +} +.XEicon .tit { + position: relative; +} +.XEicon .tit h1 { + font-size: 29px; + text-align: center; + letter-spacing: 2px; +} +.XEicon .tit h1:after { + position: absolute; + top: 115%; + left: 49%; + width: 20px; + height: 3px; + background-color: #cda25a; + content: ""; +} /* a tag style */ -.XEicon p a{color:#444} +.XEicon p a { + color: #444 +} .XEicon p a:hover, .XEicon p a:active, -.XEicon p a:focus{color:#cda25a;border-bottom:1px solid #cda25a} - +.XEicon p a:focus { + color: #cda25a; + border-bottom: 1px solid #cda25a +} /* section .main_title */ -.XEicon .main_title h1 {margin-bottom: 47px;font-size: 34px;font-weight: 600;color: #cda25a;text-align: center;font-family: Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;text-transform: uppercase;letter-spacing: 1px;} -.XEicon .main_title p {font-size:15px;line-height:28px;color:#444;text-align:center} - +.XEicon .main_title h1 { + margin-bottom: 47px; + font-size: 34px; + font-weight: 600; + color: #cda25a; + text-align: center; + font-family: Raleway, '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif; + text-transform: uppercase; + letter-spacing: 1px; +} +.XEicon .main_title p { + font-size: 15px; + line-height: 28px; + color: #444; + text-align: center +} /* section .feature */ -.XEicon .feature{height:518px;padding-top:120px;} -.XEicon .feature ul{padding-top:80px} -.XEicon .feature li{position:relative;float:left;width:314px;min-height:140px;padding:0 16px 0 70px;margin:0 0 30px 0} -.XEicon .feature h2{padding:7px 24px 13px 0;font-size:17px;font-weight:600;line-height:23px;color:#333} -.XEicon .feature p{padding:0 24px 0 0;font-size:14px;line-height:26px;color:#888} -.XEicon .feature .ico{position:absolute;top:0;left:0;width:48px;height:48px;font-size:22px;text-align:center;line-height:50px;color:#555} - +.XEicon .feature { + height: 518px; + padding-top: 120px; +} +.XEicon .feature ul { + padding-top: 80px +} +.XEicon .feature li { + position: relative; + float: left; + width: 314px; + min-height: 140px; + padding: 0 16px 0 70px; + margin: 0 0 30px 0 +} +.XEicon .feature h2 { + padding: 7px 24px 13px 0; + font-size: 17px; + font-weight: 600; + line-height: 23px; + color: #333 +} +.XEicon .feature p { + padding: 0 24px 0 0; + font-size: 14px; + line-height: 26px; + color: #888 +} +.XEicon .feature .ico { + position: absolute; + top: 0; + left: 0; + width: 48px; + height: 48px; + font-size: 22px; + text-align: center; + line-height: 50px; + color: #555 +} /* section .get_started */ -.XEicon .get_started {height:550px; padding-top:80px; background: #f6f6f6; box-sizing:border-box;} -.XEicon .get_started .cont {font-size:15px; margin-top:75px; color:#888;} -.XEicon .get_started ul {margin-top:34px;} -.XEicon .get_started li {position:relative; float:left; width:286px; height:212px; margin-right:15px; border:1px solid #e8e8e8; background:#fff; text-align:center;} -.XEicon .get_started li:last-child {margin-right:0;} -.XEicon .get_started li h2 {padding:33px 0 19px; font-size:17px; font-weight: 600} -.XEicon .get_started li p {padding: 0 37px; font-size:14px; line-height: 26px; color:#888;} -.XEicon .get_started li > a {position:absolute; display:block; bottom:0; width:100%; height:50px; background:#888; border-top:1px solid #e1e1e1; line-height: 50px; font-size:14px; font-weight:600; text-transform:uppercase; color:#fff; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} +.XEicon .get_started { + height: 550px; + padding-top: 80px; + background: #f6f6f6; + box-sizing: border-box; +} +.XEicon .get_started .cont { + font-size: 15px; + margin-top: 75px; + color: #888; +} +.XEicon .get_started ul { + margin:34px -16px 0 0; +} +.XEicon .get_started li { + position: relative; + float: left; + width: 286px; + height: 212px; + margin-right: 16px; + border: 1px solid #e8e8e8; + background: #fff; + text-align: center; +} +.XEicon .get_started li:last-child { + margin-right: 0; +} +.XEicon .get_started li h2 { + padding: 33px 0 19px; + font-size: 17px; + font-weight: 600 +} +.XEicon .get_started li p { + padding: 0 37px; + font-size: 14px; + line-height: 26px; + color: #888; +} +.XEicon .get_started li > a { + position: absolute; + display: block; + bottom: 0; + width: 100%; + height: 50px; + background: #888; + border-top: 1px solid #e1e1e1; + line-height: 50px; + font-size: 14px; + font-weight: 600; + text-transform: uppercase; + color: #fff; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -ms-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out +} .XEicon .get_started li > a:hover, .XEicon .get_started li > a:active, -.XEicon .get_started li > a:focus {background-color:#cda25a;color:#fff;} - -.XEicon .get_started li > a .xeicon {display: none; margin-right:6px; font-size:140%; vertical-align: middle} -.XEicon .get_started li > a:hover .xeicon {display: inline-block; margin-top:-4px;} - +.XEicon .get_started li > a:focus { + background-color: #cda25a; + color: #fff; +} +.XEicon .get_started li > a .xeicon { + display: none; + margin-right: 6px; + font-size: 140%; + vertical-align: middle +} +.XEicon .get_started li > a:hover .xeicon { + display: inline-block; + margin-top: -4px; +} /* section .contribution */ -.XEicon .contribution {height:442px; padding-top:93px; box-sizing:border-box; text-align:center;} -.XEicon .contribution .cont {font-size:15px;line-height:26px;text-align:center; margin-top:58px; color:#888;} -.XEicon .contribution .btn_github{display:inline-block;margin:50px 0;padding:0 40px;height:52px;border:2px solid #cda25a;background-color:#fff;font-size:15px;line-height:52px;font-weight: 600;letter-spacing:1px;color:#cda25a;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} +.XEicon .contribution { + height: 442px; + padding-top: 93px; + box-sizing: border-box; + text-align: center; +} +.XEicon .contribution .cont { + font-size: 15px; + line-height: 26px; + text-align: center; + margin-top: 58px; + color: #888; +} +.XEicon .contribution .btn_github { + display: inline-block; + margin: 50px 0; + padding: 0 40px; + height: 52px; + border: 2px solid #cda25a; + background-color: #fff; + font-size: 15px; + line-height: 52px; + font-weight: 600; + letter-spacing: 1px; + color: #cda25a; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -ms-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out +} .XEicon .contribution .btn_github:hover, .XEicon .contribution .btn_github:active -.XEicon .contribution .btn_github:focus{background-color:#cda25a;color:#fff} +.XEicon .contribution .btn_github:focus { + background-color: #cda25a; + color: #fff +} +@media all and (max-width: 479px) { + .XEicon .fixedwidth { + width: auto; + } + .XEicon .main_title h1 { + margin-bottom: 28px; + font-size: 21px; + } + .XEicon .main_title p { + padding: 0 14px; + text-align: left; + } + .XEicon .tit h1 { + font-size: 20px; + text-align: center; + letter-spacing: 2px; + } + .XEicon .tit h1:after { + left: 50%; + margin-left: -10px; + } + .XEicon .feature { + height: auto; + padding-top: 90px; + } + .XEicon .feature ul { + padding: 50px 14px 0 14px; + } + .XEicon .feature li { + clear: both; + width: auto; + padding: 0 0 0 70px; + } + .XEicon .feature h2 { + padding-top:10px; + } + .XEicon .get_started { + height: auto; + padding: 80px 14px 20px 14px; + } + .XEicon .get_started li { + float: none; + width: auto; + margin-right: 0; + margin-bottom: 15px; + } + .XEicon .contribution .cont { + padding: 0 14px; + text-align: left; + } +} \ No newline at end of file diff --git a/layouts/xedition/css/xeicon.min.css b/layouts/xedition/css/xeicon.min.css deleted file mode 100644 index 7ddf37e05..000000000 --- a/layouts/xedition/css/xeicon.min.css +++ /dev/null @@ -1 +0,0 @@ -@charset "utf-8";.body.sub{width:100%!important;margin:0}.body.sub.full_width .content{width:100%!important;padding-bottom:0!important}.XEicon{padding-top:60px}.XEicon .fixedwidth{width:1200px;margin:0 auto}.XEicon .tit{position:relative}.XEicon .tit h1{font-size:29px;text-align:center;letter-spacing:2px}.XEicon .tit h1:after{position:absolute;top:115%;left:49%;width:20px;height:3px;background-color:#cda25a;content:""}.XEicon p a{color:#444}.XEicon p a:active,.XEicon p a:focus,.XEicon p a:hover{color:#cda25a;border-bottom:1px solid #cda25a}.XEicon .main_title h1{margin-bottom:47px;font-size:34px;font-weight:600;color:#cda25a;text-align:center;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:1px}.XEicon .main_title p{font-size:15px;line-height:28px;color:#444;text-align:center}.XEicon .feature{height:518px;padding-top:120px}.XEicon .feature ul{padding-top:80px}.XEicon .feature li{position:relative;float:left;width:314px;min-height:140px;padding:0 16px 0 70px;margin:0 0 30px}.XEicon .feature h2{padding:7px 24px 13px 0;font-size:17px;font-weight:600;line-height:23px;color:#333}.XEicon .feature p{padding:0 24px 0 0;font-size:14px;line-height:26px;color:#888}.XEicon .feature .ico{position:absolute;top:0;left:0;width:48px;height:48px;font-size:22px;text-align:center;line-height:50px;color:#555}.XEicon .get_started{height:550px;padding-top:80px;background:#f6f6f6;box-sizing:border-box}.XEicon .get_started .cont{font-size:15px;margin-top:75px;color:#888}.XEicon .get_started ul{margin-top:34px}.XEicon .get_started li{position:relative;float:left;width:286px;height:212px;margin-right:15px;border:1px solid #e8e8e8;background:#fff;text-align:center}.XEicon .get_started li:last-child{margin-right:0}.XEicon .get_started li h2{padding:33px 0 19px;font-size:17px;font-weight:600}.XEicon .get_started li p{padding:0 37px;font-size:14px;line-height:26px;color:#888}.XEicon .get_started li>a{position:absolute;display:block;bottom:0;width:100%;height:50px;background:#888;border-top:1px solid #e1e1e1;line-height:50px;font-size:14px;font-weight:600;text-transform:uppercase;color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.XEicon .get_started li>a:active,.XEicon .get_started li>a:focus,.XEicon .get_started li>a:hover{background-color:#cda25a;color:#fff}.XEicon .get_started li>a .xeicon{display:none;margin-right:6px;font-size:140%;vertical-align:middle}.XEicon .get_started li>a:hover .xeicon{display:inline-block;margin-top:-4px}.XEicon .contribution{height:442px;padding-top:93px;box-sizing:border-box;text-align:center}.XEicon .contribution .cont{font-size:15px;line-height:26px;text-align:center;margin-top:58px;color:#888}.XEicon .contribution .btn_github{display:inline-block;margin:50px 0;padding:0 40px;height:52px;border:2px solid #cda25a;background-color:#fff;font-size:15px;line-height:52px;font-weight:600;letter-spacing:1px;color:#cda25a;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.XEicon .contribution .btn_github:active .XEicon .contribution .btn_github:focus,.XEicon .contribution .btn_github:hover{background-color:#cda25a;color:#fff} \ No newline at end of file diff --git a/layouts/xedition/demo/slide.html b/layouts/xedition/demo/slide.html index e49e0ec4c..84d918261 100644 --- a/layouts/xedition/demo/slide.html +++ b/layouts/xedition/demo/slide.html @@ -1,30 +1,30 @@ -
-
-
+
+
+

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 index af3cd2e99..08ea671c4 100644 --- a/layouts/xedition/demo/welcome_main.html +++ b/layouts/xedition/demo/welcome_main.html @@ -1,6 +1,6 @@
-
+

Beautiful iconpack
XEIcon

HOMEPAGE diff --git a/layouts/xedition/js/SmoothScroll.min.js b/layouts/xedition/js/SmoothScroll.min.js deleted file mode 100644 index 3054f2b9e..000000000 --- a/layouts/xedition/js/SmoothScroll.min.js +++ /dev/null @@ -1,8 +0,0 @@ -// SmoothScroll for websites v1.2.1 -// Licensed under the terms of the MIT license. - -// People involved -// - Balazs Galambosi (maintainer) -// - Michael Herf (Pulse Algorithm) - -!function(){function e(){var e=!1;e&&c("keydown",r),v.keyboardSupport&&!e&&u("keydown",r)}function t(){if(document.body){var t=document.body,o=document.documentElement,n=window.innerHeight,r=t.scrollHeight;if(S=document.compatMode.indexOf("CSS")>=0?o:t,w=t,e(),x=!0,top!=self)y=!0;else if(r>n&&(t.offsetHeight<=n||o.offsetHeight<=n)){var a=!1,i=function(){a||o.scrollHeight==document.height||(a=!0,setTimeout(function(){o.style.height=document.height+"px",a=!1},500))};if(o.style.height="auto",setTimeout(i,10),S.offsetHeight<=n){var l=document.createElement("div");l.style.clear="both",t.appendChild(l)}}v.fixedBackground||b||(t.style.backgroundAttachment="scroll",o.style.backgroundAttachment="scroll")}}function o(e,t,o,n){if(n||(n=1e3),d(t,o),1!=v.accelerationMax){var r=+new Date,a=r-C;if(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 deleted file mode 100644 index b4cfbfe06..000000000 --- a/layouts/xedition/js/camera.min.js +++ /dev/null @@ -1,5 +0,0 @@ -// 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('