Template:Georgia State/css

From 2010.igem.org

(Difference between revisions)
(New page: <html> <style type="text/css"> #allcontent { width: 950px; } .firstHeading { display:none; } body { background-image:none; background-position: center; background-repeat: no-r...)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
ul.dropdown li {
-
<style type="text/css">
+
-
#allcontent {
 
-
      width: 950px;
 
-
}
 
-
 
-
.firstHeading {
 
-
  display:none;
 
-
}
 
-
 
-
body {
 
-
 
-
background-image:none;
 
-
background-position: center;
 
-
background-repeat: no-repeat;
 
-
background-attachment: fixed;       
 
-
margin-left: auto;
 
-
        margin-right: auto;
 
-
font-family: Helvetica, Arial, sans-serif;
 
-
width: 900px;
 
}
}
-
table {
+
ul.dropdown ul a {
-
        color: #254117;
+
padding: 4px 5px 4px 14px;
-
font-family: Helvetica, Arial, sans-serif;
+
width: 151px; /* Especially for IE */
-
        }
+
-
 
+
-
#content {
+
-
        color: #254117;
+
-
font-family: Helvetica, Arial, sans-serif;
+
-
width: 963px;
+
-
        line-height: 1.2em;
+
-
 
+
-
}
+
-
 
+
-
a {
+
-
  text-decoration: none;
+
-
  color: #7F5217;
+
-
  }
+
-
 
+
-
a:visited{
+
-
      color:#660000;
+
-
      text-decoration: none;
+
-
      }
+
-
 
+
-
a:hover {
+
-
color: #A0C544;
+
-
        text-decoration: none;
+
}
}
-
+
ul.dropdown ul a:hover {
-
h1, h2, h3, h4, h5, h6 {
+
background-color: #76b900;
-
        color: #254117;
+
-
}
+
-
 
+
-
#headerlinks{
+
-
      margin-left: -20px;
+
-
}
+
-
 
+
-
#nav, #nav ul {
+
-
padding: 0;
+
-
list-style: none;
+
}
}
-
.abstractext{
+
ul.dropdown a.open {
-
float:right;
+
background-color: #2e2e2e;
-
width="400px"
+
color: #76b900;
-
}
+
-
 
+
-
#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 {
+
ul.dropdown ul a.open {
-
  color: white !important;
+
background-color: #76b900;
-
  text-decoration: none;
+
color: #fff;
-
  }
+
-
 
+
-
 
+
-
a.bannertoplinks {
+
-
  color: white !important;
+
-
  text-decoration: none;
+
-
}
+
-
 
+
-
a.bannerlinks:hover, a.bannertoplinks:hover {
+
-
  background-color: #A0C544;
+
-
  color: white;
+
-
  }
+
-
 
+
-
a.labnotebook{
+
-
  color: #254117;
+
-
  text-decoration: none;
+
-
    }
+
-
 
+
-
a.labnotebook:hover{
+
-
color: #254117;
+
-
  text-decoration: none;
+
-
}
+
-
a.labnotebook:visited{
+
-
color: #254117;
+
-
  text-decoration: none;
+
-
}
+
-
+
-
.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;
 
-
}
 
-
.bannertoplinkslast{
 
-
      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 {
 
-
        right:5px;
 
-
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;
 
-
}
 
-
 
-
#content {
 
-
      padding: 6px;
 
-
      padding-top: 1px;
 
-
}
 
-
 
-
</style>
 
-
<script type="text/javascript">
 
-
var fh = document.getElementsByClassName("firstHeading")[0];
 
-
fh.parentElement.removeChild(fh);
 
-
var fh=document.getElementById("contentSub");
 
-
fh.parentElement.removeChild(fh);
 
-
</script>
 
-
<!-- !END HARVARDCSS -->
 
-
</html>
 

Latest revision as of 04:14, 27 October 2010

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; }

Retrieved from "http://2010.igem.org/Template:Georgia_State/css"