"
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
