"

From 2012.igem.org

/*--STANFORD-BROWN iGEM 2012--*/

1. contentSub, #search-controls, .firstHeading, #catlinks, #p-logo {

   display:none;}

1. content {

   position: relative;
   width:  975px;
   margin-left: 10px;
   margin: 0 auto;
   padding: 5px 5px 5px 5px;;
   background-color: #fff;
   border-radius: 0px 0px 5px 5px;
   box-shadow: 0px 2px 6px 2px #222;
   background-attachment: fixed;
   border-left: 0px;
   border-right: 0px;
   color: black;
   z-index: 2;

}

1. top-section {

   position: relative;
   height: 20px;
   width: 975px;
   margin-left: 0px;

margin: 0 auto 0 auto;

   border-left: 0px;
   border-right: 0px;
   border-bottom: 0px;

}

1. menubar {

   width: auto;}

1. footer-box {

margin-left: 9px; width: 975px; padding: 5px; background-color: white;

       margin: 0 auto;
       border-radius: 5px 5px 5px 5px;
       box-shadow: 0px 2px 6px 2px #222;

}

 #container {
   margin-top: 15px;
   margin-left: auto;
   margin-right: auto;
   width: 975px;
 }

body#space {

   background-color: #DBEFFF;
   background-image: url('https://static.igem.org/mediawiki/2012/4/4f/Space.jpg');
   background-attachment: fixed;
 }
 #globalwrapper {
   margin-top: none;
   margin-left: none;
   margin-right: auto;

 }

 #nav {
   z-index: 500;
   font-family: 'Ubuntu Condensed', sans-serif;
   font-size: 17px;
   font-weight: 300;
   color: white;
 	width: 1025px;
 	float: left;
 	margin: 0 0 3em 0;
 	margin-left: -30px;
 	list-style: none;
 	background-color: #A32C2C;
 	box-shadow: 1px 0px 4px 1px #222;
 	border-radius: 0px 1px 1px 0px;

z-index: 5;

 }
 #nav li {
 	float: left; 

margin-right:10px; position:relative;

 }
 #nav a {
 	display: block;
 	padding: 8px 15px;
 	text-decoration: none;
   color: white;
 	border-style: none 
 }
 #nav a:hover {
 	color: #008ACF;
 }

/*--Dropdown stuff. Thanks to csswizardry.com--*/

1. nav ul{

background:#fff; background:rgba(255,255,255,0); left:-9999px; /* Hide off-screen */ list-style:none; position:absolute; }

1. nav ul li{

padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */ float:none;

       box-shadow: 0px 1px 3px 1px #222;

}

1. nav ul a{

white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */ }

1. nav li:hover ul{ /* Display the dropdown on hover */

left:-26px; /* Bring back on-screen when needed */ top:38px; }

1. nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */

background:#A32C2C;

       box-shadow: 0px 1px 3px 1px #222;

}

1. nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */

text-decoration:none; }

/*-end dropdown-*/

 #border-top {
   background-color: #6c6c6c;
   height: 6px;
   width: 975px;
   margin-left: 0px;
   border-radius: 0px 1px 0px 0px;

 }
 #border-bottom {
   background-color: #6c6c6c;
   height: 5px;
   width: 975px;
   margin-left: 0px;
   padding-top: 36px;
 	border-radius: 0px 1px 0px 0px;
 }
 #top-panel {
   background-color: #fff;
   height: 235px;
   margin-left:0px;
   margin-top:-20px;
   border-radius: 5px 5px 0px 0px;
   box-shadow: 0px -2px 6px 2px #222;
 }

 #bottom-panel {
   background-color: #fff;
   width: 975px;
   margin-left: 0px;
   margin-right: 30px;
   margin-top: 0px;
   border-radius: 0px 0px 5px 5px;
   box-shadow: 0px 2px 6px 2px #222;
 }
 #sa {
   line-height: 100%;
   font-family: Sans-Serif;
   font-size: 36px;
   font-weight: 300;
   color: #008ACF;
   padding-top: 55px;
   letter-spacing: 1.3px;
   text-align: right;   
 }
 #trans {
   text-align: right;
   color: #555;
   font-weight: 100;
   letter-spacing: 1.3px;
 }
 #abs-title {
   font-weight: 400;
   font-size: 30px;
   font-family: "Helvetica Neue";
   float: left;
   margin-left: 40px;
   color: #6c6c6c;
   margin-top: 30px;
 }
 #abs-text {
   margin-top: 30px;
   font-weight: 300;
   text-align: left;
   font-family: "Helvetica Neue";
   color: #333;
   font-size: 13px;
   line-height: 180%;
   margin-left: 40px;
 }

/* .l-triangle-top {

    border-color: #A32C2C transparent transparent;
    border-style:solid;
    border-width:21px;
    height:0px;
    width:0px;
    position: relative;
    float: left;
    top: -93px;
    left: -27px;
   z-index: 0;

 }
 .l-triangle-bottom {
    border-color: transparent transparent #A32C2C;
    border-style:solid;
    border-width:21px;
    height:0px;
    width:0px;
    position: relative;
    float: left;
    top: -93px;
    left: -69px;
   z-index: 0;

 }

• /

 .accomps {
   font-family: "Helvetica Neue";
   margin-top: -20px;
   margin-left: 35px;
   margin-bottom: 20px;
   background: #fff;
 	width: 290px;
   border-radius: 5px;
   border:1px solid #aaa;
   box-shadow: 0px 1px 2px 1px #ccc;
   color: #008ACF;
   font-size: 18px;
 }
 .accomps ul {
   color: #555;
   font-weight: 500;
   font-size: 12px;
   list-style-type: none;
   padding-top: -2px;
   padding-left: 15px;
   padding-right: 15px;
 }
 .accomps ul li {
   padding-bottom: 8px;
 }
 #proj-panel {
   background-color: #fff;
   height: 400px;
   width: 975px;
   margin-left: 0px;
   margin-right: 30px;
   margin-top: 15px;
   margin-bottom: 15px;
   border-radius: 5px 5px 5px 5px;
   box-shadow: 0px 2px 6px 2px #222;
 }
 .feature {
   font-family: "Helvetica Neue";
   margin-top: 20px;
   margin-left: 16px;
   background: #fff;
 	width: 285px;
 	height: 300px;
   border-style: none;
   color: #008ACF;
   font-size: 18px;
 }  
 .brief {
   margin-top: 10px;
   font-weight: 300;
   text-align: left;
   font-family: "Helvetica Neue";
   color: #333;
   font-size: 13px;
   line-height: 180%;
   margin-right: 10px;
 }