Team:UT Dallas/test/page.css

From 2012.igem.org

 #header
 {
   background: url("Top_logo_UTD.png") no-repeat scroll 6px 12px transparent;
   height: 115px;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 19px;
 }   
ul.topnav {  

float: left; font-size: 1.2em; line-height: 1em; list-style: none outside none; margin: 5px 0 0; padding: 0 0; width: 890px;

   }  
   ul.topnav li {  

background: transparent; float: right; margin: 0 0 0 20px; padding-left: 20px; padding-right: 20px; position: relative; z-index: 1000;

   }  
   ul.topnav li:hover {  

background:#84c300; float: right; margin: 0 0 0 20px; padding-left: 20px; padding-right: 20px; position: relative; z-index: 1000;

   }  	
   ul.topnav li a{  

color: #FFFFFF; display: block; float: left; padding-bottom: 10px; padding-top: 10px; text-decoration: none;

   }  
   ul.topnav li a:hover{  
       /*background: url('https://static.igem.org/mediawiki/2012/0/01/Topnav_hover.png') no-repeat center top;  */
       color:#ffffff;
   }  
   ul.topnav li span { /*--Drop down trigger styles--*/  
       /*width: 17px;  */
       height: 35px;  
       float: left;  
      /* background: url('https://static.igem.org/mediawiki/2012/4/45/Subnav_btn.gif') no-repeat center top;  */
   }  
   ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
   ul.topnav li ul.subnav {  
       list-style: none;  
       position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
       left: 0; top: 35px;  
       /*background: #333;  */
       background:url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png');
       margin: 0; padding: 0;  
       display: none;  
       float: left;  
       width: 170px;   
       line-height:0.75em;

border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;

       border: 1px solid #111;
   }  
   ul.topnav li ul.subnav li{  
       margin: 0; padding: 0;  
       border-top: 1px solid #252525; /*--Create bevel effect--*/  
       border-bottom: 1px solid #444; /*--Create bevel effect--*/  
       clear: both;  
       width: 170px;  
   }  
   html ul.topnav li ul.subnav li a {  
       float: left;  
       width: 150px;  
       background: url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png');  
       padding-left: 20px;  
   }  
   html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
       background: url('https://static.igem.org/mediawiki/2012/3/33/Topnav_a_hover.png') no-repeat left center;   
   }
  1. footer a

{

color:#ffffff;

}


body {

       margin: 0; padding: 0;

font-family: 'Scada', sans-serif; background: url('https://static.igem.org/mediawiki/2012/3/38/Bacteria_3.png');

       background-size: cover;
       background-attachment:fixed;

}

  1. top-section

{ display: none; }

  1. top_box{

border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #444444; background:#36424a; height:178px;

}

  1. content {

padding: 0px 0px 0px 0px; width:1024px; margin: 15px auto 15px; background: none repeat scroll 0 0 transparent; border:0px; } h1.firstHeading {

   display: none;

}

  1. catlinks {display: none;}
  2. contentSub {display: none;}
  3. footer-box {

background:url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png'); width:1013px; margin: 0px auto 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

  1. middle_box {
   background: #ffffff;
   border: 8px solid #7c858b;
   border-radius: 5px 5px 5px 5px;
   margin-top: 10px;
   padding: 10px;
   color:#36424a;
  font-size: 15px;
  text-align: justify;
  min-height:500px;

}

  1. fb_link

{

   background: url("Facebook-icon.png") no-repeat transparent;
   padding-bottom: 25px;
   padding-right: 45px;

}

  1. fb_link:hover

{

   background: url("Facebook-icon_hover.png") no-repeat transparent;
   padding-bottom: 25px;
   padding-right: 45px;

}

  1. st_left

{

   width: 200px;
   margin-right: 10px;

}

  1. st_right

{

  width: 785px;
  background: none repeat scroll 0 0 #BCB3B5;
  padding: 10px;

border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } h2.title{

   border: 0 none;
   color: #36424a;
   line-height: 1em;
   padding-bottom: 0;
   padding-top: 0;
   font-size: 130%;

} table.t1 { background:transparent; color:#36424A; }

  1. st_1{

margin-bottom: 13px; }

li.st_list_alt { background: none repeat scroll 0 0 #888888;

   color: #333333;
   height: 32px;
   line-height: 34px;
   list-style-type: none;
   margin-bottom: 5px;
   text-align: center;
   width: 155px;
   cursor:pointer;	

}

li.st_list_alt:hover { background: none repeat scroll 0 0 #96c82a;

   color: #333333;
   height: 32px;
   line-height: 34px;
   list-style-type: none;
   margin-bottom: 5px;
   text-align: center;
   width: 155px;
   cursor:pointer;	

}

li.st_list {

   background: none repeat scroll 0 0 #BCB3B5;
   /*border: 1px solid;*/
   color: #333333;
   height: 32px;
   line-height: 34px;
   list-style-type: none;
   margin-bottom: 5px;
   text-align: center;
   width: 155px;
   cursor:pointer;

}

li.st_list:hover {

   background: none repeat scroll 0 0 #96c82a;
   //border: 1px solid;
   color: #ffffff;
   height: 32px;
   line-height: 34px;
   list-style-type: none;
   margin-bottom: 5px;
   text-align: center;
   width: 155px;

} a { color:#3769ff; }

.button {

   background: #666666;
   border-radius: 8px 8px 8px 8px;
   border-top: 1px solid #535252;
   box-shadow: 0 1px 0 #000000;
   color: white;
   font-size: 14px;
   height: 26px;
   margin-top: 3px;
   padding: 0px 10px;
   text-decoration: none;
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
   vertical-align: middle;
   width: 120px;
  }

.button:hover {

  border-top-color: #3d3d3d;
  background: #8b8b8b;
  color: #ccc;
  }

.button:active {

  border-top-color: #1b435e;
  background: #616161;
  }
  1. world_heat_map

{ background: url("Content_bg.png") repeat scroll 0 0 transparent; border-radius: 5px; margin-bottom: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;

   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px;

}

  1. tracks_maps

{ background: url("Content_bg.png") repeat scroll 0 0 transparent; border-radius: 5px; margin-bottom: 5px; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;

   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px;

}

  1. awards_graph

{ background: url("Content_bg.png") repeat scroll 0 0 transparent; border-radius: 5px; margin-bottom: 5px; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;

   padding: 10px;

}

  1. year_no

{

   float: right;
   font-weight: bold;

}

  1. year_no_tracks

{

   float: right;
   font-weight: bold;

}

  1. year_no_awards

{

   float: right;
   font-weight: bold;

} div.july_weeks {

   background: url("July_weeks.png") no-repeat scroll left center transparent;
   height: 120px;
   line-height: 28px;
   padding-left: 29px;
   padding-top: 11px;
   width: 75px;

} div.august_weeks {

   background: url("Aug_weeks.png") no-repeat scroll left center transparent;
   height: 120px;
   line-height: 28px;
   padding-left: 29px;
   padding-top: 11px;
   width: 75px;

} div.sept_weeks { background: url("Sept_weeks.png") no-repeat left center transparent; height: 120px;

   width: 75px;	

padding-left: 29px; line-height: 28px; padding-top: 11px; } a.week_link {

   background: none repeat scroll 0 0 #ebebeb;
   color: #595959;
   float: left;
   font-size: 16px;
   font-weight: bold;
   height: 25px;
   list-style: none outside none;
   padding: 0 0 0 5px;
   text-align: left;
   text-decoration: none;
   width: 66px;

} a.week_link:hover {

   background: none repeat scroll 0 0 #efefef;
   color: #000000;
   float: left;
   font-size: 16px;
   font-weight: bold;
   height: 25px;
   list-style: none outside none;
   padding: 0 0 0 5px;
   text-align: left;
   text-decoration: none;
   width: 66px;

}

  1. sponsors{
   background: none repeat scroll 0 0 #FFFFFF;
   /*border: 8px solid #7C858B;*/
   border-radius: 5px 5px 5px 5px;
   color: #36424A;
   font-size: 15px;
   margin-top: 10px;
   padding: 10px;
   text-align: justify;

}

  1. reporters

{ background: url("Content_bg.png") repeat scroll 0 0 transparent; border-radius: 5px; margin-bottom: 5px; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;

   padding: 10px;

}