"

From 2010.igem.org

---

Revision as of 20:53, 15 July 2010

<style type="text/css">

1. allcontent {

     width: 950px;

}

body {

       margin-left: auto;
       margin-right: auto;

font-family: Helvetica, Arial, sans-serif; width: 900px; }

1. 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;

}

1. headerlinks{

      margin-left: -20px;

}

1. nav, #nav ul {

padding: 0; list-style: none; }

1. nav a {

display: block; width: 149px; }

1. nav li {

float: left; width: 149px; margin-right: 41px; }

1. nav li ul {

position: absolute; width: 149px; left: -999em; }

1. nav li:hover ul {

left: auto;

      text-decoration: none;
      color: white;

}

1. nav li:hover ul, #nav li.sfhover ul {

left: auto;

      text-decoration: none;
     color: white;

}

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;
  text-decoration: none;
  }


a.bannertoplinks {
  color: white;
  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; }

1. twitter_div {

font-size: 0.8em;

       margin-right: 0px;

}

1. twitter_div ul {

line-height: 1.3em;

       list-style-type: none;

}

1. twitter_div img {

       float: left;
       margin-top:.5em;
       margin-right:.5em;
       }

1. twitter_update_list {

       margin-left: 0px;
       }

1. twitter_head {

       margin-bottom: .6em;
       border-bottom: 1px solid #AAA;
       font-size: 150%;
       }

1. twitter_head p {layout:block; margin-bottom:2px;}
2. twitter_head a {float:right; layout:block;}

1. sidebar {

width: 300px; float: right; margin-right: 0px; border-style: solid; border-color: white; border-width: 1px; padding: 0px; }

1. abstract {

width: 600px; border-style: solid; border-color: white; border-width: 1px; padding: 10px; line-height: 1.2em;

       font-size: 14px;

}

1. rightgroup {

float: right; width: 300px; padding: 10px; }

1. leftgroup {

width: 300px; padding: 10px;

       margin-right: 20px;

}

1. maincontent {

width: 610px; }

1. headerlinks > #nav > li {

       border-bottom: 4px solid white;

}

1. sidebar a{

     text-decoration: none;
     color: #7F5217;

}

1. 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;

}