Updated color pallete style

pull/298/merge
Abdullah Almsaeed 2015-03-21 22:37:23 -04:00
parent c25a8710f4
commit ab57813844
2 changed files with 16 additions and 5 deletions

View File

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

View File

@ -24,8 +24,8 @@
<![endif]--> <![endif]-->
<style> <style>
.color-palette { .color-palette {
height: 50px; height: 35px;
line-height: 50px; line-height: 35px;
text-align: center; text-align: center;
} }
@ -34,10 +34,21 @@
} }
.color-palette span { .color-palette span {
display: none; display: none;
font-size: 12px;
} }
.color-palette:hover span { .color-palette:hover span {
display: block; 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> </style>
</head> </head>
<body class="skin-blue"> <body class="skin-blue">
@ -466,7 +477,7 @@
<!-- Main content --> <!-- Main content -->
<section class="content"> <section class="content">
<!-- COLOR PALETTE --> <!-- COLOR PALETTE -->
<div class='box box-default'> <div class='box box-default color-palette-box'>
<div class='box-header with-border'> <div class='box-header with-border'>
<h3 class='box-title'><i class="fa fa-tag"></i> Color Palette</h3> <h3 class='box-title'><i class="fa fa-tag"></i> Color Palette</h3>
</div> </div>