''

assets/javascripts/app.js

@@ -532,6 +532,8 @@ extendPanelWidget();
 
   // 當文件物件模型(DOM)載入後，執行init函數
   $(document).ready(function() {
+    $('.i-annc__page-title').after($('.addcontent'));
+    $('.page-module-title').after($('.addcontent'));
     //滾動出現效果
     $(window).scroll(function() {
         var windowBottom = $(window).scrollTop() + $(window).innerHeight();

assets/stylesheets/template/base/_global.scss

@@ -11,8 +11,10 @@ body {
   font-family: $sub-font;
   font-size: inherit;
   margin-top: 2.5em;
-  background:#bfbfbf;
+  background:#f4f4f4;
   overflow-x: hidden;
+  background: url(/assets/紋路.png) repeat #f4f4f4;
+  background-size: 50%;
 }
 
 a:link,

assets/stylesheets/template/base/_go_back_top.scss

@@ -3,7 +3,6 @@
 @import "variables";
 
 .go-back-top {
-  background: rgba($theme-color-four, 0.9);
   text-align: center;
   padding: 0.625em 0.75em;
   position: fixed;
@@ -11,12 +10,18 @@
   right: 0.9375em;
   cursor: pointer;
   display: none;
-  color: $theme-white;
+  color: transparent;
   font-size: 0.750em;
   border-radius: 0.125em;
   z-index: 1050;
-
+  background: url(/assets/coin.png) bottom no-repeat;
+  background-size: contain;
   &:hover {
-    background: rgba($theme-color-four, 1);
+        transform: scale(1.5);
+        -webkit-transition: .3s ease-out;
+        -moz-transition: .3s ease-out;
+        -ms-transition: .3s ease-out;
+        -o-transition: .3s ease-out;
+        transition: .3s ease-out;
   }
 }

assets/stylesheets/template/base/_unity.scss

@@ -9,7 +9,7 @@
   font-family: $main-font;
   font-size: $font-h1;
   color: $theme-color-main;
-  border-left: 3px solid #0268b7;
+  border-left: 3px solid $theme-color-second;
   padding-left: 6px;
   &:after{
     height: 0;

assets/stylesheets/template/base/_variables.scss

@@ -13,9 +13,9 @@ $theme-red: #d20001;
 $theme-blue: #003d7e;
 
 $theme-color-main: #333333;
-$theme-color-second:#0268b7;
+$theme-color-second:#ad081b;
 $theme-color-third: #ed4c43;
-$theme-color-four: #0268b7;
+$theme-color-four: #ad081b;
 $theme-color-green: #32D9C3;
 
 // Font stacks

assets/stylesheets/template/layout/content.scss

@@ -16,9 +16,12 @@
     @extend .response-container;
   }
 }
-
+.floatwrap1{
-.content-inner{
+  position: relative;
-  background-color: #f4f4f4;
+  background: url(/assets/花紋.png) top right no-repeat;
+  background-size: 30%;
+  -webkit-transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out;
 }
 .clearfix{
   padding-right: 1em;
@@ -34,9 +37,23 @@
   }
 }
 .floatwrapp{
-    background-color:#0268b7;
+    background-color:$theme-color-second;
   @media(min-width: 769px){
     width: 80%;
     float: right;
   }
 }
+.addcontent{
+  width: 100%;
+  position: relative;
+}
+.internal-page{
+  .floatwrap{
+    position: relative;
+    background: url(/assets/花紋.png) top right no-repeat #fff;
+    background-size: 30%;
+    background-position-y: -5%;
+    -webkit-transition: all 0.3s ease-out;
+    transition: all 0.3s ease-out;
+  }
+}

assets/stylesheets/template/layout/footer.scss

@@ -15,13 +15,10 @@
     color: #fff;
     &:hover,
     &:focus {
-      color: lighten($theme-color-main, 10%);
+      color: lighten($theme-color-second, 10%);
     }
   }
 }
-.layout-footer-inner{
-      background:#f4f4f4;
-}
 .layout-footer-content{
   padding: 2em;
 }

assets/stylesheets/template/layout/header.scss

@@ -15,7 +15,6 @@
   border: none;
   border-radius: 0;
   z-index: 1;
-  background: #0268b7;
   .container {
     @extend .response-container;
   }
@@ -32,7 +31,7 @@
   }
 }
   .header-nav {
-    background: #0268b7;
+    background: $theme-color-second;
     padding: 0.5em 1em;
     color: #fff;
     font-family: $main-font;
@@ -60,7 +59,7 @@
   .navbar-header {
     padding: 0;
     @media(min-width: 769px){
-      background: #0268b7;
+      background: $theme-color-second;
       width: 20%;
       position: absolute;
       padding-bottom: 10px;

assets/stylesheets/template/modules/announcement.scss

@@ -199,7 +199,7 @@
   }
 
   .w-annc__item {
-    border-bottom: 0.0625em dashed #e4e4e4;
+    border-bottom: none;
     padding-bottom: 1em;
     margin-bottom: 1em;
   }
@@ -211,7 +211,7 @@
     margin-bottom: 0;
     padding-bottom: 0.8em;
     padding-top: 0.8em;
-    border-bottom: 0.0625em dashed #e4e4e4;
+    border-bottom: none;
     &:hover{
       -webkit-transition: .3s ease-out;
       -moz-transition: .3s ease-out;
@@ -244,7 +244,7 @@
     margin-bottom: 0;
     padding-bottom: 0.8em;
     padding-top: 0.8em;
-    border-bottom: 0.0625em dashed #e4e4e4;
+    border-bottom: none;
     &:hover{
       -webkit-transition: .3s ease-out;
       -moz-transition: .3s ease-out;
@@ -285,7 +285,7 @@
     margin-bottom: 0;
     padding-bottom: 0.8em;
     padding-top: 0.8em;
-    border-bottom: 0.0625em dashed #e4e4e4;
+    border-bottom: none;
     &:hover{
       -webkit-transition: .3s ease-out;
       -moz-transition: .3s ease-out;
@@ -322,7 +322,7 @@
     margin-bottom: 0;
     padding-bottom: 0.8em;
     padding-top: 0.8em;
-    border-bottom: 0.0625em dashed #e4e4e4;
+    border-bottom: none;
     &:hover{
       -webkit-transition: .3s ease-out;
       -moz-transition: .3s ease-out;
@@ -359,7 +359,7 @@
     margin-bottom: 0;
     padding-bottom: 0.8em;
     padding-top: 0.8em;
-    border-bottom: 0.0625em dashed #e4e4e4;
+    border-bottom: none;
     &:hover{
       -webkit-transition: .3s ease-out;
       -moz-transition: .3s ease-out;
@@ -393,7 +393,7 @@
     margin-bottom: 0;
     padding-bottom: 0.8em;
     padding-top: 0.8em;
-    border-bottom: 0.0625em dashed #e4e4e4;
+    border-bottom: none;
     &:hover{
       -webkit-transition: .3s ease-out;
       -moz-transition: .3s ease-out;
@@ -485,7 +485,7 @@
   .w-annc__item {
     margin-bottom: 0.8em;
     padding-bottom: 0.8em;
-    border-bottom: 0.0625em dashed #e4e4e4;
+    border-bottom: none;
   }
 
   .w-annc__entry-title {
@@ -558,7 +558,7 @@
   .w-annc__item {
     margin-bottom: 0.8em;
     padding-bottom: 0.8em;
-    border-bottom: 0.0625em dashed #e4e4e4;
+    border-bottom: none;
   }
 
   .w-annc__entry-title {
@@ -714,7 +714,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
   .i-annc__item {
     margin-bottom: 0.8em;
     padding-bottom: 0.8em;
-    border-bottom: 0.0625em dashed #e4e4e4;
+    border-bottom: none;
   }
   .i-annc__title {
     font-size: 0.95rem;
@@ -749,7 +749,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
   .i-annc__item {
     margin-bottom: 0.8em;
     padding-bottom: 0.8em;
-    border-bottom: 0.0625em dashed #e4e4e4;
+    border-bottom: none;
   }
   .i-annc__title {
     font-size: 0.95rem;
@@ -799,6 +799,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
+    width: 100%;
   }
   .i-annc__title {
     font-family: $main-font;
@@ -902,7 +903,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
   .i-annc__item {
     margin-bottom: 0.8em;
     padding-bottom: 0.8em;
-    border-bottom: 0.0625em dashed #e4e4e4;
+    border-bottom: none;
   }
   .i-annc__title {
     font-size: 0.95rem;

assets/stylesheets/template/modules/menu.scss

@@ -5,7 +5,6 @@
   @media(min-width: 769px){
     display: block !important;
     width: 20%;
-    background: #f4f4f4;
     float: left;
     top:14.5vw;
     clear: both;

assets/stylesheets/template/modules/web_resource.scss

@@ -118,7 +118,7 @@
     }
 }
 .widget-link__widget-title{
-  border-left: 3px solid #0268b7;
+  border-left: 3px solid $theme-color-second;
   padding-left: 6px;
   span{
     &:after{

assets/stylesheets/template/widget/breadcrumb.scss

@@ -2,7 +2,7 @@
 
 @import "../initial";
 .breadcrumb {
-  background-color: #fff;
+  background: none;
   a:link, a:visited { color: $theme-color-main; }
 }
 .breadcrumb>li+li:before {

home/header.html.erb

@@ -36,8 +36,11 @@
     </div>
     <section class="header-banner" data-pp="900"></section>
     <div class="collapse navbar-collapse modules-menu" id="layout-navigation">
-    <a id="accesskey_menu" title="accesskey menu" accesskey="M" href="#" title="Main menu">:::</a>
+      <a id="accesskey_menu" title="accesskey menu" accesskey="M" href="#" title="Main menu">:::</a>
       <%= render_menu %>
+      <div class="row">
+        <section class="layout-content-box col-sm-12" data-pp="666"></section>
+      </div>
     </div>
   </div>
 </header>

home/index.html.erb

@@ -11,14 +11,15 @@
   <a id="accesskey_content" accesskey="C" href="/<%= "#{locale.to_s}" %>/accesskey" title="Content">:::</a>
 <div class="layout-contentwrap">
     <div class="layout-content-inner content-inner container">
-      <div class="floatwrap">
+      <div class="floatwrap floatwrap1">
         <section class="body-banner" data-pp="1"></section>
       </div>
     </div>
-    <section class="layout-slide no-print single-child-datapp" data-pp="301"></section>
+
 
     <div class="layout-content-inner content-inner container">
-      <div class="floatwrap">
+      <div class="floatwrap ">
+        <section class="layout-slide no-print single-child-datapp" data-pp="301"></section>
         <div class="row">
           <section class="layout-content-box col-sm-8" data-pp="4"></section>
           <section class="layout-content-box col-sm-4" data-pp="5"></section>

home/page.html.erb

@@ -7,7 +7,6 @@
   <%= render_orbit_bar %>
   <div class="background" data-pp="100"></div>
   <%= render_header %>
-  <section class="layout-slide no-print single-child-datapp" data-pp="300"></section>
 <div class="layout-contentwrap">
   <div class="layout-content">
     <div class="layout-content-inner content-inner container">
@@ -20,6 +19,14 @@
         <section class="page-content-box col-sm-3" data-pp="903"></section>
         </div>
         <div class="row">
+          <div class="addcontent">
+            <section class="page-content-box col-sm-6" data-pp="801"></section>
+            <section class="page-content-box col-sm-6" data-pp="802"></section>
+            <section class="page-content-box col-sm-8" data-pp="803"></section>
+            <section class="page-content-box col-sm-4" data-pp="804"></section>
+            <section class="page-content-box col-sm-4" data-pp="805"></section>
+            <section class="page-content-box col-sm-8" data-pp="806"></section>
+          </div>
           <section class="layout-content-box left-column col-sm-9">
           <div class="extra" data-pp="600"></div>
           <main id="main-content" class="main-content" data-content="true">

template.json

@@ -1 +1 @@
-{"key":"t_culture1","title":"t_culture1","author":"kenlee","thumbnail":"assets/images/design_thumb.png"}
+{"key":"t_culture_red","title":"t_culture_red","author":"kenlee","thumbnail":"assets/images/design_thumb.png"}