WIP: apply bootstrap theme

* notification alert

lib/views/page.html

@@ -209,7 +209,9 @@
   </div>
   {% endif %}
 
-  <div id="notifPageEdited" class="fk-notif fk-notif-danger"><i class="fa fa-exclamation-triangle"></i> <span class="edited-user"></span> {{ t('edited this page') }} <a href="javascript:location.reload();"><i class="fa fa-angle-double-right"></i> {{ t('Load latest') }}</a></div>
+  <div id="notifPageEdited" class="myadmin-alert alert-warning myadmin-alert-bottom alertbottom2">
+    <i class="fa fa-exclamation-triangle"></i> <span class="edited-user"></span> {{ t('edited this page') }} <a href="javascript:location.reload();"><i class="fa fa-angle-double-right"></i> {{ t('Load latest') }}</a>
+  </div>
 </div>
 
 {% block content_main_after %}

resource/styles/agile-admin/inverse/widgets.scss

@@ -506,7 +506,6 @@ Basic List
 */
 
 /*Notification alert*/
-/*
 .myadmin-alert {
     border-radius: 0px;
     color: #fff;
@@ -664,7 +663,6 @@ Basic List
 .alert-info a.closed:hover {
     color: inherit;
 }
-*/
 
 /*custom tab*/
 /*

resource/styles/scss/crowi.scss

@@ -326,43 +326,6 @@ input.searching {
   }
 }
 
-// notification
-.fk-notif {
-  display: none;
-
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  position: fixed;
-  z-index: 1029;
-  padding: 10px;
-  box-shadow: -1px 0 3px 0px #666;
-  font-weight: bold;
-  transition: all .3s;
-
-  &.fk-notif-danger {
-    background: #b94a48;
-    color: #fff;
-
-    a {
-      color: #f5ecf4;
-      text-decoration: underline;
-      &:hover {
-        text-decoration: none;
-      }
-    }
-  }
-
-  &.fk-notif-warning {
-    background: #fcf8e3;
-    color: #8a6d3b;
-  }
-}
-.on-edit .fk-notif {
-  bottom: 50px;
-  z-index: 1061;
-}
-
 // external-services
 .crowi {
   .github-link {