diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css index cf7bcbbe1..99018c15f 100644 --- a/layouts/xedition/css/layout.css +++ b/layouts/xedition/css/layout.css @@ -73,6 +73,14 @@ a:hover,a:active,a:focus{text-decoration:none} .footer .site_map > ul ul a:focus, .footer .site_map > ul ul a:active{color:#555} + +/* button */ +.btn_item{display:inline-block;margin:35px 0;padding:0 27px;height:50px;font-family: "Open Sans";background-color:#555;font-size:13px;line-height:50px;letter-spacing:1px;color:#FFF;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} +.btn_item:hover, +.btn_item:active +.btn_item:focus{background-color:#CBA061;color:#fff} +.btn_item + .btn_item {margin-left: 10px; } + /* Login */ .header>.side>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} @@ -199,4 +207,4 @@ a:hover,a:active,a:focus{text-decoration:none} @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 index bb7791933..51ba7b002 100644 --- a/layouts/xedition/css/welcome.css +++ b/layouts/xedition/css/welcome.css @@ -11,14 +11,14 @@ .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} +/* section.xeicon */ +.welcomeXE .xeicon{overflow:hidden;position:static;width:100%;margin:0;height:500px;background-image:url(../img/bg_stat.jpg);background-position:50% 0;background-attachment:fixed;background-repeat:no-repeat} +.welcomeXE .xeicon h1 {margin-top: 170px; font-size: 40px; color: #f6f6f6; text-align: center; letter-spacing: 1px; font-weight: 400; line-height: 1.2em; text-transform: uppercase; } +.welcomeXE .xeicon h1 a {color: #FFF; } +.welcomeXE .xeicon .button-area {text-align: center; } +.welcomeXE .xeicon .button-area .btn_item {font-size: 16px; } +/* section.guide */ .welcomeXE .guide{height:640px;padding-top:80px} .welcomeXE .guide ul{padding-top:27px} .welcomeXE .guide li{position:relative;float:left;width:314px;min-height:140px;padding:0 0 0 70px;margin:0 0 30px 0} @@ -33,6 +33,7 @@ .welcomeXE .guide p a:active, .welcomeXE .guide p a:focus{color:#cda25a;border-bottom:1px solid #cda25a} +/* section.features */ .welcomeXE .features{width:100%;margin:0;height:800px;padding-top:80px;background-color:#444} .welcomeXE .features .noti, .welcomeXE .features .tit, @@ -61,6 +62,8 @@ .welcomeXE .features .fe_box.on .ico3{background-position:-140px -70px} .welcomeXE .features .fe_box.on .ico4{background-position:-210px -70px} + +/*section.connect*/ .welcomeXE .connect{height:344px;padding-top:80px} .welcomeXE .connect ul{overflow:hidden;padding:40px 0} .welcomeXE .connect li{position:relative;float:left;width:180px;margin-left:24px;padding:4px 0 0 102px;min-height:78px} @@ -71,4 +74,4 @@ .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 +.welcomeXE .connect p{font-size:13px;color:#888;line-height:21px} diff --git a/layouts/xedition/demo/welcome_main.html b/layouts/xedition/demo/welcome_main.html index 908a246f2..827d74e96 100644 --- a/layouts/xedition/demo/welcome_main.html +++ b/layouts/xedition/demo/welcome_main.html @@ -6,22 +6,15 @@

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

XE 시작하기 -
- + +
+

Beautiful iconpack
XEIcon

+
+ homepage + github +
+
GUIDE

START-UP

diff --git a/layouts/xedition/img/bg_stat.jpg b/layouts/xedition/img/bg_stat.jpg index db45478b3..cd7d68de0 100644 Binary files a/layouts/xedition/img/bg_stat.jpg and b/layouts/xedition/img/bg_stat.jpg differ diff --git a/layouts/xedition/js/welcome.js b/layouts/xedition/js/welcome.js index 052230114..cf7f2f037 100644 --- a/layouts/xedition/js/welcome.js +++ b/layouts/xedition/js/welcome.js @@ -1,39 +1,27 @@ (function($){ - $(function(){ - var flag = true; - $('.statistics').parallax('50%',0.4) - $(window).scroll(function(){ - var winScrollTop = $(this).scrollTop(); - if(winScrollTop > 500) { - if(flag){ - $('.number').countTo({ - formatter: function (value, options) { - return value.toFixed(options.decimals).replace(/\B(?=(\d{3})+(?!\d))/g, ","); - } - }); - } - flag = false; - } - }); + "user strict"; + $(function(){ + $('.xeicon').parallax('50%',0.4); - $('.fe_box').on('mouseenter mouseleave',function(e){ - $this = $(this); - if(e.type == 'mouseenter'){ - $this.addClass('on') - } else { - $this.removeClass('on'); - } + $('.fe_box').on('mouseenter mouseleave',function(e){ + $this = $(this); + if(e.type == 'mouseenter'){ + $this.addClass('on'); + } else { + $this.removeClass('on'); + } - }); - }) + }); + }); })(jQuery); (function($) { + "user strict"; var $window = $(window); var windowHeight = $window.height(); $window.resize(function() { - windowHeight = $window.height() + windowHeight = $window.height(); }); @@ -51,12 +39,12 @@ if (outerHeight) { getHeight = function(object) { - return object.outerHeight(true) - } + return object.outerHeight(true); + }; } else { getHeight = function(object) { - return object.height() - } + return object.height(); + }; } if (arguments.length < 1 || xpos === null) xpos = "50%"; @@ -72,12 +60,12 @@ var height = getHeight($element); if (top + height < pos || top > pos + windowHeight) { - return + return; } - $this.css('backgroundPosition', xpos + " " + Math.round((firstTop - pos) * speedFactor) + "px") - }) + $this.css('backgroundPosition', xpos + " " + Math.round((firstTop - pos) * speedFactor) + "px"); + }); } $window.bind('scroll', update).resize(update); - update() - } + update(); + }; })(jQuery);