diff --git a/common/xeicon/fonts/xeicon.eot b/common/xeicon/fonts/xeicon.eot new file mode 100644 index 000000000..6813868de Binary files /dev/null and b/common/xeicon/fonts/xeicon.eot differ diff --git a/common/xeicon/fonts/xeicon.svg b/common/xeicon/fonts/xeicon.svg new file mode 100644 index 000000000..b9cb45956 --- /dev/null +++ b/common/xeicon/fonts/xeicon.svg @@ -0,0 +1,641 @@ + + + + + +{ + "fontFamily": "xeicon", + "majorVersion": 1, + "minorVersion": 0, + "copyright": "(C) NAVER ", + "designerURL": "http://xpressengine.com", + "license": "SIL OFL 1.1, MIT License, CCL 4.0", + "licenseURL": "http://contest.xpressengine.com/templates/xe_icon/license", + "fontURL": "http://contest.xpressengine.com/templates/xe_icon/", + "description": "Font generated by IcoMoon.", + "version": "Version 1.0", + "fontId": "xeicon", + "psName": "xeicon", + "subFamily": "Regular", + "fullName": "xeicon" +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/common/xeicon/fonts/xeicon.ttf b/common/xeicon/fonts/xeicon.ttf new file mode 100644 index 000000000..4432c108a Binary files /dev/null and b/common/xeicon/fonts/xeicon.ttf differ diff --git a/common/xeicon/fonts/xeicon.woff b/common/xeicon/fonts/xeicon.woff new file mode 100644 index 000000000..0ec05cdc0 Binary files /dev/null and b/common/xeicon/fonts/xeicon.woff differ diff --git a/common/xeicon/xeicon.css b/common/xeicon/xeicon.css new file mode 100644 index 000000000..a61ff9399 --- /dev/null +++ b/common/xeicon/xeicon.css @@ -0,0 +1,2472 @@ +@font-face { + font-family: 'xeicon'; + src: url('fonts/xeicon.eot') format('embedded-opentype'), + url('fonts/xeicon.woff') format('woff'), + url('fonts/xeicon.ttf') format('truetype'), + url('fonts/xeicon.svg') format('svg'); + font-weight: normal; + font-style: normal; +} + +i { + font-family: 'xeicon'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.xe-plus:before { + content: "\e600"; +} + +.xe-plus-circle:before { + content: "\e601"; +} + +.xe-plus-square:before { + content: "\e602"; +} + +.xe-minus:before { + content: "\e603"; +} + +.xe-minus-circle:before { + content: "\e604"; +} + +.xe-minus-square:before { + content: "\e605"; +} + +.xe-check:before { + content: "\e606"; +} + +.xe-check-circle:before { + content: "\e607"; +} + +.xe-check-square:before { + content: "\e608"; +} + +.xe-close:before { + content: "\e609"; +} + +.xe-close-circle:before { + content: "\e60a"; +} + +.xe-close-square:before { + content: "\e60b"; +} + +.xe-angle-left:before { + content: "\e60c"; +} + +.xe-left-circle:before { + content: "\e60d"; +} + +.xe-left-square:before { + content: "\e60e"; +} + +.xe-angle-right:before { + content: "\e60f"; +} + +.xe-right-circle:before { + content: "\e610"; +} + +.xe-right-square:before { + content: "\e611"; +} + +.xe-angle-up:before { + content: "\e612"; +} + +.xe-up-circle:before { + content: "\e613"; +} + +.xe-up-square:before { + content: "\e614"; +} + +.xe-angle-down:before { + content: "\e615"; +} + +.xe-down-circle:before { + content: "\e616"; +} + +.xe-down-square:before { + content: "\e617"; +} + +.xe-arrow-left:before { + content: "\e618"; +} + +.xe-arrow-right:before { + content: "\e619"; +} + +.xe-arrow-up:before { + content: "\e61a"; +} + +.xe-arrow-down:before { + content: "\e61b"; +} + +.xe-angle-double-left:before { + content: "\e61c"; +} + +.xe-angle-double-right:before { + content: "\e61d"; +} + +.xe-angle-double-up:before { + content: "\e61e"; +} + +.xe-angle-double-down:before { + content: "\e61f"; +} + +.xe-caret-left:before { + content: "\e620"; +} + +.xe-caret-left-circle:before { + content: "\e621"; +} + +.xe-caret-left-square:before { + content: "\e622"; +} + +.xe-caret-right:before { + content: "\e623"; +} + +.xe-caret-right-circle:before { + content: "\e624"; +} + +.xe-caret-right-square:before { + content: "\e625"; +} + +.xe-caret-up:before { + content: "\e626"; +} + +.xe-caret-up-circle:before { + content: "\e627"; +} + +.xe-caret-up-square:before { + content: "\e628"; +} + +.xe-caret-down:before { + content: "\e629"; +} + +.xe-caret-down-circle:before { + content: "\e62a"; +} + +.xe-caret-down-square:before { + content: "\e62b"; +} + +.xe-arrows:before { + content: "\e62c"; +} + +.xe-arrows-alt:before { + content: "\e62d"; +} + +.xe-expand-square:before { + content: "\e62e"; +} + +.xe-compress-square:before { + content: "\e62f"; +} + +.xe-arrows-h:before { + content: "\e630"; +} + +.xe-arrows-v:before { + content: "\e631"; +} + +.xe-expand:before { + content: "\e632"; +} + +.xe-compress:before { + content: "\e633"; +} + +.xe-refresh:before { + content: "\e634"; +} + +.xe-power-off:before { + content: "\e635"; +} + +.xe-alt:before { + content: "\e636"; +} + +.xe-command:before { + content: "\e637"; +} + +.xe-esc:before { + content: "\e638"; +} + +.xe-eye:before { + content: "\e639"; +} + +.xe-toggle:before { + content: "\e63a"; +} + +.xe-toggle-off:before { + content: "\e63b"; +} + +.xe-toggle-on:before { + content: "\e63c"; +} + +.xe-spinner:before { + content: "\e63d"; +} + +.xe-ellipsis-h:before { + content: "\e63e"; +} + +.xe-download-circle:before { + content: "\e63f"; +} + +.xe-upload-circle:before { + content: "\e640"; +} + +.xe-download:before { + content: "\e641"; +} + +.xe-upload:before { + content: "\e642"; +} + +.xe-download-disk:before { + content: "\e643"; +} + +.xe-upload-disk:before { + content: "\e644"; +} + +.xe-archive:before { + content: "\e645"; +} + +.xe-download-my:before { + content: "\e646"; +} + +.xe-download-bottom:before { + content: "\e647"; +} + +.xe-download-caret:before { + content: "\e648"; +} + +.xe-cloud:before { + content: "\e649"; +} + +.xe-cloud-upload:before { + content: "\e64a"; +} + +.xe-cloud-download:before { + content: "\e64b"; +} + +.xe-upload-square:before { + content: "\e64c"; +} + +.xe-download-square:before { + content: "\e64d"; +} + +.xe-share:before { + content: "\e64e"; +} + +.xe-share-l:before { + content: "\e64f"; +} + +.xe-share-alt:before { + content: "\e650"; +} + +.xe-share-arrow-alt:before { + content: "\e651"; +} + +.xe-cloud-plus:before { + content: "\e652"; +} + +.xe-cloud-minus:before { + content: "\e653"; +} + +.xe-external-share:before { + content: "\e654"; +} + +.xe-external-link:before { + content: "\e655"; +} + +.xe-flag:before { + content: "\e656"; +} + +.xe-flag-line:before { + content: "\e657"; +} + +.xe-notice:before { + content: "\e658"; +} + +.xe-announce:before { + content: "\e659"; +} + +.xe-rss-square:before { + content: "\e65a"; +} + +.xe-code-fork:before { + content: "\e65b"; +} + +.xe-Sitemap:before { + content: "\e65c"; +} + +.xe-wifi-tower:before { + content: "\e65d"; +} + +.xe-wifi:before { + content: "\e65e"; +} + +.xe-signal-circle:before { + content: "\e65f"; +} + +.xe-Antenna:before { + content: "\e660"; +} + +.xe-marquee-add:before { + content: "\e661"; +} + +.xe-marquee-remove:before { + content: "\e662"; +} + +.xe-exchange:before { + content: "\e663"; +} + +.xe-repeat:before { + content: "\e664"; +} + +.xe-share-arrow-alt2:before { + content: "\e665"; +} + +.xe-scissors:before { + content: "\e666"; +} + +.xe-pen:before { + content: "\e667"; +} + +.xe-pencil:before { + content: "\e668"; +} + +.xe-circle:before { + content: "\e669"; +} + +.xe-slash-circle:before { + content: "\e66a"; +} + +.xe-magnifier-expand:before { + content: "\e66b"; +} + +.xe-magnifier-reduce:before { + content: "\e66c"; +} + +.xe-magnifier:before { + content: "\e66d"; +} + +.xe-pin:before { + content: "\e66e"; +} + +.xe-clip:before { + content: "\e66f"; +} + +.xe-key:before { + content: "\e670"; +} + +.xe-key-classic:before { + content: "\e671"; +} + +.xe-wastebasket:before { + content: "\e672"; +} + +.xe-eyes:before { + content: "\e673"; +} + +.xe-eye-slash:before { + content: "\e674"; +} + +.xe-slip-tongs:before { + content: "\e675"; +} + +.xe-lock:before { + content: "\e676"; +} + +.xe-unlock:before { + content: "\e677"; +} + +.xe-calculator:before { + content: "\e678"; +} + +.xe-target:before { + content: "\e679"; +} + +.xe-pen-point:before { + content: "\e67a"; +} + +.xe-pencil-point:before { + content: "\e67b"; +} + +.xe-brush-point:before { + content: "\e67c"; +} + +.xe-magnet:before { + content: "\e67d"; +} + +.xe-cube:before { + content: "\e67e"; +} + +.xe-brush:before { + content: "\e67f"; +} + +.xe-type:before { + content: "\e680"; +} + +.xe-paint-bucket:before { + content: "\e681"; +} + +.xe-crop:before { + content: "\e682"; +} + +.xe-marquee:before { + content: "\e683"; +} + +.xe-color:before { + content: "\e684"; +} + +.xe-ruler:before { + content: "\e685"; +} + +.xe-ruler-triangle:before { + content: "\e686"; +} + +.xe-magic:before { + content: "\e687"; +} + +.xe-eyedropper:before { + content: "\e688"; +} + +.xe-canvas:before { + content: "\e689"; +} + +.xe-tool:before { + content: "\e68a"; +} + +.xe-repair:before { + content: "\e68b"; +} + +.xe-align-justify:before { + content: "\e68c"; +} + +.xe-align-left:before { + content: "\e68d"; +} + +.xe-align-center:before { + content: "\e68e"; +} + +.xe-align-right:before { + content: "\e68f"; +} + +.xe-layout-full:before { + content: "\e690"; +} + +.xe-layout-side-left:before { + content: "\e691"; +} + +.xe-layout-side-right:before { + content: "\e692"; +} + +.xe-layout-left-two:before { + content: "\e693"; +} + +.xe-layout-side-center:before { + content: "\e694"; +} + +.xe-layout-side-three:before { + content: "\e695"; +} + +.xe-layout-grid:before { + content: "\e696"; +} + +.xe-layout-top:before { + content: "\e697"; +} + +.xe-layout-top-left:before { + content: "\e698"; +} + +.xe-layout-top-grid:before { + content: "\e699"; +} + +.xe-layout-top-colum:before { + content: "\e69a"; +} + +.xe-layout-top-center:before { + content: "\e69b"; +} + +.xe-layout-top-left-mid:before { + content: "\e69c"; +} + +.xe-layout-top-right:before { + content: "\e69d"; +} + +.xe-bold:before { + content: "\e69e"; +} + +.xe-underline:before { + content: "\e69f"; +} + +.xe-italic:before { + content: "\e6a0"; +} + +.xe-Caps:before { + content: "\e6a1"; +} + +.xe-strikethrough:before { + content: "\e6a2"; +} + +.xe-paragraph:before { + content: "\e6a3"; +} + +.xe-list-ul:before { + content: "\e6a4"; +} + +.xe-list-ul-square:before { + content: "\e6a5"; +} + +.xe-list-ol:before { + content: "\e6a6"; +} + +.xe-list-ul-l:before { + content: "\e6a7"; +} + +.xe-indent:before { + content: "\e6a8"; +} + +.xe-indent-arrow:before { + content: "\e6a9"; +} + +.xe-dedent:before { + content: "\e6aa"; +} + +.xe-dedent-arrow:before { + content: "\e6ab"; +} + +.xe-link:before { + content: "\e6ac"; +} + +.xe-link-l:before { + content: "\e6ad"; +} + +.xe-unlink:before { + content: "\e6ae"; +} + +.xe-link-clip:before { + content: "\e6af"; +} + +.xe-content-right:before { + content: "\e6b0"; +} + +.xe-content-left:before { + content: "\e6b1"; +} + +.xe-content-grid:before { + content: "\e6b2"; +} + +.xe-eraser:before { + content: "\e6b3"; +} + +.xe-lineheight-plus:before { + content: "\e6b4"; +} + +.xe-lineheight-minus:before { + content: "\e6b5"; +} + +.xe-lineheight:before { + content: "\e6b6"; +} + +.xe-code:before { + content: "\e6b7"; +} + +.xe-rotate-right:before { + content: "\e6b8"; +} + +.xe-rotate-left:before { + content: "\e6b9"; +} + +.xe-stack-paper:before { + content: "\e6ba"; +} + +.xe-paper:before { + content: "\e6bb"; +} + +.xe-user:before { + content: "\e6bc"; +} + +.xe-user-plus:before { + content: "\e6bd"; +} + +.xe-user-minus:before { + content: "\e6be"; +} + +.xe-user-check:before { + content: "\e6bf"; +} + +.xe-users:before { + content: "\e6c0"; +} + +.xe-user-info:before { + content: "\e6c1"; +} + +.xe-user-add:before { + content: "\e6c2"; +} + +.xe-user-circle:before { + content: "\e6c3"; +} + +.xe-user-folder:before { + content: "\e6c4"; +} + +.xe-user-address:before { + content: "\e6c5"; +} + +.xe-user-lock:before { + content: "\e6c6"; +} + +.xe-female:before { + content: "\e6c7"; +} + +.xe-male:before { + content: "\e6c8"; +} + +.xe-gender:before { + content: "\e6c9"; +} + +.xe-man:before { + content: "\e6ca"; +} + +.xe-community:before { + content: "\e6cb"; +} + +.xe-email:before { + content: "\e6cc"; +} + +.xe-mail-envelope:before { + content: "\e6cd"; +} + +.xe-mail-card:before { + content: "\e6ce"; +} + +.xe-mail-postcard:before { + content: "\e6cf"; +} + +.xe-mail-open:before { + content: "\e6d0"; +} + +.xe-mail-open-letter:before { + content: "\e6d1"; +} + +.xe-mail-at:before { + content: "\e6d2"; +} + +.xe-postbox:before { + content: "\e6d3"; +} + +.xe-mail-reply:before { + content: "\e6d4"; +} + +.xe-send:before { + content: "\e6d5"; +} + +.xe-attach:before { + content: "\e6d6"; +} + +.xe-mail-refresh:before { + content: "\e6d7"; +} + +.xe-message-bubble:before { + content: "\e6d8"; +} + +.xe-message-left:before { + content: "\e6d9"; +} + +.xe-message-right:before { + content: "\e6da"; +} + +.xe-message-left-list:before { + content: "\e6db"; +} + +.xe-message-left-ellipsis:before { + content: "\e6dc"; +} + +.xe-comment-list:before { + content: "\e6dd"; +} + +.xe-comment-bubble:before { + content: "\e6de"; +} + +.xe-comment-double:before { + content: "\e6df"; +} + +.xe-status-check:before { + content: "\e6e0"; +} + +.xe-status-check-box:before { + content: "\e6e1"; +} + +.xe-status-check-boxout:before { + content: "\e6e2"; +} + +.xe-status-check-circle:before { + content: "\e6e3"; +} + +.xe-status-check-circleout:before { + content: "\e6e4"; +} + +.xe-status-check-shield:before { + content: "\e6e5"; +} + +.xe-status-check-shieldout:before { + content: "\e6e6"; +} + +.xe-status-check-commentout:before { + content: "\e6e7"; +} + +.xe-status-check-comment:before { + content: "\e6e8"; +} + +.xe-status-check-home:before { + content: "\e6e9"; +} + +.xe-status-check-homeout:before { + content: "\e6ea"; +} + +.xe-ban:before { + content: "\e6eb"; +} + +.xe-ban-square:before { + content: "\e6ec"; +} + +.xe-ban-circle:before { + content: "\e6ed"; +} + +.xe-ban-octagonal:before { + content: "\e6ee"; +} + +.xe-ban-briefcase:before { + content: "\e6ef"; +} + +.xe-unknown-square:before { + content: "\e6f0"; +} + +.xe-unknown-circle:before { + content: "\e6f1"; +} + +.xe-ok-square:before { + content: "\e6f2"; +} + +.xe-ok-circle:before { + content: "\e6f3"; +} + +.xe-ban-l:before { + content: "\e6f4"; +} + +.xe-rollback:before { + content: "\e6f5"; +} + +.xe-rollback-circle:before { + content: "\e6f6"; +} + +.xe-exclamation-circle:before { + content: "\e6f7"; +} + +.xe-exclamation-triangle:before { + content: "\e6f8"; +} + +.xe-exclamation-octagon:before { + content: "\e6f9"; +} + +.xe-information-circle:before { + content: "\e6fa"; +} + +.xe-help-circle:before { + content: "\e6fb"; +} + +.xe-skull:before { + content: "\e6fc"; +} + +.xe-image:before { + content: "\e6fd"; +} + +.xe-images:before { + content: "\e6fe"; +} + +.xe-photo:before { + content: "\e6ff"; +} + +.xe-photo-camera-a:before { + content: "\e700"; +} + +.xe-photo-camera-b:before { + content: "\e701"; +} + +.xe-photo-camera-c:before { + content: "\e702"; +} + +.xe-photo-camera-retro:before { + content: "\e703"; +} + +.xe-photo-cameracorder:before { + content: "\e704"; +} + +.xe-backward-arrow:before { + content: "\e705"; +} + +.xe-forward-arrow:before { + content: "\e706"; +} + +.xe-backward-double-arrow:before { + content: "\e707"; +} + +.xe-forward-double-arrow:before { + content: "\e708"; +} + +.xe-stop:before { + content: "\e709"; +} + +.xe-backward-double-circle:before { + content: "\e70a"; +} + +.xe-forward-double-circle:before { + content: "\e70b"; +} + +.xe-forward-double-circle2:before { + content: "\e70c"; +} + +.xe-backward-double-circle2:before { + content: "\e70d"; +} + +.xe-backward-end-circle:before { + content: "\e70e"; +} + +.xe-forward-end-circle:before { + content: "\e70f"; +} + +.xe-backward-end-double-circle:before { + content: "\e710"; +} + +.xe-forward-end-double-circle:before { + content: "\e711"; +} + +.xe-stop-circle:before { + content: "\e712"; +} + +.xe-play-circle:before { + content: "\e713"; +} + +.xe-backward-double-square:before { + content: "\e714"; +} + +.xe-forward-double-square:before { + content: "\e715"; +} + +.xe-backward-end-square:before { + content: "\e716"; +} + +.xe-forward-end-square:before { + content: "\e717"; +} + +.xe-backward-end-double-square:before { + content: "\e718"; +} + +.xe-forward-end-double-square:before { + content: "\e719"; +} + +.xe-stop-square:before { + content: "\e71a"; +} + +.xe-play-square:before { + content: "\e71b"; +} + +.xe-record:before { + content: "\e71c"; +} + +.xe-play:before { + content: "\e71d"; +} + +.xe-forward-double-angle:before { + content: "\e71f"; +} + +.xe-backward-double-angle:before { + content: "\e720"; +} + +.xe-pause:before { + content: "\e721"; +} + +.xe-forward-end-angle:before { + content: "\e722"; +} + +.xe-backward-end-angle:before { + content: "\e723"; +} + +.xe-h-41:before { + content: "\e724"; +} + +.xe-record-circle:before { + content: "\e725"; +} + +.xe-forward-double-circle-o:before { + content: "\e726"; +} + +.xe-backward-double-circle-o:before { + content: "\e727"; +} + +.xe-pause-circle-o:before { + content: "\e728"; +} + +.xe-pausenow-circle-o:before { + content: "\e729"; +} + +.xe-video:before { + content: "\e72a"; +} + +.xe-play-movie:before { + content: "\e72b"; +} + +.xe-play-tv:before { + content: "\e72c"; +} + +.xe-play-tv-wide:before { + content: "\e72d"; +} + +.xe-video-recoder:before { + content: "\e72e"; +} + +.xe-play-film:before { + content: "\e72f"; +} + +.xe-film:before { + content: "\e730"; +} + +.xe-sound-max:before { + content: "\e731"; +} + +.xe-sound-mid:before { + content: "\e732"; +} + +.xe-sound-min:before { + content: "\e733"; +} + +.xe-sound-plus:before { + content: "\e734"; +} + +.xe-sound-minus:before { + content: "\e735"; +} + +.xe-sound-off:before { + content: "\e736"; +} + +.xe-sound-close:before { + content: "\e737"; +} + +.xe-volume-circle:before { + content: "\e738"; +} + +.xe-volume-off-circle:before { + content: "\e739"; +} + +.xe-volume-max:before { + content: "\e73a"; +} + +.xe-volume-mid:before { + content: "\e73b"; +} + +.xe-volume-min:before { + content: "\e73c"; +} + +.xe-volume-plus:before { + content: "\e73d"; +} + +.xe-volume-minus:before { + content: "\e73e"; +} + +.xe-volume-off:before { + content: "\e73f"; +} + +.xe-volume-close:before { + content: "\e740"; +} + +.xe-headset:before { + content: "\e741"; +} + +.xe-mic:before { + content: "\e742"; +} + +.xe-mic-off:before { + content: "\e743"; +} + +.xe-microphone:before { + content: "\e744"; +} + +.xe-mic-new:before { + content: "\e745"; +} + +.xe-volume-bar:before { + content: "\e746"; +} + +.xe-record-play:before { + content: "\e747"; +} + +.xe-mix-machine:before { + content: "\e748"; +} + +.xe-music-note-a:before { + content: "\e749"; +} + +.xe-music-note-b:before { + content: "\e74a"; +} + +.xe-music-note-c:before { + content: "\e74b"; +} + +.xe-speaker:before { + content: "\e74c"; +} + +.xe-keyboard:before { + content: "\e74d"; +} + +.xe-saxophone:before { + content: "\e74e"; +} + +.xe-music-scale:before { + content: "\e74f"; +} + +.xe-star:before { + content: "\e750"; +} + +.xe-medal:before { + content: "\e751"; +} + +.xe-medal-l:before { + content: "\e752"; +} + +.xe-trophy:before { + content: "\e753"; +} + +.xe-love-o:before { + content: "\e754"; +} + +.xe-present:before { + content: "\e755"; +} + +.xe-flag-triangle:before { + content: "\e756"; +} + +.xe-tag-a:before { + content: "\e757"; +} + +.xe-tag-left:before { + content: "\e758"; +} + +.xe-tags:before { + content: "\e759"; +} + +.xe-tag-thin:before { + content: "\e75a"; +} + +.xe-tag-lefts:before { + content: "\e75b"; +} + +.xe-heart:before { + content: "\e75c"; +} + +.xe-marker-pin:before { + content: "\e75d"; +} + +.xe-marker-point:before { + content: "\e75e"; +} + +.xe-tag-plus:before { + content: "\e75f"; +} + +.xe-bookmark:before { + content: "\e760"; +} + +.xe-bookmark-left:before { + content: "\e761"; +} + +.xe-bookmark-spread:before { + content: "\e762"; +} + +.xe-marker-circle:before { + content: "\e763"; +} + +.xe-marker-plus:before { + content: "\e764"; +} + +.xe-marker-minus:before { + content: "\e765"; +} + +.xe-marker-multiply:before { + content: "\e766"; +} + +.xe-marker-circle-round:before { + content: "\e767"; +} + +.xe-marker-plus-round:before { + content: "\e768"; +} + +.xe-marker-minus-round:before { + content: "\e769"; +} + +.xe-marker-multiply-round:before { + content: "\e76a"; +} + +.xe-marker-circle-fat:before { + content: "\e76b"; +} + +.xe-marker-plus-fat:before { + content: "\e76c"; +} + +.xe-marker-minus-fat:before { + content: "\e76d"; +} + +.xe-marker-multiply-fat:before { + content: "\e76e"; +} + +.xe-map-marker:before { + content: "\e76f"; +} + +.xe-map-folding:before { + content: "\e770"; +} + +.xe-location-arrow:before { + content: "\e771"; +} + +.xe-compass-a:before { + content: "\e772"; +} + +.xe-compass-b:before { + content: "\e773"; +} + +.xe-crosshairs:before { + content: "\e774"; +} + +.xe-flag-wind:before { + content: "\e775"; +} + +.xe-car:before { + content: "\e776"; +} + +.xe-taxi:before { + content: "\e777"; +} + +.xe-plane:before { + content: "\e778"; +} + +.xe-monitor-mac:before { + content: "\e779"; +} + +.xe-monitor:before { + content: "\e77a"; +} + +.xe-laptop:before { + content: "\e77b"; +} + +.xe-mouse:before { + content: "\e77c"; +} + +.xe-mouse-wheel:before { + content: "\e77d"; +} + +.xe-print-paper:before { + content: "\e71e"; +} + +.xe-mobile:before { + content: "\e77f"; +} + +.xe-mobile-phone:before { + content: "\e780"; +} + +.xe-tablet:before { + content: "\e781"; +} + +.xe-battery-full:before { + content: "\e782"; +} + +.xe-battery-mid:before { + content: "\e783"; +} + +.xe-battery-min:before { + content: "\e784"; +} + +.xe-battery-non:before { + content: "\e785"; +} + +.xe-disk-old:before { + content: "\e786"; +} + +.xe-usb:before { + content: "\e787"; +} + +.xe-memorycard:before { + content: "\e788"; +} + +.xe-cd-r:before { + content: "\e789"; +} + +.xe-hdd:before { + content: "\e78a"; +} + +.xe-hardware-wifi:before { + content: "\e78b"; +} + +.xe-calculators:before { + content: "\e78c"; +} + +.xe-plug:before { + content: "\e78d"; +} + +.xe-gamepad:before { + content: "\e78e"; +} + +.xe-gamepad-simple:before { + content: "\e78f"; +} + +.xe-time-o:before { + content: "\e790"; +} + +.xe-time-point:before { + content: "\e791"; +} + +.xe-clock:before { + content: "\e792"; +} + +.xe-timer:before { + content: "\e793"; +} + +.xe-time-forward:before { + content: "\e794"; +} + +.xe-time-back:before { + content: "\e795"; +} + +.xe-time-hour:before { + content: "\e796"; +} + +.xe-alarm-clock:before { + content: "\e797"; +} + +.xe-bell:before { + content: "\e798"; +} + +.xe-bell-ring:before { + content: "\e799"; +} + +.xe-bell-mute:before { + content: "\e79a"; +} + +.xe-sandwatch:before { + content: "\e79b"; +} + +.xe-sandwatch-forward:before { + content: "\e79c"; +} + +.xe-watch:before { + content: "\e79d"; +} + +.xe-time-day:before { + content: "\e79e"; +} + +.xe-time-night:before { + content: "\e79f"; +} + +.xe-calendars:before { + content: "\e7a0"; +} + +.xe-calendars-month:before { + content: "\e7a1"; +} + +.xe-calendars-week:before { + content: "\e7a2"; +} + +.xe-calendars-time:before { + content: "\e7a3"; +} + +.xe-calendars-add:before { + content: "\e7a4"; +} + +.xe-calendars-remove:before { + content: "\e7a5"; +} + +.xe-calendars-delete:before { + content: "\e7a6"; +} + +.xe-calendars-check:before { + content: "\e7a7"; +} + +.xe-file:before { + content: "\e7a8"; +} + +.xe-file-add:before { + content: "\e7a9"; +} + +.xe-file-remove:before { + content: "\e7aa"; +} + +.xe-file-text:before { + content: "\e7ab"; +} + +.xe-documents:before { + content: "\e7ac"; +} + +.xe-documents-twin:before { + content: "\e7ad"; +} + +.xe-file-image:before { + content: "\e7ae"; +} + +.xe-file-movie:before { + content: "\e7af"; +} + +.xe-file-check:before { + content: "\e7b0"; +} + +.xe-file-music:before { + content: "\e7b1"; +} + +.xe-file-code:before { + content: "\e7b2"; +} + +.xe-file-zip:before { + content: "\e7b3"; +} + +.xe-file-excel:before { + content: "\e7b4"; +} + +.xe-file-word:before { + content: "\e7b5"; +} + +.xe-file-powerpoint:before { + content: "\e7b6"; +} + +.xe-file-time:before { + content: "\e7b7"; +} + +.xe-file-check-o:before { + content: "\e7b8"; +} + +.xe-file-add-o:before { + content: "\e7b9"; +} + +.xe-file-remove-o:before { + content: "\e7ba"; +} + +.xe-file-upload-o:before { + content: "\e7bb"; +} + +.xe-file-download-o:before { + content: "\e7bc"; +} + +.xe-file-bookmark:before { + content: "\e7bd"; +} + +.xe-file-lock:before { + content: "\e7be"; +} + +.xe-folder:before { + content: "\e7bf"; +} + +.xe-folder-open:before { + content: "\e7c0"; +} + +.xe-folder-add:before { + content: "\e7c1"; +} + +.xe-folder-check:before { + content: "\e7c2"; +} + +.xe-folder-remove:before { + content: "\e7c3"; +} + +.xe-folder-delete:before { + content: "\e7c4"; +} + +.xe-folder-upload:before { + content: "\e7c5"; +} + +.xe-folder-download:before { + content: "\e7c6"; +} + +.xe-folder-bookmark:before { + content: "\e7c7"; +} + +.xe-folder-lock:before { + content: "\e7c8"; +} + +.xe-folder-time:before { + content: "\e7c9"; +} + +.xe-folder-music:before { + content: "\e7ca"; +} + +.xe-folder-image:before { + content: "\e7cb"; +} + +.xe-folder-movie:before { + content: "\e7cc"; +} + +.xe-folder-code:before { + content: "\e7cd"; +} + +.xe-folder-zip:before { + content: "\e7ce"; +} + +.xe-windows:before { + content: "\e7cf"; +} + +.xe-windows-text:before { + content: "\e7d0"; +} + +.xe-windows-forbidden:before { + content: "\e7d1"; +} + +.xe-windows-time:before { + content: "\e7d2"; +} + +.xe-windows-add:before { + content: "\e7d3"; +} + +.xe-windows-remove:before { + content: "\e7d4"; +} + +.xe-windows-delete:before { + content: "\e7d5"; +} + +.xe-windows-check:before { + content: "\e7d6"; +} + +.xe-windows-download:before { + content: "\e7d7"; +} + +.xe-windows-upload:before { + content: "\e7d8"; +} + +.xe-windows-lock:before { + content: "\e7d9"; +} + +.xe-windows-forward:before { + content: "\e7da"; +} + +.xe-windows-refresh:before { + content: "\e7db"; +} + +.xe-windows-home:before { + content: "\e7dc"; +} + +.xe-windows-favorite:before { + content: "\e7dd"; +} + +.xe-windows-look:before { + content: "\e7de"; +} + +.xe-server:before { + content: "\e7df"; +} + +.xe-server-folder:before { + content: "\e7e0"; +} + +.xe-server-hardware:before { + content: "\e7e1"; +} + +.xe-server-forbidden:before { + content: "\e7e2"; +} + +.xe-server-time:before { + content: "\e7e3"; +} + +.xe-server-add:before { + content: "\e7e4"; +} + +.xe-server-remove:before { + content: "\e7e5"; +} + +.xe-server-delete:before { + content: "\e7e6"; +} + +.xe-server-check:before { + content: "\e7e7"; +} + +.xe-server-download:before { + content: "\e7e8"; +} + +.xe-server-upload:before { + content: "\e7e9"; +} + +.xe-server-lock:before { + content: "\e7ea"; +} + +.xe-server-forward:before { + content: "\e7eb"; +} + +.xe-server-refresh:before { + content: "\e7ec"; +} + +.xe-server-look:before { + content: "\e7ed"; +} + +.xe-html5:before { + content: "\e7ee"; +} + +.xe-css3:before { + content: "\e7ef"; +} + +.xe-ruby:before { + content: "\e7f0"; +} + +.xe-radiation:before { + content: "\e7f1"; +} + +.xe-rocket:before { + content: "\e7f2"; +} + +.xe-atom:before { + content: "\e7f3"; +} + +.xe-shield-o:before { + content: "\e7f4"; +} + +.xe-saturn:before { + content: "\e7f5"; +} + +.xe-globus:before { + content: "\e7f6"; +} + +.xe-funnel:before { + content: "\e7f7"; +} + +.xe-chart-line:before { + content: "\e7f8"; +} + +.xe-chart-bar:before { + content: "\e7f9"; +} + +.xe-chart-area:before { + content: "\e7fa"; +} + +.xe-chart-wave:before { + content: "\e7fb"; +} + +.xe-cocktail:before { + content: "\e7fc"; +} + +.xe-icecream:before { + content: "\e7fd"; +} + +.xe-fork:before { + content: "\e7fe"; +} + +.xe-spoon:before { + content: "\e7ff"; +} + +.xe-knife:before { + content: "\e800"; +} + +.xe-burger:before { + content: "\e801"; +} + +.xe-rice:before { + content: "\e802"; +} + +.xe-cup:before { + content: "\e803"; +} + +.xe-lemon:before { + content: "\e804"; +} + +.xe-orange:before { + content: "\e805"; +} + +.xe-watermelon:before { + content: "\e806"; +} + +.xe-cake:before { + content: "\e807"; +} + +.xe-pill:before { + content: "\e808"; +} + +.xe-glasses:before { + content: "\e809"; +} + +.xe-umbrella:before { + content: "\e80a"; +} + +.xe-bomb:before { + content: "\e80b"; +} + +.xe-bonfire:before { + content: "\e80c"; +} + +.xe-tent:before { + content: "\e80d"; +} + +.xe-handbag:before { + content: "\e80e"; +} + +.xe-briefcase-l:before { + content: "\e80f"; +} + +.xe-credit-card:before { + content: "\e810"; +} + +.xe-taxi-square:before { + content: "\e811"; +} + +.xe-idea:before { + content: "\e812"; +} + +.xe-telephone:before { + content: "\e813"; +} + +.xe-book-spread:before { + content: "\e814"; +} + +.xe-evergreens:before { + content: "\e815"; +} + +.xe-carts:before { + content: "\e816"; +} + +.xe-tree:before { + content: "\e817"; +} + +.xe-leaf:before { + content: "\e818"; +} + +.xe-facebook:before { + content: "\e819"; +} + +.xe-google-plus:before { + content: "\e81a"; +} + +.xe-twitter:before { + content: "\e81b"; +} + +.xe-vk:before { + content: "\e81c"; +} + +.xe-blogger:before { + content: "\e81d"; +} + +.xe-hubpages:before { + content: "\e81e"; +} + +.xe-medium:before { + content: "\e81f"; +} + +.xe-naver:before { + content: "\e820"; +} + +.xe-tumblr:before { + content: "\e821"; +} + +.xe-xing:before { + content: "\e822"; +} + +.xe-bloglovin:before { + content: "\e823"; +} + +.xe-stumbleupon:before { + content: "\e824"; +} + +.xe-delicious:before { + content: "\e825"; +} + +.xe-linkedin:before { + content: "\e826"; +} + +.xe-pocket:before { + content: "\e827"; +} + +.xe-feedly:before { + content: "\e828"; +} + +.xe-social-rssfeed:before { + content: "\e829"; +} + +.xe-digg:before { + content: "\e82a"; +} + +.xe-reddit:before { + content: "\e82b"; +} + +.xe-social-email:before { + content: "\e82c"; +} + +.xe-social-print:before { + content: "\e82d"; +} + +.xe-github:before { + content: "\e82e"; +} + +.xe-git:before { + content: "\e82f"; +} + +.xe-hunie:before { + content: "\e830"; +} + +.xe-trello:before { + content: "\e831"; +} + +.xe-yobi:before { + content: "\e832"; +} + +.xe-skillshare:before { + content: "\e833"; +} + +.xe-slideshare:before { + content: "\e834"; +} + +.xe-stackoverflow:before { + content: "\e835"; +} + +.xe-flickr:before { + content: "\e836"; +} + +.xe-instagram:before { + content: "\e837"; +} + +.xe-kakaostory:before { + content: "\e838"; +} + +.xe-path:before { + content: "\e839"; +} + +.xe-behance:before { + content: "\e83a"; +} + +.xe-deviantart:before { + content: "\e83b"; +} + +.xe-dribbble:before { + content: "\e83c"; +} + +.xe-pinterest:before { + content: "\e83d"; +} + +.xe-evernote:before { + content: "\e83e"; +} + +.xe-onenote:before { + content: "\e83f"; +} + +.xe-goodreads:before { + content: "\e840"; +} + +.xe-kickstarter:before { + content: "\e841"; +} + +.xe-senscritique:before { + content: "\e842"; +} + +.xe-myplace:before { + content: "\e843"; +} + +.xe-soundcloud:before { + content: "\e844"; +} + +.xe-vimeo:before { + content: "\e845"; +} + +.xe-youtube:before { + content: "\e846"; +} + +.xe-foursquare:before { + content: "\e847"; +} + +.xe-trover:before { + content: "\e848"; +} + +.xe-facebook-messenger:before { + content: "\e849"; +} + +.xe-kakaotalk:before { + content: "\e84a"; +} + +.xe-line-messenger:before { + content: "\e84b"; +} + +.xe-skype:before { + content: "\e84c"; +} + +.xe-telegram:before { + content: "\e84d"; +} + +.xe-wechat:before { + content: "\e84e"; +} + +.xe-whatsapp:before { + content: "\e84f"; +} + +.xe-bitrix:before { + content: "\e850"; +} + +.xe-concrete5:before { + content: "\e851"; +} + +.xe-dot-cms:before { + content: "\e852"; +} + +.xe-drupal:before { + content: "\e853"; +} + +.xe-expressionengine:before { + content: "\e854"; +} + +.xe-ghost:before { + content: "\e855"; +} + +.xe-joomla:before { + content: "\e856"; +} + +.xe-kimsq:before { + content: "\e857"; +} + +.xe-magento:before { + content: "\e858"; +} + +.xe-opencart:before { + content: "\e859"; +} + +.xe-oscommerce:before { + content: "\e85a"; +} + +.xe-prestashop:before { + content: "\e85b"; +} + +.xe-silverstripe:before { + content: "\e85c"; +} + +.xe-typo3:before { + content: "\e85d"; +} + +.xe-ubercart:before { + content: "\e85e"; +} + +.xe-vbulletin:before { + content: "\e85f"; +} + +.xe-wix:before { + content: "\e860"; +} + +.xe-virtuemart:before { + content: "\e861"; +} + +.xe-wordpress:before { + content: "\e862"; +} + +.xe-xpressengine:before { + content: "\e863"; +} + +.xe-zencart:before { + content: "\e864"; +} + diff --git a/common/xeicon/xeicon.min.css b/common/xeicon/xeicon.min.css new file mode 100644 index 000000000..f0a535c94 --- /dev/null +++ b/common/xeicon/xeicon.min.css @@ -0,0 +1 @@ +@font-face{font-family:xeicon;src:url(fonts/xeicon.eot) format('embedded-opentype'),url(fonts/xeicon.woff) format('woff'),url(fonts/xeicon.ttf) format('truetype'),url(fonts/xeicon.svg) format('svg');font-weight:400;font-style:normal}i{font-family:xeicon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.xe-plus:before{content:"\e600"}.xe-plus-circle:before{content:"\e601"}.xe-plus-square:before{content:"\e602"}.xe-minus:before{content:"\e603"}.xe-minus-circle:before{content:"\e604"}.xe-minus-square:before{content:"\e605"}.xe-check:before{content:"\e606"}.xe-check-circle:before{content:"\e607"}.xe-check-square:before{content:"\e608"}.xe-close:before{content:"\e609"}.xe-close-circle:before{content:"\e60a"}.xe-close-square:before{content:"\e60b"}.xe-angle-left:before{content:"\e60c"}.xe-left-circle:before{content:"\e60d"}.xe-left-square:before{content:"\e60e"}.xe-angle-right:before{content:"\e60f"}.xe-right-circle:before{content:"\e610"}.xe-right-square:before{content:"\e611"}.xe-angle-up:before{content:"\e612"}.xe-up-circle:before{content:"\e613"}.xe-up-square:before{content:"\e614"}.xe-angle-down:before{content:"\e615"}.xe-down-circle:before{content:"\e616"}.xe-down-square:before{content:"\e617"}.xe-arrow-left:before{content:"\e618"}.xe-arrow-right:before{content:"\e619"}.xe-arrow-up:before{content:"\e61a"}.xe-arrow-down:before{content:"\e61b"}.xe-angle-double-left:before{content:"\e61c"}.xe-angle-double-right:before{content:"\e61d"}.xe-angle-double-up:before{content:"\e61e"}.xe-angle-double-down:before{content:"\e61f"}.xe-caret-left:before{content:"\e620"}.xe-caret-left-circle:before{content:"\e621"}.xe-caret-left-square:before{content:"\e622"}.xe-caret-right:before{content:"\e623"}.xe-caret-right-circle:before{content:"\e624"}.xe-caret-right-square:before{content:"\e625"}.xe-caret-up:before{content:"\e626"}.xe-caret-up-circle:before{content:"\e627"}.xe-caret-up-square:before{content:"\e628"}.xe-caret-down:before{content:"\e629"}.xe-caret-down-circle:before{content:"\e62a"}.xe-caret-down-square:before{content:"\e62b"}.xe-arrows:before{content:"\e62c"}.xe-arrows-alt:before{content:"\e62d"}.xe-expand-square:before{content:"\e62e"}.xe-compress-square:before{content:"\e62f"}.xe-arrows-h:before{content:"\e630"}.xe-arrows-v:before{content:"\e631"}.xe-expand:before{content:"\e632"}.xe-compress:before{content:"\e633"}.xe-refresh:before{content:"\e634"}.xe-power-off:before{content:"\e635"}.xe-alt:before{content:"\e636"}.xe-command:before{content:"\e637"}.xe-esc:before{content:"\e638"}.xe-eye:before{content:"\e639"}.xe-toggle:before{content:"\e63a"}.xe-toggle-off:before{content:"\e63b"}.xe-toggle-on:before{content:"\e63c"}.xe-spinner:before{content:"\e63d"}.xe-ellipsis-h:before{content:"\e63e"}.xe-download-circle:before{content:"\e63f"}.xe-upload-circle:before{content:"\e640"}.xe-download:before{content:"\e641"}.xe-upload:before{content:"\e642"}.xe-download-disk:before{content:"\e643"}.xe-upload-disk:before{content:"\e644"}.xe-archive:before{content:"\e645"}.xe-download-my:before{content:"\e646"}.xe-download-bottom:before{content:"\e647"}.xe-download-caret:before{content:"\e648"}.xe-cloud:before{content:"\e649"}.xe-cloud-upload:before{content:"\e64a"}.xe-cloud-download:before{content:"\e64b"}.xe-upload-square:before{content:"\e64c"}.xe-download-square:before{content:"\e64d"}.xe-share:before{content:"\e64e"}.xe-share-l:before{content:"\e64f"}.xe-share-alt:before{content:"\e650"}.xe-share-arrow-alt:before{content:"\e651"}.xe-cloud-plus:before{content:"\e652"}.xe-cloud-minus:before{content:"\e653"}.xe-external-share:before{content:"\e654"}.xe-external-link:before{content:"\e655"}.xe-flag:before{content:"\e656"}.xe-flag-line:before{content:"\e657"}.xe-notice:before{content:"\e658"}.xe-announce:before{content:"\e659"}.xe-rss-square:before{content:"\e65a"}.xe-code-fork:before{content:"\e65b"}.xe-Sitemap:before{content:"\e65c"}.xe-wifi-tower:before{content:"\e65d"}.xe-wifi:before{content:"\e65e"}.xe-signal-circle:before{content:"\e65f"}.xe-Antenna:before{content:"\e660"}.xe-marquee-add:before{content:"\e661"}.xe-marquee-remove:before{content:"\e662"}.xe-exchange:before{content:"\e663"}.xe-repeat:before{content:"\e664"}.xe-share-arrow-alt2:before{content:"\e665"}.xe-scissors:before{content:"\e666"}.xe-pen:before{content:"\e667"}.xe-pencil:before{content:"\e668"}.xe-circle:before{content:"\e669"}.xe-slash-circle:before{content:"\e66a"}.xe-magnifier-expand:before{content:"\e66b"}.xe-magnifier-reduce:before{content:"\e66c"}.xe-magnifier:before{content:"\e66d"}.xe-pin:before{content:"\e66e"}.xe-clip:before{content:"\e66f"}.xe-key:before{content:"\e670"}.xe-key-classic:before{content:"\e671"}.xe-wastebasket:before{content:"\e672"}.xe-eyes:before{content:"\e673"}.xe-eye-slash:before{content:"\e674"}.xe-slip-tongs:before{content:"\e675"}.xe-lock:before{content:"\e676"}.xe-unlock:before{content:"\e677"}.xe-calculator:before{content:"\e678"}.xe-target:before{content:"\e679"}.xe-pen-point:before{content:"\e67a"}.xe-pencil-point:before{content:"\e67b"}.xe-brush-point:before{content:"\e67c"}.xe-magnet:before{content:"\e67d"}.xe-cube:before{content:"\e67e"}.xe-brush:before{content:"\e67f"}.xe-type:before{content:"\e680"}.xe-paint-bucket:before{content:"\e681"}.xe-crop:before{content:"\e682"}.xe-marquee:before{content:"\e683"}.xe-color:before{content:"\e684"}.xe-ruler:before{content:"\e685"}.xe-ruler-triangle:before{content:"\e686"}.xe-magic:before{content:"\e687"}.xe-eyedropper:before{content:"\e688"}.xe-canvas:before{content:"\e689"}.xe-tool:before{content:"\e68a"}.xe-repair:before{content:"\e68b"}.xe-align-justify:before{content:"\e68c"}.xe-align-left:before{content:"\e68d"}.xe-align-center:before{content:"\e68e"}.xe-align-right:before{content:"\e68f"}.xe-layout-full:before{content:"\e690"}.xe-layout-side-left:before{content:"\e691"}.xe-layout-side-right:before{content:"\e692"}.xe-layout-left-two:before{content:"\e693"}.xe-layout-side-center:before{content:"\e694"}.xe-layout-side-three:before{content:"\e695"}.xe-layout-grid:before{content:"\e696"}.xe-layout-top:before{content:"\e697"}.xe-layout-top-left:before{content:"\e698"}.xe-layout-top-grid:before{content:"\e699"}.xe-layout-top-colum:before{content:"\e69a"}.xe-layout-top-center:before{content:"\e69b"}.xe-layout-top-left-mid:before{content:"\e69c"}.xe-layout-top-right:before{content:"\e69d"}.xe-bold:before{content:"\e69e"}.xe-underline:before{content:"\e69f"}.xe-italic:before{content:"\e6a0"}.xe-Caps:before{content:"\e6a1"}.xe-strikethrough:before{content:"\e6a2"}.xe-paragraph:before{content:"\e6a3"}.xe-list-ul:before{content:"\e6a4"}.xe-list-ul-square:before{content:"\e6a5"}.xe-list-ol:before{content:"\e6a6"}.xe-list-ul-l:before{content:"\e6a7"}.xe-indent:before{content:"\e6a8"}.xe-indent-arrow:before{content:"\e6a9"}.xe-dedent:before{content:"\e6aa"}.xe-dedent-arrow:before{content:"\e6ab"}.xe-link:before{content:"\e6ac"}.xe-link-l:before{content:"\e6ad"}.xe-unlink:before{content:"\e6ae"}.xe-link-clip:before{content:"\e6af"}.xe-content-right:before{content:"\e6b0"}.xe-content-left:before{content:"\e6b1"}.xe-content-grid:before{content:"\e6b2"}.xe-eraser:before{content:"\e6b3"}.xe-lineheight-plus:before{content:"\e6b4"}.xe-lineheight-minus:before{content:"\e6b5"}.xe-lineheight:before{content:"\e6b6"}.xe-code:before{content:"\e6b7"}.xe-rotate-right:before{content:"\e6b8"}.xe-rotate-left:before{content:"\e6b9"}.xe-stack-paper:before{content:"\e6ba"}.xe-paper:before{content:"\e6bb"}.xe-user:before{content:"\e6bc"}.xe-user-plus:before{content:"\e6bd"}.xe-user-minus:before{content:"\e6be"}.xe-user-check:before{content:"\e6bf"}.xe-users:before{content:"\e6c0"}.xe-user-info:before{content:"\e6c1"}.xe-user-add:before{content:"\e6c2"}.xe-user-circle:before{content:"\e6c3"}.xe-user-folder:before{content:"\e6c4"}.xe-user-address:before{content:"\e6c5"}.xe-user-lock:before{content:"\e6c6"}.xe-female:before{content:"\e6c7"}.xe-male:before{content:"\e6c8"}.xe-gender:before{content:"\e6c9"}.xe-man:before{content:"\e6ca"}.xe-community:before{content:"\e6cb"}.xe-email:before{content:"\e6cc"}.xe-mail-envelope:before{content:"\e6cd"}.xe-mail-card:before{content:"\e6ce"}.xe-mail-postcard:before{content:"\e6cf"}.xe-mail-open:before{content:"\e6d0"}.xe-mail-open-letter:before{content:"\e6d1"}.xe-mail-at:before{content:"\e6d2"}.xe-postbox:before{content:"\e6d3"}.xe-mail-reply:before{content:"\e6d4"}.xe-send:before{content:"\e6d5"}.xe-attach:before{content:"\e6d6"}.xe-mail-refresh:before{content:"\e6d7"}.xe-message-bubble:before{content:"\e6d8"}.xe-message-left:before{content:"\e6d9"}.xe-message-right:before{content:"\e6da"}.xe-message-left-list:before{content:"\e6db"}.xe-message-left-ellipsis:before{content:"\e6dc"}.xe-comment-list:before{content:"\e6dd"}.xe-comment-bubble:before{content:"\e6de"}.xe-comment-double:before{content:"\e6df"}.xe-status-check:before{content:"\e6e0"}.xe-status-check-box:before{content:"\e6e1"}.xe-status-check-boxout:before{content:"\e6e2"}.xe-status-check-circle:before{content:"\e6e3"}.xe-status-check-circleout:before{content:"\e6e4"}.xe-status-check-shield:before{content:"\e6e5"}.xe-status-check-shieldout:before{content:"\e6e6"}.xe-status-check-commentout:before{content:"\e6e7"}.xe-status-check-comment:before{content:"\e6e8"}.xe-status-check-home:before{content:"\e6e9"}.xe-status-check-homeout:before{content:"\e6ea"}.xe-ban:before{content:"\e6eb"}.xe-ban-square:before{content:"\e6ec"}.xe-ban-circle:before{content:"\e6ed"}.xe-ban-octagonal:before{content:"\e6ee"}.xe-ban-briefcase:before{content:"\e6ef"}.xe-unknown-square:before{content:"\e6f0"}.xe-unknown-circle:before{content:"\e6f1"}.xe-ok-square:before{content:"\e6f2"}.xe-ok-circle:before{content:"\e6f3"}.xe-ban-l:before{content:"\e6f4"}.xe-rollback:before{content:"\e6f5"}.xe-rollback-circle:before{content:"\e6f6"}.xe-exclamation-circle:before{content:"\e6f7"}.xe-exclamation-triangle:before{content:"\e6f8"}.xe-exclamation-octagon:before{content:"\e6f9"}.xe-information-circle:before{content:"\e6fa"}.xe-help-circle:before{content:"\e6fb"}.xe-skull:before{content:"\e6fc"}.xe-image:before{content:"\e6fd"}.xe-images:before{content:"\e6fe"}.xe-photo:before{content:"\e6ff"}.xe-photo-camera-a:before{content:"\e700"}.xe-photo-camera-b:before{content:"\e701"}.xe-photo-camera-c:before{content:"\e702"}.xe-photo-camera-retro:before{content:"\e703"}.xe-photo-cameracorder:before{content:"\e704"}.xe-backward-arrow:before{content:"\e705"}.xe-forward-arrow:before{content:"\e706"}.xe-backward-double-arrow:before{content:"\e707"}.xe-forward-double-arrow:before{content:"\e708"}.xe-stop:before{content:"\e709"}.xe-backward-double-circle:before{content:"\e70a"}.xe-forward-double-circle:before{content:"\e70b"}.xe-forward-double-circle2:before{content:"\e70c"}.xe-backward-double-circle2:before{content:"\e70d"}.xe-backward-end-circle:before{content:"\e70e"}.xe-forward-end-circle:before{content:"\e70f"}.xe-backward-end-double-circle:before{content:"\e710"}.xe-forward-end-double-circle:before{content:"\e711"}.xe-stop-circle:before{content:"\e712"}.xe-play-circle:before{content:"\e713"}.xe-backward-double-square:before{content:"\e714"}.xe-forward-double-square:before{content:"\e715"}.xe-backward-end-square:before{content:"\e716"}.xe-forward-end-square:before{content:"\e717"}.xe-backward-end-double-square:before{content:"\e718"}.xe-forward-end-double-square:before{content:"\e719"}.xe-stop-square:before{content:"\e71a"}.xe-play-square:before{content:"\e71b"}.xe-record:before{content:"\e71c"}.xe-play:before{content:"\e71d"}.xe-forward-double-angle:before{content:"\e71f"}.xe-backward-double-angle:before{content:"\e720"}.xe-pause:before{content:"\e721"}.xe-forward-end-angle:before{content:"\e722"}.xe-backward-end-angle:before{content:"\e723"}.xe-h-41:before{content:"\e724"}.xe-record-circle:before{content:"\e725"}.xe-forward-double-circle-o:before{content:"\e726"}.xe-backward-double-circle-o:before{content:"\e727"}.xe-pause-circle-o:before{content:"\e728"}.xe-pausenow-circle-o:before{content:"\e729"}.xe-video:before{content:"\e72a"}.xe-play-movie:before{content:"\e72b"}.xe-play-tv:before{content:"\e72c"}.xe-play-tv-wide:before{content:"\e72d"}.xe-video-recoder:before{content:"\e72e"}.xe-play-film:before{content:"\e72f"}.xe-film:before{content:"\e730"}.xe-sound-max:before{content:"\e731"}.xe-sound-mid:before{content:"\e732"}.xe-sound-min:before{content:"\e733"}.xe-sound-plus:before{content:"\e734"}.xe-sound-minus:before{content:"\e735"}.xe-sound-off:before{content:"\e736"}.xe-sound-close:before{content:"\e737"}.xe-volume-circle:before{content:"\e738"}.xe-volume-off-circle:before{content:"\e739"}.xe-volume-max:before{content:"\e73a"}.xe-volume-mid:before{content:"\e73b"}.xe-volume-min:before{content:"\e73c"}.xe-volume-plus:before{content:"\e73d"}.xe-volume-minus:before{content:"\e73e"}.xe-volume-off:before{content:"\e73f"}.xe-volume-close:before{content:"\e740"}.xe-headset:before{content:"\e741"}.xe-mic:before{content:"\e742"}.xe-mic-off:before{content:"\e743"}.xe-microphone:before{content:"\e744"}.xe-mic-new:before{content:"\e745"}.xe-volume-bar:before{content:"\e746"}.xe-record-play:before{content:"\e747"}.xe-mix-machine:before{content:"\e748"}.xe-music-note-a:before{content:"\e749"}.xe-music-note-b:before{content:"\e74a"}.xe-music-note-c:before{content:"\e74b"}.xe-speaker:before{content:"\e74c"}.xe-keyboard:before{content:"\e74d"}.xe-saxophone:before{content:"\e74e"}.xe-music-scale:before{content:"\e74f"}.xe-star:before{content:"\e750"}.xe-medal:before{content:"\e751"}.xe-medal-l:before{content:"\e752"}.xe-trophy:before{content:"\e753"}.xe-love-o:before{content:"\e754"}.xe-present:before{content:"\e755"}.xe-flag-triangle:before{content:"\e756"}.xe-tag-a:before{content:"\e757"}.xe-tag-left:before{content:"\e758"}.xe-tags:before{content:"\e759"}.xe-tag-thin:before{content:"\e75a"}.xe-tag-lefts:before{content:"\e75b"}.xe-heart:before{content:"\e75c"}.xe-marker-pin:before{content:"\e75d"}.xe-marker-point:before{content:"\e75e"}.xe-tag-plus:before{content:"\e75f"}.xe-bookmark:before{content:"\e760"}.xe-bookmark-left:before{content:"\e761"}.xe-bookmark-spread:before{content:"\e762"}.xe-marker-circle:before{content:"\e763"}.xe-marker-plus:before{content:"\e764"}.xe-marker-minus:before{content:"\e765"}.xe-marker-multiply:before{content:"\e766"}.xe-marker-circle-round:before{content:"\e767"}.xe-marker-plus-round:before{content:"\e768"}.xe-marker-minus-round:before{content:"\e769"}.xe-marker-multiply-round:before{content:"\e76a"}.xe-marker-circle-fat:before{content:"\e76b"}.xe-marker-plus-fat:before{content:"\e76c"}.xe-marker-minus-fat:before{content:"\e76d"}.xe-marker-multiply-fat:before{content:"\e76e"}.xe-map-marker:before{content:"\e76f"}.xe-map-folding:before{content:"\e770"}.xe-location-arrow:before{content:"\e771"}.xe-compass-a:before{content:"\e772"}.xe-compass-b:before{content:"\e773"}.xe-crosshairs:before{content:"\e774"}.xe-flag-wind:before{content:"\e775"}.xe-car:before{content:"\e776"}.xe-taxi:before{content:"\e777"}.xe-plane:before{content:"\e778"}.xe-monitor-mac:before{content:"\e779"}.xe-monitor:before{content:"\e77a"}.xe-laptop:before{content:"\e77b"}.xe-mouse:before{content:"\e77c"}.xe-mouse-wheel:before{content:"\e77d"}.xe-print-paper:before{content:"\e71e"}.xe-mobile:before{content:"\e77f"}.xe-mobile-phone:before{content:"\e780"}.xe-tablet:before{content:"\e781"}.xe-battery-full:before{content:"\e782"}.xe-battery-mid:before{content:"\e783"}.xe-battery-min:before{content:"\e784"}.xe-battery-non:before{content:"\e785"}.xe-disk-old:before{content:"\e786"}.xe-usb:before{content:"\e787"}.xe-memorycard:before{content:"\e788"}.xe-cd-r:before{content:"\e789"}.xe-hdd:before{content:"\e78a"}.xe-hardware-wifi:before{content:"\e78b"}.xe-calculators:before{content:"\e78c"}.xe-plug:before{content:"\e78d"}.xe-gamepad:before{content:"\e78e"}.xe-gamepad-simple:before{content:"\e78f"}.xe-time-o:before{content:"\e790"}.xe-time-point:before{content:"\e791"}.xe-clock:before{content:"\e792"}.xe-timer:before{content:"\e793"}.xe-time-forward:before{content:"\e794"}.xe-time-back:before{content:"\e795"}.xe-time-hour:before{content:"\e796"}.xe-alarm-clock:before{content:"\e797"}.xe-bell:before{content:"\e798"}.xe-bell-ring:before{content:"\e799"}.xe-bell-mute:before{content:"\e79a"}.xe-sandwatch:before{content:"\e79b"}.xe-sandwatch-forward:before{content:"\e79c"}.xe-watch:before{content:"\e79d"}.xe-time-day:before{content:"\e79e"}.xe-time-night:before{content:"\e79f"}.xe-calendars:before{content:"\e7a0"}.xe-calendars-month:before{content:"\e7a1"}.xe-calendars-week:before{content:"\e7a2"}.xe-calendars-time:before{content:"\e7a3"}.xe-calendars-add:before{content:"\e7a4"}.xe-calendars-remove:before{content:"\e7a5"}.xe-calendars-delete:before{content:"\e7a6"}.xe-calendars-check:before{content:"\e7a7"}.xe-file:before{content:"\e7a8"}.xe-file-add:before{content:"\e7a9"}.xe-file-remove:before{content:"\e7aa"}.xe-file-text:before{content:"\e7ab"}.xe-documents:before{content:"\e7ac"}.xe-documents-twin:before{content:"\e7ad"}.xe-file-image:before{content:"\e7ae"}.xe-file-movie:before{content:"\e7af"}.xe-file-check:before{content:"\e7b0"}.xe-file-music:before{content:"\e7b1"}.xe-file-code:before{content:"\e7b2"}.xe-file-zip:before{content:"\e7b3"}.xe-file-excel:before{content:"\e7b4"}.xe-file-word:before{content:"\e7b5"}.xe-file-powerpoint:before{content:"\e7b6"}.xe-file-time:before{content:"\e7b7"}.xe-file-check-o:before{content:"\e7b8"}.xe-file-add-o:before{content:"\e7b9"}.xe-file-remove-o:before{content:"\e7ba"}.xe-file-upload-o:before{content:"\e7bb"}.xe-file-download-o:before{content:"\e7bc"}.xe-file-bookmark:before{content:"\e7bd"}.xe-file-lock:before{content:"\e7be"}.xe-folder:before{content:"\e7bf"}.xe-folder-open:before{content:"\e7c0"}.xe-folder-add:before{content:"\e7c1"}.xe-folder-check:before{content:"\e7c2"}.xe-folder-remove:before{content:"\e7c3"}.xe-folder-delete:before{content:"\e7c4"}.xe-folder-upload:before{content:"\e7c5"}.xe-folder-download:before{content:"\e7c6"}.xe-folder-bookmark:before{content:"\e7c7"}.xe-folder-lock:before{content:"\e7c8"}.xe-folder-time:before{content:"\e7c9"}.xe-folder-music:before{content:"\e7ca"}.xe-folder-image:before{content:"\e7cb"}.xe-folder-movie:before{content:"\e7cc"}.xe-folder-code:before{content:"\e7cd"}.xe-folder-zip:before{content:"\e7ce"}.xe-windows:before{content:"\e7cf"}.xe-windows-text:before{content:"\e7d0"}.xe-windows-forbidden:before{content:"\e7d1"}.xe-windows-time:before{content:"\e7d2"}.xe-windows-add:before{content:"\e7d3"}.xe-windows-remove:before{content:"\e7d4"}.xe-windows-delete:before{content:"\e7d5"}.xe-windows-check:before{content:"\e7d6"}.xe-windows-download:before{content:"\e7d7"}.xe-windows-upload:before{content:"\e7d8"}.xe-windows-lock:before{content:"\e7d9"}.xe-windows-forward:before{content:"\e7da"}.xe-windows-refresh:before{content:"\e7db"}.xe-windows-home:before{content:"\e7dc"}.xe-windows-favorite:before{content:"\e7dd"}.xe-windows-look:before{content:"\e7de"}.xe-server:before{content:"\e7df"}.xe-server-folder:before{content:"\e7e0"}.xe-server-hardware:before{content:"\e7e1"}.xe-server-forbidden:before{content:"\e7e2"}.xe-server-time:before{content:"\e7e3"}.xe-server-add:before{content:"\e7e4"}.xe-server-remove:before{content:"\e7e5"}.xe-server-delete:before{content:"\e7e6"}.xe-server-check:before{content:"\e7e7"}.xe-server-download:before{content:"\e7e8"}.xe-server-upload:before{content:"\e7e9"}.xe-server-lock:before{content:"\e7ea"}.xe-server-forward:before{content:"\e7eb"}.xe-server-refresh:before{content:"\e7ec"}.xe-server-look:before{content:"\e7ed"}.xe-html5:before{content:"\e7ee"}.xe-css3:before{content:"\e7ef"}.xe-ruby:before{content:"\e7f0"}.xe-radiation:before{content:"\e7f1"}.xe-rocket:before{content:"\e7f2"}.xe-atom:before{content:"\e7f3"}.xe-shield-o:before{content:"\e7f4"}.xe-saturn:before{content:"\e7f5"}.xe-globus:before{content:"\e7f6"}.xe-funnel:before{content:"\e7f7"}.xe-chart-line:before{content:"\e7f8"}.xe-chart-bar:before{content:"\e7f9"}.xe-chart-area:before{content:"\e7fa"}.xe-chart-wave:before{content:"\e7fb"}.xe-cocktail:before{content:"\e7fc"}.xe-icecream:before{content:"\e7fd"}.xe-fork:before{content:"\e7fe"}.xe-spoon:before{content:"\e7ff"}.xe-knife:before{content:"\e800"}.xe-burger:before{content:"\e801"}.xe-rice:before{content:"\e802"}.xe-cup:before{content:"\e803"}.xe-lemon:before{content:"\e804"}.xe-orange:before{content:"\e805"}.xe-watermelon:before{content:"\e806"}.xe-cake:before{content:"\e807"}.xe-pill:before{content:"\e808"}.xe-glasses:before{content:"\e809"}.xe-umbrella:before{content:"\e80a"}.xe-bomb:before{content:"\e80b"}.xe-bonfire:before{content:"\e80c"}.xe-tent:before{content:"\e80d"}.xe-handbag:before{content:"\e80e"}.xe-briefcase-l:before{content:"\e80f"}.xe-credit-card:before{content:"\e810"}.xe-taxi-square:before{content:"\e811"}.xe-idea:before{content:"\e812"}.xe-telephone:before{content:"\e813"}.xe-book-spread:before{content:"\e814"}.xe-evergreens:before{content:"\e815"}.xe-carts:before{content:"\e816"}.xe-tree:before{content:"\e817"}.xe-leaf:before{content:"\e818"}.xe-facebook:before{content:"\e819"}.xe-google-plus:before{content:"\e81a"}.xe-twitter:before{content:"\e81b"}.xe-vk:before{content:"\e81c"}.xe-blogger:before{content:"\e81d"}.xe-hubpages:before{content:"\e81e"}.xe-medium:before{content:"\e81f"}.xe-naver:before{content:"\e820"}.xe-tumblr:before{content:"\e821"}.xe-xing:before{content:"\e822"}.xe-bloglovin:before{content:"\e823"}.xe-stumbleupon:before{content:"\e824"}.xe-delicious:before{content:"\e825"}.xe-linkedin:before{content:"\e826"}.xe-pocket:before{content:"\e827"}.xe-feedly:before{content:"\e828"}.xe-social-rssfeed:before{content:"\e829"}.xe-digg:before{content:"\e82a"}.xe-reddit:before{content:"\e82b"}.xe-social-email:before{content:"\e82c"}.xe-social-print:before{content:"\e82d"}.xe-github:before{content:"\e82e"}.xe-git:before{content:"\e82f"}.xe-hunie:before{content:"\e830"}.xe-trello:before{content:"\e831"}.xe-yobi:before{content:"\e832"}.xe-skillshare:before{content:"\e833"}.xe-slideshare:before{content:"\e834"}.xe-stackoverflow:before{content:"\e835"}.xe-flickr:before{content:"\e836"}.xe-instagram:before{content:"\e837"}.xe-kakaostory:before{content:"\e838"}.xe-path:before{content:"\e839"}.xe-behance:before{content:"\e83a"}.xe-deviantart:before{content:"\e83b"}.xe-dribbble:before{content:"\e83c"}.xe-pinterest:before{content:"\e83d"}.xe-evernote:before{content:"\e83e"}.xe-onenote:before{content:"\e83f"}.xe-goodreads:before{content:"\e840"}.xe-kickstarter:before{content:"\e841"}.xe-senscritique:before{content:"\e842"}.xe-myplace:before{content:"\e843"}.xe-soundcloud:before{content:"\e844"}.xe-vimeo:before{content:"\e845"}.xe-youtube:before{content:"\e846"}.xe-foursquare:before{content:"\e847"}.xe-trover:before{content:"\e848"}.xe-facebook-messenger:before{content:"\e849"}.xe-kakaotalk:before{content:"\e84a"}.xe-line-messenger:before{content:"\e84b"}.xe-skype:before{content:"\e84c"}.xe-telegram:before{content:"\e84d"}.xe-wechat:before{content:"\e84e"}.xe-whatsapp:before{content:"\e84f"}.xe-bitrix:before{content:"\e850"}.xe-concrete5:before{content:"\e851"}.xe-dot-cms:before{content:"\e852"}.xe-drupal:before{content:"\e853"}.xe-expressionengine:before{content:"\e854"}.xe-ghost:before{content:"\e855"}.xe-joomla:before{content:"\e856"}.xe-kimsq:before{content:"\e857"}.xe-magento:before{content:"\e858"}.xe-opencart:before{content:"\e859"}.xe-oscommerce:before{content:"\e85a"}.xe-prestashop:before{content:"\e85b"}.xe-silverstripe:before{content:"\e85c"}.xe-typo3:before{content:"\e85d"}.xe-ubercart:before{content:"\e85e"}.xe-vbulletin:before{content:"\e85f"}.xe-wix:before{content:"\e860"}.xe-virtuemart:before{content:"\e861"}.xe-wordpress:before{content:"\e862"}.xe-xpressengine:before{content:"\e863"}.xe-zencart:before{content:"\e864"} diff --git a/layouts/xedition/conf/info.xml b/layouts/xedition/conf/info.xml new file mode 100644 index 000000000..b1097aa44 --- /dev/null +++ b/layouts/xedition/conf/info.xml @@ -0,0 +1,156 @@ + + + XEDITION + XE 1.8 기본 테마 + 1.8 + 2015-03-26 + + NAVER + + + + 전역 네비게이션 바 + + + 지역 네비게이션 바 + + + 서브 네비게이션 바 + + + 푸터 네비게이션 바 + + + + + 기본 + + 데모 사용 + + 사용함 + + + 사용 안 함 + + + + 레이아웃 타입 + + 기본형 + + + 서브1형 + + + 서브2형 + + + 서브3형 + + + + 메뉴 타입 + + 기본형 + + + 블로그형 + + + 매거진형 + + + 스타트업형 + + + + 사이드바 위치 + 레이아웃 타입 서브형에서만 사용되는 옵션입니다. + + 왼쪽 + + + 오른쪽 + + + 풀 페이지 + + + + 사이트 로고 이미지 + + + 사이트 로고 문자 + + + 사이트 로고 경로 + + + 푸터 로고 이미지 + + + 푸터 로고 문자 + + + 푸터 로고 경로 + + + 푸터 내용 + + + 카피라이트 내용 + + + 로그인 위젯 사용 + + 사용함 + + + 사용 안 함 + + + + + 슬라이드 + + 슬라이드 사용 + + 사용함 + + + 사용 안 함 + + + + 슬라이드 이미지 1 + + + 슬라이드 설명 1 + + + 슬라이드 이미지 2 + + + 슬라이드 설명 2 + + + 슬라이드 이미지 3 + + + 슬라이드 설명 3 + + + 슬라이드 이미지 4 + + + 슬라이드 설명 4 + + + 슬라이드 이미지 5 + + + 슬라이드 설명 5 + + + + diff --git a/layouts/xedition/css/camera.css b/layouts/xedition/css/camera.css new file mode 100644 index 000000000..fe5356cc6 --- /dev/null +++ b/layouts/xedition/css/camera.css @@ -0,0 +1,1087 @@ +/************************** +* +* GENERAL +* +**************************/ +.camera_wrap a, .camera_wrap img, +.camera_wrap ol, .camera_wrap ul, .camera_wrap li, +.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td +.camera_thumbs_wrap a, .camera_thumbs_wrap img, +.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, +.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td { + background: none; + border: 0; + font: inherit; + font-size: 100%; + margin: 0; + padding: 0; + vertical-align: baseline; + list-style: none +} +.camera_wrap { + display: none; + float: left; + position: relative; + z-index: 0; +} +.camera_wrap img { + max-width: none!important; +} +.camera_fakehover { + height: 100%; + min-height: 60px; + position: relative; + width: 100%; + z-index: 1; +} +.camera_wrap { + width: 100%; +} +.camera_src { + display: none; +} +.cameraCont, .cameraContents { + height: 100%; + position: relative; + width: 100%; + z-index: 1; +} +.cameraSlide { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + width: 100%; +} +.cameraContent { + bottom: 0; + display: none; + left: 0; + position: absolute; + right: 0; + top: 0; + width: 100%; +} +.camera_target { + bottom: 0; + height: 100%; + left: 0; + overflow: hidden; + position: absolute; + right: 0; + text-align: left; + top: 0; + width: 100%; + z-index: 0; +} +.camera_overlayer { + bottom: 0; + height: 100%; + left: 0; + overflow: hidden; + position: absolute; + right: 0; + top: 0; + width: 100%; + z-index: 0; +} +.camera_target_content { + bottom: 0; + left: 0; + overflow: hidden; + position: absolute; + right: 0; + top: 0; + z-index: 2; +} +.camera_target_content .camera_link { + background: url(../img/blank.gif); + display: block; + height: 100%; + text-decoration: none; +} +.camera_loader { + background: #fff url(../img/camera-loader.gif) no-repeat center; + background: rgba(255, 255, 255, 0.9) url(../img/camera-loader.gif) no-repeat center; + border: 1px solid #ffffff; + -webkit-border-radius: 18px; + -moz-border-radius: 18px; + border-radius: 18px; + height: 36px; + left: 50%; + overflow: hidden; + position: absolute; + margin: -18px 0 0 -18px; + top: 50%; + width: 36px; + z-index: 3; +} +.camera_bar { + bottom: 0; + left: 0; + overflow: hidden; + position: absolute; + right: 0; + top: 0; + z-index: 3; +} +.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar { + height: 100%; + position: absolute; + width: auto; +} +.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar { + height: auto; + position: absolute; + width: 100%; +} +.camera_nav_cont { + height: 65px; + overflow: hidden; + position: absolute; + right: 9px; + top: 15px; + width: 120px; + z-index: 4; +} +.camera_caption { + bottom: 0; + display: block; + position: absolute; + width: 100%; +} +.camera_caption > div { + padding: 10px 20px; +} +.camerarelative { + overflow: hidden; + position: relative; +} +.imgFake { + cursor: pointer; +} +.camera_prevThumbs { + bottom: 4px; + cursor: pointer; + left: 0; + position: absolute; + top: 4px; + visibility: hidden; + width: 30px; + z-index: 10; +} +.camera_prevThumbs div { + background: url(../img/camera_skins.png) no-repeat -160px 0; + display: block; + height: 40px; + margin-top: -20px; + position: absolute; + top: 50%; + width: 30px; +} +.camera_nextThumbs { + bottom: 4px; + cursor: pointer; + position: absolute; + right: 0; + top: 4px; + visibility: hidden; + width: 30px; + z-index: 10; +} +.camera_nextThumbs div { + background: url(../img/camera_skins.png) no-repeat -190px 0; + display: block; + height: 40px; + margin-top: -20px; + position: absolute; + top: 50%; + width: 30px; +} +.camera_command_wrap .hideNav { + display: none; +} +.camera_command_wrap { + left: 0; + position: relative; + right:0; + z-index: 4; +} +.camera_wrap .camera_pag .camera_pag_ul { + list-style: none; + margin: 0; + padding: 0; + text-align: right; +} +.camera_wrap .camera_pag .camera_pag_ul li { + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + cursor: pointer; + display: inline-block; + height: 16px; + margin: 20px 5px; + position: relative; + text-align: left; + text-indent: -9999px; + width: 16px; +} +.camera_commands_emboss .camera_pag .camera_pag_ul li { + -moz-box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); + -webkit-box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); + box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); +} +.camera_wrap .camera_pag .camera_pag_ul li > span { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + height: 8px; + left: 4px; + overflow: hidden; + position: absolute; + top: 4px; + width: 8px; +} +.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span { + -moz-box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); + -webkit-box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); + box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); +} +.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.camera_pag_ul li img { + display: none; + position: absolute; +} +.camera_pag_ul .thumb_arrow { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 4px solid; + top: 0; + left: 50%; + margin-left: -4px; + position: absolute; +} +.camera_prev, .camera_next, .camera_commands { + cursor: pointer; + height: 40px; + margin-top: -20px; + position: absolute; + top: 50%; + width: 40px; + z-index: 2; +} +.camera_prev { + left: 0; +} +.camera_prev > span { + background: url(../img/camera_skins.png) no-repeat 0 0; + display: block; + height: 40px; + width: 40px; +} +.camera_next { + right: 0; +} +.camera_next > span { + background: url(../img/camera_skins.png) no-repeat -40px 0; + display: block; + height: 40px; + width: 40px; +} +.camera_commands { + right: 41px; +} +.camera_commands > .camera_play { + background: url(../img/camera_skins.png) no-repeat -80px 0; + height: 40px; + width: 40px; +} +.camera_commands > .camera_stop { + background: url(../img/camera_skins.png) no-repeat -120px 0; + display: block; + height: 40px; + width: 40px; +} +.camera_wrap .camera_pag .camera_pag_ul li { + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + cursor: pointer; + display: inline-block; + height: 16px; + margin: 20px 5px; + position: relative; + text-indent: -9999px; + width: 16px; +} +.camera_thumbs_cont { + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + overflow: hidden; + position: relative; + width: 100%; +} +.camera_commands_emboss .camera_thumbs_cont { + -moz-box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); + -webkit-box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); + box-shadow: + 0px 1px 0px rgba(255,255,255,1), + inset 0px 1px 1px rgba(0,0,0,0.2); +} +.camera_thumbs_cont > div { + float: left; + width: 100%; +} +.camera_thumbs_cont ul { + overflow: hidden; + padding: 3px 4px 8px; + position: relative; + text-align: center; +} +.camera_thumbs_cont ul li { + display: inline; + padding: 0 4px; +} +.camera_thumbs_cont ul li > img { + border: 1px solid; + cursor: pointer; + margin-top: 5px; + vertical-align:bottom; +} +.camera_clear { + display: block; + clear: both; +} +.showIt { + display: none; +} +.camera_clear { + clear: both; + display: block; + height: 1px; + margin: -1px 0 25px; + position: relative; +} +/************************** +* +* COLORS & SKINS +* +**************************/ +.pattern_1 .camera_overlayer { + background: url(../img/patterns/overlay1.png) repeat; +} +.pattern_2 .camera_overlayer { + background: url(../img/patterns/overlay2.png) repeat; +} +.pattern_3 .camera_overlayer { + background: url(../img/patterns/overlay3.png) repeat; +} +.pattern_4 .camera_overlayer { + background: url(../img/patterns/overlay4.png) repeat; +} +.pattern_5 .camera_overlayer { + background: url(../img/patterns/overlay5.png) repeat; +} +.pattern_6 .camera_overlayer { + background: url(../img/patterns/overlay6.png) repeat; +} +.pattern_7 .camera_overlayer { + background: url(../img/patterns/overlay7.png) repeat; +} +.pattern_8 .camera_overlayer { + background: url(../img/patterns/overlay8.png) repeat; +} +.pattern_9 .camera_overlayer { + background: url(../img/patterns/overlay9.png) repeat; +} +.pattern_10 .camera_overlayer { + background: url(../img/patterns/overlay10.png) repeat; +} +.camera_caption { + color: #fff; +} +.camera_caption > div { + background: #000; + background: rgba(0, 0, 0, 0.8); +} +.camera_wrap .camera_pag .camera_pag_ul li { + background: #b7b7b7; +} +.camera_wrap .camera_pag .camera_pag_ul li:hover > span { + background: #b7b7b7; +} +.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { + background: #434648; +} +.camera_pag_ul li img { + border: 4px solid #e6e6e6; + -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5); + -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5); + box-shadow: 0px 3px 6px rgba(0,0,0,.5); +} +.camera_pag_ul .thumb_arrow { + border-top-color: #e6e6e6; +} +.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { + background: #d8d8d8; + background: rgba(216, 216, 216, 0.85); +} +.camera_wrap .camera_pag .camera_pag_ul li { + background: #b7b7b7; +} +.camera_thumbs_cont ul li > img { + border: 1px solid #000; +} +/*AMBER SKIN*/ +.camera_amber_skin .camera_prevThumbs div { + background-position: -160px -160px; +} +.camera_amber_skin .camera_nextThumbs div { + background-position: -190px -160px; +} +.camera_amber_skin .camera_prev > span { + background-position: 0 -160px; +} +.camera_amber_skin .camera_next > span { + background-position: -40px -160px; +} +.camera_amber_skin .camera_commands > .camera_play { + background-position: -80px -160px; +} +.camera_amber_skin .camera_commands > .camera_stop { + background-position: -120px -160px; +} +/*ASH SKIN*/ +.camera_ash_skin .camera_prevThumbs div { + background-position: -160px -200px; +} +.camera_ash_skin .camera_nextThumbs div { + background-position: -190px -200px; +} +.camera_ash_skin .camera_prev > span { + background-position: 0 -200px; +} +.camera_ash_skin .camera_next > span { + background-position: -40px -200px; +} +.camera_ash_skin .camera_commands > .camera_play { + background-position: -80px -200px; +} +.camera_ash_skin .camera_commands > .camera_stop { + background-position: -120px -200px; +} +/*AZURE SKIN*/ +.camera_azure_skin .camera_prevThumbs div { + background-position: -160px -240px; +} +.camera_azure_skin .camera_nextThumbs div { + background-position: -190px -240px; +} +.camera_azure_skin .camera_prev > span { + background-position: 0 -240px; +} +.camera_azure_skin .camera_next > span { + background-position: -40px -240px; +} +.camera_azure_skin .camera_commands > .camera_play { + background-position: -80px -240px; +} +.camera_azure_skin .camera_commands > .camera_stop { + background-position: -120px -240px; +} +/*BEIGE SKIN*/ +.camera_beige_skin .camera_prevThumbs div { + background-position: -160px -120px; +} +.camera_beige_skin .camera_nextThumbs div { + background-position: -190px -120px; +} +.camera_beige_skin .camera_prev > span { + background-position: 0 -120px; +} +.camera_beige_skin .camera_next > span { + background-position: -40px -120px; +} +.camera_beige_skin .camera_commands > .camera_play { + background-position: -80px -120px; +} +.camera_beige_skin .camera_commands > .camera_stop { + background-position: -120px -120px; +} +/*BLACK SKIN*/ +.camera_black_skin .camera_prevThumbs div { + background-position: -160px -40px; +} +.camera_black_skin .camera_nextThumbs div { + background-position: -190px -40px; +} +.camera_black_skin .camera_prev > span { + background-position: 0 -40px; +} +.camera_black_skin .camera_next > span { + background-position: -40px -40px; +} +.camera_black_skin .camera_commands > .camera_play { + background-position: -80px -40px; +} +.camera_black_skin .camera_commands > .camera_stop { + background-position: -120px -40px; +} +/*BLUE SKIN*/ +.camera_blue_skin .camera_prevThumbs div { + background-position: -160px -280px; +} +.camera_blue_skin .camera_nextThumbs div { + background-position: -190px -280px; +} +.camera_blue_skin .camera_prev > span { + background-position: 0 -280px; +} +.camera_blue_skin .camera_next > span { + background-position: -40px -280px; +} +.camera_blue_skin .camera_commands > .camera_play { + background-position: -80px -280px; +} +.camera_blue_skin .camera_commands > .camera_stop { + background-position: -120px -280px; +} +/*BROWN SKIN*/ +.camera_brown_skin .camera_prevThumbs div { + background-position: -160px -320px; +} +.camera_brown_skin .camera_nextThumbs div { + background-position: -190px -320px; +} +.camera_brown_skin .camera_prev > span { + background-position: 0 -320px; +} +.camera_brown_skin .camera_next > span { + background-position: -40px -320px; +} +.camera_brown_skin .camera_commands > .camera_play { + background-position: -80px -320px; +} +.camera_brown_skin .camera_commands > .camera_stop { + background-position: -120px -320px; +} +/*BURGUNDY SKIN*/ +.camera_burgundy_skin .camera_prevThumbs div { + background-position: -160px -360px; +} +.camera_burgundy_skin .camera_nextThumbs div { + background-position: -190px -360px; +} +.camera_burgundy_skin .camera_prev > span { + background-position: 0 -360px; +} +.camera_burgundy_skin .camera_next > span { + background-position: -40px -360px; +} +.camera_burgundy_skin .camera_commands > .camera_play { + background-position: -80px -360px; +} +.camera_burgundy_skin .camera_commands > .camera_stop { + background-position: -120px -360px; +} +/*CHARCOAL SKIN*/ +.camera_charcoal_skin .camera_prevThumbs div { + background-position: -160px -400px; +} +.camera_charcoal_skin .camera_nextThumbs div { + background-position: -190px -400px; +} +.camera_charcoal_skin .camera_prev > span { + background-position: 0 -400px; +} +.camera_charcoal_skin .camera_next > span { + background-position: -40px -400px; +} +.camera_charcoal_skin .camera_commands > .camera_play { + background-position: -80px -400px; +} +.camera_charcoal_skin .camera_commands > .camera_stop { + background-position: -120px -400px; +} +/*CHOCOLATE SKIN*/ +.camera_chocolate_skin .camera_prevThumbs div { + background-position: -160px -440px; +} +.camera_chocolate_skin .camera_nextThumbs div { + background-position: -190px -440px; +} +.camera_chocolate_skin .camera_prev > span { + background-position: 0 -440px; +} +.camera_chocolate_skin .camera_next > span { + background-position: -40px -440px; +} +.camera_chocolate_skin .camera_commands > .camera_play { + background-position: -80px -440px; +} +.camera_chocolate_skin .camera_commands > .camera_stop { + background-position: -120px -440px ; +} +/*COFFEE SKIN*/ +.camera_coffee_skin .camera_prevThumbs div { + background-position: -160px -480px; +} +.camera_coffee_skin .camera_nextThumbs div { + background-position: -190px -480px; +} +.camera_coffee_skin .camera_prev > span { + background-position: 0 -480px; +} +.camera_coffee_skin .camera_next > span { + background-position: -40px -480px; +} +.camera_coffee_skin .camera_commands > .camera_play { + background-position: -80px -480px; +} +.camera_coffee_skin .camera_commands > .camera_stop { + background-position: -120px -480px ; +} +/*CYAN SKIN*/ +.camera_cyan_skin .camera_prevThumbs div { + background-position: -160px -520px; +} +.camera_cyan_skin .camera_nextThumbs div { + background-position: -190px -520px; +} +.camera_cyan_skin .camera_prev > span { + background-position: 0 -520px; +} +.camera_cyan_skin .camera_next > span { + background-position: -40px -520px; +} +.camera_cyan_skin .camera_commands > .camera_play { + background-position: -80px -520px; +} +.camera_cyan_skin .camera_commands > .camera_stop { + background-position: -120px -520px ; +} +/*FUCHSIA SKIN*/ +.camera_fuchsia_skin .camera_prevThumbs div { + background-position: -160px -560px; +} +.camera_fuchsia_skin .camera_nextThumbs div { + background-position: -190px -560px; +} +.camera_fuchsia_skin .camera_prev > span { + background-position: 0 -560px; +} +.camera_fuchsia_skin .camera_next > span { + background-position: -40px -560px; +} +.camera_fuchsia_skin .camera_commands > .camera_play { + background-position: -80px -560px; +} +.camera_fuchsia_skin .camera_commands > .camera_stop { + background-position: -120px -560px ; +} +/*GOLD SKIN*/ +.camera_gold_skin .camera_prevThumbs div { + background-position: -160px -600px; +} +.camera_gold_skin .camera_nextThumbs div { + background-position: -190px -600px; +} +.camera_gold_skin .camera_prev > span { + background-position: 0 -600px; +} +.camera_gold_skin .camera_next > span { + background-position: -40px -600px; +} +.camera_gold_skin .camera_commands > .camera_play { + background-position: -80px -600px; +} +.camera_gold_skin .camera_commands > .camera_stop { + background-position: -120px -600px ; +} +/*GREEN SKIN*/ +.camera_green_skin .camera_prevThumbs div { + background-position: -160px -640px; +} +.camera_green_skin .camera_nextThumbs div { + background-position: -190px -640px; +} +.camera_green_skin .camera_prev > span { + background-position: 0 -640px; +} +.camera_green_skin .camera_next > span { + background-position: -40px -640px; +} +.camera_green_skin .camera_commands > .camera_play { + background-position: -80px -640px; +} +.camera_green_skin .camera_commands > .camera_stop { + background-position: -120px -640px ; +} +/*GREY SKIN*/ +.camera_grey_skin .camera_prevThumbs div { + background-position: -160px -680px; +} +.camera_grey_skin .camera_nextThumbs div { + background-position: -190px -680px; +} +.camera_grey_skin .camera_prev > span { + background-position: 0 -680px; +} +.camera_grey_skin .camera_next > span { + background-position: -40px -680px; +} +.camera_grey_skin .camera_commands > .camera_play { + background-position: -80px -680px; +} +.camera_grey_skin .camera_commands > .camera_stop { + background-position: -120px -680px ; +} +/*INDIGO SKIN*/ +.camera_indigo_skin .camera_prevThumbs div { + background-position: -160px -720px; +} +.camera_indigo_skin .camera_nextThumbs div { + background-position: -190px -720px; +} +.camera_indigo_skin .camera_prev > span { + background-position: 0 -720px; +} +.camera_indigo_skin .camera_next > span { + background-position: -40px -720px; +} +.camera_indigo_skin .camera_commands > .camera_play { + background-position: -80px -720px; +} +.camera_indigo_skin .camera_commands > .camera_stop { + background-position: -120px -720px ; +} +/*KHAKI SKIN*/ +.camera_khaki_skin .camera_prevThumbs div { + background-position: -160px -760px; +} +.camera_khaki_skin .camera_nextThumbs div { + background-position: -190px -760px; +} +.camera_khaki_skin .camera_prev > span { + background-position: 0 -760px; +} +.camera_khaki_skin .camera_next > span { + background-position: -40px -760px; +} +.camera_khaki_skin .camera_commands > .camera_play { + background-position: -80px -760px; +} +.camera_khaki_skin .camera_commands > .camera_stop { + background-position: -120px -760px ; +} +/*LIME SKIN*/ +.camera_lime_skin .camera_prevThumbs div { + background-position: -160px -800px; +} +.camera_lime_skin .camera_nextThumbs div { + background-position: -190px -800px; +} +.camera_lime_skin .camera_prev > span { + background-position: 0 -800px; +} +.camera_lime_skin .camera_next > span { + background-position: -40px -800px; +} +.camera_lime_skin .camera_commands > .camera_play { + background-position: -80px -800px; +} +.camera_lime_skin .camera_commands > .camera_stop { + background-position: -120px -800px ; +} +/*MAGENTA SKIN*/ +.camera_magenta_skin .camera_prevThumbs div { + background-position: -160px -840px; +} +.camera_magenta_skin .camera_nextThumbs div { + background-position: -190px -840px; +} +.camera_magenta_skin .camera_prev > span { + background-position: 0 -840px; +} +.camera_magenta_skin .camera_next > span { + background-position: -40px -840px; +} +.camera_magenta_skin .camera_commands > .camera_play { + background-position: -80px -840px; +} +.camera_magenta_skin .camera_commands > .camera_stop { + background-position: -120px -840px ; +} +/*MAROON SKIN*/ +.camera_maroon_skin .camera_prevThumbs div { + background-position: -160px -880px; +} +.camera_maroon_skin .camera_nextThumbs div { + background-position: -190px -880px; +} +.camera_maroon_skin .camera_prev > span { + background-position: 0 -880px; +} +.camera_maroon_skin .camera_next > span { + background-position: -40px -880px; +} +.camera_maroon_skin .camera_commands > .camera_play { + background-position: -80px -880px; +} +.camera_maroon_skin .camera_commands > .camera_stop { + background-position: -120px -880px ; +} +/*ORANGE SKIN*/ +.camera_orange_skin .camera_prevThumbs div { + background-position: -160px -920px; +} +.camera_orange_skin .camera_nextThumbs div { + background-position: -190px -920px; +} +.camera_orange_skin .camera_prev > span { + background-position: 0 -920px; +} +.camera_orange_skin .camera_next > span { + background-position: -40px -920px; +} +.camera_orange_skin .camera_commands > .camera_play { + background-position: -80px -920px; +} +.camera_orange_skin .camera_commands > .camera_stop { + background-position: -120px -920px ; +} +/*OLIVE SKIN*/ +.camera_olive_skin .camera_prevThumbs div { + background-position: -160px -1080px; +} +.camera_olive_skin .camera_nextThumbs div { + background-position: -190px -1080px; +} +.camera_olive_skin .camera_prev > span { + background-position: 0 -1080px; +} +.camera_olive_skin .camera_next > span { + background-position: -40px -1080px; +} +.camera_olive_skin .camera_commands > .camera_play { + background-position: -80px -1080px; +} +.camera_olive_skin .camera_commands > .camera_stop { + background-position: -120px -1080px ; +} +/*PINK SKIN*/ +.camera_pink_skin .camera_prevThumbs div { + background-position: -160px -960px; +} +.camera_pink_skin .camera_nextThumbs div { + background-position: -190px -960px; +} +.camera_pink_skin .camera_prev > span { + background-position: 0 -960px; +} +.camera_pink_skin .camera_next > span { + background-position: -40px -960px; +} +.camera_pink_skin .camera_commands > .camera_play { + background-position: -80px -960px; +} +.camera_pink_skin .camera_commands > .camera_stop { + background-position: -120px -960px ; +} +/*PISTACHIO SKIN*/ +.camera_pistachio_skin .camera_prevThumbs div { + background-position: -160px -1040px; +} +.camera_pistachio_skin .camera_nextThumbs div { + background-position: -190px -1040px; +} +.camera_pistachio_skin .camera_prev > span { + background-position: 0 -1040px; +} +.camera_pistachio_skin .camera_next > span { + background-position: -40px -1040px; +} +.camera_pistachio_skin .camera_commands > .camera_play { + background-position: -80px -1040px; +} +.camera_pistachio_skin .camera_commands > .camera_stop { + background-position: -120px -1040px ; +} +/*PINK SKIN*/ +.camera_pink_skin .camera_prevThumbs div { + background-position: -160px -80px; +} +.camera_pink_skin .camera_nextThumbs div { + background-position: -190px -80px; +} +.camera_pink_skin .camera_prev > span { + background-position: 0 -80px; +} +.camera_pink_skin .camera_next > span { + background-position: -40px -80px; +} +.camera_pink_skin .camera_commands > .camera_play { + background-position: -80px -80px; +} +.camera_pink_skin .camera_commands > .camera_stop { + background-position: -120px -80px; +} +/*RED SKIN*/ +.camera_red_skin .camera_prevThumbs div { + background-position: -160px -1000px; +} +.camera_red_skin .camera_nextThumbs div { + background-position: -190px -1000px; +} +.camera_red_skin .camera_prev > span { + background-position: 0 -1000px; +} +.camera_red_skin .camera_next > span { + background-position: -40px -1000px; +} +.camera_red_skin .camera_commands > .camera_play { + background-position: -80px -1000px; +} +.camera_red_skin .camera_commands > .camera_stop { + background-position: -120px -1000px ; +} +/*TANGERINE SKIN*/ +.camera_tangerine_skin .camera_prevThumbs div { + background-position: -160px -1120px; +} +.camera_tangerine_skin .camera_nextThumbs div { + background-position: -190px -1120px; +} +.camera_tangerine_skin .camera_prev > span { + background-position: 0 -1120px; +} +.camera_tangerine_skin .camera_next > span { + background-position: -40px -1120px; +} +.camera_tangerine_skin .camera_commands > .camera_play { + background-position: -80px -1120px; +} +.camera_tangerine_skin .camera_commands > .camera_stop { + background-position: -120px -1120px ; +} +/*TURQUOISE SKIN*/ +.camera_turquoise_skin .camera_prevThumbs div { + background-position: -160px -1160px; +} +.camera_turquoise_skin .camera_nextThumbs div { + background-position: -190px -1160px; +} +.camera_turquoise_skin .camera_prev > span { + background-position: 0 -1160px; +} +.camera_turquoise_skin .camera_next > span { + background-position: -40px -1160px; +} +.camera_turquoise_skin .camera_commands > .camera_play { + background-position: -80px -1160px; +} +.camera_turquoise_skin .camera_commands > .camera_stop { + background-position: -120px -1160px ; +} +/*VIOLET SKIN*/ +.camera_violet_skin .camera_prevThumbs div { + background-position: -160px -1200px; +} +.camera_violet_skin .camera_nextThumbs div { + background-position: -190px -1200px; +} +.camera_violet_skin .camera_prev > span { + background-position: 0 -1200px; +} +.camera_violet_skin .camera_next > span { + background-position: -40px -1200px; +} +.camera_violet_skin .camera_commands > .camera_play { + background-position: -80px -1200px; +} +.camera_violet_skin .camera_commands > .camera_stop { + background-position: -120px -1200px ; +} +/*WHITE SKIN*/ +.camera_white_skin .camera_prevThumbs div { + background-position: -160px -80px; +} +.camera_white_skin .camera_nextThumbs div { + background-position: -190px -80px; +} +.camera_white_skin .camera_prev > span { + background-position: 0 -80px; +} +.camera_white_skin .camera_next > span { + background-position: -40px -80px; +} +.camera_white_skin .camera_commands > .camera_play { + background-position: -80px -80px; +} +.camera_white_skin .camera_commands > .camera_stop { + background-position: -120px -80px; +} +/*YELLOW SKIN*/ +.camera_yellow_skin .camera_prevThumbs div { + background-position: -160px -1240px; +} +.camera_yellow_skin .camera_nextThumbs div { + background-position: -190px -1240px; +} +.camera_yellow_skin .camera_prev > span { + background-position: 0 -1240px; +} +.camera_yellow_skin .camera_next > span { + background-position: -40px -1240px; +} +.camera_yellow_skin .camera_commands > .camera_play { + background-position: -80px -1240px; +} +.camera_yellow_skin .camera_commands > .camera_stop { + background-position: -120px -1240px ; +} + +/* Custom css */ +.camera_wrap .blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} +.camera_caption{display:table;position:static;width:100%;height:100%} +.camera_caption > div{display:table-cell;padding:0;vertical-align:middle;background:none} +.camera_caption > div a{position:absolute;width:100%;height:100%} +.camera_caption > div h1,.camera_caption > div p{width:1200px;margin:0 auto 19px;font-size:60px;line-height:70px;text-decoration:none;color:#fff;font-weight:normal;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif} +.camera_caption > div h1{font-weight:700} +.camera_caption > div p{font-size:20px;line-height:22px} +.camera_wrap .camera_pag .camera_pag_ul{position:relative;top:-50px;text-align:center} +.camera_wrap .camera_pag .camera_pag_ul li{width:8px;height:8px;margin:20px 3px;background:#fff;opacity:0.6;filter:alpha(opacity=60)} +.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{background:#fff;opacity:1;filter:alpha(opacity=100)} +.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent span{background:none} +.camera_wrap .camera_pag .camera_pag_ul li:hover{background:#fff;opacity:1;filter:alpha(opacity=100)} +.camera_wrap .camera_pag .camera_pag_ul li:hover > span{background:none} +.camera_prev, .camera_next{width:58px;height:58px;margin-top:-29px;background:none} +.camera_prev > span,.camera_next > span{display:block;width:58px;height:58px;border-radius:100%;font-size:20px;color:#fff;color:rgba(255,255,255,0.8);line-height:60px;text-align:center;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000);background-image:none;background-color:#888;background-color:rgba(0,0,0,0.1)} +.camera_prev > span:hover,.camera_next > span:hover{-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);background-color:#444;background-color:rgba(0,0,0,0.4);color:#fff} +.camera_prev{left:24px} +.camera_next{right:24px} \ No newline at end of file diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css new file mode 100644 index 000000000..cf7bcbbe1 --- /dev/null +++ b/layouts/xedition/css/layout.css @@ -0,0 +1,202 @@ +@charset "utf-8"; + +/* Common */ +body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none} +body,input,textarea,select,button,table{font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased} +img,fieldset,button{border:0} +ul,ol{list-style:none} +em,address{font-style:normal} +a{text-decoration:none} +a:hover,a:active,a:focus{text-decoration:none} +.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} +.edge{position:absolute;top:12px;right:4px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #333} +.clear{clear:both} + +/* Skip to content */ +.skip{margin:0} +.skip>a{display:block;overflow:hidden;height:0;line-height:28px;text-align:center} +.skip>a:focus{height:auto} + +/* Layout */ +.container{min-width:1240px;background-color:#fff} +.header{position:relative;z-index:2;width:1200px;height:100%;margin:0 auto;zoom:1} +.header>.side{float:right;z-index:2;margin:39px 0 0 22px;line-height:20px} +.visual{overflow:hidden;position:relative;z-index:1;width:100%} +.body{position:relative;padding:30px 0} +.body.main .content{width:1200px;margin:0 auto} +.body.sub{width:1200px;margin:0 auto} + +.header:after,.body:after{display:block;clear:both;content:''} +.content{zoom:1} +.content:after{display:block;clear:both;content:''} +.content>:first-child{margin-top:0} +.content img{max-width:100%;height:auto} + +/* Header */ +.header>h1{float:left;padding:20px 0;margin-right:32px} +.header>h1 img{vertical-align:top} + +/* Fixed Header */ +.container.fixed_header{padding-top:100px} +.fixed_header .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000} +.fixed_header .header_wrap.shrink{position:fixed;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header 0.5s forwards;animation:ani-header 0.5s forwards} +.fixed_header .header_wrap.shrink .header>h1{padding:0} +.fixed_header .header_wrap.shrink .gnb>ul>li>a{line-height:60px} +.fixed_header .header_wrap.shrink .header>.side{margin:19px 0 0 22px} +.fixed_header .header_wrap.shrink .search_area{padding:0 20px} + +/* Footer */ +.footer{border-top:1px solid #e4e4e4;border-bottom:3px solid #cda25a;background-color:#f1f1f1;font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif} +.footer a:hover,.footer a:focus{text-decoration:none} +.footer .f_info_area{overflow:hidden;width:1200px;margin:0 auto;padding:48px 0 40px} +.footer .f_cr_area{padding:19px;background-color:#555} +.footer .copyright{width:1200px;margin:0 auto;font-size:13px;color:#f1f1f1;line-height:16px} +.footer .copyright a{color:#f1f1f1} +.footer .copyright a:hover, +.footer .copyright a:focus, +.footer .copyright a:active{color:#cda25a} +.footer .copyright span{display:inline-block;margin-left:60px} +.footer .sub_desc{margin-bottom:16px;font-size:13px;color:#888;line-height:22px} +.footer .f_info{float:left;width:240px;margin-right:65px} +.footer .f_logo{overflow:hidden;max-width:100%;margin-bottom:16px;font-size:24px;color:#555} +.footer .f_logo.log_txt a{font-size:24px;font-weight:bold;color:#555} +.footer .f_logo img{width:240px;height:50px} +.footer .f_info2{overflow:hidden;margin-top:7px} +.footer .site_map > ul{display:inline-block;overflow:hidden;background:url(../img/bg_sitemap.png) repeat-y} +.footer .site_map > ul li{float:left;width:282px;margin:0 0 0 24px} +.footer .site_map > ul li:first-child,.footer .site_map > ul li.clear{clear:both;margin-left:0} +.footer .site_map > ul li a{display:inline-block;margin:0 0 20px;padding:0 23px;font-size:15px;font-weight:bold;color:#555} +.footer .site_map > ul ul{overflow:hidden;margin:0 0 10px} +.footer .site_map > ul ul li{margin-left:0} +.footer .site_map > ul ul a{margin:0 0 13px;font-size:13px;font-weight:normal;color:#888;line-height:18px} +.footer .site_map > ul ul a:hover, +.footer .site_map > ul ul a:focus, +.footer .site_map > ul ul a:active{color:#555} + +/* Login */ +.header>.side>ul>li{float:left;position:relative} +.header>.side>ul>li>a{display:block;width:22px;height:22px;margin-left:12px;font-size:22px;line-height:22px;color:#888;text-align:center} +.header>.side>ul>li>a:hover,.header>.side>ul>li>a:focus,.header>.side>ul>li>a:active,.header>.side>ul>li.on>a{color:#444} +.header>.side>ul .ly{position:relative;position:absolute;top:100%;right:0;margin-top:13px;background-color:#f9f9f9} +.header>.side>ul .ly.ly_login{overflow:hidden;margin-top:0;background:none;height:0} +.header>.side>ul .ly.ly_login ul{position:relative;margin-top:18px;padding:8px 0;background-color:#333;z-index:3} +.header>.side>ul .on .ly.ly_login{height:auto} +.header>.side>ul .ly a{display:block;min-width:120px;height:40px;padding:0 20px;line-height:40px;font-size:13px;color:#9d9d9d} +.header>.side>ul .ly a:hover{color:#cda25a;text-decoration:none} +.header>.side>ul>li .login_after{overflow:hidden;width:40px;height:40px;margin-top:-9px;border-radius:100%} +.header>.side>ul>li .login_after img{width:40px;height:40px} +.header>.side>ul>li .login_after ~ .ly_login .edge{right:11px} + +/* Magazine Header Type */ +.custom_area{display:none} +.magazine .header{text-align:center} +.magazine .header>h1{float:none;display:inline-block;margin:0;padding:80px 0 20px;vertical-align:top} +.magazine .header>.side{float:none;position:absolute;top:0;right:0;margin:30px 0 0} +.magazine .gnb{float:none;max-width:100%;margin-bottom:40px} +.magazine .gnb>ul{display:inline-block;vertical-align:top} +.magazine .gnb>ul>li>a{position:relative;line-height:60px} +.magazine .gnb>ul>li>a:after{position:absolute;top:50%;left:-1px;width:1px;height:16px;margin-top:-8px;background-color:#888;content:''} +.magazine .gnb>ul>li:first-child>a:after{background:none} +.magazine .gnb>ul .depth2:after{background:none} +.magazine .gnb>ul .depth2,.magazine .gnb>ul .depth3{background-color:#f7f7f7} +.magazine .gnb>ul .depth2 a,.magazine .header>.side>ul .ly a{color:#999} +.magazine .header>.side>ul .ly a:hover{color:red} +.magazine .gnb>ul>li>a:hover,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li.on>a,.magazine .header>.side>ul>li.on>a,.magazine .header>.side>ul .ly a:hover{color:#cda25a} +.magazine .header>.side>ul .ly.ly_login ul{background-color:#f7f7f7;text-align:left} +.magazine .edge{border-color:transparent transparent #f7f7f7} +.magazine .header>.side>ul>li>a:hover, +.magazine .header>.side>ul>li>a:focus, +.magazine .header>.side>ul>li>a:active{color:#cda25a} +.magazine .custom_area{display:block;position:absolute;top:30px;left:0} +.magazine .custom_area li{float:left;margin-right:30px} +.magazine .custom_area a{font-size:13px;line-height:15px;color:#999} +.magazine .custom_area a:hover,.magazine .custom_area a:hover,.magazine .custom_area a:hover{color:#cda25a} +.magazine .search_area{padding:10px 20px} + +/* Onepage Header Type */ +.onepage .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000} +.onepage .gnb>ul{background:transparent} +.onepage .gnb>ul>li>a{line-height:60px;color:#f6f6f6} +.onepage .gnb>ul>li>a:hover,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li.on>a{color:#fff} +.onepage .header>.side>ul>li>a{color:#f6f6f6} +.onepage .header>.side>ul>li>a:hover, .onepage .header>.side>ul>li>a:focus,.onepage .header>.side>ul>li>a:active,.onepage .header>.side>ul>li.on>a{color:#fff} +.onepage .search_area .btn_close{color:#f6f6f6} +.onepage .gnb>ul .depth2:after{background:none} +.onepage .gnb{margin-top:20px} +.onepage .header>h1{padding:20px 0 0} +.onepage .search_area input[type=text]{color:#f6f6f6} + +/* Search */ +.search_wrap{position:relative;width:1200px;margin:0 auto} +.search_area{display:none;position:absolute;top:0;left:0;width:1160px;padding:20px;z-index:3;z-index:3} +.search_area input{font-size:13px;vertical-align:top} +.search_area input[type=text]{position:relative;width:100%;height:40px;padding:10px 0;border:0;background-color:transparent;font-size:40px;color:#444;-webkit-appearance:none;} +.search_area input[type=text]:focus{outline:0} +.search_area input[type=text]::-ms-clear{display:none} +.search_area .btn_close{position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;font-size:22px;color:#888;text-align:center;line-height:20px} + +/* GNB */ +.gnb{float:right;position:relative;z-index:1;max-width:742px;height:100%;font-size:13px} +.gnb a{text-decoration:none;white-space:nowrap} +.gnb>ul:after{display:block;clear:both;content:''} +.gnb>ul>li{float:left;position:relative;text-align:left} +.gnb>ul>li>a{display:block;position:relative;padding:0 20px;line-height:100px;font-size:15px;font-weight:700;color:#888} +.gnb>ul>li>a:hover,.gnb>ul>li>a:focus,.gnb>ul>li>a:focus,.gnb>ul>li.on>a{color:#444} +.gnb>ul .depth2{display:none;position:absolute;top:100%;left:0;z-index:2;padding:8px 0;background-color:#333} +.gnb>ul .depth2>li{position:relative} +.gnb>ul .depth2:after{position:absolute;top:-3px;left:0;width:100%;height:3px;background-color:#cda25a;content:''} +.gnb>ul .depth2 a{display:block;position:relative;min-width:170px;height:40px;padding:0 30px 0 20px;line-height:40px;font-size:13px;color:#9d9d9d} +.gnb>ul .depth2 a:hover,.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2>li.on>a{color:#cda25a} +.gnb>ul .depth3{display:none;position:absolute;top:-8px;left:100%;z-index:2;padding:8px 0;background-color:#333} +.gnb>ul .depth2>li.more>a:after{position:absolute;right:20px;content:'>'} + +/* VISUAL */ +.visual.sub{position:relative;padding:35px 0;background-color:#f6f6f6;line-height:30px} +.visual.sub .sub_title{position:relative;z-index:2;width:1200px;margin:0 auto} +.visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444} +.visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''} +.visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover} +.visual.sub.sub_type2{padding:70px 0} +.visual.sub.sub_type2 .bg_img{display:block} +.visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px} +.visual.sub.sub_type2 .sub_title h1:after, +.visual.sub.sub_type3 .sub_title h1:after{background:none} +.visual.sub.sub_type3{padding:250px 0 210px;line-height:40px;text-align:center} +.visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto} +.visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px} + +/* LNB */ +.body.sub .lnb{float:left;width:260px;padding:0 0 16px} +.body.sub .content{float:right;width:900px;min-height:400px;padding:40px 0 100px} +.body.sub .lnb>ul{position:relative;z-index:1;margin:0;padding:40px 0 0} +.body.sub .lnb>ul>li{margin-bottom:40px} +.body.sub .lnb>ul>li>a,.body.sub .lnb>ul>li>span{display:block;line-height:21px;margin-bottom:14px;font-size:15px;color:#444} +.body.sub .lnb ul ul li.on a{color:#cda25a} +.body.sub .lnb ul ul a{display:block;padding:10px 0;font-size:14px;line-height:20px;color:#888;text-decoration:none} +.body.sub .lnb ul ul a:hover, +.body.sub .lnb ul ul a:focus, +.body.sub .lnb ul ul a:active{color:#cda25a} +.body.sub .lnb img{vertical-align:top} +.body.sub.right .lnb{float:right} +.body.sub.right .content{float:left} +.body.sub.full_width .lnb{display:none} +.body.sub.full_width .content{float:none;width:1200px} + +/* Scroll to top link */ +.btn_top{display:none;position:fixed;right:0;bottom:57px;z-index:1000;width:48px;height:48px;background-color:#555;font-size:24px;color:#fff;text-align:center;opacity:0.8;filter:alpha(opacity=80)} +.btn_top:hover{background-color:#cda25a;color:#fff;text-decoration:none;opacity:1;filter:alpha(opacity=100)} +.btn_top i{line-height:48px} + +/* ie */ +.gnb>ul{background-color:#fff\9;filter:alpha(opacity=0)} + +/* header animation */ +@-webkit-keyframes ani-header { + 0% {top: -60px} + 100% {top: 0px} +} + +@keyframes ani-header { + 0% {top: -60px} + 100% {top: 0px} +} \ No newline at end of file diff --git a/layouts/xedition/css/welcome.css b/layouts/xedition/css/welcome.css new file mode 100644 index 000000000..bb7791933 --- /dev/null +++ b/layouts/xedition/css/welcome.css @@ -0,0 +1,74 @@ +@charset "utf-8"; + +.welcomeXE{padding-top:50px;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif} +.welcomeXE section{width:1200px;margin:0 auto} +.welcomeXE .tit{padding-bottom:32px;font-size:40px;color:#333;font-weight:700;letter-spacing:1px;line-height:50px} +.welcomeXE .noti{display:block;padding:28px 0 0;margin:0 0 12px;font-size:14px;font-weight:bold;color:#cda25a;letter-spacing:1px;line-height:20px} +.welcomeXE .intro{width:408px;height:600px;padding-right:792px;background:url(../img/intro.png) 100% 100% no-repeat} +.welcomeXE .intro .cont{padding-bottom:37px;font-size:15px;font-weight:400;color:#888;line-height:27px} +.welcomeXE .intro .btn_start{display:inline-block;margin:50px 0;padding:0 27px;height:40px;border:2px solid #cda25a;background-color:#fff;font-size:13px;line-height:40px;letter-spacing:1px;color:#cda25a;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} +.welcomeXE .intro .btn_start:hover, +.welcomeXE .intro .btn_start:active +.welcomeXE .intro .btn_start:focus{background-color:#cda25a;color:#fff} + +.welcomeXE .statistics{overflow:hidden;position:static;width:100%;margin:0;height:500px;background-image:url(../img/bg_stat.jpg);background-position:50% 0;background-attachment:fixed;background-repeat:no-repeat} +.welcomeXE .statistics ul{overflow:hidden;width:1200px;margin:220px auto 0} +.welcomeXE .statistics li{float:left;width:384px;margin-left:24px;text-align:center} +.welcomeXE .statistics li:first-child{margin-left:0} +.welcomeXE .statistics li span{display:block} +.welcomeXE .statistics .number{font-family:'Open sans',sans-serif;font-size:48px;color:#333;line-height:60px} +.welcomeXE .statistics .text{font-size:16px;line-height:20px;padding:20px 0;font-weight:600} + +.welcomeXE .guide{height:640px;padding-top:80px} +.welcomeXE .guide ul{padding-top:27px} +.welcomeXE .guide li{position:relative;float:left;width:314px;min-height:140px;padding:0 0 0 70px;margin:0 0 30px 0} +.welcomeXE .guide h2{padding:7px 24px 13px 0;font-size:17px;font-weight:normal;line-height:23px;color:#333} +.welcomeXE .guide p{padding:0 24px 0 0;font-size:14px;line-height:26px;color:#888} +.welcomeXE .guide .ico{position:absolute;top:0;left:0;width:48px;height:48px;border-radius:100%;background-color:#555;font-size:22px;text-align:center;line-height:50px;color:#efefef} +.welcomeXE .guide .ico:hover, +.welcomeXE .guide .ico:active, +.welcomeXE .guide .ico:focus{background-color:#cda25a} +.welcomeXE .guide p a{color:#444} +.welcomeXE .guide p a:hover, +.welcomeXE .guide p a:active, +.welcomeXE .guide p a:focus{color:#cda25a;border-bottom:1px solid #cda25a} + +.welcomeXE .features{width:100%;margin:0;height:800px;padding-top:80px;background-color:#444} +.welcomeXE .features .noti, +.welcomeXE .features .tit, +.welcomeXE .features .cont{width:1200px;margin-left:auto;margin-right:auto} +.welcomeXE .features .tit{color:#f6f6f6} +.welcomeXE .features .cont{font-size:15px;line-height:27px;color:#ddd} +.welcomeXE .features ul{overflow:hidden;margin-top:38px;padding:0 20px} +.welcomeXE .features li{float:left;width:25%;height:480px} +.welcomeXE .features li .fe_box{height:478px;margin:0 10px;padding:0 20px;border:1px solid #333;background-color:#f6f6f6;text-align:center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out} +.welcomeXE .features .fe_box .ico{display:inline-block;width:70px;height:70px;margin:162px 0 27px;background-color:#cda25a;background:url(../img/sp_feature.png) 0 0 no-repeat;text-align:center;font-size:60px;line-height:70px} +.welcomeXE .features .fe_box h2{font-size:21px;color:#555;font-weight:normal} +.welcomeXE .features .fe_box p{margin-bottom:80px;font-size:15px;line-height:24px;color:#f6f6f6} +.welcomeXE .features .fe_box a{display:inline-block;height:40px;padding:0 40px;border:2px solid #f6f6f6;font-family:'Open Sans',sans-serif;font-size:13px;letter-spacing:1px;color:#f6f6f6;line-height:40px;font-weight:600;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} +.welcomeXE .features .fe_box a:hover{background-color:#f6f6f6;border-color:#f6f6f6;color:#cda25a} +.welcomeXE .features .fe_top{position:relative;top:0;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out} +.welcomeXE .features .fe_bottom{position:relative;top:192px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out} +.welcomeXE .features .fe_box.on{background-color:#cda25a} +.welcomeXE .features .fe_box.on .fe_top{top:-104px} +.welcomeXE .features .fe_box.on .fe_bottom{top:-67px} +.welcomeXE .features .fe_box.on h2{color:#f6f6f6} +.welcomeXE .features .fe_box.on .ico{background-color:#f6f6f6;background:url(../img/sp_feature.png) 0 -70px no-repeat} +.welcomeXE .features .fe_box .ico2{background-position:-70px 0} +.welcomeXE .features .fe_box .ico3{background-position:-140px 0} +.welcomeXE .features .fe_box .ico4{background-position:-210px 0} +.welcomeXE .features .fe_box.on .ico2{background-position:-70px -70px} +.welcomeXE .features .fe_box.on .ico3{background-position:-140px -70px} +.welcomeXE .features .fe_box.on .ico4{background-position:-210px -70px} + +.welcomeXE .connect{height:344px;padding-top:80px} +.welcomeXE .connect ul{overflow:hidden;padding:40px 0} +.welcomeXE .connect li{position:relative;float:left;width:180px;margin-left:24px;padding:4px 0 0 102px;min-height:78px} +.welcomeXE .connect li:first-child{margin-left:0} +.welcomeXE .connect .ico{position:absolute;top:0;left:0;width:78px;height:78px;border-radius:100%;background-color:#cda25a;text-align:center;font-size:40px;color:#fff} +.welcomeXE .connect .ico:hover, +.welcomeXE .connect .ico:active, +.welcomeXE .connect .ico:focus{background-color:#555} +.welcomeXE .connect .ico i{line-height:78px} +.welcomeXE .connect h2{margin-bottom:16px;font-size:15px;font-weight:600;letter-spacing:1px;line-height:18px;color:#333} +.welcomeXE .connect p{font-size:13px;color:#888;line-height:21px} \ No newline at end of file diff --git a/layouts/xedition/css/widget.login.css b/layouts/xedition/css/widget.login.css new file mode 100644 index 000000000..46ba99b2c --- /dev/null +++ b/layouts/xedition/css/widget.login.css @@ -0,0 +1,208 @@ +@charset "utf-8"; + +.login_widget{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;font-family:'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-weight:400} +.login_widget .btn_ly_popup{position:absolute;top:-41px;right:0;width:32px;height:32px;background:url(../img/btn_close.png) 0 0 no-repeat} +.login_widget .blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} +.login_widget .ly_dimmed{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=70);opacity:.7} +.login_widget .signin{position:absolute;top:50%;margin-top:-224px;left:50%;width:380px;margin-left:-190px;background-color:#fff} +.login_widget .signin>.login-header{padding:30px} +.login_widget .signin>.login-header>h1{font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,AppleGothic,Helvetica,sans-serif;font-size:40px;line-height:50px;font-weight:400;color:#444} +.login_widget .signin>.login-body{padding:0 30px} +.login_widget .signin>.login-footer{padding:23px 0 42px;margin:20px 30px 0;text-align:center;color:#aaa} +.login_widget .signin>.login-footer>a{text-decoration:none;font-size:13px;color:#aaa} +.login_widget .signin>.login-footer>a:hover, +.login_widget .signin>.login-footer>a:active, +.login_widget .signin>.login-footer>a:focus{text-decoration:underline} +.login_widget .signin>.login-footer>.f_bar{display:inline-block;margin:0 3px} +.login_widget .signin .control-group{position:relative;padding:0;margin:0;clear:both} +.login_widget .signin .control-group:before{content:"";display:block;clear:both} +.login_widget .signin form{margin:0} +.login_widget .signin fieldset{margin:0} +.login_widget .signin .chk_label{cursor:pointer;display:inline-block;margin:4px 0 0;color:#999;line-height:20px;font-size:13px} +.login_widget .signin input[type="text"], +.login_widget .signin input[type="email"], +.login_widget .signin input[type="password"]{font-size:16px;width:100%;height:28px;padding:0 6px 3px 1px;border:0;border-bottom:1px solid #aaa;background-color:#fff;line-height:20px;color:#444;box-sizing:border-box} +.login_widget .signin .btn_submit{position:relative;font-size:16px;color:#eee;background-color:#444;width:100%;margin:20px 0 0;padding:18px 0px 19px;border:0;cursor:pointer} +.login_widget .signin .btn_submit:hover, +.login_widget .signin .btn_submit:active{background-color:#333} +.login_widget .signin input[type="email"]:focus, +.login_widget .signin input[type="password"]:focus, +.login_widget .signin input[type="text"]:focus{outline:none} +.login_widget .signin .error{margin:2px 0 19px;background:none;color:#fc0005;font-size:13px} +.login_widget .signin #warning{display:none;position:absolute;top:44px;left:0;z-index:100;padding:11px 15px;background-color:#444} +.login_widget .signin #warning>p{color:#fff;font-size:13px;font-weight:300;line-height:19px} +.login_widget .signin #warning .edge{position:absolute;top:-7px;left:40px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #444} +.login_widget .group{position:relative;padding:21px 0 0} +.login_widget .info_label{color: #999; font-size: 16px;position: absolute;pointer-events: none;left: 1px;top:23px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease} +.login_widget .group{margin-bottom:20px} +.login_widget input:focus ~ .info_label, +.login_widget input.used ~ .info_label{top:1px;font-size:13px;color:#cda25a} +.login_widget .bar{position:relative;display:block;width:100%} +.login_widget .bar:before, +.login_widget .bar:after{height:2px;width:0;bottom:0;position:absolute;background:#cda25a;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;content:''} +.login_widget .bar:before{left:50%} +.login_widget .bar:after{right:50%} +.login_widget input:focus ~ .bar:before, +.login_widget input:focus ~ .bar:after{width:50%} +.login_widget .highlight {position: absolute;height: 60%; width: 100px; bottom: 1px; left: 0;pointer-events: none;opacity:0.5} +.login_widget input:focus ~ .highlight{-webkit-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease} +.login_widget .signin input[type=checkbox]{position:absolute;width:20px;height:20px;opacity:0;opacity:100\9;vertical-align:top} +.login_widget .signin input[type=checkbox] ~ .checkbox {box-sizing: border-box;display: inline-block;width: 20px;height: 20px;margin:-1px 9px 0 0;border: 1px solid;background-repeat: no-repeat;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation: checkboxOff 0.5s;animation: checkboxOff 0.5s;border-color: #c9c9c9;cursor: pointer;position: relative;vertical-align:middle} +.login_widget .signin input[type=checkbox] ~ .checkbox:before {content: "";display: block;width: 60px;height: 60px;background: rgba(0, 0, 0, 0.1);position: absolute;top: -22px;left: -22px;z-index: 0;border-radius: 100%;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-animation: checkboxRippleOn 0.5s;animation: checkboxRippleOn 0.5s} +.login_widget .signin input[type=checkbox] ~ .checkbox:not(:hover) {-webkit-animation: checkboxOff 0s;animation: checkboxOff 0s} +.login_widget .signin input[type=checkbox] ~ .checkbox:not(:hover):before {-webkit-animation: checkboxRippleOn 0s;animation: checkboxRippleOn 0s} +.login_widget .signin input[type=checkbox]:checked ~ .checkbox {-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation: checkboxOn 0.5s;animation: checkboxOn 0.5s;border-color: #cda25a;background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px} +.login_widget .signin input[type=checkbox]:checked ~ .checkbox:before {-webkit-animation: checkboxRippleOff 0.5s;animation: checkboxRippleOff 0.5s} + +/* Animations */ +@-webkit-keyframes inputHighlighter { + from {background:#cda25a} + to {width:0;background:transparent} +} + +@keyframes inputHighlighter { + from {background:#cda25a} + to {width:0;background:transparent} +} + +@-webkit-keyframes ripples { + 0% {opacity:0} + 25% {opacity:1} + 100% {width:200%;padding-bottom:200%;opacity:0} +} + +@keyframes ripples { + 0% {opacity:0} + 25% {opacity:1} + 100% {width:200%;padding-bottom:200%;opacity:0} +} + +@-webkit-keyframes checkboxOn { + 0% {background-color: rgba(204, 162, 86, 0);background-image: none} + 48% {background-color: #cda25a;background-image: none;} + 49% {background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a)} + 50% { + background-color: rgba(204, 162, 86, 0); + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; + } + 100% { + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px; + } +} + +@keyframes checkboxOn { + 0% {background-color: rgba(204, 162, 86, 0);background-image: none} + 48% {background-color: #cda25a;background-image: none;} + 49% {background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a);background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a)} + 50% { + background-color: rgba(204, 162, 86, 0); + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; + } + 100% { + background-image: -webkit-linear-gradient(315deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), -webkit-linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(204, 162, 86, 0) 50%), linear-gradient(45deg, rgba(204, 162, 86, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 40px 0px; + } +} + +@-webkit-keyframes checkboxOff { + 0% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, -20px 0px; + } + 74% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + box-shadow: inset 0 0 0 0 #cda25a; + } + 75% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + box-shadow: inset 0 0 0 20px #cda25a; + } + 80% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; + } + 81% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; + } + 100% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; + box-shadow: inset 0 0 0 0 #cda25a; + } +} + +@keyframes checkboxOff { + 0% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, -20px 0px; + } + 74% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + box-shadow: inset 0 0 0 0 #cda25a; + } + 75% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + box-shadow: inset 0 0 0 20px #cda25a; + } + 80% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: 50% 3px, 5px -5px, -11px -5px, -9px 0px, -6px -2px, 0px -12px, 0px 0px; + } + 81% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; + } + 100% { + background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(315deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), -webkit-linear-gradient(#cda25a, #cda25a); + background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(45deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(135deg, #cda25a 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #cda25a 50%), linear-gradient(#cda25a, #cda25a); + background-position: -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px, -100px 0px; + box-shadow: inset 0 0 0 0 #cda25a; + } +} + +@-webkit-keyframes checkboxRippleOn { + 0% {-webkit-transform: scale(0);transform:scale(0);opacity:1} + 40% {-webkit-transform: scale(1);transform: scale(1)} + 50% {opacity:0} + 100% {-webkit-transform: scale(0);transform: scale(0);opacity:1} +} + +@keyframes checkboxRippleOn { + 0% {transform: scale(0);transform: scale(0);opacity:1} + 40% {transform: scale(1);transform: scale(1)} + 50% {opacity:0} + 100% {transform: scale(0);transform: scale(0);opacity:1} +} + +@-webkit-keyframes checkboxRippleOff { + 0% {-webkit-transform: scale(0);transform: scale(0);opacity:1} + 40% {-webkit-transform: scale(1);transform: scale(1)} + 50% {opacity:0} + 100% {-webkit-transform: scale(0);transform: scale(0);opacity:1} +} + +@keyframes checkboxRippleOff { + 0% {transform: scale(0);transform: scale(0);opacity:1} + 40% {transform: scale(1);transform: scale(1)} + 50% {opacity:0} + 100% {transform: scale(0);transform: scale(0);opacity:1} +} \ No newline at end of file diff --git a/layouts/xedition/demo/copyright.html b/layouts/xedition/demo/copyright.html new file mode 100644 index 000000000..46fd51ff9 --- /dev/null +++ b/layouts/xedition/demo/copyright.html @@ -0,0 +1 @@ +Copyright @ NAVER Corp. Supported by D2 Program. Powerd by XpressEngine. diff --git a/layouts/xedition/demo/footer.html b/layouts/xedition/demo/footer.html new file mode 100644 index 000000000..0faa80243 --- /dev/null +++ b/layouts/xedition/demo/footer.html @@ -0,0 +1,4 @@ + +

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

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

SHARING, PUBLISHING.
& PLEASURE.

+

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

+
+
+
+
+

MAKING
WEB CULTURES

+

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

+
+
+
+
+

EVOLUTION & INNOVATION
TOGETHER

+

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

+
+
+
+
+

CREATE A GOOD DESIGN WITH
THE POSSIILITY OF TECHNOLOGY

+

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

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

WELCOME TO XPRESSENGINE

+

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

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

START-UP

+ +
+
+ FEATURES +

XE CORE. FEATURES

+

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

+ +
+
+ CONNECT WITH US +

GET INVOLVED

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

LEFT SIDEBAR EXAMPLE PAGE

+

Carefully crafted elements come together into one amazing design.

+

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

+

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

+

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

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

RIGHT SIDEBAR EXAMPLE PAGE

+

Carefully crafted elements come together into one amazing design.

+

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

+

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

+

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

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

FULL PAGE EXAMPLE PAGE

+

Carefully crafted elements come together into one amazing design.

+

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

+

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

+

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

+ diff --git a/layouts/xedition/img/bg_sitemap.png b/layouts/xedition/img/bg_sitemap.png new file mode 100644 index 000000000..f20d55937 Binary files /dev/null and b/layouts/xedition/img/bg_sitemap.png differ diff --git a/layouts/xedition/img/bg_stat.jpg b/layouts/xedition/img/bg_stat.jpg new file mode 100644 index 000000000..db45478b3 Binary files /dev/null and b/layouts/xedition/img/bg_stat.jpg differ diff --git a/layouts/xedition/img/blank.gif b/layouts/xedition/img/blank.gif new file mode 100644 index 000000000..801eb3eaa Binary files /dev/null and b/layouts/xedition/img/blank.gif differ diff --git a/layouts/xedition/img/btn_close.png b/layouts/xedition/img/btn_close.png new file mode 100644 index 000000000..f05088ca4 Binary files /dev/null and b/layouts/xedition/img/btn_close.png differ diff --git a/layouts/xedition/img/camera-loader.gif b/layouts/xedition/img/camera-loader.gif new file mode 100644 index 000000000..8eeb70b7b Binary files /dev/null and b/layouts/xedition/img/camera-loader.gif differ diff --git a/layouts/xedition/img/camera_skins.png b/layouts/xedition/img/camera_skins.png new file mode 100644 index 000000000..342145404 Binary files /dev/null and b/layouts/xedition/img/camera_skins.png differ diff --git a/layouts/xedition/img/f_logo.png b/layouts/xedition/img/f_logo.png new file mode 100644 index 000000000..05423c756 Binary files /dev/null and b/layouts/xedition/img/f_logo.png differ diff --git a/layouts/xedition/img/ico_default.jpg b/layouts/xedition/img/ico_default.jpg new file mode 100644 index 000000000..69bf05663 Binary files /dev/null and b/layouts/xedition/img/ico_default.jpg differ diff --git a/layouts/xedition/img/intro.png b/layouts/xedition/img/intro.png new file mode 100644 index 000000000..45481dd9a Binary files /dev/null and b/layouts/xedition/img/intro.png differ diff --git a/layouts/xedition/img/logo.png b/layouts/xedition/img/logo.png new file mode 100644 index 000000000..17cd34378 Binary files /dev/null and b/layouts/xedition/img/logo.png differ diff --git a/layouts/xedition/img/m_logo.png b/layouts/xedition/img/m_logo.png new file mode 100644 index 000000000..659168913 Binary files /dev/null and b/layouts/xedition/img/m_logo.png differ diff --git a/layouts/xedition/img/s_logo.png b/layouts/xedition/img/s_logo.png new file mode 100644 index 000000000..9d9e07941 Binary files /dev/null and b/layouts/xedition/img/s_logo.png differ diff --git a/layouts/xedition/img/slider_img.jpg b/layouts/xedition/img/slider_img.jpg new file mode 100644 index 000000000..f1db06cec Binary files /dev/null and b/layouts/xedition/img/slider_img.jpg differ diff --git a/layouts/xedition/img/slider_img2.jpg b/layouts/xedition/img/slider_img2.jpg new file mode 100644 index 000000000..5501498a7 Binary files /dev/null and b/layouts/xedition/img/slider_img2.jpg differ diff --git a/layouts/xedition/img/slider_img3.jpg b/layouts/xedition/img/slider_img3.jpg new file mode 100644 index 000000000..3dae2dd3b Binary files /dev/null and b/layouts/xedition/img/slider_img3.jpg differ diff --git a/layouts/xedition/img/slider_img4.jpg b/layouts/xedition/img/slider_img4.jpg new file mode 100644 index 000000000..9ffc2872a Binary files /dev/null and b/layouts/xedition/img/slider_img4.jpg differ diff --git a/layouts/xedition/img/sp_feature.png b/layouts/xedition/img/sp_feature.png new file mode 100644 index 000000000..2aaeaa0f8 Binary files /dev/null and b/layouts/xedition/img/sp_feature.png differ diff --git a/layouts/xedition/img/sub_banner_01.jpg b/layouts/xedition/img/sub_banner_01.jpg new file mode 100644 index 000000000..e786d5cf9 Binary files /dev/null and b/layouts/xedition/img/sub_banner_01.jpg differ diff --git a/layouts/xedition/img/sub_banner_02.jpg b/layouts/xedition/img/sub_banner_02.jpg new file mode 100644 index 000000000..01a4b1221 Binary files /dev/null and b/layouts/xedition/img/sub_banner_02.jpg differ diff --git a/layouts/xedition/js/SmoothScroll.min.js b/layouts/xedition/js/SmoothScroll.min.js new file mode 100644 index 000000000..3054f2b9e --- /dev/null +++ b/layouts/xedition/js/SmoothScroll.min.js @@ -0,0 +1,8 @@ +// SmoothScroll for websites v1.2.1 +// Licensed under the terms of the MIT license. + +// People involved +// - Balazs Galambosi (maintainer) +// - Michael Herf (Pulse Algorithm) + +!function(){function e(){var e=!1;e&&c("keydown",r),v.keyboardSupport&&!e&&u("keydown",r)}function t(){if(document.body){var t=document.body,o=document.documentElement,n=window.innerHeight,r=t.scrollHeight;if(S=document.compatMode.indexOf("CSS")>=0?o:t,w=t,e(),x=!0,top!=self)y=!0;else if(r>n&&(t.offsetHeight<=n||o.offsetHeight<=n)){var a=!1,i=function(){a||o.scrollHeight==document.height||(a=!0,setTimeout(function(){o.style.height=document.height+"px",a=!1},500))};if(o.style.height="auto",setTimeout(i,10),S.offsetHeight<=n){var l=document.createElement("div");l.style.clear="both",t.appendChild(l)}}v.fixedBackground||b||(t.style.backgroundAttachment="scroll",o.style.backgroundAttachment="scroll")}}function o(e,t,o,n){if(n||(n=1e3),d(t,o),1!=v.accelerationMax){var r=+new Date,a=r-C;if(a1&&(i=Math.min(i,v.accelerationMax),t*=i,o*=i)}C=+new Date}if(M.push({x:t,y:o,lastX:0>t?.99:-.99,lastY:0>o?.99:-.99,start:+new Date}),!T){var l=e===document.body,u=function(){for(var r=+new Date,a=0,i=0,c=0;c=v.animationTime,h=f?1:d/v.animationTime;v.pulseAlgorithm&&(h=p(h));var m=s.x*h-s.lastX>>0,w=s.y*h-s.lastY>>0;a+=m,i+=w,s.lastX+=m,s.lastY+=w,f&&(M.splice(c,1),c--)}l?window.scrollBy(a,i):(a&&(e.scrollLeft+=a),i&&(e.scrollTop+=i)),t||o||(M=[]),M.length?E(u,e,n/v.frameRate+1):T=!1};E(u,e,0),T=!0}}function n(e){x||t();var n=e.target,r=l(n);if(!r||e.defaultPrevented||s(w,"embed")||s(n,"embed")&&/\.pdf/i.test(n.src))return!0;var a=e.wheelDeltaX||0,i=e.wheelDeltaY||0;return a||i||(i=e.wheelDelta||0),!v.touchpadSupport&&f(i)?!0:(Math.abs(a)>1.2&&(a*=v.stepSize/120),Math.abs(i)>1.2&&(i*=v.stepSize/120),o(r,-a,-i),void e.preventDefault())}function r(e){var t=e.target,n=e.ctrlKey||e.altKey||e.metaKey||e.shiftKey&&e.keyCode!==H.spacebar;if(/input|textarea|select|embed/i.test(t.nodeName)||t.isContentEditable||e.defaultPrevented||n)return!0;if(s(t,"button")&&e.keyCode===H.spacebar)return!0;var r,a=0,i=0,u=l(w),c=u.clientHeight;switch(u==document.body&&(c=window.innerHeight),e.keyCode){case H.up:i=-v.arrowScroll;break;case H.down:i=v.arrowScroll;break;case H.spacebar:r=e.shiftKey?1:-1,i=-r*c*.9;break;case H.pageup:i=.9*-c;break;case H.pagedown:i=.9*c;break;case H.home:i=-u.scrollTop;break;case H.end:var d=u.scrollHeight-u.scrollTop-c;i=d>0?d+10:0;break;case H.left:a=-v.arrowScroll;break;case H.right:a=v.arrowScroll;break;default:return!0}o(u,a,i),e.preventDefault()}function a(e){w=e.target}function i(e,t){for(var o=e.length;o--;)z[N(e[o])]=t;return t}function l(e){var t=[],o=S.scrollHeight;do{var n=z[N(e)];if(n)return i(t,n);if(t.push(e),o===e.scrollHeight){if(!y||S.clientHeight+100?1:-1,t=t>0?1:-1,(k.x!==e||k.y!==t)&&(k.x=e,k.y=t,M=[],C=0)}function f(e){if(e){e=Math.abs(e),D.push(e),D.shift(),clearTimeout(A);var t=D[0]==D[1]&&D[1]==D[2],o=h(D[0],120)&&h(D[1],120)&&h(D[2],120);return!(t||o)}}function h(e,t){return Math.floor(e/t)==e/t}function m(e){var t,o,n;return e*=v.pulseScale,1>e?t=e-(1-Math.exp(-e)):(o=Math.exp(-1),e-=1,n=1-Math.exp(-e),t=o+n*(1-o)),t*v.pulseNormalize}function p(e){return e>=1?1:0>=e?0:(1==v.pulseNormalize&&(v.pulseNormalize/=m(1)),m(e))}var w,g={frameRate:150,animationTime:800,stepSize:120,pulseAlgorithm:!0,pulseScale:8,pulseNormalize:1,accelerationDelta:20,accelerationMax:1,keyboardSupport:!0,arrowScroll:50,touchpadSupport:!0,fixedBackground:!0,excluded:""},v=g,b=!1,y=!1,k={x:0,y:0},x=!1,S=document.documentElement,D=[120,120,120],H={left:37,up:38,right:39,down:40,spacebar:32,pageup:33,pagedown:34,end:35,home:36},v=g,M=[],T=!1,C=+new Date,z={};setInterval(function(){z={}},1e4);var A,N=function(){var e=0;return function(t){return t.uniqueID||(t.uniqueID=e++)}}(),E=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||function(e,t,o){window.setTimeout(e,o||1e3/60)}}(),K=/chrome/i.test(window.navigator.userAgent),L="onmousewheel"in document;L&&K&&(u("mousedown",a),u("mousewheel",n),u("load",t))}(); \ No newline at end of file diff --git a/layouts/xedition/js/camera.js b/layouts/xedition/js/camera.js new file mode 100644 index 000000000..a557b1f2f --- /dev/null +++ b/layouts/xedition/js/camera.js @@ -0,0 +1,2268 @@ +// 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($){$.fn.camera = function(opts, callback) { + + var defaults = { + alignment : 'center', //topLeft, topCenter, topRight, centerLeft, center, centerRight, bottomLeft, bottomCenter, bottomRight + + autoAdvance : true, //true, false + + mobileAutoAdvance : true, //true, false. Auto-advancing for mobile devices + + barDirection : 'leftToRight', //'leftToRight', 'rightToLeft', 'topToBottom', 'bottomToTop' + + barPosition : 'bottom', //'bottom', 'left', 'top', 'right' + + cols : 6, + + easing : 'easeInOutExpo', //for the complete list http://jqueryui.com/demos/effect/easing.html + + mobileEasing : '', //leave empty if you want to display the same easing on mobile devices and on desktop etc. + + fx : 'random', //'random','simpleFade', 'curtainTopLeft', 'curtainTopRight', 'curtainBottomLeft', 'curtainBottomRight', 'curtainSliceLeft', 'curtainSliceRight', 'blindCurtainTopLeft', 'blindCurtainTopRight', 'blindCurtainBottomLeft', 'blindCurtainBottomRight', 'blindCurtainSliceBottom', 'blindCurtainSliceTop', 'stampede', 'mosaic', 'mosaicReverse', 'mosaicRandom', 'mosaicSpiral', 'mosaicSpiralReverse', 'topLeftBottomRight', 'bottomRightTopLeft', 'bottomLeftTopRight', 'bottomLeftTopRight' + //you can also use more than one effect, just separate them with commas: 'simpleFade, scrollRight, scrollBottom' + + mobileFx : '', //leave empty if you want to display the same effect on mobile devices and on desktop etc. + + gridDifference : 250, //to make the grid blocks slower than the slices, this value must be smaller than transPeriod + + height : '50%', //here you can type pixels (for instance '300px'), a percentage (relative to the width of the slideshow, for instance '50%') or 'auto' + + imagePath : 'img/', //he path to the image folder (it serves for the blank.gif, when you want to display videos) + + hover : true, //true, false. Puase on state hover. Not available for mobile devices + + loader : 'pie', //pie, bar, none (even if you choose "pie", old browsers like IE8- can't display it... they will display always a loading bar) + + loaderColor : '#eeeeee', + + loaderBgColor : '#222222', + + loaderOpacity : .8, //0, .1, .2, .3, .4, .5, .6, .7, .8, .9, 1 + + loaderPadding : 2, //how many empty pixels you want to display between the loader and its background + + loaderStroke : 7, //the thickness both of the pie loader and of the bar loader. Remember: for the pie, the loader thickness must be less than a half of the pie diameter + + minHeight : '200px', //you can also leave it blank + + navigation : true, //true or false, to display or not the navigation buttons + + navigationHover : true, //if true the navigation button (prev, next and play/stop buttons) will be visible on hover state only, if false they will be visible always + + mobileNavHover : true, //same as above, but only for mobile devices + + opacityOnGrid : false, //true, false. Decide to apply a fade effect to blocks and slices: if your slideshow is fullscreen or simply big, I recommend to set it false to have a smoother effect + + overlayer : true, //a layer on the images to prevent the users grab them simply by clicking the right button of their mouse (.camera_overlayer) + + pagination : true, + + playPause : true, //true or false, to display or not the play/pause buttons + + pauseOnClick : true, //true, false. It stops the slideshow when you click the sliders. + + pieDiameter : 38, + + piePosition : 'rightTop', //'rightTop', 'leftTop', 'leftBottom', 'rightBottom' + + portrait : false, //true, false. Select true if you don't want that your images are cropped + + rows : 4, + + slicedCols : 12, //if 0 the same value of cols + + slicedRows : 8, //if 0 the same value of rows + + slideOn : 'random', //next, prev, random: decide if the transition effect will be applied to the current (prev) or the next slide + + thumbnails : false, + + time : 7000, //milliseconds between the end of the sliding effect and the start of the nex one + + transPeriod : 1500, //lenght of the sliding effect in milliseconds + +////////callbacks + + onEndTransition : function() { }, //this callback is invoked when the transition effect ends + + onLoaded : function() { }, //this callback is invoked when the image on a slide has completely loaded + + onStartLoading : function() { }, //this callback is invoked when the image on a slide start loading + + onStartTransition : function() { } //this callback is invoked when the transition effect starts + + }; + + + function isMobile() { + if( 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) + ){ + return true; + } + } + + var opts = $.extend({}, defaults, opts); + + var wrap = $(this).addClass('camera_wrap'); + + wrap.wrapInner( + '
' + ).wrapInner( + '
' + ); + + var fakeHover = $('.camera_fakehover',wrap); + + fakeHover.append( + '
' + ); + if(opts.overlayer == true){ + fakeHover.append( + '
' + ) + } + fakeHover.append( + '
' + ); + + var loader; + + if(opts.loader=='pie' && $.browser.msie && $.browser.version < 9){ + loader = 'bar'; + } else { + loader = opts.loader; + } + + if(loader == 'pie'){ + fakeHover.append( + '
' + ) + } else if (loader == 'bar') { + fakeHover.append( + '
' + ) + } else { + fakeHover.append( + '' + ) + } + + if(opts.playPause==true){ + fakeHover.append( + '
' + ) + } + + if(opts.navigation==true){ + fakeHover.append( + '
prev
' + ).append( + '
next
' + ); + } + + if(opts.thumbnails==true){ + wrap.append( + '
' + ); + } + + if(opts.thumbnails==true && opts.pagination!=true){ + $('.camera_thumbs_cont',wrap).wrap( + '
' + ).wrap( + '
' + ).wrap( + '
' + ).wrap( + '
' + ); + } + + if(opts.pagination==true){ + wrap.append( + '
' + ); + } + + wrap.append( + '
' + ); + + $('.camera_caption',wrap).each(function(){ + $(this).wrapInner('
'); + }); + + + var pieID = 'pie_'+wrap.index(), + elem = $('.camera_src',wrap), + target = $('.camera_target',wrap), + content = $('.camera_target_content',wrap), + pieContainer = $('.camera_pie',wrap), + barContainer = $('.camera_bar',wrap), + prevNav = $('.camera_prev',wrap), + nextNav = $('.camera_next',wrap), + commands = $('.camera_commands',wrap), + pagination = $('.camera_pag',wrap), + thumbs = $('.camera_thumbs_cont',wrap); + + + var w, + h; + + + var allImg = new Array(); + $('> div', elem).each( function() { + allImg.push($(this).attr('data-src')); + }); + + var allLinks = new Array(); + $('> div', elem).each( function() { + if($(this).attr('data-link')){ + allLinks.push($(this).attr('data-link')); + } else { + allLinks.push(''); + } + }); + + var allTargets = new Array(); + $('> div', elem).each( function() { + if($(this).attr('data-target')){ + allTargets.push($(this).attr('data-target')); + } else { + allTargets.push(''); + } + }); + + var allPor = new Array(); + $('> div', elem).each( function() { + if($(this).attr('data-portrait')){ + allPor.push($(this).attr('data-portrait')); + } else { + allPor.push(''); + } + }); + + var allAlign= new Array(); + $('> div', elem).each( function() { + if($(this).attr('data-alignment')){ + allAlign.push($(this).attr('data-alignment')); + } else { + allAlign.push(''); + } + }); + + + var allThumbs = new Array(); + $('> div', elem).each( function() { + if($(this).attr('data-thumb')){ + allThumbs.push($(this).attr('data-thumb')); + } else { + allThumbs.push(''); + } + }); + + var amountSlide = allImg.length; + + $(content).append('
'); + var loopMove; + for (loopMove=0;loopMove'); + if(allLinks[loopMove]!=''){ + //only for Wordpress plugin + var dataBox = $('> div ',elem).eq(loopMove).attr('data-box'); + if(typeof dataBox !== 'undefined' && dataBox !== false && dataBox != '') { + dataBox = 'data-box="'+$('> div ',elem).eq(loopMove).attr('data-box')+'"'; + } else { + dataBox = ''; + } + // + $('.camera_target_content .cameraContent:eq('+loopMove+')',wrap).append(''); + } + + } + $('.camera_caption',wrap).each(function(){ + var ind = $(this).parent().index(), + cont = wrap.find('.cameraContent').eq(ind); + $(this).appendTo(cont); + }); + + target.append('
'); + var cameraCont = $('.cameraCont',wrap); + + + + var loop; + for (loop=0;loop'); + var div = $('> div:eq('+loop+')',elem); + target.find('.cameraSlide_'+loop).clone(div); + } + + + function thumbnailVisible() { + var wTh = $(thumbs).width(); + $('li', thumbs).removeClass('camera_visThumb'); + $('li', thumbs).each(function(){ + var pos = $(this).position(), + ulW = $('ul', thumbs).outerWidth(), + offUl = $('ul', thumbs).offset().left, + offDiv = $('> div',thumbs).offset().left, + ulLeft = offDiv-offUl; + if(ulLeft>0){ + $('.camera_prevThumbs',camera_thumbs_wrap).removeClass('hideNav'); + } else { + $('.camera_prevThumbs',camera_thumbs_wrap).addClass('hideNav'); + } + if((ulW-ulLeft)>wTh){ + $('.camera_nextThumbs',camera_thumbs_wrap).removeClass('hideNav'); + } else { + $('.camera_nextThumbs',camera_thumbs_wrap).addClass('hideNav'); + } + var left = pos.left, + right = pos.left+($(this).width()); + if(right-ulLeft<=wTh && left-ulLeft>=0){ + $(this).addClass('camera_visThumb'); + } + }); + } + + $(window).bind('load resize pageshow',function(){ + thumbnailPos(); + thumbnailVisible(); + }); + + + cameraCont.append('
'); + + + var started; + + wrap.show(); + var w = target.width(); + var h = target.height(); + + var setPause; + + $(window).bind('resize pageshow',function(){ + if(started == true) { + resizeImage(); + } + $('ul', thumbs).animate({'margin-top':0},0,thumbnailPos); + if(!elem.hasClass('paused')){ + elem.addClass('paused'); + if($('.camera_stop',camera_thumbs_wrap).length){ + $('.camera_stop',camera_thumbs_wrap).hide() + $('.camera_play',camera_thumbs_wrap).show(); + if(loader!='none'){ + $('#'+pieID).hide(); + } + } else { + if(loader!='none'){ + $('#'+pieID).hide(); + } + } + clearTimeout(setPause); + setPause = setTimeout(function(){ + elem.removeClass('paused'); + if($('.camera_play',camera_thumbs_wrap).length){ + $('.camera_play',camera_thumbs_wrap).hide(); + $('.camera_stop',camera_thumbs_wrap).show(); + if(loader!='none'){ + $('#'+pieID).fadeIn(); + } + } else { + if(loader!='none'){ + $('#'+pieID).fadeIn(); + } + } + },1500); + } + }); + + function resizeImage(){ + var res; + function resizeImageWork(){ + w = wrap.width(); + if(opts.height.indexOf('%')!=-1) { + var startH = Math.round(w / (100/parseFloat(opts.height))); + if(opts.minHeight != '' && startH < parseFloat(opts.minHeight)){ + h = parseFloat(opts.minHeight); + } else { + h = startH; + } + wrap.css({height:h}); + } else if (opts.height=='auto') { + h = wrap.height(); + } else { + h = parseFloat(opts.height); + wrap.css({height:h}); + } + $('.camerarelative',target).css({'width':w,'height':h}); + $('.imgLoaded',target).each(function(){ + var t = $(this), + wT = t.attr('width'), + hT = t.attr('height'), + imgLoadIn = t.index(), + mTop, + mLeft, + alignment = t.attr('data-alignment'), + portrait = t.attr('data-portrait'); + + if(typeof alignment === 'undefined' || alignment === false || alignment === ''){ + alignment = opts.alignment; + } + + if(typeof portrait === 'undefined' || portrait === false || portrait === ''){ + portrait = opts.portrait; + } + + if(portrait==false||portrait=='false'){ + if((wT/hT)<(w/h)) { + var r = w / wT; + var d = (Math.abs(h - (hT*r)))*0.5; + switch(alignment){ + case 'topLeft': + mTop = 0; + break; + case 'topCenter': + mTop = 0; + break; + case 'topRight': + mTop = 0; + break; + case 'centerLeft': + mTop = '-'+d+'px'; + break; + case 'center': + mTop = '-'+d+'px'; + break; + case 'centerRight': + mTop = '-'+d+'px'; + break; + case 'bottomLeft': + mTop = '-'+d*2+'px'; + break; + case 'bottomCenter': + mTop = '-'+d*2+'px'; + break; + case 'bottomRight': + mTop = '-'+d*2+'px'; + break; + } + t.css({ + 'height' : hT*r, + 'margin-left' : 0, + 'margin-top' : mTop, + 'position' : 'absolute', + 'visibility' : 'visible', + 'width' : w + }); + } + else { + var r = h / hT; + var d = (Math.abs(w - (wT*r)))*0.5; + switch(alignment){ + case 'topLeft': + mLeft = 0; + break; + case 'topCenter': + mLeft = '-'+d+'px'; + break; + case 'topRight': + mLeft = '-'+d*2+'px'; + break; + case 'centerLeft': + mLeft = 0; + break; + case 'center': + mLeft = '-'+d+'px'; + break; + case 'centerRight': + mLeft = '-'+d*2+'px'; + break; + case 'bottomLeft': + mLeft = 0; + break; + case 'bottomCenter': + mLeft = '-'+d+'px'; + break; + case 'bottomRight': + mLeft = '-'+d*2+'px'; + break; + } + t.css({ + 'height' : h, + 'margin-left' : mLeft, + 'margin-top' : 0, + 'position' : 'absolute', + 'visibility' : 'visible', + 'width' : wT*r + }); + } + } else { + if((wT/hT)<(w/h)) { + var r = h / hT; + var d = (Math.abs(w - (wT*r)))*0.5; + switch(alignment){ + case 'topLeft': + mLeft = 0; + break; + case 'topCenter': + mLeft = d+'px'; + break; + case 'topRight': + mLeft = d*2+'px'; + break; + case 'centerLeft': + mLeft = 0; + break; + case 'center': + mLeft = d+'px'; + break; + case 'centerRight': + mLeft = d*2+'px'; + break; + case 'bottomLeft': + mLeft = 0; + break; + case 'bottomCenter': + mLeft = d+'px'; + break; + case 'bottomRight': + mLeft = d*2+'px'; + break; + } + t.css({ + 'height' : h, + 'margin-left' : mLeft, + 'margin-top' : 0, + 'position' : 'absolute', + 'visibility' : 'visible', + 'width' : wT*r + }); + } + else { + var r = w / wT; + var d = (Math.abs(h - (hT*r)))*0.5; + switch(alignment){ + case 'topLeft': + mTop = 0; + break; + case 'topCenter': + mTop = 0; + break; + case 'topRight': + mTop = 0; + break; + case 'centerLeft': + mTop = d+'px'; + break; + case 'center': + mTop = d+'px'; + break; + case 'centerRight': + mTop = d+'px'; + break; + case 'bottomLeft': + mTop = d*2+'px'; + break; + case 'bottomCenter': + mTop = d*2+'px'; + break; + case 'bottomRight': + mTop = d*2+'px'; + break; + } + t.css({ + 'height' : hT*r, + 'margin-left' : 0, + 'margin-top' : mTop, + 'position' : 'absolute', + 'visibility' : 'visible', + 'width' : w + }); + } + } + }); + } + if (started == true) { + clearTimeout(res); + res = setTimeout(resizeImageWork,200); + } else { + resizeImageWork(); + } + + started = true; + } + + + var u, + setT; + + var clickEv, + autoAdv, + navHover, + commands, + pagination; + + var videoHover, + videoPresent; + + if(isMobile() && opts.mobileAutoAdvance!=''){ + autoAdv = opts.mobileAutoAdvance; + } else { + autoAdv = opts.autoAdvance; + } + + if(autoAdv==false){ + elem.addClass('paused'); + } + + if(isMobile() && opts.mobileNavHover!=''){ + navHover = opts.mobileNavHover; + } else { + navHover = opts.navigationHover; + } + + if(elem.length!=0){ + + var selector = $('.cameraSlide',target); + selector.wrapInner('
'); + + var navSlide; + + var barDirection = opts.barDirection; + + var camera_thumbs_wrap = wrap; + + + $('iframe',fakeHover).each(function(){ + var t = $(this); + var src = t.attr('src'); + t.attr('data-src',src); + var divInd = t.parent().index('.camera_src > div'); + $('.camera_target_content .cameraContent:eq('+divInd+')',wrap).append(t); + }); + function imgFake() { + $('iframe',fakeHover).each(function(){ + $('.camera_caption',fakeHover).show(); + var t = $(this); + var cloneSrc = t.attr('data-src'); + t.attr('src',cloneSrc); + var imgFakeUrl = opts.imagePath+'blank.gif'; + var imgFake = new Image(); + imgFake.src = imgFakeUrl; + if(opts.height.indexOf('%')!=-1) { + var startH = Math.round(w / (100/parseFloat(opts.height))); + if(opts.minHeight != '' && startH < parseFloat(opts.minHeight)){ + h = parseFloat(opts.minHeight); + } else { + h = startH; + } + } else if (opts.height=='auto') { + h = wrap.height(); + } else { + h = parseFloat(opts.height); + } + t.after($(imgFake).attr({'class':'imgFake','width':w,'height':h})); + var clone = t.clone(); + t.remove(); + $(imgFake).bind('click',function(){ + if($(this).css('position')=='absolute') { + $(this).remove(); + if(cloneSrc.indexOf('vimeo') != -1 || cloneSrc.indexOf('youtube') != -1) { + if(cloneSrc.indexOf('?') != -1){ + autoplay = '&autoplay=1'; + } else { + autoplay = '?autoplay=1'; + } + } else if(cloneSrc.indexOf('dailymotion') != -1) { + if(cloneSrc.indexOf('?') != -1){ + autoplay = '&autoPlay=1'; + } else { + autoplay = '?autoPlay=1'; + } + } + clone.attr('src',cloneSrc+autoplay); + videoPresent = true; + } else { + $(this).css({position:'absolute',top:0,left:0,zIndex:10}).after(clone); + clone.css({position:'absolute',top:0,left:0,zIndex:9}); + } + }); + }); + } + + imgFake(); + + + if(opts.hover==true){ + if(!isMobile()){ + fakeHover.hover(function(){ + elem.addClass('hovered'); + },function(){ + elem.removeClass('hovered'); + }); + } + } + + if(navHover==true){ + $(prevNav,wrap).animate({opacity:0},0); + $(nextNav,wrap).animate({opacity:0},0); + $(commands,wrap).animate({opacity:0},0); + if(isMobile()){ + fakeHover.live('vmouseover',function(){ + $(prevNav,wrap).animate({opacity:1},200); + $(nextNav,wrap).animate({opacity:1},200); + $(commands,wrap).animate({opacity:1},200); + }); + fakeHover.live('vmouseout',function(){ + $(prevNav,wrap).delay(500).animate({opacity:0},200); + $(nextNav,wrap).delay(500).animate({opacity:0},200); + $(commands,wrap).delay(500).animate({opacity:0},200); + }); + } else { + fakeHover.hover(function(){ + $(prevNav,wrap).animate({opacity:1},200); + $(nextNav,wrap).animate({opacity:1},200); + $(commands,wrap).animate({opacity:1},200); + },function(){ + $(prevNav,wrap).animate({opacity:0},200); + $(nextNav,wrap).animate({opacity:0},200); + $(commands,wrap).animate({opacity:0},200); + }); + } + } + + + $('.camera_stop',camera_thumbs_wrap).live('click',function(){ + autoAdv = false; + elem.addClass('paused'); + if($('.camera_stop',camera_thumbs_wrap).length){ + $('.camera_stop',camera_thumbs_wrap).hide() + $('.camera_play',camera_thumbs_wrap).show(); + if(loader!='none'){ + $('#'+pieID).hide(); + } + } else { + if(loader!='none'){ + $('#'+pieID).hide(); + } + } + }); + + $('.camera_play',camera_thumbs_wrap).live('click',function(){ + autoAdv = true; + elem.removeClass('paused'); + if($('.camera_play',camera_thumbs_wrap).length){ + $('.camera_play',camera_thumbs_wrap).hide(); + $('.camera_stop',camera_thumbs_wrap).show(); + if(loader!='none'){ + $('#'+pieID).show(); + } + } else { + if(loader!='none'){ + $('#'+pieID).show(); + } + } + }); + + if(opts.pauseOnClick==true){ + $('.camera_target_content',fakeHover).mouseup(function(){ + autoAdv = false; + elem.addClass('paused'); + $('.camera_stop',camera_thumbs_wrap).hide() + $('.camera_play',camera_thumbs_wrap).show(); + $('#'+pieID).hide(); + }); + } + $('.cameraContent, .imgFake',fakeHover).hover(function(){ + videoHover = true; + },function(){ + videoHover = false; + }); + + $('.cameraContent, .imgFake',fakeHover).bind('click',function(){ + if(videoPresent == true && videoHover == true) { + autoAdv = false; + $('.camera_caption',fakeHover).hide(); + elem.addClass('paused'); + $('.camera_stop',camera_thumbs_wrap).hide() + $('.camera_play',camera_thumbs_wrap).show(); + $('#'+pieID).hide(); + } + }); + + + } + + + function shuffle(arr) { + for( + var j, x, i = arr.length; i; + j = parseInt(Math.random() * i), + x = arr[--i], arr[i] = arr[j], arr[j] = x + ); + return arr; + } + + function isInteger(s) { + return Math.ceil(s) == Math.floor(s); + } + + if (loader != 'pie') { + barContainer.append(''); + $('.camera_bar_cont',barContainer) + .animate({opacity:opts.loaderOpacity},0) + .css({'position':'absolute', 'left':0, 'right':0, 'top':0, 'bottom':0, 'background-color':opts.loaderBgColor}) + .append(''); + $('#'+pieID).animate({opacity:0},0); + var canvas = $('#'+pieID); + canvas.css({'position':'absolute', 'background-color':opts.loaderColor}); + switch(opts.barPosition){ + case 'left': + barContainer.css({right:'auto',width:opts.loaderStroke}); + break; + case 'right': + barContainer.css({left:'auto',width:opts.loaderStroke}); + break; + case 'top': + barContainer.css({bottom:'auto',height:opts.loaderStroke}); + break; + case 'bottom': + barContainer.css({top:'auto',height:opts.loaderStroke}); + break; + } + switch(barDirection){ + case 'leftToRight': + canvas.css({'left':0, 'right':0, 'top':opts.loaderPadding, 'bottom':opts.loaderPadding}); + break; + case 'rightToLeft': + canvas.css({'left':0, 'right':0, 'top':opts.loaderPadding, 'bottom':opts.loaderPadding}); + break; + case 'topToBottom': + canvas.css({'left':opts.loaderPadding, 'right':opts.loaderPadding, 'top':0, 'bottom':0}); + break; + case 'bottomToTop': + canvas.css({'left':opts.loaderPadding, 'right':opts.loaderPadding, 'top':0, 'bottom':0}); + break; + } + } else { + pieContainer.append(''); + var G_vmlCanvasManager; + var canvas = document.getElementById(pieID); + canvas.setAttribute("width", opts.pieDiameter); + canvas.setAttribute("height", opts.pieDiameter); + var piePosition; + switch(opts.piePosition){ + case 'leftTop' : + piePosition = 'left:0; top:0;'; + break; + case 'rightTop' : + piePosition = 'right:0; top:0;'; + break; + case 'leftBottom' : + piePosition = 'left:0; bottom:0;'; + break; + case 'rightBottom' : + piePosition = 'right:0; bottom:0;'; + break; + } + canvas.setAttribute("style", "position:absolute; z-index:1002; "+piePosition); + var rad; + var radNew; + + if (canvas && canvas.getContext) { + var ctx = canvas.getContext("2d"); + ctx.rotate(Math.PI*(3/2)); + ctx.translate(-opts.pieDiameter,0); + } + + } + if(loader=='none' || autoAdv==false) { + $('#'+pieID).hide(); + $('.camera_canvas_wrap',camera_thumbs_wrap).hide(); + } + + if($(pagination).length) { + $(pagination).append('
    '); + var li; + for (li = 0; li < amountSlide; li++){ + $('.camera_pag_ul',wrap).append('
  • '+li+'
    • '); + } + $('.camera_pag_ul li',wrap).hover(function(){ + $(this).addClass('camera_hover'); + if($('.camera_thumb',this).length){ + var wTh = $('.camera_thumb',this).outerWidth(), + hTh = $('.camera_thumb',this).outerHeight(), + wTt = $(this).outerWidth(); + $('.camera_thumb',this).show().css({'top':'-'+hTh+'px','left':'-'+(wTh-wTt)/2+'px'}).animate({'opacity':1,'margin-top':'-3px'},200); + $('.thumb_arrow',this).show().animate({'opacity':1,'margin-top':'-3px'},200); + } + },function(){ + $(this).removeClass('camera_hover'); + $('.camera_thumb',this).animate({'margin-top':'-20px','opacity':0},200,function(){ + $(this).css({marginTop:'5px'}).hide(); + }); + $('.thumb_arrow',this).animate({'margin-top':'-20px','opacity':0},200,function(){ + $(this).css({marginTop:'5px'}).hide(); + }); + }); + } + + + + if($(thumbs).length) { + var thumbUrl; + if(!$(pagination).length) { + $(thumbs).append('
    '); + $(thumbs).before('
    ').before('
    '); + $('> div',thumbs).append('
      '); + $.each(allThumbs, function(i, val) { + if($('> div', elem).eq(i).attr('data-thumb')!='') { + var thumbUrl = $('> div', elem).eq(i).attr('data-thumb'), + newImg = new Image(); + newImg.src = thumbUrl; + $('ul',thumbs).append('
    • '); + $('li.pix_thumb_'+i,thumbs).append($(newImg).attr('class','camera_thumb')); + } + }); + } else { + $.each(allThumbs, function(i, val) { + if($('> div', elem).eq(i).attr('data-thumb')!='') { + var thumbUrl = $('> div', elem).eq(i).attr('data-thumb'), + newImg = new Image(); + newImg.src = thumbUrl; + $('li.pag_nav_'+i,pagination).append($(newImg).attr('class','camera_thumb').css({'position':'absolute'}).animate({opacity:0},0)); + $('li.pag_nav_'+i+' > img',pagination).after('
      '); + $('li.pag_nav_'+i+' > .thumb_arrow',pagination).animate({opacity:0},0); + } + }); + wrap.css({marginBottom:$(pagination).outerHeight()}); + } + } else if(!$(thumbs).length && $(pagination).length) { + //wrap.css({marginBottom:$(pagination).outerHeight()}); + } + + + var firstPos = true; + + function thumbnailPos() { + if($(thumbs).length && !$(pagination).length) { + var wTh = $(thumbs).outerWidth(), + owTh = $('ul > li',thumbs).outerWidth(), + pos = $('li.cameracurrent', thumbs).length ? $('li.cameracurrent', thumbs).position() : '', + ulW = ($('ul > li', thumbs).length * $('ul > li', thumbs).outerWidth()), + offUl = $('ul', thumbs).offset().left, + offDiv = $('> div', thumbs).offset().left, + ulLeft; + + if(offUl<0){ + ulLeft = '-'+ (offDiv-offUl); + } else { + ulLeft = offDiv-offUl; + } + + + + if(firstPos == true) { + $('ul', thumbs).width($('ul > li', thumbs).length * $('ul > li', thumbs).outerWidth()); + if($(thumbs).length && !$(pagination).lenght) { + wrap.css({marginBottom:$(thumbs).outerHeight()}); + } + thumbnailVisible(); + /*I repeat this two lines because of a problem with iPhones*/ + $('ul', thumbs).width($('ul > li', thumbs).length * $('ul > li', thumbs).outerWidth()); + if($(thumbs).length && !$(pagination).lenght) { + wrap.css({marginBottom:$(thumbs).outerHeight()}); + } + /*...*/ + } + firstPos = false; + + var left = $('li.cameracurrent', thumbs).length ? pos.left : '', + right = $('li.cameracurrent', thumbs).length ? pos.left+($('li.cameracurrent', thumbs).outerWidth()) : ''; + if(left<$('li.cameracurrent', thumbs).outerWidth()) { + left = 0; + } + if(right-ulLeft>wTh){ + if((left+wTh)
      ').append('
      '); + if(autoAdv==true){ + $('.camera_play',camera_thumbs_wrap).hide(); + $('.camera_stop',camera_thumbs_wrap).show(); + } else { + $('.camera_stop',camera_thumbs_wrap).hide(); + $('.camera_play',camera_thumbs_wrap).show(); + } + + } + + + function canvasLoader() { + rad = 0; + var barWidth = $('.camera_bar_cont',camera_thumbs_wrap).width(), + barHeight = $('.camera_bar_cont',camera_thumbs_wrap).height(); + + if (loader != 'pie') { + switch(barDirection){ + case 'leftToRight': + $('#'+pieID).css({'right':barWidth}); + break; + case 'rightToLeft': + $('#'+pieID).css({'left':barWidth}); + break; + case 'topToBottom': + $('#'+pieID).css({'bottom':barHeight}); + break; + case 'bottomToTop': + $('#'+pieID).css({'top':barHeight}); + break; + } + } else { + ctx.clearRect(0,0,opts.pieDiameter,opts.pieDiameter); + } + } + + + canvasLoader(); + + + $('.moveFromLeft, .moveFromRight, .moveFromTop, .moveFromBottom, .fadeIn, .fadeFromLeft, .fadeFromRight, .fadeFromTop, .fadeFromBottom',fakeHover).each(function(){ + $(this).css('visibility','hidden'); + }); + + opts.onStartLoading.call(this); + + nextSlide(); + + + /*************************** FUNCTION nextSlide() ***************************/ + + function nextSlide(navSlide){ + elem.addClass('camerasliding'); + + videoPresent = false; + var vis = parseFloat($('div.cameraSlide.cameracurrent',target).index()); + + if(navSlide>0){ + var slideI = navSlide-1; + } else if (vis == amountSlide-1) { + var slideI = 0; + } else { + var slideI = vis+1; + } + + + var slide = $('.cameraSlide:eq('+slideI+')',target); + var slideNext = $('.cameraSlide:eq('+(slideI+1)+')',target).addClass('cameranext'); + if( vis != slideI+1 ) { + slideNext.hide(); + } + $('.cameraContent',fakeHover).fadeOut(600); + $('.camera_caption',fakeHover).show(); + + $('.camerarelative',slide).append($('> div ',elem).eq(slideI).find('> div.camera_effected')); + + $('.camera_target_content .cameraContent:eq('+slideI+')',wrap).append($('> div ',elem).eq(slideI).find('> div')); + + if(!$('.imgLoaded',slide).length){ + var imgUrl = allImg[slideI]; + var imgLoaded = new Image(); + imgLoaded.src = imgUrl +"?"+ new Date().getTime(); + slide.css('visibility','hidden'); + slide.prepend($(imgLoaded).attr('class','imgLoaded').css('visibility','hidden')); + var wT, hT; + if (!$(imgLoaded).get(0).complete || wT == '0' || hT == '0' || typeof wT === 'undefined' || wT === false || typeof hT === 'undefined' || hT === false) { + $('.camera_loader',wrap).delay(500).fadeIn(400); + imgLoaded.onload = function() { + wT = imgLoaded.naturalWidth; + hT = imgLoaded.naturalHeight; + $(imgLoaded).attr('data-alignment',allAlign[slideI]).attr('data-portrait',allPor[slideI]); + $(imgLoaded).attr('width',wT); + $(imgLoaded).attr('height',hT); + target.find('.cameraSlide_'+slideI).hide().css('visibility','visible'); + resizeImage(); + nextSlide(slideI+1); + }; + } + } else { + if( allImg.length > (slideI+1) && !$('.imgLoaded',slideNext).length ){ + var imgUrl2 = allImg[(slideI+1)]; + var imgLoaded2 = new Image(); + imgLoaded2.src = imgUrl2 +"?"+ new Date().getTime(); + slideNext.prepend($(imgLoaded2).attr('class','imgLoaded').css('visibility','hidden')); + imgLoaded2.onload = function() { + wT = imgLoaded2.naturalWidth; + hT = imgLoaded2.naturalHeight; + $(imgLoaded2).attr('data-alignment',allAlign[slideI+1]).attr('data-portrait',allPor[slideI+1]); + $(imgLoaded2).attr('width',wT); + $(imgLoaded2).attr('height',hT); + resizeImage(); + }; + } + opts.onLoaded.call(this); + if($('.camera_loader',wrap).is(':visible')){ + $('.camera_loader',wrap).fadeOut(400); + } else { + $('.camera_loader',wrap).css({'visibility':'hidden'}); + $('.camera_loader',wrap).fadeOut(400,function(){ + $('.camera_loader',wrap).css({'visibility':'visible'}); + }); + } + var rows = opts.rows, + cols = opts.cols, + couples = 1, + difference = 0, + dataSlideOn, + time, + transPeriod, + fx, + easing, + randomFx = 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; + + if(opts.opacityOnGrid==true){ + opacityOnGrid = 0; + } else { + opacityOnGrid = 1; + } + + + + var dataFx = $(' > div',elem).eq(slideI).attr('data-fx'); + + if(isMobile()&&opts.mobileFx!=''&&opts.mobileFx!='default'){ + fx = opts.mobileFx; + } else { + if(typeof dataFx !== 'undefined' && dataFx!== false && dataFx!== 'default'){ + fx = dataFx; + } else { + fx = opts.fx; + } + } + + if(fx=='random') { + fx = shuffle(randomFx); + fx = fx[0]; + } else { + fx = fx; + if(fx.indexOf(',')>0){ + fx = fx.replace(/ /g,''); + fx = fx.split(','); + fx = shuffle(fx); + fx = fx[0]; + } + } + + dataEasing = $(' > div',elem).eq(slideI).attr('data-easing'); + mobileEasing = $(' > div',elem).eq(slideI).attr('data-mobileEasing'); + + if(isMobile()&&opts.mobileEasing!=''&&opts.mobileEasing!='default'){ + if(typeof mobileEasing !== 'undefined' && mobileEasing!== false && mobileEasing!== 'default') { + easing = mobileEasing; + } else { + easing = opts.mobileEasing; + } + } else { + if(typeof dataEasing !== 'undefined' && dataEasing!== false && dataEasing!== 'default') { + easing = dataEasing; + } else { + easing = opts.easing; + } + } + + dataSlideOn = $(' > div',elem).eq(slideI).attr('data-slideOn'); + if(typeof dataSlideOn !== 'undefined' && dataSlideOn!== false){ + slideOn = dataSlideOn; + } else { + if(opts.slideOn=='random'){ + var slideOn = new Array('next','prev'); + slideOn = shuffle(slideOn); + slideOn = slideOn[0]; + } else { + slideOn = opts.slideOn; + } + } + + var dataTime = $(' > div',elem).eq(slideI).attr('data-time'); + if(typeof dataTime !== 'undefined' && dataTime!== false && dataTime!== ''){ + time = parseFloat(dataTime); + } else { + time = opts.time; + } + + var dataTransPeriod = $(' > div',elem).eq(slideI).attr('data-transPeriod'); + if(typeof dataTransPeriod !== 'undefined' && dataTransPeriod!== false && dataTransPeriod!== ''){ + transPeriod = parseFloat(dataTransPeriod); + } else { + transPeriod = opts.transPeriod; + } + + if(!$(elem).hasClass('camerastarted')){ + fx = 'simpleFade'; + slideOn = 'next'; + easing = ''; + transPeriod = 400; + $(elem).addClass('camerastarted') + } + + switch(fx){ + case 'simpleFade': + cols = 1; + rows = 1; + break; + case 'curtainTopLeft': + if(opts.slicedCols == 0) { + cols = opts.cols; + } else { + cols = opts.slicedCols; + } + rows = 1; + break; + case 'curtainTopRight': + if(opts.slicedCols == 0) { + cols = opts.cols; + } else { + cols = opts.slicedCols; + } + rows = 1; + break; + case 'curtainBottomLeft': + if(opts.slicedCols == 0) { + cols = opts.cols; + } else { + cols = opts.slicedCols; + } + rows = 1; + break; + case 'curtainBottomRight': + if(opts.slicedCols == 0) { + cols = opts.cols; + } else { + cols = opts.slicedCols; + } + rows = 1; + break; + case 'curtainSliceLeft': + if(opts.slicedCols == 0) { + cols = opts.cols; + } else { + cols = opts.slicedCols; + } + rows = 1; + break; + case 'curtainSliceRight': + if(opts.slicedCols == 0) { + cols = opts.cols; + } else { + cols = opts.slicedCols; + } + rows = 1; + break; + case 'blindCurtainTopLeft': + if(opts.slicedRows == 0) { + rows = opts.rows; + } else { + rows = opts.slicedRows; + } + cols = 1; + break; + case 'blindCurtainTopRight': + if(opts.slicedRows == 0) { + rows = opts.rows; + } else { + rows = opts.slicedRows; + } + cols = 1; + break; + case 'blindCurtainBottomLeft': + if(opts.slicedRows == 0) { + rows = opts.rows; + } else { + rows = opts.slicedRows; + } + cols = 1; + break; + case 'blindCurtainBottomRight': + if(opts.slicedRows == 0) { + rows = opts.rows; + } else { + rows = opts.slicedRows; + } + cols = 1; + break; + case 'blindCurtainSliceTop': + if(opts.slicedRows == 0) { + rows = opts.rows; + } else { + rows = opts.slicedRows; + } + cols = 1; + break; + case 'blindCurtainSliceBottom': + if(opts.slicedRows == 0) { + rows = opts.rows; + } else { + rows = opts.slicedRows; + } + cols = 1; + break; + case 'stampede': + difference = '-'+transPeriod; + break; + case 'mosaic': + difference = opts.gridDifference; + break; + case 'mosaicReverse': + difference = opts.gridDifference; + break; + case 'mosaicRandom': + break; + case 'mosaicSpiral': + difference = opts.gridDifference; + couples = 1.7; + break; + case 'mosaicSpiralReverse': + difference = opts.gridDifference; + couples = 1.7; + break; + case 'topLeftBottomRight': + difference = opts.gridDifference; + couples = 6; + break; + case 'bottomRightTopLeft': + difference = opts.gridDifference; + couples = 6; + break; + case 'bottomLeftTopRight': + difference = opts.gridDifference; + couples = 6; + break; + case 'topRightBottomLeft': + difference = opts.gridDifference; + couples = 6; + break; + case 'scrollLeft': + cols = 1; + rows = 1; + break; + case 'scrollRight': + cols = 1; + rows = 1; + break; + case 'scrollTop': + cols = 1; + rows = 1; + break; + case 'scrollBottom': + cols = 1; + rows = 1; + break; + case 'scrollHorz': + cols = 1; + rows = 1; + break; + } + + var cycle = 0; + var blocks = rows*cols; + var leftScrap = w-(Math.floor(w/cols)*cols); + var topScrap = h-(Math.floor(h/rows)*rows); + var addLeft; + var addTop; + var tAppW = 0; + var tAppH = 0; + var arr = new Array(); + var delay = new Array(); + var order = new Array(); + while(cycle < blocks){ + arr.push(cycle); + delay.push(cycle); + cameraCont.append('