Template:Team:DukeMBar/CSS
From 2014.igem.org
(Difference between revisions)
Line 6: | Line 6: | ||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | ||
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex1/chrome/chromejs/chrome.js"></script> | <script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex1/chrome/chromejs/chrome.js"></script> | ||
- | < | + | <style type="text/css" media="screen"> |
+ | .chromestyle{ | ||
+ | width: 99%; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/ | ||
+ | content: "."; | ||
+ | display: block; | ||
+ | height: 0; | ||
+ | clear: both; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .chromestyle ul{ | ||
+ | border: 1px solid #BBB; | ||
+ | width: 100%; | ||
+ | background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/ | ||
+ | padding: 4px 0; | ||
+ | margin: 0; | ||
+ | text-align: center; /*set value to "left", "center", or "right"*/ | ||
+ | } | ||
+ | |||
+ | .chromestyle ul li{ | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | .chromestyle ul li a{ | ||
+ | color: #494949; | ||
+ | padding: 4px 7px; | ||
+ | margin: 0; | ||
+ | text-decoration: none; | ||
+ | border-right: 1px solid #DADADA; | ||
+ | } | ||
+ | |||
+ | .chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/ | ||
+ | background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/ | ||
+ | } | ||
+ | |||
+ | /* ######### Style for Drop Down Menu ######### */ | ||
+ | |||
+ | .dropmenudiv{ | ||
+ | position:absolute; | ||
+ | top: 0; | ||
+ | border: 1px solid #BBB; /*THEME CHANGE HERE*/ | ||
+ | border-bottom-width: 0; | ||
+ | font:normal 12px Verdana; | ||
+ | line-height:18px; | ||
+ | z-index:100; | ||
+ | background-color: white; | ||
+ | width: 200px; | ||
+ | visibility: hidden; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .dropmenudiv a{ | ||
+ | width: auto; | ||
+ | display: block; | ||
+ | text-indent: 3px; | ||
+ | border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/ | ||
+ | padding: 2px 0; | ||
+ | text-decoration: none; | ||
+ | font-weight: bold; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | * html .dropmenudiv a{ /*IE only hack*/ | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .dropmenudiv a:hover{ /*THEME CHANGE HERE*/ | ||
+ | background-color: #F0F0F0; | ||
+ | } | ||
+ | </style> | ||
+ | |||
</head> | </head> | ||
Revision as of 21:38, 14 October 2014