modify customize oage

lib/views/admin/customize.html

@@ -167,7 +167,7 @@
             <ul>
               <li>Simple and Clear</li>
               <ul>
-                <li>Show and post comments from the bottom of the page</li>
+                <li>Show and post comments at the bottom of the page</li>
                 <li>Affix Table-of-contents</li>
               </ul>
             </ul>
@@ -208,11 +208,11 @@
               <img src="/images/admin/customize/layout-classic-thumb.gif" width="240px">
             </a>
             <ul>
-              <li>Simple</li>
+              <li>Easy Viewing Structure</li>
               <ul>
-                <li>Collapsible Sidebar</li>
-                <li>Show and post comments in Sidebar</li>
-                <li>Collapsible Table-of-contents</li>
+                <li>Center aligned contents</li>
+                <li>Show and post comments at the bottom of the page</li>
+                <li>Affix Table-of-contents</li>
               </ul>
             </ul>
           </div>

lib/views/layout-kibela/forbidden.html

@@ -13,7 +13,7 @@
 
 {% block content_main %}
   <div class="row">
-    <div class="col-lg-10 col-md-9">
+    <div class="bg-white round-corner">
       {% include '../widget/forbidden_content.html' %}
     </div> {# /.col- #}
   </div>

lib/views/layout-kibela/not_found.html

@@ -13,7 +13,7 @@
 
 {% block content_main %}
   <div class="row">
-    <div class="col-lg-10 col-md-9">
+    <div class="bg-white round-corner">
       {% include '../widget/not_found_content.html' %}
     </div> {# /.col- #}
   </div>

resource/styles/scss/_layout_kibela.scss

@@ -1,10 +1,5 @@
 .kibela {
 
-  /* h1 横のアイコン　*/
-
-  h1,.revision-head-link, .revision-head-button, .icon-link, .icon-note {
-    color: black;
-  }
   .icon-link, .CodeMirror-hint-active, .nav-main-left-tab, .tav-pane, .active {
     color: #5882FA;
   }
@@ -97,31 +92,31 @@
 
 
 
-    @media screen and (max-width: 770px) {
+    @media screen and (max-width: 790px) {
 
       .search-top, .navbar-toggle {
         display: none !important;
       }
-      @media screen and (max-width: 500px) {
+      @media screen and (max-width: 540px) {
 
         .user-name {
           display: none;
         }
         .navbar-right {
-          width: 65%;
+          width: 80%;
           li {
             text-align: center;
-            width: 30%;
+            width: 25%;
             a {
               margin-right: 0px;
             }
             .create-page {
-              width: 60px;
+              width: 100%;
             }
             .dropdown {
               text-align: center;
               .dropdown-toggle {
-                padding-left: 2em;
+                padding-left: 0em;
                 margin-right: 0px;
                 width: 100%;
               }