Template:Georgia State/dropdown css

From 2010.igem.org

(Difference between revisions)
Line 4: Line 4:
@charset "UTF-8";
@charset "UTF-8";
-
/**  
+
/**
-
  * NVIDIA Advanced CSS Drop-Down Menu Theme
+
  * Horizontal CSS Drop-Down Menu Module
  *
  *
-
  * @file default.advanced.css
+
  * @file dropdown.css
-
  * @name NVIDIA
+
  * @package Dropdown
-
  * @version 0.1
+
  * @version 0.7.1
-
  * @type transitional
+
  * @type Transitional
-
  * @browsers Windows: IE5+, Opera7+, Firefox1+
+
* @stacks 597-599
 +
  * @browsers Windows: IE6+, Opera7+, Firefox1+
  * Mac OS: Safari2+, Firefox2+
  * Mac OS: Safari2+, Firefox2+
  *
  *
  * @link http://www.lwis.net/
  * @link http://www.lwis.net/
-
  * @copyright 2008 Live Web Institute. All Rights Reserved.
+
  * @copyright 2006-2008 Live Web Institute. All Rights Reserved.
  *
  *
  */
  */
-
@import "default.css";
+
ul.dropdown,
 +
ul.dropdown li,
 +
ul.dropdown ul {
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
ul.dropdown {
 +
position: relative;
 +
z-index: 597;
 +
float: left;
 +
}
-
ul.dropdown li a {
+
ul.dropdown li {
-
  display: block;
+
  float: left;
-
  padding: 7px 14px;
+
  line-height: 1.3em;
 +
vertical-align: middle;
 +
zoom: 1;
}
}
 +
ul.dropdown li.hover,
 +
ul.dropdown li:hover {
 +
position: relative;
 +
z-index: 599;
 +
cursor: default;
 +
}
-
/* ------------- Override default */
+
ul.dropdown ul {
 +
visibility: hidden;
 +
position: absolute;
 +
top: 100%;
 +
left: 0;
 +
z-index: 598;
 +
width: 100%;
 +
}
-
ul.dropdown li {
+
ul.dropdown ul li {
-
padding: 0;
+
float: none;
-
}
+
}
 +
ul.dropdown ul ul {
 +
top: 1px;
 +
left: 99%;
 +
}
-
/* ------------- Reinitiate default: post-override activities  */
+
ul.dropdown li:hover > ul {
-
 
+
visibility: visible;
-
ul.dropdown li.dir {
+
}
-
padding: 7px 20px 7px 14px;
+
-
}
+
-
 
+
-
ul.dropdown ul li.dir {
+
-
padding-right: 15px;
+
-
}
+
-
 
+
-
 
+
-
/* ------------- Custom */
+
-
 
+
-
ul.dropdown li {
+
-
 
+
-
}
+
-
 
+
-
ul.dropdown ul a {
+
-
padding: 4px 5px 4px 14px;
+
-
width: 151px; /* Especially for IE */
+
-
}
+
-
 
+
-
ul.dropdown ul a:hover {
+
-
background-color: #76b900;
+
-
}
+
-
 
+
-
ul.dropdown a.open {
+
-
background-color: #2e2e2e;
+
-
color: #76b900;
+
-
}
+
-
 
+
-
ul.dropdown ul a.open {
+
-
background-color: #76b900;
+
-
color: #fff;
+
-
}
+
-
 
+
-
 
+
-
/* CSS 2.1 */
+
-
 
+
-
ul.dropdown li:hover > a.dir {
+
-
background-color: #2e2e2e;
+
-
color: #005DAA;
+
-
}
+
-
ul.dropdown ul li:hover > a.dir {
 
-
background-color: #76b900;
 
-
color: #005DAA;
 
-
}
 
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">

Revision as of 07:05, 27 October 2010