模板优化

public/default/css/index.css

@@ -15,7 +15,7 @@
         box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
     }
     #moell-header .navbar-brand {
-        color: #52d3aa !important;
+        color: #00CCCC  !important;
     }
     #moell-header #navbar li a {
         color: rgba(0, 0, 0, 0.5) !important;
@@ -24,7 +24,7 @@
         transition: 0.3s;
     }
     #moell-header #navbar li a:hover {
-        color: #52d3aa !important;
+        color: #00CCCC  !important;
     }
     #moell-header #navbar li a span:before {
         background: transparent !important;
@@ -32,7 +32,7 @@
     #moell-header #navbar li.active a {
         background: transparent;
         background: none;
-        color: #52d3aa !important;
+        color: #00CCCC  !important;
     }
     #moell-header #navbar li.active a span:before {
         visibility: visible;
@@ -46,7 +46,7 @@
 }
 #moell-header #navbar li a {
     font-family: "Source Sans Pro", Arial, sans-serif;
-    color: #52d3aa;
+    color: #00CCCC ;
     position: relative;
     font-size: 19px;
     font-weight: 300;
@@ -63,7 +63,7 @@
     height: 2px;
     bottom: 0;
     left: 0;
-    background-color: #00CCCC;
+    background-color: #999999;
     visibility: hidden;
     -webkit-transform: scaleX(0);
     -moz-transform: scaleX(0);
@@ -77,7 +77,7 @@
     transition: all 0.3s ease-in-out 0s;
 }
 #moell-header #navbar li a:hover {
-    color: #00CCCC;
+    color: #999999;
 }
 #moell-header #navbar li a:hover span:before {
     visibility: visible;
@@ -90,7 +90,7 @@
 #moell-header #navbar li.active a {
     background: transparent;
     background: none;
-    color: #00CCCC;
+    color: #999999;
 }
 #moell-header #navbar li.active a span:before {
     visibility: visible;
@@ -103,7 +103,7 @@
     font-size: 30px;
     font-weight: 700;
     padding-left: 0;
-    color: #00CCFF;
+    color: #00CCCC ;
 }
 #moell-header.navbar-fixed-top {
     position: fixed !important;
@@ -116,7 +116,7 @@
     top: 0;
 }
 #moell-header.navbar-fixed-top .navbar-brand {
-    color: #52d3aa;
+    color: #00CCCC ;
 }
 #moell-header.navbar-fixed-top #navbar li a {
     color: rgba(0, 0, 0, 0.5);
@@ -125,18 +125,18 @@
     transition: 0.3s;
 }
 #moell-header.navbar-fixed-top #navbar li a:hover {
-    color: #52d3aa;
+    color: #00CCCC ;
 }
 #moell-header.navbar-fixed-top #navbar li.active a {
     background: transparent;
     background: none;
-    color: #52d3aa;
+    color: #00CCCC ;
 }
 #moell-header.navbar-fixed-top #navbar li.active a span:before {
     visibility: visible;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
-    background-color: #52d3aa;
+    background-color: #00CCCC ;
 }
 #moell-header .navbar-default {
     border: transparent;
@@ -160,7 +160,7 @@
     color: #adadad;
 }
 #moell-header .navbar-default .brand-slogan em {
-    color: #52d3aa;
+    color: #00CCCC ;
     font-style: normal;
 }
 #moell-header a {
@@ -170,7 +170,7 @@
 }
 
 #moell-home, #moell-home .text-wrap {
-    height: 270px;
+    height: 290px;
 }
 #moell-home .text-wrap {
     display: table;
@@ -181,14 +181,17 @@
 #moell-home .text-inner {
     display: table-cell;
     vertical-align: middle;
-    padding-top:40px;
     word-break:break-all;
 }
 
+#moell-home .text-inner a {
+    //color: rgba(255, 255, 255, 0.8);
+    color: #000000;
+}
+
 #moell-home .text-inner h1 {
-    font-size: 50px;
+    font-size: 40px;
     color: white;
-    margin: 0 0 20px 0;
 }
 #moell-home .text-inner h2 {
     font-size: 28px;
@@ -209,7 +212,7 @@
 }
 #moell-home .gradient {
     position: absolute;
-    height:200px;
+    height:220px;
     top: 50px;
     bottom: 0;
     left: 0;
@@ -217,15 +220,15 @@
     z-index: 2;
     opacity: .9;
     -webkit-backface-visibility: hidden;
-    background-color: #52d3aa;
+    background-color: #00CCCC ;
     /* IE9, iOS 3.2+ */
     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMzZjk1ZWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzUyZDNhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
-    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, #52d3aa), color-stop(1, #00CCCC));
+    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, #00CCCC ), color-stop(1, #999999));
     /* Android 2.3 */
-    background-image: -webkit-repeating-linear-gradient(top left, #52d3aa 0%, #00CCCC 100%);
+    background-image: -webkit-repeating-linear-gradient(top left, #00CCCC  0%, #999999 100%);
     /* IE10+ */
-    background-image: repeating-linear-gradient(to bottom right, #52d3aa 0%, #00CCCC 100%);
-    background-image: -ms-repeating-linear-gradient(top left, #52d3aa 0%, #00CCCC 100%);
+    background-image: repeating-linear-gradient(to bottom right, #00CCCC  0%, #999999 100%);
+    background-image: -ms-repeating-linear-gradient(top left, #00CCCC  0%, #999999 100%);
 }
 .article-list {
     padding-left: 0px;
@@ -253,3 +256,10 @@
     background: url('/default/icons/weibo.png') no-repeat;
     background-size: 16px 16px;
 }
+
+#footer {
+    border-top:1px solid #ddd;
+    margin-top:40px;
+    height:60px;
+    background-color: #ffffff;
+}

resources/views/default/footer.blade.php

@@ -2,7 +2,13 @@
     <div class="container">
         <div class="row">
             <div class="col-md-12 text-center">
-                <p><strong>Powered by <a href="http://moell.cn" target="_blank">Moell Blog</a></strong></p>
+                <p style="margin-top:15px;">
+                    <strong>Powered by <a href="http://moell.cn" target="_blank">Moell Blog</a></strong>
+                    &nbsp;&nbsp;
+                    <a href='https://github.com/moell-peng/moell-blog' target="_blank">
+                        <span class="icon-github" style="padding-right:20px;"></span>
+                    </a>
+                </p>
             </div>
         </div>
     </div>

resources/views/default/home.blade.php

@@ -9,9 +9,9 @@
 @section('keywords', $systemPresenter->getKeyValue('seo_keyword'))
 
 @section('header-text')
-    <div class="text-inner text-center">
+    <div class="text-inner">
         <div class="row">
-            <div class="col-md-8 col-md-offset-2">
+            <div class="col-md-12">
                 <h1 class="to-animate fadeInUp animated">
                     {{ $systemPresenter->getKeyValue('motto') }}
                 </h1>