From 7595dac21643ee3e6e63ad7cfb605a629d54c635 Mon Sep 17 00:00:00 2001 From: Beom Jinhyeok Date: Tue, 10 Feb 2015 02:52:27 +0900 Subject: [PATCH 01/23] =?UTF-8?q?=EC=9C=84=EC=A0=AF=EC=8A=A4=ED=83=80?= =?UTF-8?q?=EC=9D=BC=20=EC=84=A4=EC=A0=95=EC=97=90=EC=84=9C=20=EC=9E=91?= =?UTF-8?q?=EC=84=B1=EC=9E=90=EB=A5=BC=20=ED=91=9C=EC=8B=9C=ED=95=98?= =?UTF-8?q?=EC=A7=80=20=EB=AA=BB=ED=95=98=EB=8A=94=20=EB=B2=84=EA=B7=B8=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- modules/widget/widget.model.php | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/modules/widget/widget.model.php b/modules/widget/widget.model.php index 9589bd32f..6600b6b17 100644 --- a/modules/widget/widget.model.php +++ b/modules/widget/widget.model.php @@ -304,7 +304,8 @@ class widgetModel extends widget if(file_exists($preview_file)) $buff[] = sprintf('$widgetStyle_info->preview = "%s";', $preview_file); // Author information - $author_list = (!is_array($author_list)) ? array($author_list) : $author_list; + if(!is_array($xml_obj->author)) $author_list[] = $xml_obj->author; + else $author_list = $xml_obj->author; foreach($author_list as $idx => $author) { From 89d23f2e224049d81a1681c31760870f4f66a250 Mon Sep 17 00:00:00 2001 From: Kijin Sung Date: Sat, 4 Apr 2015 19:37:55 +0900 Subject: [PATCH 02/23] =?UTF-8?q?=EA=B0=80=EC=9E=85=EC=9D=B8=EC=A6=9D?= =?UTF-8?q?=EB=A9=94=EC=9D=BC,=20ID/PW=EC=B0=BE=EA=B8=B0=20=EB=A9=94?= =?UTF-8?q?=EC=9D=BC=EC=9D=B4=2024=EC=8B=9C=EA=B0=84=20=EB=8F=99=EC=95=88?= =?UTF-8?q?=EB=A7=8C=20=EC=9C=A0=ED=9A=A8=ED=95=98=EB=8F=84=EB=A1=9D=20?= =?UTF-8?q?=EC=A0=9C=ED=95=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- modules/member/member.controller.php | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/modules/member/member.controller.php b/modules/member/member.controller.php index 21867570e..43bdf9f97 100644 --- a/modules/member/member.controller.php +++ b/modules/member/member.controller.php @@ -72,6 +72,11 @@ class memberController extends member } } + // Delete all previous authmail if login is successful + $args = new stdClass(); + $args->member_srl = $this->memberInfo->member_srl; + executeQuery('member.deleteAuthMail', $args); + if(!$config->after_login_url) { $returnUrl = Context::get('success_return_url') ? Context::get('success_return_url') : getNotEncodedUrl('', 'mid', Context::get('mid'), 'act', ''); @@ -1128,6 +1133,12 @@ class memberController extends member return $this->stop('msg_invalid_auth_key'); } + if(ztime($output->data->regdate) < $_SERVER['REQUEST_TIME'] + zgap() - 86400) + { + executeQuery('member.deleteAuthMail', $args); + return $this->stop('msg_invalid_auth_key'); + } + $args->password = $output->data->new_password; // If credentials are correct, change the password to a new one From d04d65ff57099bf1195281ee5e16f49ded21b92f Mon Sep 17 00:00:00 2001 From: Kijin Sung Date: Sat, 4 Apr 2015 19:56:59 +0900 Subject: [PATCH 03/23] =?UTF-8?q?=EA=B0=80=EC=9E=85=EC=9D=B8=EC=A6=9D?= =?UTF-8?q?=EB=A9=94=EC=9D=BC=20=EC=9E=AC=EB=B0=9C=EC=86=A1=EC=8B=9C=20?= =?UTF-8?q?=EC=9D=B8=EC=A6=9D=ED=82=A4=EC=9D=98=20=EC=9C=A0=ED=9A=A8?= =?UTF-8?q?=EA=B8=B0=EA=B0=84=EC=9D=84=20=EA=B0=B1=EC=8B=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- modules/member/member.controller.php | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/modules/member/member.controller.php b/modules/member/member.controller.php index 43bdf9f97..dfa154094 100644 --- a/modules/member/member.controller.php +++ b/modules/member/member.controller.php @@ -1279,6 +1279,12 @@ class memberController extends member if(!$output->data || !$output->data[0]->auth_key) return new Object(-1, 'msg_invalid_request'); $auth_info = $output->data[0]; + // Update the regdate of authmail entry + $renewal_args = new stdClass; + $renewal_args->member_srl = $member_info->member_srl; + $renewal_args->auth_key = $auth_info->auth_key; + $output = executeQuery('member.updateAuthMail', $renewal_args); + $memberInfo = array(); global $lang; if(is_array($member_config->signupForm)) From e75983768f10755d12458e25b53dc43240bf8f45 Mon Sep 17 00:00:00 2001 From: MinSoo Kim Date: Mon, 25 May 2015 02:32:47 +0900 Subject: [PATCH 04/23] Communication module mobile support enhancement MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 쪽지 모듈의 모바일 지원을 향상시켰습니다. 이 PR 이후에 회원 모듈의 모바일 지원을 향상 시키면 XE의 모바일 지원 수준이 한 단계 상승하게 됩니다. 꼭 반영되길 바랍니다! ## 수정 내용 * 커뮤니케이션 애드온의 회원 메뉴 설정 기능을 모듈의 트리거로 처리하여 조금 더 직관적으로 설정하게 됨. * 기본값은 모듈이 동작 하도록 함. * 모듈을 켜고 끌 수 있도록 함. * 모바일에서 친구 추가를 할 수 있게 함. * 스타일 아주 조금 다듬음. --- .../member_communication.addon.php | 42 ---------- .../communication.admin.controller.php | 79 ++++++++++++------- modules/communication/communication.class.php | 60 +++++++++++++- .../communication.controller.php | 75 ++++++++++++++++++ .../communication/communication.mobile.php | 67 ++++++++++++++++ modules/communication/communication.model.php | 6 +- modules/communication/lang/lang.xml | 22 ++++++ .../m.skins/default/add_friend.html | 31 ++++++++ .../m.skins/default/add_friend_group.html | 30 +++++++ .../m.skins/default/css/mcommunication.css | 2 +- .../m.skins/default/js/communication.js | 47 +++++++++++ modules/communication/ruleset/addFriend.xml | 14 ++-- .../communication/ruleset/addFriendGroup.xml | 11 ++- modules/communication/tpl/index.html | 27 ++++++- 14 files changed, 428 insertions(+), 85 deletions(-) create mode 100644 modules/communication/m.skins/default/add_friend.html create mode 100644 modules/communication/m.skins/default/add_friend_group.html diff --git a/addons/member_communication/member_communication.addon.php b/addons/member_communication/member_communication.addon.php index 8986d8b59..4b2373e84 100644 --- a/addons/member_communication/member_communication.addon.php +++ b/addons/member_communication/member_communication.addon.php @@ -25,13 +25,6 @@ if(!$logged_info|| isCrawler()) * */ if($this->module != 'member' && $called_position == 'before_module_init') { - // Load a language file from the communication module - Context::loadLang(_XE_PATH_ . 'modules/communication/lang'); - // Add menus on the member login information - $oMemberController = getController('member'); - $oMemberController->addMemberMenu('dispCommunicationFriend', 'cmd_view_friend'); - $oMemberController->addMemberMenu('dispCommunicationMessages', 'cmd_view_message_box'); - $flag_file = _XE_PATH_ . 'files/member_extra_info/new_message_flags/' . getNumberingPath($logged_info->member_srl) . $logged_info->member_srl; if($addon_info->use_alarm != 'N' && file_exists($flag_file)) { @@ -45,40 +38,5 @@ if($this->module != 'member' && $called_position == 'before_module_init') Context::addHtmlFooter(""); } } -elseif($this->act == 'getMemberMenu' && $called_position == 'before_module_proc') -{ - $member_srl = Context::get('target_srl'); - $oCommunicationModel = getModel('communication'); - - // Add a feature to display own message box. - if($logged_info->member_srl == $member_srl) - { - $mid = Context::get('cur_mid'); - $oMemberController = getController('member'); - // Add your own viewing Note Template - $oMemberController->addMemberPopupMenu(getUrl('', 'mid', $mid, 'act', 'dispCommunicationMessages'), 'cmd_view_message_box', '', 'self'); - // Display a list of friends - $oMemberController->addMemberPopupMenu(getUrl('', 'mid', $mid, 'act', 'dispCommunicationFriend'), 'cmd_view_friend', '', 'self'); - // If not, Add menus to send message and to add friends - } - else - { - // Get member information - $oMemberModel = getModel('member'); - $target_member_info = $oMemberModel->getMemberInfoByMemberSrl($member_srl); - if(!$target_member_info->member_srl) - { - return; - } - - $oMemberController = getController('member'); - // Add a menu for sending message - if($logged_info->is_admin == 'Y' || $target_member_info->allow_message == 'Y' || ($target_member_info->allow_message == 'F' && $oCommunicationModel->isFriend($member_srl))) - $oMemberController->addMemberPopupMenu(getUrl('', 'mid', Context::get('cur_mid'), 'act', 'dispCommunicationSendMessage', 'receiver_srl', $member_srl), 'cmd_send_message', '', 'popup'); - // Add a menu for listing friends (if a friend is new) - if(!$oCommunicationModel->isAddedFriend($member_srl)) - $oMemberController->addMemberPopupMenu(getUrl('', 'mid', Context::get('cur_mid'), 'act', 'dispCommunicationAddFriend', 'target_srl', $member_srl), 'cmd_add_friend', '', 'popup'); - } -} /* End of file member_communication.addon.php */ /* Location: ./addons/member_communication/member_communication.addon.php */ diff --git a/modules/communication/communication.admin.controller.php b/modules/communication/communication.admin.controller.php index 1f9e8b028..829e789da 100644 --- a/modules/communication/communication.admin.controller.php +++ b/modules/communication/communication.admin.controller.php @@ -23,41 +23,66 @@ class communicationAdminController extends communication */ function procCommunicationAdminInsertConfig() { + // Get the configuration information + $oModuleModel = getModel('module'); + $config = $oModuleModel->getModuleConfig('communication'); + // get the default information - $args = Context::gets('skin', 'colorset', 'editor_skin', 'sel_editor_colorset', 'mskin', 'mcolorset', 'layout_srl', 'mlayout_srl', 'grant_write_default','grant_write_group'); - $args->editor_colorset = $args->sel_editor_colorset; - unset($args->sel_editor_colorset); + $args = Context::gets('able_module', 'skin', 'colorset', 'editor_skin', 'sel_editor_colorset', 'mskin', 'mcolorset', 'layout_srl', 'mlayout_srl', 'grant_write_default','grant_write_group'); - if(!$args->skin) + //if module IO config is off + if($args->able_module === 'Y') { - $args->skin = 'default'; - } + // Re-install triggers, if it was disabled. + if($config->able_module == 'N') + { + $this->moduleUpdate(); + } - if(!$args->colorset) + $args->editor_colorset = $args->sel_editor_colorset; + unset($args->sel_editor_colorset); + + if(!$args->skin) + { + $args->skin = 'default'; + } + + if(!$args->colorset) + { + $args->colorset = 'white'; + } + + if(!$args->editor_skin) + { + $args->editor_skin = 'default'; + } + + if(!$args->mskin) + { + $args->mskin = 'default'; + } + + if(!$args->layout_srl) + { + $args->layout_srl = NULL; + } + + $oCommunicationModel = getModel('communication'); + $args->grant_write = $oCommunicationModel->getGrantArray($args->grant_write_default, $args->grant_write_group); + unset($args->grant_write_default); + unset($args->grant_write_group); + } + else { - $args->colorset = 'white'; - } + //module IO config is OFF, Other settings will not be modified. + $config->able_module = 'N'; + $args = $config; - if(!$args->editor_skin) - { - $args->editor_skin = 'default'; + // Delete Triggers + $oModuleController = getController('module'); + $oModuleController->deleteModuleTriggers('communication'); } - if(!$args->mskin) - { - $args->mskin = 'default'; - } - - if(!$args->layout_srl) - { - $args->layout_srl = NULL; - } - - $oCommunicationModel = getModel('communication'); - $args->grant_write = $oCommunicationModel->getGrantArray($args->grant_write_default, $args->grant_write_group); - unset($args->grant_write_default); - unset($args->grant_write_group); - // create the module module Controller object $oModuleController = getController('module'); $output = $oModuleController->insertModuleConfig('communication', $args); diff --git a/modules/communication/communication.class.php b/modules/communication/communication.class.php index 155fd6413..44848c08c 100644 --- a/modules/communication/communication.class.php +++ b/modules/communication/communication.class.php @@ -8,6 +8,10 @@ */ class communication extends ModuleObject { + var $triggers = array( + array('member.getMemberMenu', 'communication', 'controller', 'triggerBeforeMemberPopupMenu', 'before'), + array('moduleHandler.init', 'communication', 'controller', 'triggerAddMemberMenu', 'after') + ); /** * Implement if additional tasks are necessary when installing @@ -15,8 +19,32 @@ class communication extends ModuleObject */ function moduleInstall() { + $oModuleModel = getModel('module'); + $oModuleController = getController('module'); + + // Create triggers + foreach($this->triggers as $trigger) + { + if(!$oModuleModel->getTrigger($trigger[0], $trigger[1], $trigger[2], $trigger[3], $trigger[4])) + { + $oModuleController->insertTrigger($trigger[0], $trigger[1], $trigger[2], $trigger[3], $trigger[4]); + } + } + // Create a temporary file storage for one new private message notification FileHandler::makeDir('./files/member_extra_info/new_message_flags'); + + // Save Default Config. + $config = new stdClass; + $config->able_module = 'Y'; + $config->skin = 'default'; + $config->colorset = 'white'; + $config->editor_skin = 'default'; + $communication_config->mskin = 'default'; + $communication_config->grant_write = array('default_grant'=>'member'); + + // Save configurations + $oModuleController->insertModuleConfig('communication', $config); return new Object(); } @@ -32,6 +60,7 @@ class communication extends ModuleObject } $oModuleModel = getModel('module'); + $oModuleController = getController('module'); $config = $oModuleModel->getModuleConfig('message'); if($config->skin) @@ -46,6 +75,13 @@ class communication extends ModuleObject } } } + + // Create triggers + foreach($this->triggers as $trigger) + { + if(!$oModuleModel->getTrigger($trigger[0], $trigger[1], $trigger[2], $trigger[3], $trigger[4])) return true; + } + return FALSE; } @@ -61,6 +97,7 @@ class communication extends ModuleObject } $oModuleModel = getModel('module'); + $oModuleController = getController('module'); $config = $oModuleModel->getModuleConfig('message'); if(!is_object($config)) { @@ -81,7 +118,16 @@ class communication extends ModuleObject } } } - + + // Create triggers + foreach($this->triggers as $trigger) + { + if(!$oModuleModel->getTrigger($trigger[0], $trigger[1], $trigger[2], $trigger[3], $trigger[4])) + { + $oModuleController->insertTrigger($trigger[0], $trigger[1], $trigger[2], $trigger[3], $trigger[4]); + } + } + return new Object(0, 'success_updated'); } @@ -91,9 +137,19 @@ class communication extends ModuleObject */ function recompileCache() { - } + + function moduleUninstall() + { + $oModuleController = getController('module'); + + foreach($this->triggers as $trigger) + { + $oModuleController->deleteTrigger($trigger[0], $trigger[1], $trigger[2], $trigger[3], $trigger[4]); + } + return new Object(); + } } /* End of file communication.class.php */ /* Location: ./modules/comment/communication.class.php */ diff --git a/modules/communication/communication.controller.php b/modules/communication/communication.controller.php index 69cba0d09..9a90bc6a3 100644 --- a/modules/communication/communication.controller.php +++ b/modules/communication/communication.controller.php @@ -775,6 +775,81 @@ class communicationController extends communication return executeQuery('communication.setMessageReaded', $args); } + /** + * Create communication module menu on the member menu + * @param int $message_srl + * @return Object + */ + public function triggerAddMemberMenu() + { + // Stop if non-logged-in user is + $logged_info = Context::get('logged_info'); + if(!$logged_info|| isCrawler()) + { + return new Object(); + } + + $oCommunicationModel = getModel('communication'); + $config = $oCommunicationModel->getConfig(); + + if($config->able_module === 'Y') + { + $oMemberController = getController('member'); + $oMemberController->addMemberMenu('dispCommunicationFriend', 'cmd_view_friend'); + $oMemberController->addMemberMenu('dispCommunicationMessages', 'cmd_view_message_box'); + } + + return new Object(); + } + + /** + * Create communication module menu on the member popup menu + * @param int $message_srl + * @return Object + */ + public function triggerBeforeMemberPopupMenu() + { + // Stop if non-logged-in user is + $logged_info = Context::get('logged_info'); + if(!$logged_info|| isCrawler()) + { + return; + } + + $member_srl = Context::get('target_srl'); + $oCommunicationModel = getModel('communication'); + + // Add a feature to display own message box. + if($logged_info->member_srl == $member_srl) + { + $mid = Context::get('cur_mid'); + $oMemberController = getController('member'); + // Add your own viewing Note Template + $oMemberController->addMemberPopupMenu(getUrl('', 'mid', $mid, 'act', 'dispCommunicationMessages'), 'cmd_view_message_box', '', 'self'); + // Display a list of friends + $oMemberController->addMemberPopupMenu(getUrl('', 'mid', $mid, 'act', 'dispCommunicationFriend'), 'cmd_view_friend', '', 'self'); + // If not, Add menus to send message and to add friends + } + else + { + // Get member information + $oMemberModel = getModel('member'); + $target_member_info = $oMemberModel->getMemberInfoByMemberSrl($member_srl); + if(!$target_member_info->member_srl) + { + return; + } + + $oMemberController = getController('member'); + // Add a menu for sending message + if($logged_info->is_admin == 'Y' || $target_member_info->allow_message == 'Y' || ($target_member_info->allow_message == 'F' && $oCommunicationModel->isFriend($member_srl))) + $oMemberController->addMemberPopupMenu(getUrl('', 'mid', Context::get('cur_mid'), 'act', 'dispCommunicationSendMessage', 'receiver_srl', $member_srl), 'cmd_send_message', '', 'popup'); + // Add a menu for listing friends (if a friend is new) + if(!$oCommunicationModel->isAddedFriend($member_srl)) + $oMemberController->addMemberPopupMenu(getUrl('', 'mid', Context::get('cur_mid'), 'act', 'dispCommunicationAddFriend', 'target_srl', $member_srl), 'cmd_add_friend', '', 'popup'); + } + } + } /* End of file communication.controller.php */ /* Location: ./modules/comment/communication.controller.php */ diff --git a/modules/communication/communication.mobile.php b/modules/communication/communication.mobile.php index d846f4cca..1f32166a9 100644 --- a/modules/communication/communication.mobile.php +++ b/modules/communication/communication.mobile.php @@ -182,6 +182,73 @@ class communicationMobile extends communicationView $this->setTemplateFile('send_message'); } + /** + * display Add a friend + * @return void|Object (void : success, Object : fail) + */ + function dispCommunicationAddFriend() + { + // error appears if not logged-in + if(!Context::get('is_logged')) + { + return $this->stop('msg_not_logged'); + } + + $logged_info = Context::get('logged_info'); + $target_srl = Context::get('target_srl'); + + if(!$target_srl) + { + return $this->stop('msg_invalid_request'); + } + + // get information of the member + $oMemberModel = getModel('member'); + $oCommunicationModel = getModel('communication'); + $communication_info = $oMemberModel->getMemberInfoByMemberSrl($target_srl); + + if($communication_info->member_srl != $target_srl) + { + return $this->stop('msg_invalid_request'); + } + + Context::set('target_info', $communication_info); + + // get a group list + $friend_group_list = $oCommunicationModel->getFriendGroups(); + Context::set('friend_group_list', $friend_group_list); + + $this->setTemplateFile('add_friend'); + } + + /** + * display add a group of friends + * @return void|Object (void : success, Object : fail) + */ + function dispCommunicationAddFriendGroup() + { + // error apprears if not logged-in + if(!Context::get('is_logged')) + { + return $this->stop('msg_not_logged'); + } + + $logged_info = Context::get('logged_info'); + + // change to edit mode when getting the group_srl + $friend_group_srl = Context::get('friend_group_srl'); + if($friend_group_srl) + { + $oCommunicationModel = getModel('communication'); + $friend_group = $oCommunicationModel->getFriendGroupInfo($friend_group_srl); + if($friend_group->friend_group_srl == $friend_group_srl) + { + Context::set('friend_group', $friend_group); + } + } + + $this->setTemplateFile('add_friend_group'); + } } /* End of file communication.mobile.php */ /* Location: ./modules/comment/communication.mobile.php */ diff --git a/modules/communication/communication.model.php b/modules/communication/communication.model.php index 46e262fd3..d66e115aa 100644 --- a/modules/communication/communication.model.php +++ b/modules/communication/communication.model.php @@ -51,12 +51,16 @@ class communicationModel extends communication { $communication_config->mskin = 'default'; } - + if(!$communication_config->grant_write) { $communication_config->grant_write = array('default_grant'=>'member'); } + if(!$communication_config->able_module) + { + $communication_config->able_module = 'Y'; + } return $communication_config; } diff --git a/modules/communication/lang/lang.xml b/modules/communication/lang/lang.xml index d4bac684f..05d9ade79 100644 --- a/modules/communication/lang/lang.xml +++ b/modules/communication/lang/lang.xml @@ -10,6 +10,28 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/modules/communication/m.skins/default/add_friend.html b/modules/communication/m.skins/default/add_friend.html new file mode 100644 index 000000000..fd3679ed9 --- /dev/null +++ b/modules/communication/m.skins/default/add_friend.html @@ -0,0 +1,31 @@ + + +
+

{$lang->cmd_add_friend}

+
+
+

{$XE_VALIDATOR_MESSAGE}

+
+
+ + + + + +
+ +
+
\ No newline at end of file diff --git a/modules/communication/m.skins/default/add_friend_group.html b/modules/communication/m.skins/default/add_friend_group.html new file mode 100644 index 000000000..dc2cde80b --- /dev/null +++ b/modules/communication/m.skins/default/add_friend_group.html @@ -0,0 +1,30 @@ + + +
+

+ + {$lang->cmd_rename_friend_group} + + {$lang->cmd_add_friend_group} + +

+
+
+

{$XE_VALIDATOR_MESSAGE}

+
+
+ + + + +
    +
  • + + +
  • +
+
+ + +
+
diff --git a/modules/communication/m.skins/default/css/mcommunication.css b/modules/communication/m.skins/default/css/mcommunication.css index 7d803cbab..8f7fc8b90 100644 --- a/modules/communication/m.skins/default/css/mcommunication.css +++ b/modules/communication/m.skins/default/css/mcommunication.css @@ -100,7 +100,7 @@ input[type=radio]{width:13px;height:13px;margin:0;padding:0} .ff label+input[type=text], .ff label+input[type=password], .ff label+textarea, -.ff label+select{display:block;width:96%;font-size:14px;margin:0 0 5px 0} +.ff label+select{display:block;box-sizing:border-box;width:100%;font-size:14px;margin:0 0 5px 0} .ff label+input[type=text], .ff label+input[type=password], .ff label+textarea{padding:5px} diff --git a/modules/communication/m.skins/default/js/communication.js b/modules/communication/m.skins/default/js/communication.js index e37272d41..07934c2f0 100644 --- a/modules/communication/m.skins/default/js/communication.js +++ b/modules/communication/m.skins/default/js/communication.js @@ -20,3 +20,50 @@ function mergeContents() $form.find('input[name=content]').val(content); $form.submit(); } + +/* 친구 그룹 삭제 */ +function doDeleteFriendGroup() { + var friend_group_srl = jQuery('#friend_group_list option:selected').val(); + if(!friend_group_srl) return; + + var fo_obj = jQuery('#for_delete_group').get(0); + fo_obj.friend_group_srl.value = friend_group_srl; + + procFilter(fo_obj, delete_friend_group); +} + +function completeDeleteFriendGroup(ret_obj) { + alert(ret_obj['message']); + location.href = current_url.setQuery('friend_group_srl',''); +} + +/* 친구 그룹의 이름 변경 */ +function doRenameFriendGroup() { + var friend_group_srl = jQuery('#friend_group_list option:selected').val(); + if(!friend_group_srl) return; + + popopen("./?module=communication&act=dispCommunicationAddFriendGroup&friend_group_srl="+friend_group_srl); +} + +/* 친구 그룹 이동 */ +function doMoveFriend() { + var fo_obj = jQuery('#fo_friend_list').get(0); + procFilter(fo_obj, move_friend); +} + +/* 친구 그룹 선택 */ +function doJumpFriendGroup() { + var sel_val = jQuery('#jumpMenu option:selected').val(); + location.href = current_url.setQuery('friend_group_srl', sel_val); +} + +jQuery(function($){ + $('.__submit_group button[type=submit]').click(function(e){ + var sel_val = $('input[name="friend_srl_list[]"]:checked').length; + if(sel_val == 0) + { + e.preventDefault(); + return false; + } + }); +}); diff --git a/modules/communication/ruleset/addFriend.xml b/modules/communication/ruleset/addFriend.xml index 27e72cf1e..94b2daa9c 100644 --- a/modules/communication/ruleset/addFriend.xml +++ b/modules/communication/ruleset/addFriend.xml @@ -1,7 +1,11 @@ - + - - - - + + + + + + + + diff --git a/modules/communication/ruleset/addFriendGroup.xml b/modules/communication/ruleset/addFriendGroup.xml index b65ad171e..1bcb89fcb 100644 --- a/modules/communication/ruleset/addFriendGroup.xml +++ b/modules/communication/ruleset/addFriendGroup.xml @@ -1,8 +1,11 @@ - - - + + + + + + - + diff --git a/modules/communication/tpl/index.html b/modules/communication/tpl/index.html index 7f21fa105..706f8d2ed 100644 --- a/modules/communication/tpl/index.html +++ b/modules/communication/tpl/index.html @@ -15,11 +15,18 @@

{$XE_VALIDATOR_MESSAGE}

-
+ +
+ +
+ + {$lang->about_communication_io} +
+
@@ -105,10 +112,24 @@
+ jQuery(function($){ + var communication_module_cfg = $('#communication_module_config_form .x_control-group:not(.module_io)'); + if(!$('#able_module').is(':checked')) + { + communication_module_cfg.hide(); + } + $('#able_module').change(function(){ + if($(this).is(':checked')){ + communication_module_cfg.slideDown(200); + } else { + communication_module_cfg.slideUp(200); + } + }); +}); + \ No newline at end of file From c13690bfd50d5b8d29d803a9515472e9c12bc1d8 Mon Sep 17 00:00:00 2001 From: MinSoo Kim Date: Mon, 25 May 2015 09:28:07 +0900 Subject: [PATCH 05/23] Comment fix, Check update refine. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 모듈이 비활성화 되어 있을때는 트리거가 없는게 정상 이므로, 업데이트 메시지를 표시하지 않습니다. 주석이 반대로 적힌 부분이 있어서 수정합니다. --- .../communication/communication.admin.controller.php | 2 +- modules/communication/communication.class.php | 10 +++++++--- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/modules/communication/communication.admin.controller.php b/modules/communication/communication.admin.controller.php index 829e789da..25364e145 100644 --- a/modules/communication/communication.admin.controller.php +++ b/modules/communication/communication.admin.controller.php @@ -30,7 +30,7 @@ class communicationAdminController extends communication // get the default information $args = Context::gets('able_module', 'skin', 'colorset', 'editor_skin', 'sel_editor_colorset', 'mskin', 'mcolorset', 'layout_srl', 'mlayout_srl', 'grant_write_default','grant_write_group'); - //if module IO config is off + //if module IO config is on if($args->able_module === 'Y') { // Re-install triggers, if it was disabled. diff --git a/modules/communication/communication.class.php b/modules/communication/communication.class.php index 44848c08c..760bb75ef 100644 --- a/modules/communication/communication.class.php +++ b/modules/communication/communication.class.php @@ -76,10 +76,14 @@ class communication extends ModuleObject } } - // Create triggers - foreach($this->triggers as $trigger) + // check if module is abled + if($config->able_module != 'N') { - if(!$oModuleModel->getTrigger($trigger[0], $trigger[1], $trigger[2], $trigger[3], $trigger[4])) return true; + // Check triggers + foreach($this->triggers as $trigger) + { + if(!$oModuleModel->getTrigger($trigger[0], $trigger[1], $trigger[2], $trigger[3], $trigger[4])) return true; + } } return FALSE; From fb90aae3814907477ff60388afc952224c41496a Mon Sep 17 00:00:00 2001 From: Kijin Sung Date: Thu, 28 May 2015 21:48:49 +0900 Subject: [PATCH 06/23] =?UTF-8?q?member=20=EB=AA=A8=EB=93=88=EC=9D=98=20pr?= =?UTF-8?q?ocMemberUpdateAuthMail=20act=20=EC=82=AD=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- modules/member/conf/module.xml | 1 - modules/member/member.class.php | 2 +- modules/member/member.controller.php | 70 ---------------------------- 3 files changed, 1 insertion(+), 72 deletions(-) diff --git a/modules/member/conf/module.xml b/modules/member/conf/module.xml index 9ef67b93a..e361bcec6 100644 --- a/modules/member/conf/module.xml +++ b/modules/member/conf/module.xml @@ -66,7 +66,6 @@ - diff --git a/modules/member/member.class.php b/modules/member/member.class.php index ba85688f9..4c994af02 100644 --- a/modules/member/member.class.php +++ b/modules/member/member.class.php @@ -28,7 +28,7 @@ class member extends ModuleObject { // Set to use SSL upon actions related member join/information/password and so on. 2013.02.15 if(!Context::isExistsSSLAction('dispMemberModifyPassword') && Context::getSslStatus() == 'optional') { - $ssl_actions = array('dispMemberModifyPassword', 'dispMemberSignUpForm', 'dispMemberModifyInfo', 'dispMemberModifyEmailAddress', 'dispMemberGetTempPassword', 'dispMemberResendAuthMail', 'dispMemberLoginForm', 'dispMemberFindAccount', 'dispMemberLeave', 'procMemberLogin', 'procMemberModifyPassword', 'procMemberInsert', 'procMemberModifyInfo', 'procMemberFindAccount', 'procMemberModifyEmailAddress', 'procMemberUpdateAuthMail', 'procMemberResendAuthMail', 'procMemberLeave'/*, 'getMemberMenu'*/, 'procMemberFindAccountByQuestion'); + $ssl_actions = array('dispMemberModifyPassword', 'dispMemberSignUpForm', 'dispMemberModifyInfo', 'dispMemberModifyEmailAddress', 'dispMemberGetTempPassword', 'dispMemberResendAuthMail', 'dispMemberLoginForm', 'dispMemberFindAccount', 'dispMemberLeave', 'procMemberLogin', 'procMemberModifyPassword', 'procMemberInsert', 'procMemberModifyInfo', 'procMemberFindAccount', 'procMemberModifyEmailAddress', 'procMemberResendAuthMail', 'procMemberLeave'/*, 'getMemberMenu'*/, 'procMemberFindAccountByQuestion'); Context::addSSLActions($ssl_actions); } } diff --git a/modules/member/member.controller.php b/modules/member/member.controller.php index 4c6eb1b51..af5038dcf 100644 --- a/modules/member/member.controller.php +++ b/modules/member/member.controller.php @@ -1160,76 +1160,6 @@ class memberController extends member $this->setTemplateFile('msg_success_authed'); } - /** - * Execute finding ID/Passoword - * When clicking the link in the verification email, a method is called to change the old password and to authenticate it - * - * @return Object - */ - function procMemberUpdateAuthMail() - { - $member_srl = Context::get('member_srl'); - if(!$member_srl) return new Object(-1, 'msg_invalid_request'); - - $oMemberModel = getModel('member'); - // Get information of the member - $member_info = $oMemberModel->getMemberInfoByMemberSrl($member_srl); - // Check if the member is set to allow a request to re-send an authentication mail - if($member_info->denied != 'Y') - return new Object(-1, 'msg_invalid_request'); - - $chk_args = new stdClass; - $chk_args->member_srl = $member_srl; - $output = executeQuery('member.chkAuthMail', $chk_args); - if($output->toBool() && $output->data->count == '0') return new Object(-1, 'msg_invalid_request'); - - // Insert data into the authentication DB - $auth_args = new stdClass; - $auth_args->member_srl = $member_srl; - $auth_args->auth_key = $oPassword->createSecureSalt(40); - - $oDB = &DB::getInstance(); - $oDB->begin(); - $output = executeQuery('member.updateAuthMail', $auth_args); - if(!$output->toBool()) - { - $oDB->rollback(); - return $output; - } - // Get content of the email to send a member - Context::set('auth_args', $auth_args); - Context::set('memberInfo', $member_info); - - $oModuleModel = getModel('module'); - $member_config = $oModuleModel->getModuleConfig('member'); - if(!$member_config->skin) $member_config->skin = "default"; - if(!$member_config->colorset) $member_config->colorset = "white"; - - Context::set('member_config', $member_config); - - $tpl_path = sprintf('%sskins/%s', $this->module_path, $member_config->skin); - if(!is_dir($tpl_path)) $tpl_path = sprintf('%sskins/%s', $this->module_path, 'default'); - - $auth_url = getFullUrl('','module','member','act','procMemberAuthAccount','member_srl',$member_info->member_srl, 'auth_key',$auth_args->auth_key); - Context::set('auth_url', $auth_url); - - $oTemplate = &TemplateHandler::getInstance(); - $content = $oTemplate->compile($tpl_path, 'confirm_member_account_mail'); - // Get information of the Webmaster - $oModuleModel = getModel('module'); - $member_config = $oModuleModel->getModuleConfig('member'); - // Send a mail - $oMail = new Mail(); - $oMail->setTitle( Context::getLang('msg_confirm_account_title') ); - $oMail->setContent($content); - $oMail->setSender( $member_config->webmaster_name?$member_config->webmaster_name:'webmaster', $member_config->webmaster_email); - $oMail->setReceiptor( $member_info->user_name, $member_info->email_address ); - $oMail->send(); - // Return message - $msg = sprintf(Context::getLang('msg_auth_mail_sent'), $member_info->email_address); - return new Object(-1, $msg); - } - /** * Request to re-send the authentication mail * From 851f44cada84c8af1d7abd36d9b77ddf64a5d33a Mon Sep 17 00:00:00 2001 From: dlehdanakf Date: Mon, 6 Jul 2015 10:53:00 +0900 Subject: [PATCH 07/23] =?UTF-8?q?=EC=8A=AC=EB=9D=BC=EC=9D=B4=EB=8D=94=20ba?= =?UTF-8?q?ckground=20cover=20=EC=86=8D=EC=84=B1=20=EB=B6=80=EC=97=AC=20?= =?UTF-8?q?=EB=B0=8F=20header=20=EC=A2=8C=EC=9A=B0=20padding=2020px?= =?UTF-8?q?=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layouts/xedition/css/layout.css | 32 ++++++++++++++++---------------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css index c5a7f068a..8f6332573 100644 --- a/layouts/xedition/css/layout.css +++ b/layouts/xedition/css/layout.css @@ -39,7 +39,7 @@ a:hover,a:active,a:focus{text-decoration:none} /* Fixed Header */ .container.fixed_header{padding-top:100px} -.fixed_header .header_wrap{position:absolute;top:0;left:0;right:0;width:auto;z-index:1000;padding:0 20px} +.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;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} @@ -211,7 +211,7 @@ a:hover,a:active,a:focus{text-decoration:none} .btn_top i{line-height:48px} .swiper-container { height:600px; font-family: Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif; } -.swiper-container > div > div { display: table; height:600px; color:#fff; } +.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; } @@ -318,20 +318,20 @@ a:hover,a:active,a:focus{text-decoration:none} .search_wrap{display:none;} -.gnb{float:none;position:static;z-index:1;max-width:100%;height:100%;font-size:1em} -.gnb a{text-decoration:none;white-space: normal} -.gnb>ul>li{float:none;position:static;text-align:left} -.gnb>ul:after{display:block;clear:both;content:''} -.gnb>ul>li>a{display:block;position:static;padding:10px 0;line-height:normal;font-size:normal;font-weight:normal;color:#888} -.gnb>ul>li>a:hover,.gnb>ul>li>a:focus,.gnb>ul>li>a:focus,.gnb>ul>li.on>a{color:#444} - -.gnb>ul .depth2{display:block;position:static;z-index:2;padding:0;background-color:#fff} -.gnb>ul .depth2>li{position:static} -.gnb>ul .depth2:after{display: none} -.gnb>ul .depth2 a{display:block;position:static;min-width:100%;height:auto;padding:10px 0;line-height:normal;font-size:13px;color:#9d9d9d} -.gnb>ul .depth2 a:hover,.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2>li.on>a{color:#cda25a} -.gnb>ul .depth3{display:block;position:static;background-color:#fff;padding:0;} -.gnb>ul .depth2>li.more>a:after{display:none;} + .gnb{float:none;position:static;z-index:1;max-width:100%;height:100%;font-size:1em} + .gnb a{text-decoration:none;white-space: normal} + .gnb>ul>li{float:none;position:static;text-align:left} + .gnb>ul:after{display:block;clear:both;content:''} + .gnb>ul>li>a{display:block;position:static;padding:10px 0;line-height:normal;font-size:normal;font-weight:normal;color:#888} + .gnb>ul>li>a:hover,.gnb>ul>li>a:focus,.gnb>ul>li>a:focus,.gnb>ul>li.on>a{color:#444} + + .gnb>ul .depth2{display:block;position:static;z-index:2;padding:0;background-color:#fff} + .gnb>ul .depth2>li{position:static} + .gnb>ul .depth2:after{display: none} + .gnb>ul .depth2 a{display:block;position:static;min-width:100%;height:auto;padding:10px 0;line-height:normal;font-size:13px;color:#9d9d9d} + .gnb>ul .depth2 a:hover,.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2>li.on>a{color:#cda25a} + .gnb>ul .depth3{display:block;position:static;background-color:#fff;padding:0;} + .gnb>ul .depth2>li.more>a:after{display:none;} /* GNB */ .gnb{ display:block; position: static; max-width: auto; } From d6bcd439642aea24966d64a5670b2baf3396ce7a Mon Sep 17 00:00:00 2001 From: dlehdanakf Date: Mon, 6 Jul 2015 10:53:46 +0900 Subject: [PATCH 08/23] =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=ED=9B=84?= =?UTF-8?q?=20header=20=ED=94=84=EC=82=AC=EC=97=90=20=EB=A7=88=EC=9A=B0?= =?UTF-8?q?=EC=8A=A4=20=EC=98=A4=EB=B2=84=EC=8B=9C=EC=97=90=20=ED=9A=8C?= =?UTF-8?q?=EC=9B=90=EB=A9=94=EB=89=B4=20=EC=95=88=EB=9C=A8=EB=8A=94=20?= =?UTF-8?q?=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layouts/xedition/js/idangerous.swiper.js | 2893 +++++++++++++++++ layouts/xedition/js/jquery.parallax-scroll.js | 126 + layouts/xedition/js/layout.js | 9 + 3 files changed, 3028 insertions(+) create mode 100644 layouts/xedition/js/idangerous.swiper.js create mode 100644 layouts/xedition/js/jquery.parallax-scroll.js diff --git a/layouts/xedition/js/idangerous.swiper.js b/layouts/xedition/js/idangerous.swiper.js new file mode 100644 index 000000000..b630afc39 --- /dev/null +++ b/layouts/xedition/js/idangerous.swiper.js @@ -0,0 +1,2893 @@ +/* + * 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 +*/ +var Swiper = function (selector, params) { + 'use strict'; + + /*========================= + A little bit dirty but required part for IE8 and old FF support + ===========================*/ + if (!document.body.outerHTML && document.body.__defineGetter__) { + if (HTMLElement) { + var element = HTMLElement.prototype; + if (element.__defineGetter__) { + element.__defineGetter__('outerHTML', function () { return new XMLSerializer().serializeToString(this); }); + } + } + } + + if (!window.getComputedStyle) { + window.getComputedStyle = function (el, pseudo) { + this.el = el; + this.getPropertyValue = function (prop) { + var re = /(\-([a-z]){1})/g; + if (prop === 'float') prop = 'styleFloat'; + if (re.test(prop)) { + prop = prop.replace(re, function () { + return arguments[2].toUpperCase(); + }); + } + return el.currentStyle[prop] ? el.currentStyle[prop] : null; + }; + return this; + }; + } + if (!Array.prototype.indexOf) { + Array.prototype.indexOf = function (obj, start) { + for (var i = (start || 0), j = this.length; i < j; i++) { + if (this[i] === obj) { return i; } + } + return -1; + }; + } + if (!document.querySelectorAll) { + if (!window.jQuery) return; + } + function $$(selector, context) { + if (document.querySelectorAll) + return (context || document).querySelectorAll(selector); + else + return jQuery(selector, context); + } + + /*========================= + Check for correct selector + ===========================*/ + if (typeof selector === 'undefined') return; + + if (!(selector.nodeType)) { + if ($$(selector).length === 0) return; + } + + /*========================= + _this + ===========================*/ + var _this = this; + + /*========================= + Default Flags and vars + ===========================*/ + _this.touches = { + start: 0, + startX: 0, + startY: 0, + current: 0, + currentX: 0, + currentY: 0, + diff: 0, + abs: 0 + }; + _this.positions = { + start: 0, + abs: 0, + diff: 0, + current: 0 + }; + _this.times = { + start: 0, + end: 0 + }; + + _this.id = (new Date()).getTime(); + _this.container = (selector.nodeType) ? selector : $$(selector)[0]; + _this.isTouched = false; + _this.isMoved = false; + _this.activeIndex = 0; + _this.centerIndex = 0; + _this.activeLoaderIndex = 0; + _this.activeLoopIndex = 0; + _this.previousIndex = null; + _this.velocity = 0; + _this.snapGrid = []; + _this.slidesGrid = []; + _this.imagesToLoad = []; + _this.imagesLoaded = 0; + _this.wrapperLeft = 0; + _this.wrapperRight = 0; + _this.wrapperTop = 0; + _this.wrapperBottom = 0; + _this.isAndroid = navigator.userAgent.toLowerCase().indexOf('android') >= 0; + var wrapper, slideSize, wrapperSize, direction, isScrolling, containerSize; + + /*========================= + Default Parameters + ===========================*/ + var defaults = { + eventTarget: 'wrapper', // or 'container' + mode : 'horizontal', // or 'vertical' + touchRatio : 1, + speed : 300, + freeMode : false, + freeModeFluid : false, + momentumRatio: 1, + momentumBounce: true, + momentumBounceRatio: 1, + slidesPerView : 1, + slidesPerGroup : 1, + slidesPerViewFit: true, //Fit to slide when spv "auto" and slides larger than container + simulateTouch : true, + followFinger : true, + shortSwipes : true, + longSwipesRatio: 0.5, + moveStartThreshold: false, + onlyExternal : false, + createPagination : true, + pagination : false, + paginationElement: 'span', + paginationClickable: false, + paginationAsRange: true, + resistance : true, // or false or 100% + scrollContainer : false, + preventLinks : true, + preventLinksPropagation: false, + noSwiping : false, // or class + noSwipingClass : 'swiper-no-swiping', //:) + initialSlide: 0, + keyboardControl: false, + mousewheelControl : false, + mousewheelControlForceToAxis : false, + useCSS3Transforms : true, + // Autoplay + autoplay: false, + autoplayDisableOnInteraction: true, + autoplayStopOnLast: false, + //Loop mode + loop: false, + loopAdditionalSlides: 0, + // Round length values + roundLengths: false, + //Auto Height + calculateHeight: false, + //Apply CSS for width and/or height + cssWidthAndHeight: false, // or true or 'width' or 'height' + //Images Preloader + updateOnImagesReady : true, + //Form elements + releaseFormElements : true, + //Watch for active slide, useful when use effects on different slide states + watchActiveIndex: false, + //Slides Visibility Fit + visibilityFullFit : false, + //Slides Offset + offsetPxBefore : 0, + offsetPxAfter : 0, + offsetSlidesBefore : 0, + offsetSlidesAfter : 0, + centeredSlides: false, + //Queue callbacks + queueStartCallbacks : false, + queueEndCallbacks : false, + //Auto Resize + autoResize : true, + resizeReInit : false, + //DOMAnimation + DOMAnimation : true, + //Slides Loader + loader: { + slides: [], //array with slides + slidesHTMLType: 'inner', // or 'outer' + surroundGroups: 1, //keep preloaded slides groups around view + logic: 'reload', //or 'change' + loadAllSlides: false + }, + // One way swipes + swipeToPrev: true, + swipeToNext: true, + //Namespace + slideElement: 'div', + slideClass: 'swiper-slide', + slideActiveClass: 'swiper-slide-active', + slideVisibleClass: 'swiper-slide-visible', + slideDuplicateClass: 'swiper-slide-duplicate', + wrapperClass: 'swiper-wrapper', + paginationElementClass: 'swiper-pagination-switch', + paginationActiveClass: 'swiper-active-switch', + paginationVisibleClass: 'swiper-visible-switch' + }; + params = params || {}; + for (var prop in defaults) { + if (prop in params && typeof params[prop] === 'object') { + for (var subProp in defaults[prop]) { + if (! (subProp in params[prop])) { + params[prop][subProp] = defaults[prop][subProp]; + } + } + } + else if (! (prop in params)) { + params[prop] = defaults[prop]; + } + } + _this.params = params; + if (params.scrollContainer) { + params.freeMode = true; + params.freeModeFluid = true; + } + if (params.loop) { + params.resistance = '100%'; + } + var isH = params.mode === 'horizontal'; + + /*========================= + Define Touch Events + ===========================*/ + var desktopEvents = ['mousedown', 'mousemove', 'mouseup']; + if (_this.browser.ie10) desktopEvents = ['MSPointerDown', 'MSPointerMove', 'MSPointerUp']; + if (_this.browser.ie11) desktopEvents = ['pointerdown', 'pointermove', 'pointerup']; + + _this.touchEvents = { + touchStart : _this.support.touch || !params.simulateTouch ? 'touchstart' : desktopEvents[0], + touchMove : _this.support.touch || !params.simulateTouch ? 'touchmove' : desktopEvents[1], + touchEnd : _this.support.touch || !params.simulateTouch ? 'touchend' : desktopEvents[2] + }; + + /*========================= + Wrapper + ===========================*/ + for (var i = _this.container.childNodes.length - 1; i >= 0; i--) { + if (_this.container.childNodes[i].className) { + var _wrapperClasses = _this.container.childNodes[i].className.split(/\s+/); + for (var j = 0; j < _wrapperClasses.length; j++) { + if (_wrapperClasses[j] === params.wrapperClass) { + wrapper = _this.container.childNodes[i]; + } + } + } + } + + _this.wrapper = wrapper; + /*========================= + Slide API + ===========================*/ + _this._extendSwiperSlide = function (el) { + el.append = function () { + if (params.loop) { + el.insertAfter(_this.slides.length - _this.loopedSlides); + } + else { + _this.wrapper.appendChild(el); + _this.reInit(); + } + + return el; + }; + el.prepend = function () { + if (params.loop) { + _this.wrapper.insertBefore(el, _this.slides[_this.loopedSlides]); + _this.removeLoopedSlides(); + _this.calcSlides(); + _this.createLoop(); + } + else { + _this.wrapper.insertBefore(el, _this.wrapper.firstChild); + } + _this.reInit(); + return el; + }; + el.insertAfter = function (index) { + if (typeof index === 'undefined') return false; + var beforeSlide; + + if (params.loop) { + beforeSlide = _this.slides[index + 1 + _this.loopedSlides]; + if (beforeSlide) { + _this.wrapper.insertBefore(el, beforeSlide); + } + else { + _this.wrapper.appendChild(el); + } + _this.removeLoopedSlides(); + _this.calcSlides(); + _this.createLoop(); + } + else { + beforeSlide = _this.slides[index + 1]; + _this.wrapper.insertBefore(el, beforeSlide); + } + _this.reInit(); + return el; + }; + el.clone = function () { + return _this._extendSwiperSlide(el.cloneNode(true)); + }; + el.remove = function () { + _this.wrapper.removeChild(el); + _this.reInit(); + }; + el.html = function (html) { + if (typeof html === 'undefined') { + return el.innerHTML; + } + else { + el.innerHTML = html; + return el; + } + }; + el.index = function () { + var index; + for (var i = _this.slides.length - 1; i >= 0; i--) { + if (el === _this.slides[i]) index = i; + } + return index; + }; + el.isActive = function () { + if (el.index() === _this.activeIndex) return true; + else return false; + }; + if (!el.swiperSlideDataStorage) el.swiperSlideDataStorage = {}; + el.getData = function (name) { + return el.swiperSlideDataStorage[name]; + }; + el.setData = function (name, value) { + el.swiperSlideDataStorage[name] = value; + return el; + }; + el.data = function (name, value) { + if (typeof value === 'undefined') { + return el.getAttribute('data-' + name); + } + else { + el.setAttribute('data-' + name, value); + return el; + } + }; + el.getWidth = function (outer, round) { + return _this.h.getWidth(el, outer, round); + }; + el.getHeight = function (outer, round) { + return _this.h.getHeight(el, outer, round); + }; + el.getOffset = function () { + return _this.h.getOffset(el); + }; + return el; + }; + + //Calculate information about number of slides + _this.calcSlides = function (forceCalcSlides) { + var oldNumber = _this.slides ? _this.slides.length : false; + _this.slides = []; + _this.displaySlides = []; + for (var i = 0; i < _this.wrapper.childNodes.length; i++) { + if (_this.wrapper.childNodes[i].className) { + var _className = _this.wrapper.childNodes[i].className; + var _slideClasses = _className.split(/\s+/); + for (var j = 0; j < _slideClasses.length; j++) { + if (_slideClasses[j] === params.slideClass) { + _this.slides.push(_this.wrapper.childNodes[i]); + } + } + } + } + for (i = _this.slides.length - 1; i >= 0; i--) { + _this._extendSwiperSlide(_this.slides[i]); + } + if (oldNumber === false) return; + if (oldNumber !== _this.slides.length || forceCalcSlides) { + + // Number of slides has been changed + removeSlideEvents(); + addSlideEvents(); + _this.updateActiveSlide(); + if (_this.params.pagination) _this.createPagination(); + _this.callPlugins('numberOfSlidesChanged'); + } + }; + + //Create Slide + _this.createSlide = function (html, slideClassList, el) { + slideClassList = slideClassList || _this.params.slideClass; + el = el || params.slideElement; + var newSlide = document.createElement(el); + newSlide.innerHTML = html || ''; + newSlide.className = slideClassList; + return _this._extendSwiperSlide(newSlide); + }; + + //Append Slide + _this.appendSlide = function (html, slideClassList, el) { + if (!html) return; + if (html.nodeType) { + return _this._extendSwiperSlide(html).append(); + } + else { + return _this.createSlide(html, slideClassList, el).append(); + } + }; + _this.prependSlide = function (html, slideClassList, el) { + if (!html) return; + if (html.nodeType) { + return _this._extendSwiperSlide(html).prepend(); + } + else { + return _this.createSlide(html, slideClassList, el).prepend(); + } + }; + _this.insertSlideAfter = function (index, html, slideClassList, el) { + if (typeof index === 'undefined') return false; + if (html.nodeType) { + return _this._extendSwiperSlide(html).insertAfter(index); + } + else { + return _this.createSlide(html, slideClassList, el).insertAfter(index); + } + }; + _this.removeSlide = function (index) { + if (_this.slides[index]) { + if (params.loop) { + if (!_this.slides[index + _this.loopedSlides]) return false; + _this.slides[index + _this.loopedSlides].remove(); + _this.removeLoopedSlides(); + _this.calcSlides(); + _this.createLoop(); + } + else _this.slides[index].remove(); + return true; + } + else return false; + }; + _this.removeLastSlide = function () { + if (_this.slides.length > 0) { + if (params.loop) { + _this.slides[_this.slides.length - 1 - _this.loopedSlides].remove(); + _this.removeLoopedSlides(); + _this.calcSlides(); + _this.createLoop(); + } + else _this.slides[_this.slides.length - 1].remove(); + return true; + } + else { + return false; + } + }; + _this.removeAllSlides = function () { + var num = _this.slides.length; + for (var i = _this.slides.length - 1; i >= 0; i--) { + _this.slides[i].remove(); + if (i === num - 1) { + _this.setWrapperTranslate(0); + } + } + }; + _this.getSlide = function (index) { + return _this.slides[index]; + }; + _this.getLastSlide = function () { + return _this.slides[_this.slides.length - 1]; + }; + _this.getFirstSlide = function () { + return _this.slides[0]; + }; + + //Currently Active Slide + _this.activeSlide = function () { + return _this.slides[_this.activeIndex]; + }; + + /*========================= + Wrapper for Callbacks : Allows additive callbacks via function arrays + ===========================*/ + _this.fireCallback = function () { + var callback = arguments[0]; + if (Object.prototype.toString.call(callback) === '[object Array]') { + for (var i = 0; i < callback.length; i++) { + if (typeof callback[i] === 'function') { + callback[i](arguments[1], arguments[2], arguments[3], arguments[4], arguments[5]); + } + } + } else if (Object.prototype.toString.call(callback) === '[object String]') { + if (params['on' + callback]) _this.fireCallback(params['on' + callback], arguments[1], arguments[2], arguments[3], arguments[4], arguments[5]); + } else { + callback(arguments[1], arguments[2], arguments[3], arguments[4], arguments[5]); + } + }; + function isArray(obj) { + if (Object.prototype.toString.apply(obj) === '[object Array]') return true; + return false; + } + + /** + * Allows user to add callbacks, rather than replace them + * @param callback + * @param func + * @return {*} + */ + _this.addCallback = function (callback, func) { + var _this = this, tempFunc; + if (_this.params['on' + callback]) { + if (isArray(this.params['on' + callback])) { + return this.params['on' + callback].push(func); + } else if (typeof this.params['on' + callback] === 'function') { + tempFunc = this.params['on' + callback]; + this.params['on' + callback] = []; + this.params['on' + callback].push(tempFunc); + return this.params['on' + callback].push(func); + } + } else { + this.params['on' + callback] = []; + return this.params['on' + callback].push(func); + } + }; + _this.removeCallbacks = function (callback) { + if (_this.params['on' + callback]) { + _this.params['on' + callback] = null; + } + }; + + /*========================= + Plugins API + ===========================*/ + var _plugins = []; + for (var plugin in _this.plugins) { + if (params[plugin]) { + var p = _this.plugins[plugin](_this, params[plugin]); + if (p) _plugins.push(p); + } + } + _this.callPlugins = function (method, args) { + if (!args) args = {}; + for (var i = 0; i < _plugins.length; i++) { + if (method in _plugins[i]) { + _plugins[i][method](args); + } + } + }; + + /*========================= + Windows Phone 8 Fix + ===========================*/ + if ((_this.browser.ie10 || _this.browser.ie11) && !params.onlyExternal) { + _this.wrapper.classList.add('swiper-wp8-' + (isH ? 'horizontal' : 'vertical')); + } + + /*========================= + Free Mode Class + ===========================*/ + if (params.freeMode) { + _this.container.className += ' swiper-free-mode'; + } + + /*================================================== + Init/Re-init/Resize Fix + ====================================================*/ + _this.initialized = false; + _this.init = function (force, forceCalcSlides) { + var _width = _this.h.getWidth(_this.container, false, params.roundLengths); + var _height = _this.h.getHeight(_this.container, false, params.roundLengths); + if (_width === _this.width && _height === _this.height && !force) return; + + _this.width = _width; + _this.height = _height; + + var slideWidth, slideHeight, slideMaxHeight, wrapperWidth, wrapperHeight, slideLeft; + var i; // loop index variable to avoid JSHint W004 / W038 + containerSize = isH ? _width : _height; + var wrapper = _this.wrapper; + + if (force) { + _this.calcSlides(forceCalcSlides); + } + + if (params.slidesPerView === 'auto') { + //Auto mode + var slidesWidth = 0; + var slidesHeight = 0; + + //Unset Styles + if (params.slidesOffset > 0) { + wrapper.style.paddingLeft = ''; + wrapper.style.paddingRight = ''; + wrapper.style.paddingTop = ''; + wrapper.style.paddingBottom = ''; + } + wrapper.style.width = ''; + wrapper.style.height = ''; + if (params.offsetPxBefore > 0) { + if (isH) _this.wrapperLeft = params.offsetPxBefore; + else _this.wrapperTop = params.offsetPxBefore; + } + if (params.offsetPxAfter > 0) { + if (isH) _this.wrapperRight = params.offsetPxAfter; + else _this.wrapperBottom = params.offsetPxAfter; + } + + if (params.centeredSlides) { + if (isH) { + _this.wrapperLeft = (containerSize - this.slides[0].getWidth(true, params.roundLengths)) / 2; + _this.wrapperRight = (containerSize - _this.slides[_this.slides.length - 1].getWidth(true, params.roundLengths)) / 2; + } + else { + _this.wrapperTop = (containerSize - _this.slides[0].getHeight(true, params.roundLengths)) / 2; + _this.wrapperBottom = (containerSize - _this.slides[_this.slides.length - 1].getHeight(true, params.roundLengths)) / 2; + } + } + + if (isH) { + if (_this.wrapperLeft >= 0) wrapper.style.paddingLeft = _this.wrapperLeft + 'px'; + if (_this.wrapperRight >= 0) wrapper.style.paddingRight = _this.wrapperRight + 'px'; + } + else { + if (_this.wrapperTop >= 0) wrapper.style.paddingTop = _this.wrapperTop + 'px'; + if (_this.wrapperBottom >= 0) wrapper.style.paddingBottom = _this.wrapperBottom + 'px'; + } + slideLeft = 0; + var centeredSlideLeft = 0; + _this.snapGrid = []; + _this.slidesGrid = []; + + slideMaxHeight = 0; + for (i = 0; i < _this.slides.length; i++) { + slideWidth = _this.slides[i].getWidth(true, params.roundLengths); + slideHeight = _this.slides[i].getHeight(true, params.roundLengths); + if (params.calculateHeight) { + slideMaxHeight = Math.max(slideMaxHeight, slideHeight); + } + var _slideSize = isH ? slideWidth : slideHeight; + if (params.centeredSlides) { + var nextSlideWidth = i === _this.slides.length - 1 ? 0 : _this.slides[i + 1].getWidth(true, params.roundLengths); + var nextSlideHeight = i === _this.slides.length - 1 ? 0 : _this.slides[i + 1].getHeight(true, params.roundLengths); + var nextSlideSize = isH ? nextSlideWidth : nextSlideHeight; + if (_slideSize > containerSize) { + if (params.slidesPerViewFit) { + _this.snapGrid.push(slideLeft + _this.wrapperLeft); + _this.snapGrid.push(slideLeft + _slideSize - containerSize + _this.wrapperLeft); + } + else { + for (var j = 0; j <= Math.floor(_slideSize / (containerSize + _this.wrapperLeft)); j++) { + if (j === 0) _this.snapGrid.push(slideLeft + _this.wrapperLeft); + else _this.snapGrid.push(slideLeft + _this.wrapperLeft + containerSize * j); + } + } + _this.slidesGrid.push(slideLeft + _this.wrapperLeft); + } + else { + _this.snapGrid.push(centeredSlideLeft); + _this.slidesGrid.push(centeredSlideLeft); + } + centeredSlideLeft += _slideSize / 2 + nextSlideSize / 2; + } + else { + if (_slideSize > containerSize) { + if (params.slidesPerViewFit) { + _this.snapGrid.push(slideLeft); + _this.snapGrid.push(slideLeft + _slideSize - containerSize); + } + else { + if (containerSize !== 0) { + for (var k = 0; k <= Math.floor(_slideSize / containerSize); k++) { + _this.snapGrid.push(slideLeft + containerSize * k); + } + } + else { + _this.snapGrid.push(slideLeft); + } + } + + } + else { + _this.snapGrid.push(slideLeft); + } + _this.slidesGrid.push(slideLeft); + } + + slideLeft += _slideSize; + + slidesWidth += slideWidth; + slidesHeight += slideHeight; + } + if (params.calculateHeight) _this.height = slideMaxHeight; + if (isH) { + wrapperSize = slidesWidth + _this.wrapperRight + _this.wrapperLeft; + if (!params.cssWidthAndHeight || params.cssWidthAndHeight === 'height') { + wrapper.style.width = (slidesWidth) + 'px'; + } + if (!params.cssWidthAndHeight || params.cssWidthAndHeight === 'width') { + wrapper.style.height = (_this.height) + 'px'; + } + } + else { + if (!params.cssWidthAndHeight || params.cssWidthAndHeight === 'height') { + wrapper.style.width = (_this.width) + 'px'; + } + if (!params.cssWidthAndHeight || params.cssWidthAndHeight === 'width') { + wrapper.style.height = (slidesHeight) + 'px'; + } + wrapperSize = slidesHeight + _this.wrapperTop + _this.wrapperBottom; + } + + } + else if (params.scrollContainer) { + //Scroll Container + wrapper.style.width = ''; + wrapper.style.height = ''; + wrapperWidth = _this.slides[0].getWidth(true, params.roundLengths); + wrapperHeight = _this.slides[0].getHeight(true, params.roundLengths); + wrapperSize = isH ? wrapperWidth : wrapperHeight; + wrapper.style.width = wrapperWidth + 'px'; + wrapper.style.height = wrapperHeight + 'px'; + slideSize = isH ? wrapperWidth : wrapperHeight; + + } + else { + //For usual slides + if (params.calculateHeight) { + slideMaxHeight = 0; + wrapperHeight = 0; + //ResetWrapperSize + if (!isH) _this.container.style.height = ''; + wrapper.style.height = ''; + + for (i = 0; i < _this.slides.length; i++) { + //ResetSlideSize + _this.slides[i].style.height = ''; + slideMaxHeight = Math.max(_this.slides[i].getHeight(true), slideMaxHeight); + if (!isH) wrapperHeight += _this.slides[i].getHeight(true); + } + slideHeight = slideMaxHeight; + _this.height = slideHeight; + + if (isH) wrapperHeight = slideHeight; + else { + containerSize = slideHeight; + _this.container.style.height = containerSize + 'px'; + } + } + else { + slideHeight = isH ? _this.height : _this.height / params.slidesPerView; + if (params.roundLengths) slideHeight = Math.ceil(slideHeight); + wrapperHeight = isH ? _this.height : _this.slides.length * slideHeight; + } + slideWidth = isH ? _this.width / params.slidesPerView : _this.width; + if (params.roundLengths) slideWidth = Math.ceil(slideWidth); + wrapperWidth = isH ? _this.slides.length * slideWidth : _this.width; + slideSize = isH ? slideWidth : slideHeight; + + if (params.offsetSlidesBefore > 0) { + if (isH) _this.wrapperLeft = slideSize * params.offsetSlidesBefore; + else _this.wrapperTop = slideSize * params.offsetSlidesBefore; + } + if (params.offsetSlidesAfter > 0) { + if (isH) _this.wrapperRight = slideSize * params.offsetSlidesAfter; + else _this.wrapperBottom = slideSize * params.offsetSlidesAfter; + } + if (params.offsetPxBefore > 0) { + if (isH) _this.wrapperLeft = params.offsetPxBefore; + else _this.wrapperTop = params.offsetPxBefore; + } + if (params.offsetPxAfter > 0) { + if (isH) _this.wrapperRight = params.offsetPxAfter; + else _this.wrapperBottom = params.offsetPxAfter; + } + if (params.centeredSlides) { + if (isH) { + _this.wrapperLeft = (containerSize - slideSize) / 2; + _this.wrapperRight = (containerSize - slideSize) / 2; + } + else { + _this.wrapperTop = (containerSize - slideSize) / 2; + _this.wrapperBottom = (containerSize - slideSize) / 2; + } + } + if (isH) { + if (_this.wrapperLeft > 0) wrapper.style.paddingLeft = _this.wrapperLeft + 'px'; + if (_this.wrapperRight > 0) wrapper.style.paddingRight = _this.wrapperRight + 'px'; + } + else { + if (_this.wrapperTop > 0) wrapper.style.paddingTop = _this.wrapperTop + 'px'; + if (_this.wrapperBottom > 0) wrapper.style.paddingBottom = _this.wrapperBottom + 'px'; + } + + wrapperSize = isH ? wrapperWidth + _this.wrapperRight + _this.wrapperLeft : wrapperHeight + _this.wrapperTop + _this.wrapperBottom; + if (parseFloat(wrapperWidth) > 0 && (!params.cssWidthAndHeight || params.cssWidthAndHeight === 'height')) { + wrapper.style.width = wrapperWidth + 'px'; + } + if (parseFloat(wrapperHeight) > 0 && (!params.cssWidthAndHeight || params.cssWidthAndHeight === 'width')) { + wrapper.style.height = wrapperHeight + 'px'; + } + slideLeft = 0; + _this.snapGrid = []; + _this.slidesGrid = []; + for (i = 0; i < _this.slides.length; i++) { + _this.snapGrid.push(slideLeft); + _this.slidesGrid.push(slideLeft); + slideLeft += slideSize; + if (parseFloat(slideWidth) > 0 && (!params.cssWidthAndHeight || params.cssWidthAndHeight === 'height')) { + _this.slides[i].style.width = slideWidth + 'px'; + } + if (parseFloat(slideHeight) > 0 && (!params.cssWidthAndHeight || params.cssWidthAndHeight === 'width')) { + _this.slides[i].style.height = slideHeight + 'px'; + } + } + + } + + if (!_this.initialized) { + _this.callPlugins('onFirstInit'); + if (params.onFirstInit) _this.fireCallback(params.onFirstInit, _this); + } + else { + _this.callPlugins('onInit'); + if (params.onInit) _this.fireCallback(params.onInit, _this); + } + _this.initialized = true; + }; + + _this.reInit = function (forceCalcSlides) { + _this.init(true, forceCalcSlides); + }; + + _this.resizeFix = function (reInit) { + _this.callPlugins('beforeResizeFix'); + + _this.init(params.resizeReInit || reInit); + + // swipe to active slide in fixed mode + if (!params.freeMode) { + _this.swipeTo((params.loop ? _this.activeLoopIndex : _this.activeIndex), 0, false); + // Fix autoplay + if (params.autoplay) { + if (_this.support.transitions && typeof autoplayTimeoutId !== 'undefined') { + if (typeof autoplayTimeoutId !== 'undefined') { + clearTimeout(autoplayTimeoutId); + autoplayTimeoutId = undefined; + _this.startAutoplay(); + } + } + else { + if (typeof autoplayIntervalId !== 'undefined') { + clearInterval(autoplayIntervalId); + autoplayIntervalId = undefined; + _this.startAutoplay(); + } + } + } + } + // move wrapper to the beginning in free mode + else if (_this.getWrapperTranslate() < -maxWrapperPosition()) { + _this.setWrapperTransition(0); + _this.setWrapperTranslate(-maxWrapperPosition()); + } + + _this.callPlugins('afterResizeFix'); + }; + + /*========================================== + Max and Min Positions + ============================================*/ + function maxWrapperPosition() { + var a = (wrapperSize - containerSize); + if (params.freeMode) { + a = wrapperSize - containerSize; + } + // if (params.loop) a -= containerSize; + if (params.slidesPerView > _this.slides.length && !params.centeredSlides) { + a = 0; + } + if (a < 0) a = 0; + return a; + } + + /*========================================== + Event Listeners + ============================================*/ + function initEvents() { + var bind = _this.h.addEventListener; + var eventTarget = params.eventTarget === 'wrapper' ? _this.wrapper : _this.container; + //Touch Events + if (! (_this.browser.ie10 || _this.browser.ie11)) { + if (_this.support.touch) { + bind(eventTarget, 'touchstart', onTouchStart); + bind(eventTarget, 'touchmove', onTouchMove); + bind(eventTarget, 'touchend', onTouchEnd); + } + if (params.simulateTouch) { + bind(eventTarget, 'mousedown', onTouchStart); + bind(document, 'mousemove', onTouchMove); + bind(document, 'mouseup', onTouchEnd); + } + } + else { + bind(eventTarget, _this.touchEvents.touchStart, onTouchStart); + bind(document, _this.touchEvents.touchMove, onTouchMove); + bind(document, _this.touchEvents.touchEnd, onTouchEnd); + } + + //Resize Event + if (params.autoResize) { + bind(window, 'resize', _this.resizeFix); + } + //Slide Events + addSlideEvents(); + //Mousewheel + _this._wheelEvent = false; + if (params.mousewheelControl) { + if (document.onmousewheel !== undefined) { + _this._wheelEvent = 'mousewheel'; + } + if (!_this._wheelEvent) { + try { + new WheelEvent('wheel'); + _this._wheelEvent = 'wheel'; + } catch (e) {} + } + if (!_this._wheelEvent) { + _this._wheelEvent = 'DOMMouseScroll'; + } + if (_this._wheelEvent) { + bind(_this.container, _this._wheelEvent, handleMousewheel); + } + } + + //Keyboard + function _loadImage(img) { + var image, src; + var onReady = function () { + if (typeof _this === 'undefined' || _this === null) return; + if (_this.imagesLoaded !== undefined) _this.imagesLoaded++; + if (_this.imagesLoaded === _this.imagesToLoad.length) { + _this.reInit(); + if (params.onImagesReady) _this.fireCallback(params.onImagesReady, _this); + } + }; + + if (!img.complete) { + src = (img.currentSrc || img.getAttribute('src')); + if (src) { + image = new Image(); + image.onload = onReady; + image.onerror = onReady; + image.src = src; + } else { + onReady(); + } + + } else {//image already loaded... + onReady(); + } + } + + if (params.keyboardControl) { + bind(document, 'keydown', handleKeyboardKeys); + } + if (params.updateOnImagesReady) { + _this.imagesToLoad = $$('img', _this.container); + + for (var i = 0; i < _this.imagesToLoad.length; i++) { + _loadImage(_this.imagesToLoad[i]); + } + } + } + + //Remove Event Listeners + _this.destroy = function (removeStyles) { + var unbind = _this.h.removeEventListener; + var eventTarget = params.eventTarget === 'wrapper' ? _this.wrapper : _this.container; + //Touch Events + if (! (_this.browser.ie10 || _this.browser.ie11)) { + if (_this.support.touch) { + unbind(eventTarget, 'touchstart', onTouchStart); + unbind(eventTarget, 'touchmove', onTouchMove); + unbind(eventTarget, 'touchend', onTouchEnd); + } + if (params.simulateTouch) { + unbind(eventTarget, 'mousedown', onTouchStart); + unbind(document, 'mousemove', onTouchMove); + unbind(document, 'mouseup', onTouchEnd); + } + } + else { + unbind(eventTarget, _this.touchEvents.touchStart, onTouchStart); + unbind(document, _this.touchEvents.touchMove, onTouchMove); + unbind(document, _this.touchEvents.touchEnd, onTouchEnd); + } + + //Resize Event + if (params.autoResize) { + unbind(window, 'resize', _this.resizeFix); + } + + //Init Slide Events + removeSlideEvents(); + + //Pagination + if (params.paginationClickable) { + removePaginationEvents(); + } + + //Mousewheel + if (params.mousewheelControl && _this._wheelEvent) { + unbind(_this.container, _this._wheelEvent, handleMousewheel); + } + + //Keyboard + if (params.keyboardControl) { + unbind(document, 'keydown', handleKeyboardKeys); + } + + //Stop autoplay + if (params.autoplay) { + _this.stopAutoplay(); + } + // Remove styles + if (removeStyles) { + _this.wrapper.removeAttribute('style'); + for (var i = 0; i < _this.slides.length; i++) { + _this.slides[i].removeAttribute('style'); + } + } + // Plugins + _this.callPlugins('onDestroy'); + + // Check jQuery/Zepto data + if (window.jQuery && window.jQuery(_this.container).data('swiper')) { + window.jQuery(_this.container).removeData('swiper'); + } + if (window.Zepto && window.Zepto(_this.container).data('swiper')) { + window.Zepto(_this.container).removeData('swiper'); + } + + //Destroy variable + _this = null; + }; + + function addSlideEvents() { + var bind = _this.h.addEventListener, + i; + + //Prevent Links Events + if (params.preventLinks) { + var links = $$('a', _this.container); + for (i = 0; i < links.length; i++) { + bind(links[i], 'click', preventClick); + } + } + //Release Form Elements + if (params.releaseFormElements) { + var formElements = $$('input, textarea, select', _this.container); + for (i = 0; i < formElements.length; i++) { + bind(formElements[i], _this.touchEvents.touchStart, releaseForms, true); + if (_this.support.touch && params.simulateTouch) { + bind(formElements[i], 'mousedown', releaseForms, true); + } + } + } + + //Slide Clicks & Touches + if (params.onSlideClick) { + for (i = 0; i < _this.slides.length; i++) { + bind(_this.slides[i], 'click', slideClick); + } + } + if (params.onSlideTouch) { + for (i = 0; i < _this.slides.length; i++) { + bind(_this.slides[i], _this.touchEvents.touchStart, slideTouch); + } + } + } + function removeSlideEvents() { + var unbind = _this.h.removeEventListener, + i; + + //Slide Clicks & Touches + if (params.onSlideClick) { + for (i = 0; i < _this.slides.length; i++) { + unbind(_this.slides[i], 'click', slideClick); + } + } + if (params.onSlideTouch) { + for (i = 0; i < _this.slides.length; i++) { + unbind(_this.slides[i], _this.touchEvents.touchStart, slideTouch); + } + } + //Release Form Elements + if (params.releaseFormElements) { + var formElements = $$('input, textarea, select', _this.container); + for (i = 0; i < formElements.length; i++) { + unbind(formElements[i], _this.touchEvents.touchStart, releaseForms, true); + if (_this.support.touch && params.simulateTouch) { + unbind(formElements[i], 'mousedown', releaseForms, true); + } + } + } + //Prevent Links Events + if (params.preventLinks) { + var links = $$('a', _this.container); + for (i = 0; i < links.length; i++) { + unbind(links[i], 'click', preventClick); + } + } + } + /*========================================== + Keyboard Control + ============================================*/ + function handleKeyboardKeys(e) { + var kc = e.keyCode || e.charCode; + if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) return; + if (kc === 37 || kc === 39 || kc === 38 || kc === 40) { + var inView = false; + //Check that swiper should be inside of visible area of window + var swiperOffset = _this.h.getOffset(_this.container); + var scrollLeft = _this.h.windowScroll().left; + var scrollTop = _this.h.windowScroll().top; + var windowWidth = _this.h.windowWidth(); + var windowHeight = _this.h.windowHeight(); + var swiperCoord = [ + [swiperOffset.left, swiperOffset.top], + [swiperOffset.left + _this.width, swiperOffset.top], + [swiperOffset.left, swiperOffset.top + _this.height], + [swiperOffset.left + _this.width, swiperOffset.top + _this.height] + ]; + for (var i = 0; i < swiperCoord.length; i++) { + var point = swiperCoord[i]; + if ( + point[0] >= scrollLeft && point[0] <= scrollLeft + windowWidth && + point[1] >= scrollTop && point[1] <= scrollTop + windowHeight + ) { + inView = true; + } + + } + if (!inView) return; + } + if (isH) { + if (kc === 37 || kc === 39) { + if (e.preventDefault) e.preventDefault(); + else e.returnValue = false; + } + if (kc === 39) _this.swipeNext(); + if (kc === 37) _this.swipePrev(); + } + else { + if (kc === 38 || kc === 40) { + if (e.preventDefault) e.preventDefault(); + else e.returnValue = false; + } + if (kc === 40) _this.swipeNext(); + if (kc === 38) _this.swipePrev(); + } + } + + _this.disableKeyboardControl = function () { + params.keyboardControl = false; + _this.h.removeEventListener(document, 'keydown', handleKeyboardKeys); + }; + + _this.enableKeyboardControl = function () { + params.keyboardControl = true; + _this.h.addEventListener(document, 'keydown', handleKeyboardKeys); + }; + + /*========================================== + Mousewheel Control + ============================================*/ + var lastScrollTime = (new Date()).getTime(); + function handleMousewheel(e) { + var we = _this._wheelEvent; + var delta = 0; + + //Opera & IE + if (e.detail) delta = -e.detail; + //WebKits + else if (we === 'mousewheel') { + if (params.mousewheelControlForceToAxis) { + if (isH) { + if (Math.abs(e.wheelDeltaX) > Math.abs(e.wheelDeltaY)) delta = e.wheelDeltaX; + else return; + } + else { + if (Math.abs(e.wheelDeltaY) > Math.abs(e.wheelDeltaX)) delta = e.wheelDeltaY; + else return; + } + } + else { + delta = e.wheelDelta; + } + } + //Old FireFox + else if (we === 'DOMMouseScroll') delta = -e.detail; + //New FireFox + else if (we === 'wheel') { + if (params.mousewheelControlForceToAxis) { + if (isH) { + if (Math.abs(e.deltaX) > Math.abs(e.deltaY)) delta = -e.deltaX; + else return; + } + else { + if (Math.abs(e.deltaY) > Math.abs(e.deltaX)) delta = -e.deltaY; + else return; + } + } + else { + delta = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? - e.deltaX : - e.deltaY; + } + } + + if (!params.freeMode) { + if ((new Date()).getTime() - lastScrollTime > 60) { + if (delta < 0) _this.swipeNext(); + else _this.swipePrev(); + } + lastScrollTime = (new Date()).getTime(); + + } + else { + //Freemode or scrollContainer: + var position = _this.getWrapperTranslate() + delta; + + if (position > 0) position = 0; + if (position < -maxWrapperPosition()) position = -maxWrapperPosition(); + + _this.setWrapperTransition(0); + _this.setWrapperTranslate(position); + _this.updateActiveSlide(position); + + // Return page scroll on edge positions + if (position === 0 || position === -maxWrapperPosition()) return; + } + if (params.autoplay) _this.stopAutoplay(true); + + if (e.preventDefault) e.preventDefault(); + else e.returnValue = false; + return false; + } + _this.disableMousewheelControl = function () { + if (!_this._wheelEvent) return false; + params.mousewheelControl = false; + _this.h.removeEventListener(_this.container, _this._wheelEvent, handleMousewheel); + return true; + }; + + _this.enableMousewheelControl = function () { + if (!_this._wheelEvent) return false; + params.mousewheelControl = true; + _this.h.addEventListener(_this.container, _this._wheelEvent, handleMousewheel); + return true; + }; + + /*========================= + Grab Cursor + ===========================*/ + if (params.grabCursor) { + var containerStyle = _this.container.style; + containerStyle.cursor = 'move'; + containerStyle.cursor = 'grab'; + containerStyle.cursor = '-moz-grab'; + containerStyle.cursor = '-webkit-grab'; + } + + /*========================= + Slides Events Handlers + ===========================*/ + + _this.allowSlideClick = true; + function slideClick(event) { + if (_this.allowSlideClick) { + setClickedSlide(event); + _this.fireCallback(params.onSlideClick, _this, event); + } + } + + function slideTouch(event) { + setClickedSlide(event); + _this.fireCallback(params.onSlideTouch, _this, event); + } + + function setClickedSlide(event) { + + // IE 6-8 support + if (!event.currentTarget) { + var element = event.srcElement; + do { + if (element.className.indexOf(params.slideClass) > -1) { + break; + } + element = element.parentNode; + } while (element); + _this.clickedSlide = element; + } + else { + _this.clickedSlide = event.currentTarget; + } + + _this.clickedSlideIndex = _this.slides.indexOf(_this.clickedSlide); + _this.clickedSlideLoopIndex = _this.clickedSlideIndex - (_this.loopedSlides || 0); + } + + _this.allowLinks = true; + function preventClick(e) { + if (!_this.allowLinks) { + if (e.preventDefault) e.preventDefault(); + else e.returnValue = false; + if (params.preventLinksPropagation && 'stopPropagation' in e) { + e.stopPropagation(); + } + return false; + } + } + function releaseForms(e) { + if (e.stopPropagation) e.stopPropagation(); + else e.returnValue = false; + return false; + + } + + /*================================================== + Event Handlers + ====================================================*/ + var isTouchEvent = false; + var allowThresholdMove; + var allowMomentumBounce = true; + function onTouchStart(event) { + if (params.preventLinks) _this.allowLinks = true; + //Exit if slider is already was touched + if (_this.isTouched || params.onlyExternal) { + return false; + } + + // Blur active elements + var eventTarget = event.target || event.srcElement; + if (document.activeElement && document.activeElement !== document.body) { + if (document.activeElement !== eventTarget) document.activeElement.blur(); + } + + // Form tag names + var formTagNames = ('input select textarea').split(' '); + + // Check for no swiping + if (params.noSwiping && (eventTarget) && noSwipingSlide(eventTarget)) return false; + allowMomentumBounce = false; + //Check For Nested Swipers + _this.isTouched = true; + isTouchEvent = event.type === 'touchstart'; + + // prevent user enter with right and the swiper move (needs isTouchEvent) + if (!isTouchEvent && 'which' in event && event.which === 3) { + _this.isTouched = false; + return false; + } + + if (!isTouchEvent || event.targetTouches.length === 1) { + _this.callPlugins('onTouchStartBegin'); + if (!isTouchEvent && !_this.isAndroid && formTagNames.indexOf(eventTarget.tagName.toLowerCase()) < 0) { + + if (event.preventDefault) event.preventDefault(); + else event.returnValue = false; + } + + var pageX = isTouchEvent ? event.targetTouches[0].pageX : (event.pageX || event.clientX); + var pageY = isTouchEvent ? event.targetTouches[0].pageY : (event.pageY || event.clientY); + + //Start Touches to check the scrolling + _this.touches.startX = _this.touches.currentX = pageX; + _this.touches.startY = _this.touches.currentY = pageY; + + _this.touches.start = _this.touches.current = isH ? pageX : pageY; + + //Set Transition Time to 0 + _this.setWrapperTransition(0); + + //Get Start Translate Position + _this.positions.start = _this.positions.current = _this.getWrapperTranslate(); + + //Set Transform + _this.setWrapperTranslate(_this.positions.start); + + //TouchStartTime + _this.times.start = (new Date()).getTime(); + + //Unset Scrolling + isScrolling = undefined; + + //Set Treshold + if (params.moveStartThreshold > 0) { + allowThresholdMove = false; + } + + //CallBack + if (params.onTouchStart) _this.fireCallback(params.onTouchStart, _this, event); + _this.callPlugins('onTouchStartEnd'); + + } + } + var velocityPrevPosition, velocityPrevTime; + function onTouchMove(event) { + // If slider is not touched - exit + if (!_this.isTouched || params.onlyExternal) return; + if (isTouchEvent && event.type === 'mousemove') return; + + var pageX = isTouchEvent ? event.targetTouches[0].pageX : (event.pageX || event.clientX); + var pageY = isTouchEvent ? event.targetTouches[0].pageY : (event.pageY || event.clientY); + + //check for scrolling + if (typeof isScrolling === 'undefined' && isH) { + isScrolling = !!(isScrolling || Math.abs(pageY - _this.touches.startY) > Math.abs(pageX - _this.touches.startX)); + } + if (typeof isScrolling === 'undefined' && !isH) { + isScrolling = !!(isScrolling || Math.abs(pageY - _this.touches.startY) < Math.abs(pageX - _this.touches.startX)); + } + if (isScrolling) { + _this.isTouched = false; + return; + } + + // One way swipes + if (isH) { + if ((!params.swipeToNext && pageX < _this.touches.startX) || ((!params.swipeToPrev && pageX > _this.touches.startX))) { + return; + } + } + else { + if ((!params.swipeToNext && pageY < _this.touches.startY) || ((!params.swipeToPrev && pageY > _this.touches.startY))) { + return; + } + } + + //Check For Nested Swipers + if (event.assignedToSwiper) { + _this.isTouched = false; + return; + } + event.assignedToSwiper = true; + + //Block inner links + if (params.preventLinks) { + _this.allowLinks = false; + } + if (params.onSlideClick) { + _this.allowSlideClick = false; + } + + //Stop AutoPlay if exist + if (params.autoplay) { + _this.stopAutoplay(true); + } + if (!isTouchEvent || event.touches.length === 1) { + + //Moved Flag + if (!_this.isMoved) { + _this.callPlugins('onTouchMoveStart'); + + if (params.loop) { + _this.fixLoop(); + _this.positions.start = _this.getWrapperTranslate(); + } + if (params.onTouchMoveStart) _this.fireCallback(params.onTouchMoveStart, _this); + } + _this.isMoved = true; + + // cancel event + if (event.preventDefault) event.preventDefault(); + else event.returnValue = false; + + _this.touches.current = isH ? pageX : pageY; + + _this.positions.current = (_this.touches.current - _this.touches.start) * params.touchRatio + _this.positions.start; + + //Resistance Callbacks + if (_this.positions.current > 0 && params.onResistanceBefore) { + _this.fireCallback(params.onResistanceBefore, _this, _this.positions.current); + } + if (_this.positions.current < -maxWrapperPosition() && params.onResistanceAfter) { + _this.fireCallback(params.onResistanceAfter, _this, Math.abs(_this.positions.current + maxWrapperPosition())); + } + //Resistance + if (params.resistance && params.resistance !== '100%') { + var resistance; + //Resistance for Negative-Back sliding + if (_this.positions.current > 0) { + resistance = 1 - _this.positions.current / containerSize / 2; + if (resistance < 0.5) + _this.positions.current = (containerSize / 2); + else + _this.positions.current = _this.positions.current * resistance; + } + //Resistance for After-End Sliding + if (_this.positions.current < -maxWrapperPosition()) { + + var diff = (_this.touches.current - _this.touches.start) * params.touchRatio + (maxWrapperPosition() + _this.positions.start); + resistance = (containerSize + diff) / (containerSize); + var newPos = _this.positions.current - diff * (1 - resistance) / 2; + var stopPos = -maxWrapperPosition() - containerSize / 2; + + if (newPos < stopPos || resistance <= 0) + _this.positions.current = stopPos; + else + _this.positions.current = newPos; + } + } + if (params.resistance && params.resistance === '100%') { + //Resistance for Negative-Back sliding + if (_this.positions.current > 0 && !(params.freeMode && !params.freeModeFluid)) { + _this.positions.current = 0; + } + //Resistance for After-End Sliding + if (_this.positions.current < -maxWrapperPosition() && !(params.freeMode && !params.freeModeFluid)) { + _this.positions.current = -maxWrapperPosition(); + } + } + //Move Slides + if (!params.followFinger) return; + + if (!params.moveStartThreshold) { + _this.setWrapperTranslate(_this.positions.current); + } + else { + if (Math.abs(_this.touches.current - _this.touches.start) > params.moveStartThreshold || allowThresholdMove) { + if (!allowThresholdMove) { + allowThresholdMove = true; + _this.touches.start = _this.touches.current; + return; + } + _this.setWrapperTranslate(_this.positions.current); + } + else { + _this.positions.current = _this.positions.start; + } + } + + if (params.freeMode || params.watchActiveIndex) { + _this.updateActiveSlide(_this.positions.current); + } + + //Grab Cursor + if (params.grabCursor) { + _this.container.style.cursor = 'move'; + _this.container.style.cursor = 'grabbing'; + _this.container.style.cursor = '-moz-grabbin'; + _this.container.style.cursor = '-webkit-grabbing'; + } + //Velocity + if (!velocityPrevPosition) velocityPrevPosition = _this.touches.current; + if (!velocityPrevTime) velocityPrevTime = (new Date()).getTime(); + _this.velocity = (_this.touches.current - velocityPrevPosition) / ((new Date()).getTime() - velocityPrevTime) / 2; + if (Math.abs(_this.touches.current - velocityPrevPosition) < 2) _this.velocity = 0; + velocityPrevPosition = _this.touches.current; + velocityPrevTime = (new Date()).getTime(); + //Callbacks + _this.callPlugins('onTouchMoveEnd'); + if (params.onTouchMove) _this.fireCallback(params.onTouchMove, _this, event); + + return false; + } + } + function onTouchEnd(event) { + //Check For scrolling + if (isScrolling) { + _this.swipeReset(); + } + // If slider is not touched exit + if (params.onlyExternal || !_this.isTouched) return; + _this.isTouched = false; + + //Return Grab Cursor + if (params.grabCursor) { + _this.container.style.cursor = 'move'; + _this.container.style.cursor = 'grab'; + _this.container.style.cursor = '-moz-grab'; + _this.container.style.cursor = '-webkit-grab'; + } + + //Check for Current Position + if (!_this.positions.current && _this.positions.current !== 0) { + _this.positions.current = _this.positions.start; + } + + //For case if slider touched but not moved + if (params.followFinger) { + _this.setWrapperTranslate(_this.positions.current); + } + + // TouchEndTime + _this.times.end = (new Date()).getTime(); + + //Difference + _this.touches.diff = _this.touches.current - _this.touches.start; + _this.touches.abs = Math.abs(_this.touches.diff); + + _this.positions.diff = _this.positions.current - _this.positions.start; + _this.positions.abs = Math.abs(_this.positions.diff); + + var diff = _this.positions.diff; + var diffAbs = _this.positions.abs; + var timeDiff = _this.times.end - _this.times.start; + + if (diffAbs < 5 && (timeDiff) < 300 && _this.allowLinks === false) { + if (!params.freeMode && diffAbs !== 0) _this.swipeReset(); + //Release inner links + if (params.preventLinks) { + _this.allowLinks = true; + } + if (params.onSlideClick) { + _this.allowSlideClick = true; + } + } + + setTimeout(function () { + //Release inner links + if (typeof _this === 'undefined' || _this === null) return; + if (params.preventLinks) { + _this.allowLinks = true; + } + if (params.onSlideClick) { + _this.allowSlideClick = true; + } + }, 100); + + var maxPosition = maxWrapperPosition(); + + //Not moved or Prevent Negative Back Sliding/After-End Sliding + if (!_this.isMoved && params.freeMode) { + _this.isMoved = false; + if (params.onTouchEnd) _this.fireCallback(params.onTouchEnd, _this, event); + _this.callPlugins('onTouchEnd'); + return; + } + if (!_this.isMoved || _this.positions.current > 0 || _this.positions.current < -maxPosition) { + _this.swipeReset(); + if (params.onTouchEnd) _this.fireCallback(params.onTouchEnd, _this, event); + _this.callPlugins('onTouchEnd'); + return; + } + + _this.isMoved = false; + + //Free Mode + if (params.freeMode) { + if (params.freeModeFluid) { + var momentumDuration = 1000 * params.momentumRatio; + var momentumDistance = _this.velocity * momentumDuration; + var newPosition = _this.positions.current + momentumDistance; + var doBounce = false; + var afterBouncePosition; + var bounceAmount = Math.abs(_this.velocity) * 20 * params.momentumBounceRatio; + if (newPosition < -maxPosition) { + if (params.momentumBounce && _this.support.transitions) { + if (newPosition + maxPosition < -bounceAmount) newPosition = -maxPosition - bounceAmount; + afterBouncePosition = -maxPosition; + doBounce = true; + allowMomentumBounce = true; + } + else newPosition = -maxPosition; + } + if (newPosition > 0) { + if (params.momentumBounce && _this.support.transitions) { + if (newPosition > bounceAmount) newPosition = bounceAmount; + afterBouncePosition = 0; + doBounce = true; + allowMomentumBounce = true; + } + else newPosition = 0; + } + //Fix duration + if (_this.velocity !== 0) momentumDuration = Math.abs((newPosition - _this.positions.current) / _this.velocity); + + _this.setWrapperTranslate(newPosition); + + _this.setWrapperTransition(momentumDuration); + + if (params.momentumBounce && doBounce) { + _this.wrapperTransitionEnd(function () { + if (!allowMomentumBounce) return; + if (params.onMomentumBounce) _this.fireCallback(params.onMomentumBounce, _this); + _this.callPlugins('onMomentumBounce'); + + _this.setWrapperTranslate(afterBouncePosition); + _this.setWrapperTransition(300); + }); + } + + _this.updateActiveSlide(newPosition); + } + if (!params.freeModeFluid || timeDiff >= 300) _this.updateActiveSlide(_this.positions.current); + + if (params.onTouchEnd) _this.fireCallback(params.onTouchEnd, _this, event); + _this.callPlugins('onTouchEnd'); + return; + } + + //Direction + direction = diff < 0 ? 'toNext' : 'toPrev'; + + //Short Touches + if (direction === 'toNext' && (timeDiff <= 300)) { + if (diffAbs < 30 || !params.shortSwipes) _this.swipeReset(); + else _this.swipeNext(true, true); + } + + if (direction === 'toPrev' && (timeDiff <= 300)) { + if (diffAbs < 30 || !params.shortSwipes) _this.swipeReset(); + else _this.swipePrev(true, true); + } + + //Long Touches + var targetSlideSize = 0; + if (params.slidesPerView === 'auto') { + //Define current slide's width + var currentPosition = Math.abs(_this.getWrapperTranslate()); + var slidesOffset = 0; + var _slideSize; + for (var i = 0; i < _this.slides.length; i++) { + _slideSize = isH ? _this.slides[i].getWidth(true, params.roundLengths) : _this.slides[i].getHeight(true, params.roundLengths); + slidesOffset += _slideSize; + if (slidesOffset > currentPosition) { + targetSlideSize = _slideSize; + break; + } + } + if (targetSlideSize > containerSize) targetSlideSize = containerSize; + } + else { + targetSlideSize = slideSize * params.slidesPerView; + } + if (direction === 'toNext' && (timeDiff > 300)) { + if (diffAbs >= targetSlideSize * params.longSwipesRatio) { + _this.swipeNext(true, true); + } + else { + _this.swipeReset(); + } + } + if (direction === 'toPrev' && (timeDiff > 300)) { + if (diffAbs >= targetSlideSize * params.longSwipesRatio) { + _this.swipePrev(true, true); + } + else { + _this.swipeReset(); + } + } + if (params.onTouchEnd) _this.fireCallback(params.onTouchEnd, _this, event); + _this.callPlugins('onTouchEnd'); + } + + + /*================================================== + noSwiping Bubble Check by Isaac Strack + ====================================================*/ + function hasClass(el, classname) { + return el && el.getAttribute('class') && el.getAttribute('class').indexOf(classname) > -1; + } + function noSwipingSlide(el) { + /*This function is specifically designed to check the parent elements for the noSwiping class, up to the wrapper. + We need to check parents because while onTouchStart bubbles, _this.isTouched is checked in onTouchStart, which stops the bubbling. + So, if a text box, for example, is the initial target, and the parent slide container has the noSwiping class, the _this.isTouched + check will never find it, and what was supposed to be noSwiping is able to be swiped. + This function will iterate up and check for the noSwiping class in parents, up through the wrapperClass.*/ + + // First we create a truthy variable, which is that swiping is allowd (noSwiping = false) + var noSwiping = false; + + // Now we iterate up (parentElements) until we reach the node with the wrapperClass. + do { + + // Each time, we check to see if there's a 'swiper-no-swiping' class (noSwipingClass). + if (hasClass(el, params.noSwipingClass)) + { + noSwiping = true; // If there is, we set noSwiping = true; + } + + el = el.parentElement; // now we iterate up (parent node) + + } while (!noSwiping && el.parentElement && !hasClass(el, params.wrapperClass)); // also include el.parentElement truthy, just in case. + + // because we didn't check the wrapper itself, we do so now, if noSwiping is false: + if (!noSwiping && hasClass(el, params.wrapperClass) && hasClass(el, params.noSwipingClass)) + noSwiping = true; // if the wrapper has the noSwipingClass, we set noSwiping = true; + + return noSwiping; + } + + function addClassToHtmlString(klass, outerHtml) { + var par = document.createElement('div'); + var child; + + par.innerHTML = outerHtml; + child = par.firstChild; + child.className += ' ' + klass; + + return child.outerHTML; + } + + + /*================================================== + Swipe Functions + ====================================================*/ + _this.swipeNext = function (runCallbacks, internal) { + if (typeof runCallbacks === 'undefined') runCallbacks = true; + if (!internal && params.loop) _this.fixLoop(); + if (!internal && params.autoplay) _this.stopAutoplay(true); + _this.callPlugins('onSwipeNext'); + var currentPosition = _this.getWrapperTranslate().toFixed(2); + var newPosition = currentPosition; + if (params.slidesPerView === 'auto') { + for (var i = 0; i < _this.snapGrid.length; i++) { + if (-currentPosition >= _this.snapGrid[i].toFixed(2) && -currentPosition < _this.snapGrid[i + 1].toFixed(2)) { + newPosition = -_this.snapGrid[i + 1]; + break; + } + } + } + else { + var groupSize = slideSize * params.slidesPerGroup; + newPosition = -(Math.floor(Math.abs(currentPosition) / Math.floor(groupSize)) * groupSize + groupSize); + } + if (newPosition < -maxWrapperPosition()) { + newPosition = -maxWrapperPosition(); + } + if (newPosition === currentPosition) return false; + swipeToPosition(newPosition, 'next', {runCallbacks: runCallbacks}); + return true; + }; + _this.swipePrev = function (runCallbacks, internal) { + if (typeof runCallbacks === 'undefined') runCallbacks = true; + if (!internal && params.loop) _this.fixLoop(); + if (!internal && params.autoplay) _this.stopAutoplay(true); + _this.callPlugins('onSwipePrev'); + + var currentPosition = Math.ceil(_this.getWrapperTranslate()); + var newPosition; + if (params.slidesPerView === 'auto') { + newPosition = 0; + for (var i = 1; i < _this.snapGrid.length; i++) { + if (-currentPosition === _this.snapGrid[i]) { + newPosition = -_this.snapGrid[i - 1]; + break; + } + if (-currentPosition > _this.snapGrid[i] && -currentPosition < _this.snapGrid[i + 1]) { + newPosition = -_this.snapGrid[i]; + break; + } + } + } + else { + var groupSize = slideSize * params.slidesPerGroup; + newPosition = -(Math.ceil(-currentPosition / groupSize) - 1) * groupSize; + } + + if (newPosition > 0) newPosition = 0; + + if (newPosition === currentPosition) return false; + swipeToPosition(newPosition, 'prev', {runCallbacks: runCallbacks}); + return true; + + }; + _this.swipeReset = function (runCallbacks) { + if (typeof runCallbacks === 'undefined') runCallbacks = true; + _this.callPlugins('onSwipeReset'); + var currentPosition = _this.getWrapperTranslate(); + var groupSize = slideSize * params.slidesPerGroup; + var newPosition; + var maxPosition = -maxWrapperPosition(); + if (params.slidesPerView === 'auto') { + newPosition = 0; + for (var i = 0; i < _this.snapGrid.length; i++) { + if (-currentPosition === _this.snapGrid[i]) return; + if (-currentPosition >= _this.snapGrid[i] && -currentPosition < _this.snapGrid[i + 1]) { + if (_this.positions.diff > 0) newPosition = -_this.snapGrid[i + 1]; + else newPosition = -_this.snapGrid[i]; + break; + } + } + if (-currentPosition >= _this.snapGrid[_this.snapGrid.length - 1]) newPosition = -_this.snapGrid[_this.snapGrid.length - 1]; + if (currentPosition <= -maxWrapperPosition()) newPosition = -maxWrapperPosition(); + } + else { + newPosition = currentPosition < 0 ? Math.round(currentPosition / groupSize) * groupSize : 0; + if (currentPosition <= -maxWrapperPosition()) newPosition = -maxWrapperPosition(); + } + if (params.scrollContainer) { + newPosition = currentPosition < 0 ? currentPosition : 0; + } + if (newPosition < -maxWrapperPosition()) { + newPosition = -maxWrapperPosition(); + } + if (params.scrollContainer && (containerSize > slideSize)) { + newPosition = 0; + } + + if (newPosition === currentPosition) return false; + + swipeToPosition(newPosition, 'reset', {runCallbacks: runCallbacks}); + return true; + }; + + _this.swipeTo = function (index, speed, runCallbacks) { + index = parseInt(index, 10); + _this.callPlugins('onSwipeTo', {index: index, speed: speed}); + if (params.loop) index = index + _this.loopedSlides; + var currentPosition = _this.getWrapperTranslate(); + if (!isFinite(index) || index > (_this.slides.length - 1) || index < 0) return; + var newPosition; + if (params.slidesPerView === 'auto') { + newPosition = -_this.slidesGrid[index]; + } + else { + newPosition = -index * slideSize; + } + if (newPosition < - maxWrapperPosition()) { + newPosition = - maxWrapperPosition(); + } + + if (newPosition === currentPosition) return false; + + if (typeof runCallbacks === 'undefined') runCallbacks = true; + swipeToPosition(newPosition, 'to', {index: index, speed: speed, runCallbacks: runCallbacks}); + return true; + }; + + function swipeToPosition(newPosition, action, toOptions) { + var speed = (action === 'to' && toOptions.speed >= 0) ? toOptions.speed : params.speed; + var timeOld = + new Date(); + + function anim() { + var timeNew = + new Date(); + var time = timeNew - timeOld; + currentPosition += animationStep * time / (1000 / 60); + condition = direction === 'toNext' ? currentPosition > newPosition : currentPosition < newPosition; + if (condition) { + _this.setWrapperTranslate(Math.ceil(currentPosition)); + _this._DOMAnimating = true; + window.setTimeout(function () { + anim(); + }, 1000 / 60); + } + else { + if (params.onSlideChangeEnd) { + if (action === 'to') { + if (toOptions.runCallbacks === true) _this.fireCallback(params.onSlideChangeEnd, _this, direction); + } + else { + _this.fireCallback(params.onSlideChangeEnd, _this, direction); + } + + } + _this.setWrapperTranslate(newPosition); + _this._DOMAnimating = false; + } + } + + if (_this.support.transitions || !params.DOMAnimation) { + _this.setWrapperTranslate(newPosition); + _this.setWrapperTransition(speed); + } + else { + //Try the DOM animation + var currentPosition = _this.getWrapperTranslate(); + var animationStep = Math.ceil((newPosition - currentPosition) / speed * (1000 / 60)); + var direction = currentPosition > newPosition ? 'toNext' : 'toPrev'; + var condition = direction === 'toNext' ? currentPosition > newPosition : currentPosition < newPosition; + if (_this._DOMAnimating) return; + + anim(); + } + + //Update Active Slide Index + _this.updateActiveSlide(newPosition); + + //Callbacks + if (params.onSlideNext && action === 'next' && toOptions.runCallbacks === true) { + _this.fireCallback(params.onSlideNext, _this, newPosition); + } + if (params.onSlidePrev && action === 'prev' && toOptions.runCallbacks === true) { + _this.fireCallback(params.onSlidePrev, _this, newPosition); + } + //'Reset' Callback + if (params.onSlideReset && action === 'reset' && toOptions.runCallbacks === true) { + _this.fireCallback(params.onSlideReset, _this, newPosition); + } + + //'Next', 'Prev' and 'To' Callbacks + if ((action === 'next' || action === 'prev' || action === 'to') && toOptions.runCallbacks === true) + slideChangeCallbacks(action); + } + /*================================================== + Transition Callbacks + ====================================================*/ + //Prevent Multiple Callbacks + _this._queueStartCallbacks = false; + _this._queueEndCallbacks = false; + function slideChangeCallbacks(direction) { + //Transition Start Callback + _this.callPlugins('onSlideChangeStart'); + if (params.onSlideChangeStart) { + if (params.queueStartCallbacks && _this.support.transitions) { + if (_this._queueStartCallbacks) return; + _this._queueStartCallbacks = true; + _this.fireCallback(params.onSlideChangeStart, _this, direction); + _this.wrapperTransitionEnd(function () { + _this._queueStartCallbacks = false; + }); + } + else _this.fireCallback(params.onSlideChangeStart, _this, direction); + } + //Transition End Callback + if (params.onSlideChangeEnd) { + if (_this.support.transitions) { + if (params.queueEndCallbacks) { + if (_this._queueEndCallbacks) return; + _this._queueEndCallbacks = true; + _this.wrapperTransitionEnd(function (swiper) { + _this.fireCallback(params.onSlideChangeEnd, swiper, direction); + }); + } + else { + _this.wrapperTransitionEnd(function (swiper) { + _this.fireCallback(params.onSlideChangeEnd, swiper, direction); + }); + } + } + else { + if (!params.DOMAnimation) { + setTimeout(function () { + _this.fireCallback(params.onSlideChangeEnd, _this, direction); + }, 10); + } + } + } + } + + /*================================================== + Update Active Slide Index + ====================================================*/ + _this.updateActiveSlide = function (position) { + if (!_this.initialized) return; + if (_this.slides.length === 0) return; + _this.previousIndex = _this.activeIndex; + if (typeof position === 'undefined') position = _this.getWrapperTranslate(); + if (position > 0) position = 0; + var i; + if (params.slidesPerView === 'auto') { + var slidesOffset = 0; + _this.activeIndex = _this.slidesGrid.indexOf(-position); + if (_this.activeIndex < 0) { + for (i = 0; i < _this.slidesGrid.length - 1; i++) { + if (-position > _this.slidesGrid[i] && -position < _this.slidesGrid[i + 1]) { + break; + } + } + var leftDistance = Math.abs(_this.slidesGrid[i] + position); + var rightDistance = Math.abs(_this.slidesGrid[i + 1] + position); + if (leftDistance <= rightDistance) _this.activeIndex = i; + else _this.activeIndex = i + 1; + } + } + else { + _this.activeIndex = Math[params.visibilityFullFit ? 'ceil' : 'round'](-position / slideSize); + } + + if (_this.activeIndex === _this.slides.length) _this.activeIndex = _this.slides.length - 1; + if (_this.activeIndex < 0) _this.activeIndex = 0; + + // Check for slide + if (!_this.slides[_this.activeIndex]) return; + + // Calc Visible slides + _this.calcVisibleSlides(position); + + // Mark visible and active slides with additonal classes + if (_this.support.classList) { + var slide; + for (i = 0; i < _this.slides.length; i++) { + slide = _this.slides[i]; + slide.classList.remove(params.slideActiveClass); + if (_this.visibleSlides.indexOf(slide) >= 0) { + slide.classList.add(params.slideVisibleClass); + } else { + slide.classList.remove(params.slideVisibleClass); + } + } + _this.slides[_this.activeIndex].classList.add(params.slideActiveClass); + } else { + var activeClassRegexp = new RegExp('\\s*' + params.slideActiveClass); + var inViewClassRegexp = new RegExp('\\s*' + params.slideVisibleClass); + + for (i = 0; i < _this.slides.length; i++) { + _this.slides[i].className = _this.slides[i].className.replace(activeClassRegexp, '').replace(inViewClassRegexp, ''); + if (_this.visibleSlides.indexOf(_this.slides[i]) >= 0) { + _this.slides[i].className += ' ' + params.slideVisibleClass; + } + } + _this.slides[_this.activeIndex].className += ' ' + params.slideActiveClass; + } + + //Update loop index + if (params.loop) { + var ls = _this.loopedSlides; + _this.activeLoopIndex = _this.activeIndex - ls; + if (_this.activeLoopIndex >= _this.slides.length - ls * 2) { + _this.activeLoopIndex = _this.slides.length - ls * 2 - _this.activeLoopIndex; + } + if (_this.activeLoopIndex < 0) { + _this.activeLoopIndex = _this.slides.length - ls * 2 + _this.activeLoopIndex; + } + if (_this.activeLoopIndex < 0) _this.activeLoopIndex = 0; + } + else { + _this.activeLoopIndex = _this.activeIndex; + } + //Update Pagination + if (params.pagination) { + _this.updatePagination(position); + } + }; + /*================================================== + Pagination + ====================================================*/ + _this.createPagination = function (firstInit) { + if (params.paginationClickable && _this.paginationButtons) { + removePaginationEvents(); + } + _this.paginationContainer = params.pagination.nodeType ? params.pagination : $$(params.pagination)[0]; + if (params.createPagination) { + var paginationHTML = ''; + var numOfSlides = _this.slides.length; + var numOfButtons = numOfSlides; + if (params.loop) numOfButtons -= _this.loopedSlides * 2; + for (var i = 0; i < numOfButtons; i++) { + paginationHTML += '<' + params.paginationElement + ' class="' + params.paginationElementClass + '">'; + } + _this.paginationContainer.innerHTML = paginationHTML; + } + _this.paginationButtons = $$('.' + params.paginationElementClass, _this.paginationContainer); + if (!firstInit) _this.updatePagination(); + _this.callPlugins('onCreatePagination'); + if (params.paginationClickable) { + addPaginationEvents(); + } + }; + function removePaginationEvents() { + var pagers = _this.paginationButtons; + if (pagers) { + for (var i = 0; i < pagers.length; i++) { + _this.h.removeEventListener(pagers[i], 'click', paginationClick); + } + } + } + function addPaginationEvents() { + var pagers = _this.paginationButtons; + if (pagers) { + for (var i = 0; i < pagers.length; i++) { + _this.h.addEventListener(pagers[i], 'click', paginationClick); + } + } + } + function paginationClick(e) { + var index; + var target = e.target || e.srcElement; + var pagers = _this.paginationButtons; + for (var i = 0; i < pagers.length; i++) { + if (target === pagers[i]) index = i; + } + if (params.autoplay) _this.stopAutoplay(true); + _this.swipeTo(index); + } + _this.updatePagination = function (position) { + if (!params.pagination) return; + if (_this.slides.length < 1) return; + var activePagers = $$('.' + params.paginationActiveClass, _this.paginationContainer); + if (!activePagers) return; + + //Reset all Buttons' class to not active + var pagers = _this.paginationButtons; + if (pagers.length === 0) return; + for (var i = 0; i < pagers.length; i++) { + pagers[i].className = params.paginationElementClass; + } + + var indexOffset = params.loop ? _this.loopedSlides : 0; + if (params.paginationAsRange) { + if (!_this.visibleSlides) _this.calcVisibleSlides(position); + //Get Visible Indexes + var visibleIndexes = []; + var j; // lopp index - avoid JSHint W004 / W038 + for (j = 0; j < _this.visibleSlides.length; j++) { + var visIndex = _this.slides.indexOf(_this.visibleSlides[j]) - indexOffset; + + if (params.loop && visIndex < 0) { + visIndex = _this.slides.length - _this.loopedSlides * 2 + visIndex; + } + if (params.loop && visIndex >= _this.slides.length - _this.loopedSlides * 2) { + visIndex = _this.slides.length - _this.loopedSlides * 2 - visIndex; + visIndex = Math.abs(visIndex); + } + visibleIndexes.push(visIndex); + } + + for (j = 0; j < visibleIndexes.length; j++) { + if (pagers[visibleIndexes[j]]) pagers[visibleIndexes[j]].className += ' ' + params.paginationVisibleClass; + } + + if (params.loop) { + if (pagers[_this.activeLoopIndex] !== undefined) { + pagers[_this.activeLoopIndex].className += ' ' + params.paginationActiveClass; + } + } + else { + if (pagers[_this.activeIndex]) pagers[_this.activeIndex].className += ' ' + params.paginationActiveClass; + } + } + else { + if (params.loop) { + if (pagers[_this.activeLoopIndex]) pagers[_this.activeLoopIndex].className += ' ' + params.paginationActiveClass + ' ' + params.paginationVisibleClass; + } + else { + if (pagers[_this.activeIndex]) pagers[_this.activeIndex].className += ' ' + params.paginationActiveClass + ' ' + params.paginationVisibleClass; + } + } + }; + _this.calcVisibleSlides = function (position) { + var visibleSlides = []; + var _slideLeft = 0, _slideSize = 0, _slideRight = 0; + if (isH && _this.wrapperLeft > 0) position = position + _this.wrapperLeft; + if (!isH && _this.wrapperTop > 0) position = position + _this.wrapperTop; + + for (var i = 0; i < _this.slides.length; i++) { + _slideLeft += _slideSize; + if (params.slidesPerView === 'auto') + _slideSize = isH ? _this.h.getWidth(_this.slides[i], true, params.roundLengths) : _this.h.getHeight(_this.slides[i], true, params.roundLengths); + else _slideSize = slideSize; + + _slideRight = _slideLeft + _slideSize; + var isVisibile = false; + if (params.visibilityFullFit) { + if (_slideLeft >= -position && _slideRight <= -position + containerSize) isVisibile = true; + if (_slideLeft <= -position && _slideRight >= -position + containerSize) isVisibile = true; + } + else { + if (_slideRight > -position && _slideRight <= ((-position + containerSize))) isVisibile = true; + if (_slideLeft >= -position && _slideLeft < ((-position + containerSize))) isVisibile = true; + if (_slideLeft < -position && _slideRight > ((-position + containerSize))) isVisibile = true; + } + + if (isVisibile) visibleSlides.push(_this.slides[i]); + + } + if (visibleSlides.length === 0) visibleSlides = [_this.slides[_this.activeIndex]]; + + _this.visibleSlides = visibleSlides; + }; + + /*========================================== + Autoplay + ============================================*/ + var autoplayTimeoutId, autoplayIntervalId; + _this.startAutoplay = function () { + if (_this.support.transitions) { + if (typeof autoplayTimeoutId !== 'undefined') return false; + if (!params.autoplay) return; + _this.callPlugins('onAutoplayStart'); + if (params.onAutoplayStart) _this.fireCallback(params.onAutoplayStart, _this); + autoplay(); + } + else { + if (typeof autoplayIntervalId !== 'undefined') return false; + if (!params.autoplay) return; + _this.callPlugins('onAutoplayStart'); + if (params.onAutoplayStart) _this.fireCallback(params.onAutoplayStart, _this); + autoplayIntervalId = setInterval(function () { + if (params.loop) { + _this.fixLoop(); + _this.swipeNext(true, true); + } + else if (!_this.swipeNext(true, true)) { + if (!params.autoplayStopOnLast) _this.swipeTo(0); + else { + clearInterval(autoplayIntervalId); + autoplayIntervalId = undefined; + } + } + }, params.autoplay); + } + }; + _this.stopAutoplay = function (internal) { + if (_this.support.transitions) { + if (!autoplayTimeoutId) return; + if (autoplayTimeoutId) clearTimeout(autoplayTimeoutId); + autoplayTimeoutId = undefined; + if (internal && !params.autoplayDisableOnInteraction) { + _this.wrapperTransitionEnd(function () { + autoplay(); + }); + } + _this.callPlugins('onAutoplayStop'); + if (params.onAutoplayStop) _this.fireCallback(params.onAutoplayStop, _this); + } + else { + if (autoplayIntervalId) clearInterval(autoplayIntervalId); + autoplayIntervalId = undefined; + _this.callPlugins('onAutoplayStop'); + if (params.onAutoplayStop) _this.fireCallback(params.onAutoplayStop, _this); + } + }; + function autoplay() { + autoplayTimeoutId = setTimeout(function () { + if (params.loop) { + _this.fixLoop(); + _this.swipeNext(true, true); + } + else if (!_this.swipeNext(true, true)) { + if (!params.autoplayStopOnLast) _this.swipeTo(0); + else { + clearTimeout(autoplayTimeoutId); + autoplayTimeoutId = undefined; + } + } + _this.wrapperTransitionEnd(function () { + if (typeof autoplayTimeoutId !== 'undefined') autoplay(); + }); + }, params.autoplay); + } + /*================================================== + Loop + ====================================================*/ + _this.loopCreated = false; + _this.removeLoopedSlides = function () { + if (_this.loopCreated) { + for (var i = 0; i < _this.slides.length; i++) { + if (_this.slides[i].getData('looped') === true) _this.wrapper.removeChild(_this.slides[i]); + } + } + }; + + _this.createLoop = function () { + if (_this.slides.length === 0) return; + if (params.slidesPerView === 'auto') { + _this.loopedSlides = params.loopedSlides || 1; + } + else { + _this.loopedSlides = Math.floor(params.slidesPerView) + params.loopAdditionalSlides; + } + + if (_this.loopedSlides > _this.slides.length) { + _this.loopedSlides = _this.slides.length; + } + + var slideFirstHTML = '', + slideLastHTML = '', + i; + var slidesSetFullHTML = ''; + /** + loopedSlides is too large if loopAdditionalSlides are set. + Need to divide the slides by maximum number of slides existing. + + @author Tomaz Lovrec + */ + var numSlides = _this.slides.length; + var fullSlideSets = Math.floor(_this.loopedSlides / numSlides); + var remainderSlides = _this.loopedSlides % numSlides; + // assemble full sets of slides + for (i = 0; i < (fullSlideSets * numSlides); i++) { + var j = i; + if (i >= numSlides) { + var over = Math.floor(i / numSlides); + j = i - (numSlides * over); + } + slidesSetFullHTML += _this.slides[j].outerHTML; + } + // assemble remainder slides + // assemble remainder appended to existing slides + for (i = 0; i < remainderSlides;i++) { + slideLastHTML += addClassToHtmlString(params.slideDuplicateClass, _this.slides[i].outerHTML); + } + // assemble slides that get preppended to existing slides + for (i = numSlides - remainderSlides; i < numSlides;i++) { + slideFirstHTML += addClassToHtmlString(params.slideDuplicateClass, _this.slides[i].outerHTML); + } + // assemble all slides + var slides = slideFirstHTML + slidesSetFullHTML + wrapper.innerHTML + slidesSetFullHTML + slideLastHTML; + // set the slides + wrapper.innerHTML = slides; + + _this.loopCreated = true; + _this.calcSlides(); + + //Update Looped Slides with special class + for (i = 0; i < _this.slides.length; i++) { + if (i < _this.loopedSlides || i >= _this.slides.length - _this.loopedSlides) _this.slides[i].setData('looped', true); + } + _this.callPlugins('onCreateLoop'); + + }; + + _this.fixLoop = function () { + var newIndex; + //Fix For Negative Oversliding + if (_this.activeIndex < _this.loopedSlides) { + newIndex = _this.slides.length - _this.loopedSlides * 3 + _this.activeIndex; + _this.swipeTo(newIndex, 0, false); + } + //Fix For Positive Oversliding + else if ((params.slidesPerView === 'auto' && _this.activeIndex >= _this.loopedSlides * 2) || (_this.activeIndex > _this.slides.length - params.slidesPerView * 2)) { + newIndex = -_this.slides.length + _this.activeIndex + _this.loopedSlides; + _this.swipeTo(newIndex, 0, false); + } + }; + + /*================================================== + Slides Loader + ====================================================*/ + _this.loadSlides = function () { + var slidesHTML = ''; + _this.activeLoaderIndex = 0; + var slides = params.loader.slides; + var slidesToLoad = params.loader.loadAllSlides ? slides.length : params.slidesPerView * (1 + params.loader.surroundGroups); + for (var i = 0; i < slidesToLoad; i++) { + if (params.loader.slidesHTMLType === 'outer') slidesHTML += slides[i]; + else { + slidesHTML += '<' + params.slideElement + ' class="' + params.slideClass + '" data-swiperindex="' + i + '">' + slides[i] + ''; + } + } + _this.wrapper.innerHTML = slidesHTML; + _this.calcSlides(true); + //Add permanent transitionEnd callback + if (!params.loader.loadAllSlides) { + _this.wrapperTransitionEnd(_this.reloadSlides, true); + } + }; + + _this.reloadSlides = function () { + var slides = params.loader.slides; + var newActiveIndex = parseInt(_this.activeSlide().data('swiperindex'), 10); + if (newActiveIndex < 0 || newActiveIndex > slides.length - 1) return; //<-- Exit + _this.activeLoaderIndex = newActiveIndex; + var firstIndex = Math.max(0, newActiveIndex - params.slidesPerView * params.loader.surroundGroups); + var lastIndex = Math.min(newActiveIndex + params.slidesPerView * (1 + params.loader.surroundGroups) - 1, slides.length - 1); + //Update Transforms + if (newActiveIndex > 0) { + var newTransform = -slideSize * (newActiveIndex - firstIndex); + _this.setWrapperTranslate(newTransform); + _this.setWrapperTransition(0); + } + var i; // loop index + //New Slides + if (params.loader.logic === 'reload') { + _this.wrapper.innerHTML = ''; + var slidesHTML = ''; + for (i = firstIndex; i <= lastIndex; i++) { + slidesHTML += params.loader.slidesHTMLType === 'outer' ? slides[i] : '<' + params.slideElement + ' class="' + params.slideClass + '" data-swiperindex="' + i + '">' + slides[i] + ''; + } + _this.wrapper.innerHTML = slidesHTML; + } + else { + var minExistIndex = 1000; + var maxExistIndex = 0; + + for (i = 0; i < _this.slides.length; i++) { + var index = _this.slides[i].data('swiperindex'); + if (index < firstIndex || index > lastIndex) { + _this.wrapper.removeChild(_this.slides[i]); + } + else { + minExistIndex = Math.min(index, minExistIndex); + maxExistIndex = Math.max(index, maxExistIndex); + } + } + for (i = firstIndex; i <= lastIndex; i++) { + var newSlide; + if (i < minExistIndex) { + newSlide = document.createElement(params.slideElement); + newSlide.className = params.slideClass; + newSlide.setAttribute('data-swiperindex', i); + newSlide.innerHTML = slides[i]; + _this.wrapper.insertBefore(newSlide, _this.wrapper.firstChild); + } + if (i > maxExistIndex) { + newSlide = document.createElement(params.slideElement); + newSlide.className = params.slideClass; + newSlide.setAttribute('data-swiperindex', i); + newSlide.innerHTML = slides[i]; + _this.wrapper.appendChild(newSlide); + } + } + } + //reInit + _this.reInit(true); + }; + + /*================================================== + Make Swiper + ====================================================*/ + function makeSwiper() { + _this.calcSlides(); + if (params.loader.slides.length > 0 && _this.slides.length === 0) { + _this.loadSlides(); + } + if (params.loop) { + _this.createLoop(); + } + _this.init(); + initEvents(); + if (params.pagination) { + _this.createPagination(true); + } + + if (params.loop || params.initialSlide > 0) { + _this.swipeTo(params.initialSlide, 0, false); + } + else { + _this.updateActiveSlide(0); + } + if (params.autoplay) { + _this.startAutoplay(); + } + /** + * Set center slide index. + * + * @author Tomaz Lovrec + */ + _this.centerIndex = _this.activeIndex; + + // Callbacks + if (params.onSwiperCreated) _this.fireCallback(params.onSwiperCreated, _this); + _this.callPlugins('onSwiperCreated'); + } + + makeSwiper(); +}; + +Swiper.prototype = { + plugins : {}, + + /*================================================== + Wrapper Operations + ====================================================*/ + wrapperTransitionEnd : function (callback, permanent) { + 'use strict'; + var a = this, + el = a.wrapper, + events = ['webkitTransitionEnd', 'transitionend', 'oTransitionEnd', 'MSTransitionEnd', 'msTransitionEnd'], + i; + + function fireCallBack(e) { + if (e.target !== el) return; + callback(a); + if (a.params.queueEndCallbacks) a._queueEndCallbacks = false; + if (!permanent) { + for (i = 0; i < events.length; i++) { + a.h.removeEventListener(el, events[i], fireCallBack); + } + } + } + + if (callback) { + for (i = 0; i < events.length; i++) { + a.h.addEventListener(el, events[i], fireCallBack); + } + } + }, + + getWrapperTranslate : function (axis) { + 'use strict'; + var el = this.wrapper, + matrix, curTransform, curStyle, transformMatrix; + + // automatic axis detection + if (typeof axis === 'undefined') { + axis = this.params.mode === 'horizontal' ? 'x' : 'y'; + } + + if (this.support.transforms && this.params.useCSS3Transforms) { + curStyle = window.getComputedStyle(el, null); + if (window.WebKitCSSMatrix) { + // Some old versions of Webkit choke when 'none' is passed; pass + // empty string instead in this case + transformMatrix = new WebKitCSSMatrix(curStyle.webkitTransform === 'none' ? '' : curStyle.webkitTransform); + } + else { + transformMatrix = curStyle.MozTransform || curStyle.OTransform || curStyle.MsTransform || curStyle.msTransform || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,'); + matrix = transformMatrix.toString().split(','); + } + + if (axis === 'x') { + //Latest Chrome and webkits Fix + if (window.WebKitCSSMatrix) + curTransform = transformMatrix.m41; + //Crazy IE10 Matrix + else if (matrix.length === 16) + curTransform = parseFloat(matrix[12]); + //Normal Browsers + else + curTransform = parseFloat(matrix[4]); + } + if (axis === 'y') { + //Latest Chrome and webkits Fix + if (window.WebKitCSSMatrix) + curTransform = transformMatrix.m42; + //Crazy IE10 Matrix + else if (matrix.length === 16) + curTransform = parseFloat(matrix[13]); + //Normal Browsers + else + curTransform = parseFloat(matrix[5]); + } + } + else { + if (axis === 'x') curTransform = parseFloat(el.style.left, 10) || 0; + if (axis === 'y') curTransform = parseFloat(el.style.top, 10) || 0; + } + return curTransform || 0; + }, + + setWrapperTranslate : function (x, y, z) { + 'use strict'; + var es = this.wrapper.style, + coords = {x: 0, y: 0, z: 0}, + translate; + + // passed all coordinates + if (arguments.length === 3) { + coords.x = x; + coords.y = y; + coords.z = z; + } + + // passed one coordinate and optional axis + else { + if (typeof y === 'undefined') { + y = this.params.mode === 'horizontal' ? 'x' : 'y'; + } + coords[y] = x; + } + + if (this.support.transforms && this.params.useCSS3Transforms) { + translate = this.support.transforms3d ? 'translate3d(' + coords.x + 'px, ' + coords.y + 'px, ' + coords.z + 'px)' : 'translate(' + coords.x + 'px, ' + coords.y + 'px)'; + es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = translate; + } + else { + es.left = coords.x + 'px'; + es.top = coords.y + 'px'; + } + this.callPlugins('onSetWrapperTransform', coords); + if (this.params.onSetWrapperTransform) this.fireCallback(this.params.onSetWrapperTransform, this, coords); + }, + + setWrapperTransition : function (duration) { + 'use strict'; + var es = this.wrapper.style; + es.webkitTransitionDuration = es.MsTransitionDuration = es.msTransitionDuration = es.MozTransitionDuration = es.OTransitionDuration = es.transitionDuration = (duration / 1000) + 's'; + this.callPlugins('onSetWrapperTransition', {duration: duration}); + if (this.params.onSetWrapperTransition) this.fireCallback(this.params.onSetWrapperTransition, this, duration); + + }, + + /*================================================== + Helpers + ====================================================*/ + h : { + getWidth: function (el, outer, round) { + 'use strict'; + var width = window.getComputedStyle(el, null).getPropertyValue('width'); + var returnWidth = parseFloat(width); + //IE Fixes + if (isNaN(returnWidth) || width.indexOf('%') > 0 || returnWidth < 0) { + returnWidth = el.offsetWidth - parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-left')) - parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-right')); + } + if (outer) returnWidth += parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-left')) + parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-right')); + if (round) return Math.ceil(returnWidth); + else return returnWidth; + }, + getHeight: function (el, outer, round) { + 'use strict'; + if (outer) return el.offsetHeight; + + var height = window.getComputedStyle(el, null).getPropertyValue('height'); + var returnHeight = parseFloat(height); + //IE Fixes + if (isNaN(returnHeight) || height.indexOf('%') > 0 || returnHeight < 0) { + returnHeight = el.offsetHeight - parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-top')) - parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-bottom')); + } + if (outer) returnHeight += parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-top')) + parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-bottom')); + if (round) return Math.ceil(returnHeight); + else return returnHeight; + }, + getOffset: function (el) { + 'use strict'; + var box = el.getBoundingClientRect(); + var body = document.body; + var clientTop = el.clientTop || body.clientTop || 0; + var clientLeft = el.clientLeft || body.clientLeft || 0; + var scrollTop = window.pageYOffset || el.scrollTop; + var scrollLeft = window.pageXOffset || el.scrollLeft; + if (document.documentElement && !window.pageYOffset) { + //IE7-8 + scrollTop = document.documentElement.scrollTop; + scrollLeft = document.documentElement.scrollLeft; + } + return { + top: box.top + scrollTop - clientTop, + left: box.left + scrollLeft - clientLeft + }; + }, + windowWidth : function () { + 'use strict'; + if (window.innerWidth) return window.innerWidth; + else if (document.documentElement && document.documentElement.clientWidth) return document.documentElement.clientWidth; + }, + windowHeight : function () { + 'use strict'; + if (window.innerHeight) return window.innerHeight; + else if (document.documentElement && document.documentElement.clientHeight) return document.documentElement.clientHeight; + }, + windowScroll : function () { + 'use strict'; + if (typeof pageYOffset !== 'undefined') { + return { + left: window.pageXOffset, + top: window.pageYOffset + }; + } + else if (document.documentElement) { + return { + left: document.documentElement.scrollLeft, + top: document.documentElement.scrollTop + }; + } + }, + + addEventListener : function (el, event, listener, useCapture) { + 'use strict'; + if (typeof useCapture === 'undefined') { + useCapture = false; + } + + if (el.addEventListener) { + el.addEventListener(event, listener, useCapture); + } + else if (el.attachEvent) { + el.attachEvent('on' + event, listener); + } + }, + + removeEventListener : function (el, event, listener, useCapture) { + 'use strict'; + if (typeof useCapture === 'undefined') { + useCapture = false; + } + + if (el.removeEventListener) { + el.removeEventListener(event, listener, useCapture); + } + else if (el.detachEvent) { + el.detachEvent('on' + event, listener); + } + } + }, + setTransform : function (el, transform) { + 'use strict'; + var es = el.style; + es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = transform; + }, + setTranslate : function (el, translate) { + 'use strict'; + var es = el.style; + var pos = { + x : translate.x || 0, + y : translate.y || 0, + z : translate.z || 0 + }; + var transformString = this.support.transforms3d ? 'translate3d(' + (pos.x) + 'px,' + (pos.y) + 'px,' + (pos.z) + 'px)' : 'translate(' + (pos.x) + 'px,' + (pos.y) + 'px)'; + es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = transformString; + if (!this.support.transforms) { + es.left = pos.x + 'px'; + es.top = pos.y + 'px'; + } + }, + setTransition : function (el, duration) { + 'use strict'; + var es = el.style; + es.webkitTransitionDuration = es.MsTransitionDuration = es.msTransitionDuration = es.MozTransitionDuration = es.OTransitionDuration = es.transitionDuration = duration + 'ms'; + }, + /*================================================== + Feature Detection + ====================================================*/ + support: { + + touch : (window.Modernizr && Modernizr.touch === true) || (function () { + 'use strict'; + return !!(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch); + })(), + + transforms3d : (window.Modernizr && Modernizr.csstransforms3d === true) || (function () { + 'use strict'; + var div = document.createElement('div').style; + return ('webkitPerspective' in div || 'MozPerspective' in div || 'OPerspective' in div || 'MsPerspective' in div || 'perspective' in div); + })(), + + transforms : (window.Modernizr && Modernizr.csstransforms === true) || (function () { + 'use strict'; + var div = document.createElement('div').style; + return ('transform' in div || 'WebkitTransform' in div || 'MozTransform' in div || 'msTransform' in div || 'MsTransform' in div || 'OTransform' in div); + })(), + + transitions : (window.Modernizr && Modernizr.csstransitions === true) || (function () { + 'use strict'; + var div = document.createElement('div').style; + return ('transition' in div || 'WebkitTransition' in div || 'MozTransition' in div || 'msTransition' in div || 'MsTransition' in div || 'OTransition' in div); + })(), + + classList : (function () { + 'use strict'; + var div = document.createElement('div'); + return 'classList' in div; + })() + }, + + browser : { + + ie8 : (function () { + 'use strict'; + var rv = -1; // Return value assumes failure. + if (navigator.appName === 'Microsoft Internet Explorer') { + var ua = navigator.userAgent; + var re = new RegExp(/MSIE ([0-9]{1,}[\.0-9]{0,})/); + if (re.exec(ua) !== null) + rv = parseFloat(RegExp.$1); + } + return rv !== -1 && rv < 9; + })(), + + ie10 : window.navigator.msPointerEnabled, + ie11 : window.navigator.pointerEnabled + } +}; + +/*========================= + jQuery & Zepto Plugins + ===========================*/ +if (window.jQuery || window.Zepto) { + (function ($) { + 'use strict'; + $.fn.swiper = function (params) { + var firstInstance; + this.each(function (i) { + var that = $(this); + var s = new Swiper(that[0], params); + if (!i) firstInstance = s; + that.data('swiper', s); + }); + return firstInstance; + }; + })(window.jQuery || window.Zepto); +} + +// CommonJS support +if (typeof(module) !== 'undefined') { + module.exports = Swiper; + +// requirejs support +} else if (typeof define === 'function' && define.amd) { + define([], function () { + 'use strict'; + return Swiper; + }); +} diff --git a/layouts/xedition/js/jquery.parallax-scroll.js b/layouts/xedition/js/jquery.parallax-scroll.js new file mode 100644 index 000000000..033b7fcbf --- /dev/null +++ b/layouts/xedition/js/jquery.parallax-scroll.js @@ -0,0 +1,126 @@ +/* + * Parallax-Scroll - v0.2.0 + * jQuery plugin for background-attachment: scroll with friction, similar to the parallax scrolling effect on Spotify. + * http://parallax-scroll.aenism.com + * + * Made by Aen Tan + * Under MIT License + */ +;(function (root, factory) { + if (typeof define === "function" && define.amd) { + // AMD. Register as an anonymous module. + define(["jquery"], factory); + } else { + // Browser globals + factory(root.jQuery); + } +}(this, function ($) { + "use strict"; + + var ParallaxScroll, + defaults = { + friction: 0.5, + direction: "vertical" + }, + $win = $(window), + lastTickTime = 0; + + window.requestAnimationFrame = function (callback) { + var currTime = new Date().getTime(); + var timeToCall = Math.max(0, 5 - (currTime - lastTickTime)); + var id = window.setTimeout(function () { + callback(currTime + timeToCall); + }, timeToCall); + lastTickTime = currTime + timeToCall; + return id; + }; + + ParallaxScroll = function (background, options) { + return { + init: function () { + this.$background = $(background); + this.settings = $.extend({}, defaults, options); + this._initStyles(); + this._bindEvents(); + }, + _initStyles: function () { + this.$background.css({ + "background-attachment": "scroll" + }); + }, + _visibleInViewport: function () { + var vpHeight = $win.height(); + var rec = this.$background.get(0).getBoundingClientRect(); + return (rec.top < vpHeight && rec.bottom > 0) || (rec.bottom <= vpHeight && rec.top > vpHeight); + }, + _bindEvents: function () { + var self = this; + $win.on("load scroll resize", function () { + self._requestTick(); + }); + }, + _requestTick: function () { + var self = this; + if (!this.ticking) { + this.ticking = true; + requestAnimationFrame(function () { + self._updateBgPos(); + }); + } + }, + _updateBgPos: function () { + if (this._visibleInViewport()) { + var winW = $win.width(); + var winH = $win.height(); + var imgW = this.$background.data("width"); + var imgH = this.$background.data("height"); + var imgA = imgW / imgH; + var bgW = this.$background.width(); + var bgH = this.$background.height(); + var bgA = bgW / bgH; + var revA = bgA < imgA; + var bgScale = bgW / imgW; + var bgScaledH = imgH * bgScale; + var bgScaledW = imgW * bgScale; + var bgOffsetTop = this.$background.offset().top; + var winScrollTop = $win.scrollTop(); + var bgScrollTop = winScrollTop - bgOffsetTop; + var xDistToMove = winH + bgScaledH; + var yDistToMove = winW + bgScaledW; + var xf1 = bgScrollTop * (winH / xDistToMove); + var xf2 = bgScrollTop / winH; + var yf1 = bgScrollTop * (winW / yDistToMove); + var yf2 = bgScrollTop / winW; + var centerOffsetY = (winH - bgH) / 2; + centerOffsetY = revA ? centerOffsetY * xf2 : centerOffsetY; + var centerOffsetX = (winW - bgW) / 2; + centerOffsetX = revA ? centerOffsetX : centerOffsetX * yf2; + var bgFriction = revA? this.settings.friction * (bgA * 2) : this.settings.friction * bgA; + var bgSize; + var bgPos; + if (this.settings.direction === "horizontal") { + bgSize = revA ? winW + "px auto" : "auto " + winH + "px"; + bgPos = (centerOffsetX - (yf1 * bgFriction)) + "px 50%"; + } else { + bgSize = revA ? "auto " + winH + "px" : winW + "px auto"; + bgPos = "50% " + ((xf1 * bgFriction) - centerOffsetY) + "px"; + } + this.$background.css({ + "background-size": bgSize, + "background-position": bgPos + }); + } + this.ticking = false; + } + }; + }; + + ParallaxScroll.defaults = defaults; + $.fn.parallaxScroll = function (options) { + return this.each(function () { + new ParallaxScroll(this, options).init(); + }); + }; + + return ParallaxScroll; +})); \ No newline at end of file diff --git a/layouts/xedition/js/layout.js b/layouts/xedition/js/layout.js index abad2c82b..6e029563e 100644 --- a/layouts/xedition/js/layout.js +++ b/layouts/xedition/js/layout.js @@ -38,6 +38,15 @@ }); $(window).triggerHandler('scroll'); } + // login popup + $hoverEl.on('mouseenter mouseleave focusin focusout',function(e){ + e.preventDefault(); + if(e.type == 'mouseenter' || e.type == 'focusin'){ + $(this).addClass('on'); + } else { + $(this).removeClass('on'); + } + }); // Search $searchEl.click(function(){ if($searchForm.is(':hidden')){ From 1af83bf89af04a2f334fb8a8fb402a54da758cff Mon Sep 17 00:00:00 2001 From: dlehdanakf Date: Mon, 6 Jul 2015 11:24:43 +0900 Subject: [PATCH 09/23] =?UTF-8?q?gnb.pc.js=20=EC=99=80=20gnb.mobile.js=20?= =?UTF-8?q?=EB=AA=A8=EB=91=90=20layout.js=20=EB=A1=9C=20=ED=86=B5=ED=95=A9?= =?UTF-8?q?.=20html=EC=97=90=EC=84=9C=20=ED=95=B4=EB=8B=B9=20js=EB=A1=9C?= =?UTF-8?q?=EB=93=9C=EB=90=98=EB=8A=94=20=EB=B6=80=EB=B6=84=20=EC=A0=9C?= =?UTF-8?q?=EA=B1=B0=20=EB=B0=8F=20=EC=8A=AC=EB=9D=BC=EC=9D=B4=EB=93=9C?= =?UTF-8?q?=EC=97=90=EC=84=9C=20=EC=A2=8C=EC=9A=B0=20=EB=B2=84=ED=8A=BC=20?= =?UTF-8?q?IE8=EB=8C=80=EC=9D=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layouts/xedition/css/layout.css | 2 +- layouts/xedition/js/gnb.mobile.js | 14 ------------ layouts/xedition/js/gnb.pc.js | 36 ----------------------------- layouts/xedition/js/layout.js | 38 +++++++++++++++++++++++++++++++ layouts/xedition/layout.html | 2 -- 5 files changed, 39 insertions(+), 53 deletions(-) delete mode 100644 layouts/xedition/js/gnb.mobile.js delete mode 100644 layouts/xedition/js/gnb.pc.js diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css index 8f6332573..cc8b9c414 100644 --- a/layouts/xedition/css/layout.css +++ b/layouts/xedition/css/layout.css @@ -222,7 +222,7 @@ a:hover,a:active,a:focus{text-decoration:none} .swiper-button.left { left:20px; } .swiper-button.right { right:20px; } .swiper-button i { width:50px; line-height:50px; text-align:center; font-size:24px; color:#fff; } -.swiper-button button { background:rgba(0,0,0,0.3); cursor:pointer; } +.swiper-button button { background-color:#333; border-radius:50px; background-color:rgba(0,0,0,0.2); cursor:pointer; } .pagination { position: absolute; left: 0; diff --git a/layouts/xedition/js/gnb.mobile.js b/layouts/xedition/js/gnb.mobile.js deleted file mode 100644 index 8888c459d..000000000 --- a/layouts/xedition/js/gnb.mobile.js +++ /dev/null @@ -1,14 +0,0 @@ -(function($) { - $(function(){ - var $gnb = $('.gnb'); - $("#mobile_menu_btn").on('click', function(){ - var isOpened = $(this); - if(isOpened.hasClass('opened')){ - $("#gnb").find(">ul").slideUp(200); - }else{ - $("#gnb").find(">ul:not(:animated)").slideDown(200); - } - isOpened.toggleClass('opened'); - }); - }); -})(jQuery); diff --git a/layouts/xedition/js/gnb.pc.js b/layouts/xedition/js/gnb.pc.js deleted file mode 100644 index 268220412..000000000 --- a/layouts/xedition/js/gnb.pc.js +++ /dev/null @@ -1,36 +0,0 @@ - (function($){ - $(function(){ - var $shrinkHeaderHeight = 300; - var $fixedHeader = $('.fixed_header .header_wrap'); - var $gnb = $('.gnb'); - var $hoverEl = $('.hover'); - var $searchEl = $('.click > a'); - var $searchForm = $('.search_area'); - // Gnb - $gnb.find('>ul>li>a') - .mouseover(function(){ - $gnb.find('>ul>li>ul:visible').hide().parent('li').removeClass('on'); - $(this).next('ul:hidden').stop().fadeIn(200).parent('li').addClass('on') - }) - .focus(function(){ - $(this).mouseover(); - }) - .end() - .mouseleave(function(){ - $gnb.find('>ul>li>ul').hide().parent().removeClass('on') - }); - - $gnb.find('>ul>li>ul>li>a') - .mouseover(function(){ - $gnb.find('>ul>li>ul>li>ul:visible').hide().parent('li').removeClass('on'); - $(this).next('ul:hidden').stop().fadeIn(200).parent('li').addClass('on') - }) - .focus(function(){ - $(this).mouseover(); - }) - .end() - .mouseleave(function(){ - $gnb.find('>ul>li>ul>li>ul').hide().parent().removeClass('on') - }); - }); -})(jQuery); diff --git a/layouts/xedition/js/layout.js b/layouts/xedition/js/layout.js index 6e029563e..b52087088 100644 --- a/layouts/xedition/js/layout.js +++ b/layouts/xedition/js/layout.js @@ -38,6 +38,44 @@ }); $(window).triggerHandler('scroll'); } + // Gnb + if($(document).width() > 480){ + $gnb.find('>ul>li>a') + .mouseover(function(){ + $gnb.find('>ul>li>ul:visible').hide().parent('li').removeClass('on'); + $(this).next('ul:hidden').stop().fadeIn(200).parent('li').addClass('on') + }) + .focus(function(){ + $(this).mouseover(); + }) + .end() + .mouseleave(function(){ + $gnb.find('>ul>li>ul').hide().parent().removeClass('on') + }); + + $gnb.find('>ul>li>ul>li>a') + .mouseover(function(){ + $gnb.find('>ul>li>ul>li>ul:visible').hide().parent('li').removeClass('on'); + $(this).next('ul:hidden').stop().fadeIn(200).parent('li').addClass('on') + }) + .focus(function(){ + $(this).mouseover(); + }) + .end() + .mouseleave(function(){ + $gnb.find('>ul>li>ul>li>ul').hide().parent().removeClass('on') + }); + } + + $("#mobile_menu_btn").on('click', function(){ + var isOpened = $(this); + if(isOpened.hasClass('opened')){ + $("#gnb").find(">ul").slideUp(200); + }else{ + $("#gnb").find(">ul:not(:animated)").slideDown(200); + } + isOpened.toggleClass('opened'); + }); // login popup $hoverEl.on('mouseenter mouseleave focusin focusout',function(e){ e.preventDefault(); diff --git a/layouts/xedition/layout.html b/layouts/xedition/layout.html index d15228740..c77b2d39d 100644 --- a/layouts/xedition/layout.html +++ b/layouts/xedition/layout.html @@ -155,8 +155,6 @@ - - From 7e440a7bf55d89401d2cb531866b2058a94518e0 Mon Sep 17 00:00:00 2001 From: dlehdanakf Date: Mon, 6 Jul 2015 11:34:57 +0900 Subject: [PATCH 10/23] =?UTF-8?q?VISUAL=20HEADER=20=EC=97=90=EC=84=9C=20(X?= =?UTF-8?q?EICON)=20=EB=B0=B0=EA=B2=BD=20=EC=9D=B4=EB=AF=B8=EC=A7=80?= =?UTF-8?q?=EA=B0=80=20=EC=95=88=EB=9C=A8=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20?= =?UTF-8?q?=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layouts/xedition/layout.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/layouts/xedition/layout.html b/layouts/xedition/layout.html index c77b2d39d..48b0eae5e 100644 --- a/layouts/xedition/layout.html +++ b/layouts/xedition/layout.html @@ -296,7 +296,7 @@ {@ $_subheader_img = 'sub_banner_01.jpg'} {@ $_subheader_img = 'sub_banner_02.jpg'} {@ $_subheader_img = 'sub_banner_xeicon.jpg'} - +

{$sub_header_title}

From 408fe730fcd1a7c19624f5788738f7a30227b9c0 Mon Sep 17 00:00:00 2001 From: dlehdanakf Date: Mon, 6 Jul 2015 13:16:44 +0900 Subject: [PATCH 11/23] =?UTF-8?q?mobile=20css=EC=97=90=EC=84=9C=20gnb=20?= =?UTF-8?q?=EC=84=A0=EC=96=B8=EB=B6=80=EB=B6=84=20=EC=A4=91=EB=B3=B5=20?= =?UTF-8?q?=EC=84=A0=EC=96=B8=20=EC=A0=9C=EA=B1=B0=20=EB=B0=8F=20=EA=B0=84?= =?UTF-8?q?=EA=B2=B0=ED=99=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layouts/xedition/css/layout.css | 30 +++++++++++++----------------- 1 file changed, 13 insertions(+), 17 deletions(-) diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css index cc8b9c414..f29f97012 100644 --- a/layouts/xedition/css/layout.css +++ b/layouts/xedition/css/layout.css @@ -270,6 +270,7 @@ a:hover,a:active,a:focus{text-decoration:none} /* 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} @@ -318,23 +319,25 @@ a:hover,a:active,a:focus{text-decoration:none} .search_wrap{display:none;} - .gnb{float:none;position:static;z-index:1;max-width:100%;height:100%;font-size:1em} - .gnb a{text-decoration:none;white-space: normal} - .gnb>ul>li{float:none;position:static;text-align:left} - .gnb>ul:after{display:block;clear:both;content:''} - .gnb>ul>li>a{display:block;position:static;padding:10px 0;line-height:normal;font-size:normal;font-weight:normal;color:#888} - .gnb>ul>li>a:hover,.gnb>ul>li>a:focus,.gnb>ul>li>a:focus,.gnb>ul>li.on>a{color:#444} + .gnb{float:none;position:static;z-index:1;max-width:100%;height:100%;font-size:1em;background:#fff;} + .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; } + .gnb>ul>li{float:none;position:static;} + .gnb > ul > li:first-child > a { border-top:0; } + .gnb>ul:after{display:none;} + .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 } - .gnb>ul .depth2{display:block;position:static;z-index:2;padding:0;background-color:#fff} + .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{display:block;position:static;min-width:100%;height:auto;padding:10px 0;line-height:normal;font-size:13px;color:#9d9d9d} - .gnb>ul .depth2 a:hover,.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2>li.on>a{color:#cda25a} + .gnb>ul .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{ display:block; position: static; max-width: auto; } + .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; } @@ -348,13 +351,6 @@ a:hover,a:active,a:focus{text-decoration:none} .gnb .menu_btn.opened .menu_bar div.btn2 { top:6px; display:none; } .gnb .menu_btn.opened .menu_bar div.btn3 { top:6px; width:20px; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } - .gnb > ul { display:none; padding:0 14px 14px 14px; max-height:240px; overflow-x: scroll; border-bottom:1px solid #eaeaea; background:#fff; -webkit-overflow-scrolling:touch; } - .gnb > ul > li { } - .gnb > ul > li > a { color:#555; font-weight:bold; } - .gnb a { font-size:14px; display:block; padding:10px 0; border-top:1px solid #eee; } - .gnb > ul > li:first-child > a { border-top:0; } - .gnb > ul > li > ul > li > a { color:#555; } - .gnb > ul > li > ul > li > ul > li > a { color:#999; } .body { } .body .lnb { display:none; } From a770b2295a73c28ba82506b5dc7959c24810221e Mon Sep 17 00:00:00 2001 From: dlehdanakf Date: Mon, 6 Jul 2015 14:12:36 +0900 Subject: [PATCH 12/23] =?UTF-8?q?welcome=20css=20=EB=B0=98=EC=9D=91?= =?UTF-8?q?=ED=99=94=20=EC=9E=91=EC=97=85=EC=97=90=EC=84=9C=20media=20?= =?UTF-8?q?=EC=BF=BC=EB=A6=AC=20=EA=B4=80=EB=A0=A8=20IE8=20=EB=8C=80?= =?UTF-8?q?=EC=9D=91=20=EB=B0=8F=20css=20=EA=B0=84=EA=B2=B0=ED=99=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layouts/xedition/css/layout.css | 1 - layouts/xedition/css/welcome.css | 55 ++++++++++++++++---------------- layouts/xedition/layout.html | 2 +- 3 files changed, 29 insertions(+), 29 deletions(-) diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css index f29f97012..50ace574e 100644 --- a/layouts/xedition/css/layout.css +++ b/layouts/xedition/css/layout.css @@ -266,7 +266,6 @@ a:hover,a:active,a:focus{text-decoration:none} .header > h1 img { max-height:15px; padding:0; margin:0; } .header.sub_type3 { position:absolute; } - /* Fixed Header */ /* Fixed Header */ .container.fixed_header{padding-top:0} .header_wrap.shrink { display:none; } diff --git a/layouts/xedition/css/welcome.css b/layouts/xedition/css/welcome.css index 34e204e07..8157142df 100644 --- a/layouts/xedition/css/welcome.css +++ b/layouts/xedition/css/welcome.css @@ -49,29 +49,28 @@ .welcomeXE .features ul{overflow:hidden;margin-top:38px;padding:0 20px} .welcomeXE .features li{float:left;width:25%;height:480px} -@media all and (min-width: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 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} @@ -110,15 +109,17 @@ .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; } - .welcomeXE .features .fe_box .ico{display:inline-block;width:70px;position:absolute;top:20px;left:20px;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} - .welcomeXE .features .fe_box h2{font-size:21px;color:#f6f6f6;font-weight:normal; padding-left:80px} - .welcomeXE .features .fe_box a{display:inline-block;height:30px;padding:0 20px;border:2px solid #f6f6f6;font-family:'Open Sans',sans-serif;font-size:13px;letter-spacing:1px;color:#f6f6f6;line-height:30px;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;float:right;} - .welcomeXE .features .fe_bottom { padding-left:80px; overflow:hidden; } - .welcomeXE .features .fe_box p{margin-bottom:40px;margin-top:10px;font-size:13px;line-height:20px;color:#f6f6f6} + .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; } diff --git a/layouts/xedition/layout.html b/layouts/xedition/layout.html index 48b0eae5e..c5b3698b1 100644 --- a/layouts/xedition/layout.html +++ b/layouts/xedition/layout.html @@ -155,7 +155,7 @@ - + From 9d5566e12ed29e106f1dd4e2b9ff0c18d350c7f1 Mon Sep 17 00:00:00 2001 From: dlehdanakf Date: Mon, 6 Jul 2015 14:34:36 +0900 Subject: [PATCH 13/23] =?UTF-8?q?=ED=95=98=EB=8B=A8=20"=EB=AA=A8=EB=B0=94?= =?UTF-8?q?=EC=9D=BC=EC=97=90=20=EC=B5=9C=EC=A0=81=ED=99=94=EB=90=9C=20?= =?UTF-8?q?=ED=99=94=EB=A9=B4=EC=9C=BC=EB=A1=9C=20=EB=B3=B4=EA=B8=B0"?= =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EB=84=88=EB=B9=84=EB=AC=B8=EC=A0=9C=20?= =?UTF-8?q?=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layouts/xedition/css/layout.css | 3 ++- layouts/xedition/layout.html | 2 -- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css index 50ace574e..fa1e43b8a 100644 --- a/layouts/xedition/css/layout.css +++ b/layouts/xedition/css/layout.css @@ -2,7 +2,7 @@ /* Common */ body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none} -body, html { width:100%; height:100%; } +body, 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} @@ -246,6 +246,7 @@ a:hover,a:active,a:focus{text-decoration:none} } @media all and (max-width:479px) { + body, html { min-width:100%; } a.btn_top { display:none; } /* Layout */ .container{min-width:100%;background-color:#fff} diff --git a/layouts/xedition/layout.html b/layouts/xedition/layout.html index c5b3698b1..e3f4eca1e 100644 --- a/layouts/xedition/layout.html +++ b/layouts/xedition/layout.html @@ -151,8 +151,6 @@ - - From 6a1307a3c39fbbacbed6671082f4079b06f989dc Mon Sep 17 00:00:00 2001 From: bnu Date: Mon, 6 Jul 2015 15:06:04 +0900 Subject: [PATCH 14/23] =?UTF-8?q?XEDITION=20CSS=20=ED=8F=AC=EB=A7=B7=20?= =?UTF-8?q?=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layouts/xedition/css/layout.css | 1761 ++++++++++++++++++++----- layouts/xedition/css/welcome.css | 590 +++++++-- layouts/xedition/css/widget.login.css | 673 +++++++--- layouts/xedition/css/xeicon.css | 303 ++++- 4 files changed, 2635 insertions(+), 692 deletions(-) diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css index fa1e43b8a..8407da5a0 100644 --- a/layouts/xedition/css/layout.css +++ b/layouts/xedition/css/layout.css @@ -1,395 +1,1448 @@ @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, 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} - +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;right:0;width:auto;z-index:1000;padding:0;} -.fixed_header .header_wrap.shrink{position:fixed;top:0;width:auto;z-index:1000;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header 0.5s forwards;animation:ani-header 0.5s forwards;left:0;right:0;} -.fixed_header .header_wrap.shrink .header>h1{padding:0} -.fixed_header .header_wrap.shrink .gnb>ul>li>a{line-height:60px} -.fixed_header .header_wrap.shrink .header>.side{margin:19px 0 0 22px} -.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; + 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 .f_cr_area .mobile-footer-member { display:none; } - - +.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} - -.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-bottom:25px; } -.swiper-container:hover .swiper-button { display:block; } -.swiper-button.left { left:20px; } -.swiper-button.right { right:20px; } -.swiper-button i { width:50px; line-height:50px; text-align:center; font-size:24px; color:#fff; } -.swiper-button button { background-color:#333; border-radius:50px; background-color:rgba(0,0,0,0.2); cursor:pointer; } +.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-bottom: 25px; +} +.swiper-container:hover .swiper-button { + display: block; +} +.swiper-button.left { + left: 20px; +} +.swiper-button.right { + right: 20px; +} +.swiper-button i { + width: 50px; + line-height: 50px; + text-align: center; + font-size: 24px; + color: #fff; +} +.swiper-button button { + background-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%; + 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; + 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; + 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 + } + .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; + } + .content img { + max-width: 100%; + height: auto + } + .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: 33.3%; + 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; + } + /* Search */ + .search_wrap { + display: none; + } + .gnb { + float: none; + position: static; + z-index: 1; + max-width: 100%; + height: 100%; + font-size: 1em; + background: #fff; + } + .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; + } + .gnb > ul > li { + float: none; + position: static; + } + .gnb > ul > li:first-child > a { + border-top: 0; + } + .gnb > ul:after { + display: none; + } + .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 + } + .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:; + margin: 0 auto + } + .visual.sub .sub_title h1 { + position: relative; + font-weight: 700; + font-family: Raleway, '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif; + font-size: 17px; + color: #444 + } + .visual.sub .sub_title h1:after { + position: absolute; + top: 115%; + left: 0; + width: 22px; + height: 2px; + background-color: #444; + content: '' + } + .visual.sub .bg_img { + display: none; + position: absolute; + top: 0; + left: 0; + z-index: 0; + width: 100%; + height: 100%; + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: cover + } + .visual.sub.sub_type2 { + padding: 70px 0 + } + .visual.sub.sub_type2 .bg_img { + display: block + } + .visual.sub.sub_type2 .sub_title h1 { + color: #fff; + font-weight: 400; + font-size: 23px; + letter-spacing: 1px + } + .visual.sub.sub_type2 .sub_title h1:after, + .visual.sub.sub_type3 .sub_title h1:after { + background: none + } + .visual.sub.sub_type3 { + padding: 100px 0 90px; + line-height: 40px; + text-align: center + } + .visual.sub.sub_type3 .bg_img { + display: block; + background-attachment: fixed; + background-size: auto auto + } + .visual.sub.sub_type3 .sub_title h1 { + font-size: 39px; + font-weight: 400; + color: #fff; + letter-spacing: 2px + } + .swiper-container { + height: 270px; + font-family: Raleway, '나눔바른고딕', NanumBarunGothic, ng, '돋움', Dotum, AppleGothic, Helvetica, serif; + } + .swiper-container > div > div { + display: table; + height: 270px; + color: #fff; + } + .swiper-container > div > div > div { + display: table-cell; + vertical-align: middle; + } + .swiper-container > div > div > div > div { + padding: 0 14px; + width: auto; + margin: 0; + } + .swiper-container h1 { + font-weight: 600; + margin: 0 0 10px 0; + font-size: 30px; + line-height: 40px; + text-decoration: none; + } + .swiper-container p { + font-size: 15px; + line-height: 18px; + } -@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} - .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;} - .content img{max-width:100%;height:auto} - .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:33.3%; 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; } - - /* Search */ - .search_wrap{display:none;} - - - .gnb{float:none;position:static;z-index:1;max-width:100%;height:100%;font-size:1em;background:#fff;} - .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; } - .gnb>ul>li{float:none;position:static;} - .gnb > ul > li:first-child > a { border-top:0; } - .gnb>ul:after{display:none;} - .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 } - - .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:;margin:0 auto} - .visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444} - .visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''} - .visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover} - .visual.sub.sub_type2{padding:70px 0} - .visual.sub.sub_type2 .bg_img{display:block} - .visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px} - .visual.sub.sub_type2 .sub_title h1:after, - .visual.sub.sub_type3 .sub_title h1:after{background:none} - .visual.sub.sub_type3{padding:100px 0 90px;line-height:40px;text-align:center} - .visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto} - .visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px} - - .swiper-container { height:270px; font-family: Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif; } - .swiper-container > div > div { display: table; height:270px; color:#fff; } - .swiper-container > div > div > div { display: table-cell; vertical-align: middle; } - .swiper-container > div > div > div > div { padding:0 14px; width:auto; margin:0; } - .swiper-container h1 { font-weight:600; margin:0 0 10px 0; font-size:30px; line-height:40px; text-decoration: none; } - .swiper-container p { font-size: 15px; line-height: 18px; } - } - - - - /* 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/welcome.css b/layouts/xedition/css/welcome.css index 8157142df..27c5c39b1 100644 --- a/layouts/xedition/css/welcome.css +++ b/layouts/xedition/css/welcome.css @@ -1,130 +1,502 @@ @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} - -.bg-holder { - background-image: url('../img/bg_stat.jpg'); +.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: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;} - +.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; + } -@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/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 5ab3aee9f..d759d2911 100644 --- a/layouts/xedition/css/xeicon.css +++ b/layouts/xedition/css/xeicon.css @@ -1,72 +1,263 @@ @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-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: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} - -@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 .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; } +.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 .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 From aa961c5ca7303541e736b4a6ca662faa30fc98b3 Mon Sep 17 00:00:00 2001 From: YJSoft Date: Mon, 6 Jul 2015 15:49:09 +0900 Subject: [PATCH 15/23] =?UTF-8?q?#1580=20=EB=8C=93=EA=B8=80=20=EC=B6=94?= =?UTF-8?q?=EC=B2=9C/=EB=B9=84=EC=B6=94=EC=B2=9C=EC=8B=9C=EC=97=90?= =?UTF-8?q?=EB=8F=84=20=EB=B3=80=EA=B2=BD=EB=90=9C=20=EC=B6=94=EC=B2=9C?= =?UTF-8?q?=EC=88=98=EB=A5=BC=20=EB=B0=98=ED=99=98=ED=95=98=EB=8F=84?= =?UTF-8?q?=EB=A1=9D=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- modules/comment/comment.controller.php | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/modules/comment/comment.controller.php b/modules/comment/comment.controller.php index 75fc2c870..2197af801 100644 --- a/modules/comment/comment.controller.php +++ b/modules/comment/comment.controller.php @@ -54,7 +54,9 @@ class commentController extends comment } $point = 1; - return $this->updateVotedCount($comment_srl, $point); + $output = $this->updateVotedCount($comment_srl, $point); + $this->add('voted_count', $output->get('voted_count')); + return $output; } /** @@ -90,7 +92,9 @@ class commentController extends comment } $point = -1; - return $this->updateVotedCount($comment_srl, $point); + $output = $this->updateVotedCount($comment_srl, $point); + $this->add('blamed_count', $output->get('blamed_count')); + return $output; } /** From e4cd56f46d0ae8db5127122eab6cd0da3197748d Mon Sep 17 00:00:00 2001 From: dlehdanakf Date: Mon, 6 Jul 2015 16:41:43 +0900 Subject: [PATCH 16/23] =?UTF-8?q?=ED=95=98=EB=8B=A8=20LANG=20=EC=82=AD?= =?UTF-8?q?=EC=A0=9C,=20=EC=84=9C=EB=B8=8C=20Header=20=EB=86=92=EC=9D=B4?= =?UTF-8?q?=20=EC=A1=B0=EC=A0=95,=20XEICON=EC=86=8C=EA=B0=9C=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80=20CSS=EC=88=98=EC=A0=95,=20=EB=A1=9C?= =?UTF-8?q?=EA=B7=B8=EC=9D=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=84=88?= =?UTF-8?q?=EB=B9=84=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layouts/xedition/css/layout.css | 25 ++++++++++++++++++++----- layouts/xedition/css/xeicon.css | 3 +++ layouts/xedition/layout.html | 1 - 3 files changed, 23 insertions(+), 6 deletions(-) diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css index 8407da5a0..292b2d9d4 100644 --- a/layouts/xedition/css/layout.css +++ b/layouts/xedition/css/layout.css @@ -964,6 +964,9 @@ a:hover, a:active, a:focus { .content > :first-child { margin-top: 0; } + .body.fixed-width.none .content { + width:auto; + } .content img { max-width: 100%; height: auto @@ -1121,7 +1124,7 @@ a:hover, a:active, a:focus { } .footer .f_cr_area .mobile-footer-member li { float: left; - width: 33.3%; + width: 50%; border-left: 1px solid #444; box-sizing: border-box; } @@ -1177,6 +1180,9 @@ a:hover, a:active, a:focus { font-size: 1em; background: #fff; } + .onepage .gnb { + margin-top:0; + } .gnb a { white-space: normal; font-size: 14px; @@ -1215,6 +1221,12 @@ a:hover, a:active, a:focus { 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; + } .gnb > ul .depth2 { display: block; position: static; @@ -1335,8 +1347,8 @@ a:hover, a:active, a:focus { .visual.sub .sub_title { position: relative; z-index: 2; - width:; - margin: 0 auto + width:auto; + margin:0; } .visual.sub .sub_title h1 { position: relative; @@ -1383,7 +1395,7 @@ a:hover, a:active, a:focus { background: none } .visual.sub.sub_type3 { - padding: 100px 0 90px; + padding: 80px 0 0; line-height: 40px; text-align: center } @@ -1392,8 +1404,11 @@ a:hover, a:active, a:focus { 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: 39px; + font-size: 23px; font-weight: 400; color: #fff; letter-spacing: 2px diff --git a/layouts/xedition/css/xeicon.css b/layouts/xedition/css/xeicon.css index d759d2911..4570cfcc8 100644 --- a/layouts/xedition/css/xeicon.css +++ b/layouts/xedition/css/xeicon.css @@ -246,6 +246,9 @@ width: auto; padding: 0 0 0 70px; } + .XEicon .feature h2 { + padding-top:10px; + } .XEicon .get_started { height: auto; padding: 80px 14px 20px 14px; diff --git a/layouts/xedition/layout.html b/layouts/xedition/layout.html index e3f4eca1e..4d2b9c91b 100644 --- a/layouts/xedition/layout.html +++ b/layouts/xedition/layout.html @@ -430,7 +430,6 @@
  • {$lang->cmd_logout}
  • {$lang->cmd_view_member_info}
  • -
  • LANG
  • From e79389c2e0859eacbe217d8a14d41e689880c208 Mon Sep 17 00:00:00 2001 From: dlehdanakf Date: Mon, 6 Jul 2015 17:35:29 +0900 Subject: [PATCH 17/23] =?UTF-8?q?=EB=A7=A4=EA=B1=B0=EC=A7=84=ED=98=95=20CS?= =?UTF-8?q?S=20Mobile=20=EB=B0=98=EC=9D=91=ED=98=95=20=EC=84=A0=EC=96=B8,?= =?UTF-8?q?=20=EC=82=AC=EC=9D=B4=EB=93=9C=EB=B0=94=20=EC=9A=B0=EC=B8=A1?= =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EC=84=A4=EC=A0=95=EC=8B=9C=20=EB=B3=B8?= =?UTF-8?q?=EB=AC=B8=20=EA=B9=A8=EC=A7=90=20=EC=88=98=EC=A0=95=20=EB=B0=8F?= =?UTF-8?q?=20=EA=B8=B0=ED=83=80=20=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95?= =?UTF-8?q?,=20=EA=B0=9C=EC=84=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layouts/xedition/css/_layout.css | 348 ------------------------------- layouts/xedition/css/layout.css | 23 +- layouts/xedition/js/layout.js | 53 ++--- 3 files changed, 50 insertions(+), 374 deletions(-) delete mode 100644 layouts/xedition/css/_layout.css diff --git a/layouts/xedition/css/_layout.css b/layouts/xedition/css/_layout.css deleted file mode 100644 index 92895a4cb..000000000 --- a/layouts/xedition/css/_layout.css +++ /dev/null @@ -1,348 +0,0 @@ -@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} - -/* Skip to content */ -.skip{margin:0} -.skip>a{display:block;overflow:hidden;height:0;line-height:28px;text-align:center} -.skip>a:focus{height:auto} - - /* Layout */ - .container{min-width:1240px;background-color:#fff} - .header{position:relative;z-index:2;width:1240px;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 20px 0;margin-right:32px;line-height:60px;} - .header>h1 img{vertical-align:middle; max-height:40px; padding-left:20px; } - - /* Footer */ - .footer{border-top:1px solid #e4e4e4;border-bottom:3px solid #cda25a;background-color:#f1f1f1;font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif} - .footer a:hover,.footer a:focus{text-decoration:none} - .footer .f_info_area{overflow:hidden;width:1200px;margin:0 auto;padding:48px 0 40px} - .footer .f_cr_area{padding:19px;background-color:#555} - .footer .copyright{width:1200px;margin:0 auto;font-size:13px;color:#f1f1f1;line-height:16px} - .footer .copyright a{color:#f1f1f1} - .footer .copyright a:hover, - .footer .copyright a:focus, - .footer .copyright a:active{color:#cda25a} - .footer .copyright span{display:inline-block;margin-left:60px} - .footer .sub_desc{margin-bottom:16px;font-size:13px;color:#888;line-height:22px} - .footer .f_info{float:left;width:240px;margin-right:65px} - .footer .f_logo{overflow:hidden;max-width:100%;margin-bottom:16px;font-size:24px;color:#555} - .footer .f_logo.log_txt a{font-size:24px;font-weight:bold;color:#555} - .footer .f_logo img{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 .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:hover, - .btn_item:active - .btn_item:focus{background-color:#CBA061;color:#fff} - .btn_item + .btn_item {margin-left: 10px; } - - /* Login */ - .header>.side { padding:0 20px 0 0; } - .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} - - /* 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 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} - - /* 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 #mobile_menu_btn { display:none; } - - /* VISUAL */ - .visual.sub{position:relative;padding:35px 0;background-color:#f6f6f6;line-height:30px} - .visual.sub .sub_title{position:relative;z-index:2;width:1200px;margin:0 auto} - .visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444} - .visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''} - .visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover} - .visual.sub.sub_type2{padding:70px 0} - .visual.sub.sub_type2 .bg_img{display:block} - .visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px} - .visual.sub.sub_type2 .sub_title h1:after, - .visual.sub.sub_type3 .sub_title h1:after{background:none} - .visual.sub.sub_type3{padding:250px 0 210px;line-height:40px;text-align:center} - .visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto} - .visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px} - - .swiper-container { height:600px; font-family: Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif; } - .swiper-container > div > div { display: table; height:600px; color:#fff; } - .swiper-container > div > div > div { display: table-cell; vertical-align: middle; } - .swiper-container > div > div > div > div { width:1200px; margin:0 auto; } - .swiper-container h1 { font-weight:700; margin:0 0 19px 0; font-size:60px; line-height:70px; text-decoration: none; } - .swiper-container p { font-size: 20px; line-height: 22px; } - - /* 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 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.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} - - /* 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} - -@media all and (max-width:479px) { - 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} - .header>.side{display: none;} - .body.fixed-width {width:auto;margin:0} - - .header:after,.body:after{display:none;clear:both;content:''} - .content{zoom:1} - .content:after{display:none;clear:both;content:''} - .content>:first-child{margin-top:0; display:none;} - .content img{max-width:100%;height:auto} - - /* 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 */ - /* Fixed Header */ - .container.fixed_header{padding-top:0} - .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;} - .footer .f_logo { padding:8px 15px; } - .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; } - .footer .f_cr_area .mobile-footer-member li { float:left; width:33.3%; 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; } - - /* Search */ - .search_wrap{display:none;} - - /* GNB */ - .gnb{ display:block; position: static; max-width: auto; } - .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); } - - .gnb > ul { display:none; padding:0 14px 14px 14px; max-height:240px; overflow-x: scroll; border-bottom:1px solid #eaeaea; background:#fff; -webkit-overflow-scrolling:touch; } - .gnb > ul > li { } - .gnb > ul > li > a { color:#555; font-weight:bold; } - .gnb a { font-size:14px; display:block; padding:10px 0; border-top:1px solid #eee; } - .gnb > ul > li:first-child > a { border-top:0; } - .gnb > ul > li > ul > li > a { color:#555; } - .gnb > ul > li > ul > li > ul > li > a { color:#999; } - - .body { } - .body .lnb { display:none; } - .body .content { overflow:hidden; } - - .visual.sub{position:relative;padding:15px 14px 30px 14px;background-color:#f6f6f6;line-height:30px} - .visual.sub .sub_title{position:relative;z-index:2;width:;margin:0 auto} - .visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444} - .visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''} - .visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover} - .visual.sub.sub_type2{padding:70px 0} - .visual.sub.sub_type2 .bg_img{display:block} - .visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px} - .visual.sub.sub_type2 .sub_title h1:after, - .visual.sub.sub_type3 .sub_title h1:after{background:none} - .visual.sub.sub_type3{padding:100px 0 90px;line-height:40px;text-align:center} - .visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto} - .visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px} - - .swiper-container { height:270px; font-family: Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif; } - .swiper-container > div > div { display: table; height:270px; color:#fff; } - .swiper-container > div > div > div { display: table-cell; vertical-align: middle; } - .swiper-container > div > div > div > div { padding:0 14px; } - .swiper-container h1 { font-weight:600; margin:0 0 10px 0; font-size:30px; line-height:40px; text-decoration: none; } - .swiper-container p { font-size: 15px; line-height: 18px; } - - - - -} - -@media all and (min-width: 480px){ - - -} - -/* header animation */ -@-webkit-keyframes ani-header { - 0% {top: -60px} - 100% {top: 0px} -} - -@keyframes ani-header { - 0% {top: -60px} - 100% {top: 0px} -} diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css index 292b2d9d4..c514290ed 100644 --- a/layouts/xedition/css/layout.css +++ b/layouts/xedition/css/layout.css @@ -940,6 +940,14 @@ a:hover, a:active, a:focus { 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; } @@ -971,6 +979,7 @@ a:hover, a:active, a:focus { max-width: 100%; height: auto } + .body.fixed-width.left .content, .body.fixed-width.right .content { width: auto; float: none; @@ -1167,6 +1176,9 @@ a:hover, a:active, a:focus { .header > .side { display: none; } + .header > .custom_area { + display:none; + } /* Search */ .search_wrap { display: none; @@ -1183,6 +1195,9 @@ a:hover, a:active, a:focus { .onepage .gnb { margin-top:0; } + .magazine .gnb { + margin-bottom:0; + } .gnb a { white-space: normal; font-size: 14px; @@ -1199,6 +1214,9 @@ a:hover, a:active, a:focus { background: #fff; -webkit-overflow-scrolling: touch; } + .magazine .gnb > ul { + display:none; + } .gnb > ul > li { float: none; position: static; @@ -1209,6 +1227,7 @@ a:hover, a:active, a:focus { .gnb > ul:after { display: none; } + .magazine .gnb > ul > li > a, .gnb > ul > li > a { position: static; padding: 10px 0; @@ -1227,6 +1246,8 @@ a:hover, a:active, 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; @@ -1379,7 +1400,7 @@ a:hover, a:active, a:focus { background-size: cover } .visual.sub.sub_type2 { - padding: 70px 0 + padding: 40px 15px } .visual.sub.sub_type2 .bg_img { display: block diff --git a/layouts/xedition/js/layout.js b/layouts/xedition/js/layout.js index b52087088..e7cfd8c67 100644 --- a/layouts/xedition/js/layout.js +++ b/layouts/xedition/js/layout.js @@ -40,33 +40,36 @@ } // Gnb if($(document).width() > 480){ - $gnb.find('>ul>li>a') - .mouseover(function(){ - $gnb.find('>ul>li>ul:visible').hide().parent('li').removeClass('on'); - $(this).next('ul:hidden').stop().fadeIn(200).parent('li').addClass('on') - }) - .focus(function(){ - $(this).mouseover(); - }) - .end() - .mouseleave(function(){ - $gnb.find('>ul>li>ul').hide().parent().removeClass('on') - }); - - $gnb.find('>ul>li>ul>li>a') - .mouseover(function(){ - $gnb.find('>ul>li>ul>li>ul:visible').hide().parent('li').removeClass('on'); - $(this).next('ul:hidden').stop().fadeIn(200).parent('li').addClass('on') - }) - .focus(function(){ - $(this).mouseover(); - }) - .end() - .mouseleave(function(){ - $gnb.find('>ul>li>ul>li>ul').hide().parent().removeClass('on') - }); + $gnb.addClass('pc-gnb'); } + var $pc_gnb = $('.pc-gnb'); + $pc_gnb.find('>ul>li>a') + .mouseover(function(){ + $gnb.find('>ul>li>ul:visible').hide().parent('li').removeClass('on'); + $(this).next('ul:hidden').stop().fadeIn(200).parent('li').addClass('on') + }) + .focus(function(){ + $(this).mouseover(); + }) + .end() + .mouseleave(function(){ + $gnb.find('>ul>li>ul').hide().parent().removeClass('on') + }); + + $pc_gnb.find('>ul>li>ul>li>a') + .mouseover(function(){ + $gnb.find('>ul>li>ul>li>ul:visible').hide().parent('li').removeClass('on'); + $(this).next('ul:hidden').stop().fadeIn(200).parent('li').addClass('on') + }) + .focus(function(){ + $(this).mouseover(); + }) + .end() + .mouseleave(function(){ + $gnb.find('>ul>li>ul>li>ul').hide().parent().removeClass('on') + }); + $("#mobile_menu_btn").on('click', function(){ var isOpened = $(this); if(isOpened.hasClass('opened')){ From 307faa8f0efb460fe0b47c368b418979d546f566 Mon Sep 17 00:00:00 2001 From: bnu Date: Tue, 7 Jul 2015 02:53:28 +0900 Subject: [PATCH 18/23] Revert "Mobile communication module" --- .../member_communication.addon.php | 42 ++++++++++ .../communication.admin.controller.php | 81 +++++++------------ modules/communication/communication.class.php | 64 +-------------- .../communication.controller.php | 75 ----------------- .../communication/communication.mobile.php | 67 --------------- modules/communication/communication.model.php | 6 +- modules/communication/lang/lang.xml | 22 ----- .../m.skins/default/add_friend.html | 31 ------- .../m.skins/default/add_friend_group.html | 30 ------- .../m.skins/default/css/mcommunication.css | 2 +- .../m.skins/default/js/communication.js | 47 ----------- modules/communication/ruleset/addFriend.xml | 14 ++-- .../communication/ruleset/addFriendGroup.xml | 11 +-- modules/communication/tpl/index.html | 27 +------ 14 files changed, 86 insertions(+), 433 deletions(-) delete mode 100644 modules/communication/m.skins/default/add_friend.html delete mode 100644 modules/communication/m.skins/default/add_friend_group.html diff --git a/addons/member_communication/member_communication.addon.php b/addons/member_communication/member_communication.addon.php index 4b2373e84..8986d8b59 100644 --- a/addons/member_communication/member_communication.addon.php +++ b/addons/member_communication/member_communication.addon.php @@ -25,6 +25,13 @@ if(!$logged_info|| isCrawler()) * */ if($this->module != 'member' && $called_position == 'before_module_init') { + // Load a language file from the communication module + Context::loadLang(_XE_PATH_ . 'modules/communication/lang'); + // Add menus on the member login information + $oMemberController = getController('member'); + $oMemberController->addMemberMenu('dispCommunicationFriend', 'cmd_view_friend'); + $oMemberController->addMemberMenu('dispCommunicationMessages', 'cmd_view_message_box'); + $flag_file = _XE_PATH_ . 'files/member_extra_info/new_message_flags/' . getNumberingPath($logged_info->member_srl) . $logged_info->member_srl; if($addon_info->use_alarm != 'N' && file_exists($flag_file)) { @@ -38,5 +45,40 @@ if($this->module != 'member' && $called_position == 'before_module_init') Context::addHtmlFooter(""); } } +elseif($this->act == 'getMemberMenu' && $called_position == 'before_module_proc') +{ + $member_srl = Context::get('target_srl'); + $oCommunicationModel = getModel('communication'); + + // Add a feature to display own message box. + if($logged_info->member_srl == $member_srl) + { + $mid = Context::get('cur_mid'); + $oMemberController = getController('member'); + // Add your own viewing Note Template + $oMemberController->addMemberPopupMenu(getUrl('', 'mid', $mid, 'act', 'dispCommunicationMessages'), 'cmd_view_message_box', '', 'self'); + // Display a list of friends + $oMemberController->addMemberPopupMenu(getUrl('', 'mid', $mid, 'act', 'dispCommunicationFriend'), 'cmd_view_friend', '', 'self'); + // If not, Add menus to send message and to add friends + } + else + { + // Get member information + $oMemberModel = getModel('member'); + $target_member_info = $oMemberModel->getMemberInfoByMemberSrl($member_srl); + if(!$target_member_info->member_srl) + { + return; + } + + $oMemberController = getController('member'); + // Add a menu for sending message + if($logged_info->is_admin == 'Y' || $target_member_info->allow_message == 'Y' || ($target_member_info->allow_message == 'F' && $oCommunicationModel->isFriend($member_srl))) + $oMemberController->addMemberPopupMenu(getUrl('', 'mid', Context::get('cur_mid'), 'act', 'dispCommunicationSendMessage', 'receiver_srl', $member_srl), 'cmd_send_message', '', 'popup'); + // Add a menu for listing friends (if a friend is new) + if(!$oCommunicationModel->isAddedFriend($member_srl)) + $oMemberController->addMemberPopupMenu(getUrl('', 'mid', Context::get('cur_mid'), 'act', 'dispCommunicationAddFriend', 'target_srl', $member_srl), 'cmd_add_friend', '', 'popup'); + } +} /* End of file member_communication.addon.php */ /* Location: ./addons/member_communication/member_communication.addon.php */ diff --git a/modules/communication/communication.admin.controller.php b/modules/communication/communication.admin.controller.php index 25364e145..1f9e8b028 100644 --- a/modules/communication/communication.admin.controller.php +++ b/modules/communication/communication.admin.controller.php @@ -23,66 +23,41 @@ class communicationAdminController extends communication */ function procCommunicationAdminInsertConfig() { - // Get the configuration information - $oModuleModel = getModel('module'); - $config = $oModuleModel->getModuleConfig('communication'); - // get the default information - $args = Context::gets('able_module', 'skin', 'colorset', 'editor_skin', 'sel_editor_colorset', 'mskin', 'mcolorset', 'layout_srl', 'mlayout_srl', 'grant_write_default','grant_write_group'); + $args = Context::gets('skin', 'colorset', 'editor_skin', 'sel_editor_colorset', 'mskin', 'mcolorset', 'layout_srl', 'mlayout_srl', 'grant_write_default','grant_write_group'); + $args->editor_colorset = $args->sel_editor_colorset; + unset($args->sel_editor_colorset); - //if module IO config is on - if($args->able_module === 'Y') + if(!$args->skin) { - // Re-install triggers, if it was disabled. - if($config->able_module == 'N') - { - $this->moduleUpdate(); - } - - $args->editor_colorset = $args->sel_editor_colorset; - unset($args->sel_editor_colorset); - - if(!$args->skin) - { - $args->skin = 'default'; - } - - if(!$args->colorset) - { - $args->colorset = 'white'; - } - - if(!$args->editor_skin) - { - $args->editor_skin = 'default'; - } - - if(!$args->mskin) - { - $args->mskin = 'default'; - } - - if(!$args->layout_srl) - { - $args->layout_srl = NULL; - } - - $oCommunicationModel = getModel('communication'); - $args->grant_write = $oCommunicationModel->getGrantArray($args->grant_write_default, $args->grant_write_group); - unset($args->grant_write_default); - unset($args->grant_write_group); + $args->skin = 'default'; } - else + + if(!$args->colorset) { - //module IO config is OFF, Other settings will not be modified. - $config->able_module = 'N'; - $args = $config; - - // Delete Triggers - $oModuleController = getController('module'); - $oModuleController->deleteModuleTriggers('communication'); + $args->colorset = 'white'; } + if(!$args->editor_skin) + { + $args->editor_skin = 'default'; + } + + if(!$args->mskin) + { + $args->mskin = 'default'; + } + + if(!$args->layout_srl) + { + $args->layout_srl = NULL; + } + + $oCommunicationModel = getModel('communication'); + $args->grant_write = $oCommunicationModel->getGrantArray($args->grant_write_default, $args->grant_write_group); + unset($args->grant_write_default); + unset($args->grant_write_group); + // create the module module Controller object $oModuleController = getController('module'); $output = $oModuleController->insertModuleConfig('communication', $args); diff --git a/modules/communication/communication.class.php b/modules/communication/communication.class.php index 760bb75ef..155fd6413 100644 --- a/modules/communication/communication.class.php +++ b/modules/communication/communication.class.php @@ -8,10 +8,6 @@ */ class communication extends ModuleObject { - var $triggers = array( - array('member.getMemberMenu', 'communication', 'controller', 'triggerBeforeMemberPopupMenu', 'before'), - array('moduleHandler.init', 'communication', 'controller', 'triggerAddMemberMenu', 'after') - ); /** * Implement if additional tasks are necessary when installing @@ -19,32 +15,8 @@ class communication extends ModuleObject */ function moduleInstall() { - $oModuleModel = getModel('module'); - $oModuleController = getController('module'); - - // Create triggers - foreach($this->triggers as $trigger) - { - if(!$oModuleModel->getTrigger($trigger[0], $trigger[1], $trigger[2], $trigger[3], $trigger[4])) - { - $oModuleController->insertTrigger($trigger[0], $trigger[1], $trigger[2], $trigger[3], $trigger[4]); - } - } - // Create a temporary file storage for one new private message notification FileHandler::makeDir('./files/member_extra_info/new_message_flags'); - - // Save Default Config. - $config = new stdClass; - $config->able_module = 'Y'; - $config->skin = 'default'; - $config->colorset = 'white'; - $config->editor_skin = 'default'; - $communication_config->mskin = 'default'; - $communication_config->grant_write = array('default_grant'=>'member'); - - // Save configurations - $oModuleController->insertModuleConfig('communication', $config); return new Object(); } @@ -60,7 +32,6 @@ class communication extends ModuleObject } $oModuleModel = getModel('module'); - $oModuleController = getController('module'); $config = $oModuleModel->getModuleConfig('message'); if($config->skin) @@ -75,17 +46,6 @@ class communication extends ModuleObject } } } - - // check if module is abled - if($config->able_module != 'N') - { - // Check triggers - foreach($this->triggers as $trigger) - { - if(!$oModuleModel->getTrigger($trigger[0], $trigger[1], $trigger[2], $trigger[3], $trigger[4])) return true; - } - } - return FALSE; } @@ -101,7 +61,6 @@ class communication extends ModuleObject } $oModuleModel = getModel('module'); - $oModuleController = getController('module'); $config = $oModuleModel->getModuleConfig('message'); if(!is_object($config)) { @@ -122,16 +81,7 @@ class communication extends ModuleObject } } } - - // Create triggers - foreach($this->triggers as $trigger) - { - if(!$oModuleModel->getTrigger($trigger[0], $trigger[1], $trigger[2], $trigger[3], $trigger[4])) - { - $oModuleController->insertTrigger($trigger[0], $trigger[1], $trigger[2], $trigger[3], $trigger[4]); - } - } - + return new Object(0, 'success_updated'); } @@ -141,19 +91,9 @@ class communication extends ModuleObject */ function recompileCache() { + } - - function moduleUninstall() - { - $oModuleController = getController('module'); - - foreach($this->triggers as $trigger) - { - $oModuleController->deleteTrigger($trigger[0], $trigger[1], $trigger[2], $trigger[3], $trigger[4]); - } - return new Object(); - } } /* End of file communication.class.php */ /* Location: ./modules/comment/communication.class.php */ diff --git a/modules/communication/communication.controller.php b/modules/communication/communication.controller.php index 9a90bc6a3..69cba0d09 100644 --- a/modules/communication/communication.controller.php +++ b/modules/communication/communication.controller.php @@ -775,81 +775,6 @@ class communicationController extends communication return executeQuery('communication.setMessageReaded', $args); } - /** - * Create communication module menu on the member menu - * @param int $message_srl - * @return Object - */ - public function triggerAddMemberMenu() - { - // Stop if non-logged-in user is - $logged_info = Context::get('logged_info'); - if(!$logged_info|| isCrawler()) - { - return new Object(); - } - - $oCommunicationModel = getModel('communication'); - $config = $oCommunicationModel->getConfig(); - - if($config->able_module === 'Y') - { - $oMemberController = getController('member'); - $oMemberController->addMemberMenu('dispCommunicationFriend', 'cmd_view_friend'); - $oMemberController->addMemberMenu('dispCommunicationMessages', 'cmd_view_message_box'); - } - - return new Object(); - } - - /** - * Create communication module menu on the member popup menu - * @param int $message_srl - * @return Object - */ - public function triggerBeforeMemberPopupMenu() - { - // Stop if non-logged-in user is - $logged_info = Context::get('logged_info'); - if(!$logged_info|| isCrawler()) - { - return; - } - - $member_srl = Context::get('target_srl'); - $oCommunicationModel = getModel('communication'); - - // Add a feature to display own message box. - if($logged_info->member_srl == $member_srl) - { - $mid = Context::get('cur_mid'); - $oMemberController = getController('member'); - // Add your own viewing Note Template - $oMemberController->addMemberPopupMenu(getUrl('', 'mid', $mid, 'act', 'dispCommunicationMessages'), 'cmd_view_message_box', '', 'self'); - // Display a list of friends - $oMemberController->addMemberPopupMenu(getUrl('', 'mid', $mid, 'act', 'dispCommunicationFriend'), 'cmd_view_friend', '', 'self'); - // If not, Add menus to send message and to add friends - } - else - { - // Get member information - $oMemberModel = getModel('member'); - $target_member_info = $oMemberModel->getMemberInfoByMemberSrl($member_srl); - if(!$target_member_info->member_srl) - { - return; - } - - $oMemberController = getController('member'); - // Add a menu for sending message - if($logged_info->is_admin == 'Y' || $target_member_info->allow_message == 'Y' || ($target_member_info->allow_message == 'F' && $oCommunicationModel->isFriend($member_srl))) - $oMemberController->addMemberPopupMenu(getUrl('', 'mid', Context::get('cur_mid'), 'act', 'dispCommunicationSendMessage', 'receiver_srl', $member_srl), 'cmd_send_message', '', 'popup'); - // Add a menu for listing friends (if a friend is new) - if(!$oCommunicationModel->isAddedFriend($member_srl)) - $oMemberController->addMemberPopupMenu(getUrl('', 'mid', Context::get('cur_mid'), 'act', 'dispCommunicationAddFriend', 'target_srl', $member_srl), 'cmd_add_friend', '', 'popup'); - } - } - } /* End of file communication.controller.php */ /* Location: ./modules/comment/communication.controller.php */ diff --git a/modules/communication/communication.mobile.php b/modules/communication/communication.mobile.php index 1f32166a9..d846f4cca 100644 --- a/modules/communication/communication.mobile.php +++ b/modules/communication/communication.mobile.php @@ -182,73 +182,6 @@ class communicationMobile extends communicationView $this->setTemplateFile('send_message'); } - /** - * display Add a friend - * @return void|Object (void : success, Object : fail) - */ - function dispCommunicationAddFriend() - { - // error appears if not logged-in - if(!Context::get('is_logged')) - { - return $this->stop('msg_not_logged'); - } - - $logged_info = Context::get('logged_info'); - $target_srl = Context::get('target_srl'); - - if(!$target_srl) - { - return $this->stop('msg_invalid_request'); - } - - // get information of the member - $oMemberModel = getModel('member'); - $oCommunicationModel = getModel('communication'); - $communication_info = $oMemberModel->getMemberInfoByMemberSrl($target_srl); - - if($communication_info->member_srl != $target_srl) - { - return $this->stop('msg_invalid_request'); - } - - Context::set('target_info', $communication_info); - - // get a group list - $friend_group_list = $oCommunicationModel->getFriendGroups(); - Context::set('friend_group_list', $friend_group_list); - - $this->setTemplateFile('add_friend'); - } - - /** - * display add a group of friends - * @return void|Object (void : success, Object : fail) - */ - function dispCommunicationAddFriendGroup() - { - // error apprears if not logged-in - if(!Context::get('is_logged')) - { - return $this->stop('msg_not_logged'); - } - - $logged_info = Context::get('logged_info'); - - // change to edit mode when getting the group_srl - $friend_group_srl = Context::get('friend_group_srl'); - if($friend_group_srl) - { - $oCommunicationModel = getModel('communication'); - $friend_group = $oCommunicationModel->getFriendGroupInfo($friend_group_srl); - if($friend_group->friend_group_srl == $friend_group_srl) - { - Context::set('friend_group', $friend_group); - } - } - - $this->setTemplateFile('add_friend_group'); - } } /* End of file communication.mobile.php */ /* Location: ./modules/comment/communication.mobile.php */ diff --git a/modules/communication/communication.model.php b/modules/communication/communication.model.php index d66e115aa..46e262fd3 100644 --- a/modules/communication/communication.model.php +++ b/modules/communication/communication.model.php @@ -51,16 +51,12 @@ class communicationModel extends communication { $communication_config->mskin = 'default'; } - + if(!$communication_config->grant_write) { $communication_config->grant_write = array('default_grant'=>'member'); } - if(!$communication_config->able_module) - { - $communication_config->able_module = 'Y'; - } return $communication_config; } diff --git a/modules/communication/lang/lang.xml b/modules/communication/lang/lang.xml index 05d9ade79..d4bac684f 100644 --- a/modules/communication/lang/lang.xml +++ b/modules/communication/lang/lang.xml @@ -10,28 +10,6 @@ - - - - - - - - - - - - - - - - - - - - - - diff --git a/modules/communication/m.skins/default/add_friend.html b/modules/communication/m.skins/default/add_friend.html deleted file mode 100644 index fd3679ed9..000000000 --- a/modules/communication/m.skins/default/add_friend.html +++ /dev/null @@ -1,31 +0,0 @@ - - -
    -

    {$lang->cmd_add_friend}

    -
    -
    -

    {$XE_VALIDATOR_MESSAGE}

    -
    -
    - - - - - -
    - -
    -
    \ No newline at end of file diff --git a/modules/communication/m.skins/default/add_friend_group.html b/modules/communication/m.skins/default/add_friend_group.html deleted file mode 100644 index dc2cde80b..000000000 --- a/modules/communication/m.skins/default/add_friend_group.html +++ /dev/null @@ -1,30 +0,0 @@ - - -
    -

    - - {$lang->cmd_rename_friend_group} - - {$lang->cmd_add_friend_group} - -

    -
    -
    -

    {$XE_VALIDATOR_MESSAGE}

    -
    -
    - - - - -
      -
    • - - -
    • -
    -
    - - -
    -
    diff --git a/modules/communication/m.skins/default/css/mcommunication.css b/modules/communication/m.skins/default/css/mcommunication.css index 8f7fc8b90..7d803cbab 100644 --- a/modules/communication/m.skins/default/css/mcommunication.css +++ b/modules/communication/m.skins/default/css/mcommunication.css @@ -100,7 +100,7 @@ input[type=radio]{width:13px;height:13px;margin:0;padding:0} .ff label+input[type=text], .ff label+input[type=password], .ff label+textarea, -.ff label+select{display:block;box-sizing:border-box;width:100%;font-size:14px;margin:0 0 5px 0} +.ff label+select{display:block;width:96%;font-size:14px;margin:0 0 5px 0} .ff label+input[type=text], .ff label+input[type=password], .ff label+textarea{padding:5px} diff --git a/modules/communication/m.skins/default/js/communication.js b/modules/communication/m.skins/default/js/communication.js index 07934c2f0..e37272d41 100644 --- a/modules/communication/m.skins/default/js/communication.js +++ b/modules/communication/m.skins/default/js/communication.js @@ -20,50 +20,3 @@ function mergeContents() $form.find('input[name=content]').val(content); $form.submit(); } - -/* 친구 그룹 삭제 */ -function doDeleteFriendGroup() { - var friend_group_srl = jQuery('#friend_group_list option:selected').val(); - if(!friend_group_srl) return; - - var fo_obj = jQuery('#for_delete_group').get(0); - fo_obj.friend_group_srl.value = friend_group_srl; - - procFilter(fo_obj, delete_friend_group); -} - -function completeDeleteFriendGroup(ret_obj) { - alert(ret_obj['message']); - location.href = current_url.setQuery('friend_group_srl',''); -} - -/* 친구 그룹의 이름 변경 */ -function doRenameFriendGroup() { - var friend_group_srl = jQuery('#friend_group_list option:selected').val(); - if(!friend_group_srl) return; - - popopen("./?module=communication&act=dispCommunicationAddFriendGroup&friend_group_srl="+friend_group_srl); -} - -/* 친구 그룹 이동 */ -function doMoveFriend() { - var fo_obj = jQuery('#fo_friend_list').get(0); - procFilter(fo_obj, move_friend); -} - -/* 친구 그룹 선택 */ -function doJumpFriendGroup() { - var sel_val = jQuery('#jumpMenu option:selected').val(); - location.href = current_url.setQuery('friend_group_srl', sel_val); -} - -jQuery(function($){ - $('.__submit_group button[type=submit]').click(function(e){ - var sel_val = $('input[name="friend_srl_list[]"]:checked').length; - if(sel_val == 0) - { - e.preventDefault(); - return false; - } - }); -}); diff --git a/modules/communication/ruleset/addFriend.xml b/modules/communication/ruleset/addFriend.xml index 94b2daa9c..27e72cf1e 100644 --- a/modules/communication/ruleset/addFriend.xml +++ b/modules/communication/ruleset/addFriend.xml @@ -1,11 +1,7 @@ - + - - - - - - - - + + + + diff --git a/modules/communication/ruleset/addFriendGroup.xml b/modules/communication/ruleset/addFriendGroup.xml index 1bcb89fcb..b65ad171e 100644 --- a/modules/communication/ruleset/addFriendGroup.xml +++ b/modules/communication/ruleset/addFriendGroup.xml @@ -1,11 +1,8 @@ - - - - - - + + + - + diff --git a/modules/communication/tpl/index.html b/modules/communication/tpl/index.html index 706f8d2ed..7f21fa105 100644 --- a/modules/communication/tpl/index.html +++ b/modules/communication/tpl/index.html @@ -15,18 +15,11 @@

    {$XE_VALIDATOR_MESSAGE}

    -
    + -
    - -
    - - {$lang->about_communication_io} -
    -
    @@ -112,24 +105,10 @@
    \ No newline at end of file + From 5a47386084ae7b5b6b0434128e0ab33947354b5a Mon Sep 17 00:00:00 2001 From: dlehdanakf Date: Mon, 6 Jul 2015 18:04:25 +0900 Subject: [PATCH 19/23] =?UTF-8?q?=EA=B8=B0=ED=83=80=20=EC=9E=90=EC=9E=98?= =?UTF-8?q?=ED=95=9C=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layouts/xedition/css/layout.css | 40 ++++++++++++++++++++++++--------- layouts/xedition/css/xeicon.css | 4 ++-- 2 files changed, 31 insertions(+), 13 deletions(-) diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css index c514290ed..fdee0d853 100644 --- a/layouts/xedition/css/layout.css +++ b/layouts/xedition/css/layout.css @@ -474,7 +474,9 @@ a:hover, a:active, a:focus { line-height: 15px; color: #999 } -.magazine .custom_area a:hover, .magazine .custom_area a:hover, .magazine .custom_area a:hover { +.magazine .custom_area a:hover, +.magazine .custom_area a:hover, +.magazine .custom_area a:hover { color: #cda25a } .magazine .search_area { @@ -495,19 +497,28 @@ a:hover, a:active, a:focus { 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 { +.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 { +.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 { +.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 { @@ -615,7 +626,10 @@ a:hover, a:active, a:focus { 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 { +.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 { @@ -649,7 +663,10 @@ a:hover, a:active, a:focus { 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 { +.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 { @@ -764,7 +781,8 @@ a:hover, a:active, a:focus { .body.fixed-width .lnb > ul > li { margin-bottom: 40px } -.body.fixed-width .lnb > ul > li > a, .body.fixed-width .lnb > ul > li > span { +.body.fixed-width .lnb > ul > li > a, +.body.fixed-width .lnb > ul > li > span { display: block; line-height: 21px; margin-bottom: 14px; @@ -875,7 +893,7 @@ a:hover, a:active, a:focus { position: absolute; top: 50%; display: none; - margin-bottom: 25px; + margin:-25px 0 0 0; } .swiper-container:hover .swiper-button { display: block; @@ -1455,12 +1473,12 @@ a:hover, a:active, a:focus { .swiper-container h1 { font-weight: 600; margin: 0 0 10px 0; - font-size: 30px; - line-height: 40px; + font-size: 24px; + line-height: 30px; text-decoration: none; } .swiper-container p { - font-size: 15px; + font-size: 14px; line-height: 18px; } diff --git a/layouts/xedition/css/xeicon.css b/layouts/xedition/css/xeicon.css index 4570cfcc8..fab6352b9 100644 --- a/layouts/xedition/css/xeicon.css +++ b/layouts/xedition/css/xeicon.css @@ -114,14 +114,14 @@ color: #888; } .XEicon .get_started ul { - margin-top: 34px; + margin:34px -16px 0 0; } .XEicon .get_started li { position: relative; float: left; width: 286px; height: 212px; - margin-right: 15px; + margin-right: 16px; border: 1px solid #e8e8e8; background: #fff; text-align: center; From 9969fb6b4d111a29d172c5781c167078c47b0147 Mon Sep 17 00:00:00 2001 From: dlehdanakf Date: Mon, 6 Jul 2015 18:11:59 +0900 Subject: [PATCH 20/23] =?UTF-8?q?(=EA=B7=B8=EB=86=88=EC=9D=98)=20Logo?= =?UTF-8?q?=EA=B0=80=20=EC=A2=8C=EC=B8=A1=EC=97=90=20=EB=B6=99=EB=8A=94=20?= =?UTF-8?q?=EB=B2=84=EA=B7=B8=20=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layouts/xedition/css/layout.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css index fdee0d853..16c328372 100644 --- a/layouts/xedition/css/layout.css +++ b/layouts/xedition/css/layout.css @@ -150,7 +150,7 @@ a:hover, a:active, a:focus { .fixed_header .header_wrap.shrink { position: fixed; top: 0; - width: auto; + width: 1240px; z-index: 1000; border-bottom: 1px solid #e1e1e1; background-color: #fff; From 69405de5c62c4b3a133b0800d2b930a0a90f2cc6 Mon Sep 17 00:00:00 2001 From: dlehdanakf Date: Mon, 6 Jul 2015 18:12:21 +0900 Subject: [PATCH 21/23] =?UTF-8?q?XEICON=20=EC=86=8C=EA=B0=9C=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80=EC=97=90=20=ED=94=84=EB=A1=9C=EC=A0=9D?= =?UTF-8?q?=ED=8A=B8=20=EB=A7=81=ED=81=AC=20=EC=97=B0=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- modules/install/script/xeicon_content/xeicon_content_ko_3.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/install/script/xeicon_content/xeicon_content_ko_3.html b/modules/install/script/xeicon_content/xeicon_content_ko_3.html index 0ee950452..62a3cd3cc 100644 --- a/modules/install/script/xeicon_content/xeicon_content_ko_3.html +++ b/modules/install/script/xeicon_content/xeicon_content_ko_3.html @@ -1,7 +1,7 @@

    GET STARTED

    -

    XEIcon 사용과 설치 방법은 매우 간단합니다. 자세한 사용방법을 XEIcon 공식사이트에서 확인해보세요!

    +

    XEIcon 사용과 설치 방법은 매우 간단합니다. 자세한 사용방법을 XEIcon 공식사이트에서 확인해보세요!

    • 최신버전 다운로드

      From 95ceccdac272ab8411168b9bd1ce150cbb07cd73 Mon Sep 17 00:00:00 2001 From: bnu Date: Mon, 6 Jul 2015 18:18:19 +0900 Subject: [PATCH 22/23] #1567 Merge branch 'feature/xedition-responsive' into develop --- layouts/xedition/conf/info.xml | 4 +- layouts/xedition/css/camera.css | 1093 ----------------- layouts/xedition/css/camera.min.css | 1 - layouts/xedition/css/idangerous.swiper.css | 125 ++ layouts/xedition/css/layout.min.css | 1 - layouts/xedition/css/webfont.css | 0 layouts/xedition/css/welcome.min.css | 1 - layouts/xedition/css/xeicon.min.css | 1 - layouts/xedition/demo/slide.html | 24 +- layouts/xedition/demo/welcome_main.html | 2 +- layouts/xedition/js/SmoothScroll.min.js | 8 - layouts/xedition/js/camera.min.js | 5 - layouts/xedition/js/idangerous.swiper.min.js | 16 + layouts/xedition/js/jquery.easing.js | 205 ---- layouts/xedition/js/jquery.easing.min.js | 1 - .../js/jquery.mobile.customized.min.js | 3 + .../xedition/js/jquery.parallax-scroll.min.js | 9 + layouts/xedition/js/layout.min.js | 1 - layouts/xedition/js/welcome.js | 2 +- layouts/xedition/js/welcome.min.js | 1 - 20 files changed, 169 insertions(+), 1334 deletions(-) delete mode 100644 layouts/xedition/css/camera.css delete mode 100644 layouts/xedition/css/camera.min.css create mode 100644 layouts/xedition/css/idangerous.swiper.css delete mode 100644 layouts/xedition/css/layout.min.css mode change 100755 => 100644 layouts/xedition/css/webfont.css delete mode 100644 layouts/xedition/css/welcome.min.css delete mode 100644 layouts/xedition/css/xeicon.min.css delete mode 100644 layouts/xedition/js/SmoothScroll.min.js delete mode 100644 layouts/xedition/js/camera.min.js create mode 100644 layouts/xedition/js/idangerous.swiper.min.js delete mode 100644 layouts/xedition/js/jquery.easing.js delete mode 100644 layouts/xedition/js/jquery.easing.min.js create mode 100644 layouts/xedition/js/jquery.mobile.customized.min.js create mode 100644 layouts/xedition/js/jquery.parallax-scroll.min.js delete mode 100644 layouts/xedition/js/layout.min.js delete mode 100644 layouts/xedition/js/welcome.min.js 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.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.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/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('