Template:Georgia State/dropdown css

From 2010.igem.org

(Difference between revisions)
(New page: <html> <style type="text/css"> @charset "UTF-8"; /** * Horizontal CSS Drop-Down Menu Module * * @file dropdown.css * @package Dropdown * @version 0.7.1 * @type Transitional * ...)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
@charset "UTF-8";
 
-
 
-
/**
 
-
* Horizontal CSS Drop-Down Menu Module
 
-
*
 
-
* @file dropdown.css
 
-
* @package Dropdown
 
-
* @version 0.7.1
 
-
* @type Transitional
 
-
* @stacks 597-599
 
-
* @browsers Windows: IE6+, Opera7+, Firefox1+
 
-
* Mac OS: Safari2+, Firefox2+
 
-
*
 
-
* @link http://www.lwis.net/
 
-
* @copyright 2006-2008 Live Web Institute. All Rights Reserved.
 
-
*
 
-
*/
 
-
 
-
ul.dropdown,
 
-
ul.dropdown li,
 
-
ul.dropdown ul {
 
-
list-style: none;
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
ul.dropdown {
ul.dropdown {
-
  position: relative;
+
  font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
-
  z-index: 597;
+
  text-transform: uppercase;
-
float: left;
+
}
}
-
ul.dropdown li {
+
ul.dropdown li {
-
float: left;
+
padding: 7px 0;
-
line-height: 1.3em;
+
background-color: #000;
-
vertical-align: middle;
+
color: #fff;
-
zoom: 1;
+
line-height: normal;
-
}
+
}
-
ul.dropdown li.hover,
+
ul.dropdown li.hover,
-
ul.dropdown li:hover {
+
ul.dropdown li:hover {
-
position: relative;
+
-
z-index: 599;
+
}
-
cursor: default;
+
-
}
+
-
ul.dropdown ul {
+
ul.dropdown a:link,
-
visibility: hidden;
+
ul.dropdown a:visited { color: #fff; text-decoration: none; }
-
position: absolute;
+
ul.dropdown a:hover { color: #76b900; text-decoration: none; }
-
top: 100%;
+
ul.dropdown a:active { color: #fff; }
-
left: 0;
+
-
z-index: 598;
+
-
width: 100%;
+
-
}
+
-
ul.dropdown ul li {
 
-
float: none;
 
-
}
 
-
ul.dropdown ul ul {
+
/* ----- END LEVEL */
-
top: 1px;
+
 
-
left: 99%;
+
-
}
+
-
ul.dropdown li:hover > ul {
+
/* ----- NON-FIRST LEVEL */
-
visibility: visible;
+
 
-
}
+
ul.dropdown ul {
 +
width: 170px;
 +
background-color: #333;
 +
color: #fff;
 +
font-size: 11px;
 +
text-transform: none;
 +
filter: alpha(opacity=90);
 +
-moz-opacity: .9;
 +
KhtmlOpacity: .9;
 +
opacity: .9;
 +
}
 +
 
 +
ul.dropdown ul li {
 +
background-color: transparent;
 +
color: #000;
 +
filter: none;
 +
}
 +
 
 +
ul.dropdown ul li.hover,
 +
ul.dropdown ul li:hover {
 +
background-color: transparent;
 +
}
 +
 
 +
ul.dropdown ul a:link,
 +
ul.dropdown ul a:visited { color: #fff; }
 +
ul.dropdown ul a:hover { color: #fff; text-decoration: none; }
 +
ul.dropdown ul a:active { color: #fff; }
</html>
</html>

Revision as of 04:52, 27 October 2010