Browse Source

Updated color pallete style

Abdullah Almsaeed 10 years ago
parent
commit
ab57813844
2 changed files with 16 additions and 5 deletions
  1. 2 2
      index2.html
  2. 14 3
      pages/UI/general.html

+ 2 - 2
index2.html

@@ -31,7 +31,7 @@
   </head>
   <body class="skin-blue">
     <div class="wrapper">
-      
+
       <header class="main-header">
         <!-- Logo -->
         <a href="index2.html" class="logo"><b>Admin</b>LTE</a>
@@ -43,7 +43,7 @@
           </a>
           <!-- Navbar Right Menu -->
           <div class="navbar-custom-menu">
-            <ul class="nav navbar-nav">
+            <ul class="nav navbar-nav">              
               <!-- Messages: style can be found in dropdown.less-->
               <li class="dropdown messages-menu">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">

+ 14 - 3
pages/UI/general.html

@@ -24,8 +24,8 @@
     <![endif]-->
     <style>
       .color-palette {
-        height: 50px;
-        line-height: 50px;
+        height: 35px;
+        line-height: 35px;
         text-align: center;
 
       }
@@ -34,10 +34,21 @@
       }
       .color-palette span {
         display: none;
+        font-size: 12px;
       }
       .color-palette:hover span {
         display: block;
       }
+      .color-palette-box h4 {
+        position: absolute;
+        top: 100%;
+        left: 25px;
+        margin-top: -40px;
+        color: rgba(255, 255, 255, 0.8);
+        font-size: 12px;
+        display: block;    
+        z-index: 7;
+      }
     </style>
   </head>
   <body class="skin-blue">
@@ -466,7 +477,7 @@
         <!-- Main content -->
         <section class="content">
           <!-- COLOR PALETTE -->
-          <div class='box box-default'>
+          <div class='box box-default color-palette-box'>
             <div class='box-header with-border'>
               <h3 class='box-title'><i class="fa fa-tag"></i> Color Palette</h3>
             </div>