User:Shaothing/wiki/test.css
From 2010.igem.org
Note: After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh); Konqueror: click Reload or press F5; Opera: clear the cache in Tools → Preferences; Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.
#allcontent { width: 950px; } body { margin-left: auto; margin-right: auto; font-family: Helvetica, Arial, sans-serif; width: 900px; } table { color: #254117; font-family: Helvetica, Arial, sans-serif; } #content { color: #254117; font-family: Helvetica, Arial, sans-serif; width: 965px; line-height: 1.2em; } a { text-decoration: none; color: #7F5217; } a:hover { color: #A0C544; text-decoration: none; } h1, h2, h3, h4, h5, h6 { color: #254117; } #headerlinks{ margin-left: -20px; } #nav, #nav ul { padding: 0; list-style: none; } #nav a { display: block; width: 149px; } #nav li { float: left; width: 149px; margin-right: 41px; } #nav li ul { position: absolute; width: 149px; left: -999em; } #nav li:hover ul { left: auto; text-decoration: none; color: white !important; } #nav li:hover ul, #nav li.sfhover ul { left: auto; text-decoration: none; color: white !important; } sfHover = function() { var sfEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); .bannerimage { } a.bannerlinks { color: white !important; text-decoration: none; } a.bannertoplinks { color: white !important; text-decoration: none; } a.bannerlinks:hover, a.bannertoplinks:hover { background-color: #A0C544; color: white; } .bannerlinks { background-color: #7F5217; border-style: solid; border-color: white; border-width: 1px; color: white; padding: 3px 20px 3px 20px; margin-left: -19px; } .bannertoplinks { background-color: #827B60; border-style: solid; border-color: white; border-width: 1px; color: white; margin-bottom: -2px; padding: 3px 20px 3px 20px; } #twitter_div { font-size: 0.8em; margin-right: 0px; } #twitter_div ul { line-height: 1.3em; list-style-type: none; } #twitter_div img { float: left; margin-top:.5em; margin-right:.5em; } #twitter_update_list { margin-left: 0px; } #twitter_head { margin-bottom: .6em; border-bottom: 1px solid #AAA; font-size: 150%; } #twitter_head p {layout:block; margin-bottom:2px;} #twitter_head a {float:right; layout:block;} #sidebar { width: 300px; float: right; margin-right: 0px; border-style: solid; border-color: white; border-width: 1px; padding: 0px; padding-top:5px; } #abstract { width: 600px; border-style: solid; border-color: white; border-width: 1px; padding: 10px; line-height: 1.2em; font-size: 14px; } #rightgroup { float: right; width: 300px; padding: 10px; } #leftgroup { width: 300px; padding: 10px; margin-right: 20px; } #maincontent { width: 610px; } #headerlinks > #nav > li { border-bottom: 4px solid white; } #sidebar a{ text-decoration: none; color: #7F5217; } #sidebar a:hover{ color: #A0C544; text-decoration: none; } a.sidebarlinks { display: block; width: 300px; font-size: 1.2em; text-align: center; background-color: #827B60; color: white !important; padding: 10px 0px 10px 0px; margin-bottom: 5px } a.sidebarlinks:hover { background-color: #A0C544; color: white !important; } a.timelinelinks { color: #7F5217 !important; } a.timelinelinks:hover { color: #A0C544 !important; }