add add alert box

lautr3k · Mar 21, 2016 · b75a3cb1ab3a1e1f66c4d15ddef38d912546e8e6 · b75a3cb
1 parent b9f3e8c
commit b75a3cb1ab3a1e1f66c4d15ddef38d912546e8e6
Unified Split

Showing with 13 additions and 53 deletions.

+8 −53 css/main.css

+5 −0 index.html
diff --git a/css/main.css b/css/main.css
@@ -121,6 +121,14 @@
     filter: none;
 }
 
+/* Alert */
+#alert {
+    position: absolute;
+    top: 61px;
+    left: 311px;
+    right: 71px;
+}
+
 /* Button file */
 .btn-file {
     position: relative;
@@ -142,56 +150,3 @@
     cursor: inherit;
     display: block;
 }
-
-/*input[type="number"].input-sm {
-    width: 60px;
-}*/
-
-/*#screen label {
-    float: left;
-    width: 100px;
-    height: 30px;
-}
-
-#screen .form-control {
-    float: right;
-}*/
-
-/* Main contents */
-/*.main {
-  padding: 10px;
-  margin-top: 51px;
-}*/
-
-/* Sidebar */
-/*#sidebar {
-    width: 300px;
-    position: fixed;
-    top: 51px;
-    bottom: 0;
-    left: 0;
-    z-index: 1000;
-    display: block;
-    padding: 10px;
-    overflow-x: hidden;
-    overflow-y: auto;
-    background-color: #f5f5f5;
-    border-right: 1px solid #eee;
-  }*/
-
-/* Sidebar navigation */
-/*.nav-sidebar {
-    margin-right: -21px;
-    margin-bottom: 20px;
-    margin-left: -20px;
-}
-.nav-sidebar > li > a {
-    padding-right: 20px;
-    padding-left: 20px;
-}
-.nav-sidebar > .active > a,
-.nav-sidebar > .active > a:hover,
-.nav-sidebar > .active > a:focus {
-    color: #fff;
-    background-color: #428bca;
-}*/
diff --git a/index.html b/index.html
@@ -267,6 +267,11 @@ <h3 class="panel-title">Colors</h3>
 
         </div><!-- .body -->
 
+        <div id="alert" class="alert alert-warning hidden" role="alert">
+            <!-- <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> -->
+            <p class="message">Alert message empty...</p>
+        </div>
+
         <script src="vendor/jquery-2.1.4.min.js" type="text/javascript"></script>
         <script src="vendor/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
         <script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>