Team:UT Dallas/1.page.css

From 2012.igem.org

body { margin: 0; padding: 0;

       font: 10px normal "Lucida Grande", Arial, Helvetica, sans-serif;

background: black; background-repeat:repeat-x; background-position:top center; background-attachment:fixed;

} .container { min-height:650px;

    	height:auto !important;
    	height:650px; 

width: 960px; margin: 15px auto 0px; position: relative; background:url('https://static.igem.org/mediawiki/2011/e/eb/Body_bg.png') no-repeat; overflow: auto; }

  1. header {

padding-top: 120px; }


.contents {

   background: none repeat scroll 0 0 #Ffffff;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   font: 16px normal "Lucida Grande", Arial, Helvetica, sans-serif;
   height: auto !important;
   margin: -1px auto 0px;
   min-height: 495px;
   padding-left: 11px;
   padding-right: 11px;
   padding-top: 10px;
   position: relative;
   text-align: justify;
   width: 936px;

overflow: auto; }

  1. crumbs

{

   color: #FFFFFF;
   font-size: 85%;
   line-height: 1.5;
   padding-left: 14px;

padding-right: 14px; font-weight: bold; margin-bottom:1px } .rounded { position:absolute; bottom:0; left:0; width: 960px; margin: 0 auto; position: relative; background: url('https://static.igem.org/mediawiki/2011/c/c5/Rounded.gif') no-repeat; height:11px; z-index:-1; }

  1. footer{
    color: #003300;
    font-size: 9px;
    margin-top:10px;
    font-family: Verdana, Geneva, Arial, sans-serif;
    text-align: center;
    width: 100%;
    height: 18px

}

  1. header img {

margin: 20px 0 10px; }

  1. ordered_list{

font: 16px normal Arial, Helvetica, sans-serif; margin-top:30px; }

  1. ordered_list li {

margin-left:5px; margin-top:15px; font-weight:bold; margin-left:-20px; } .authors{ color:#0000FF; font-size:15px; font-weight:normal; margin-top:4px; }

  1. title{
    text-align: center;
    width: 100%;
    height: 51px;
    background: url(title.png) no-repeat center;
    letter-spacing:2px;
   }
  1. title span{
    	color: #003300;
    	font-size: 20px;

position: relative; top: 25% }


  1. left ul{
   list-style:none; 
   overflow:hidden;
   padding-left:0px;
   margin-left:10px;
   }
  1. left ul li{
   margin-top:8px; 
   position:relative;  
   padding-top:4px;
   padding-bottom:0px;
   padding:0px;
   }
  1. left ul.llmenu li{
   padding-left:10px;

}

  1. left ul li.backLava

{

   background-color:#ffffff;   
   border-left:solid;
   border-color:#96d446;
   border-width:5px;

height:23px; }

  1. left ul.llmenugreen li{
   border-color:#96d446;

}

  1. left ul.llmenublue li{
   border-color:#386abc;

}

  1. left ul.llmenured li{
   border-color:#fb5c2b;

}

  1. left ul.llmenuyellow li{
   border-color:#fad72a;

}

  1. left a{
   color:#555;
   font-size:15px;
   font-weight:normal;
   text-decoration:none;
   outline:none;
   display:block;
   width:182px;
   }
  1. left a:hover {
   color:#181818;

}


  1. left a.hello{
   display:inline;

}

  1. container2 {

clear:left; float:left; width:936px; overflow:hidden; background:#ECECEC; /* column 2 background colour */ }

  1. container1 {
   background: none repeat scroll 0 0 #ECECEC;

border-right: 11px solid #FFFFFF;

   float: left;
   position: relative;
   right: 751px;
   width: 936px;

}

  1. left {

background: none repeat scroll 0 0 #ECECEC; float:left; width:185px; position:relative; left:751px; overflow:hidden; }

  1. right {
   background: none repeat scroll 0 0 #ECECEC;
   float: left;
   left: 762px;
   margin-left: 10px;
   margin-top: 10px;
   min-height: 495px;
   overflow: hidden;
   position: relative;
   width: 720px;

}

  1. right li

{ font-size:15px; }

  1. right h2

{ font-size: 130%; } a.app_download {

   background: url("Android_download.png") no-repeat scroll left center transparent;
   color: #336600;
   font-size: 14px;
   font-weight: bold;
   height: 25px;
   line-height: 40px;
   padding-bottom: 7px;
   padding-left: 32px;
   padding-top: 8px;
   text-decoration: none;

}

a.app_download:hover {

   background: url("Android_download_glow.png") no-repeat scroll left center transparent;
   color: #669900;
   font-size: 14px;
   font-weight: bold;
   height: 25px;
   line-height: 40px;
   padding-bottom: 7px;
   padding-left: 32px;
   padding-top: 8px;
   text-decoration: none;

}

  1. right table

{ background:inherit; font-size:15px; }

  1. july

{ float:left; background: url("Calender_july.png") no-repeat left center transparent; height: 120px;

   width: 165px;

padding-left: 35px; line-height: 28px; padding-top: 11px; }

  1. august

{ float:left; background: url("Calender_august.png") no-repeat left center transparent; height: 120px;

   width: 165px;	

padding-left: 38px;

   margin-left: 57px;
   margin-right: 57px;	

line-height: 28px; padding-top: 11px; }

  1. sept

{ float:left; background: url("Calender_sept.png") no-repeat left center transparent; height: 120px;

   width: 165px;	

padding-left: 36px; 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: 153px;

} 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: 153px;

}

  1. igem_link

{

   background: url("IGEM_official_logo_small.png") no-repeat transparent;
   width:175px;
   height:134px;
   margin: 20px auto 10px 5px;

}

  1. igem_link:hover

{

   background: url("IGEM_official_logo_small_glow.png") no-repeat transparent;
   width:175px;
   height:134px;
   margin: 20px auto 10px 5px;

}

  1. utd_link

{

   background: url("UTDlogo.png") no-repeat transparent;
   width:175px;
   height:75px;
   margin: 20px auto 10px 5px;

}

  1. utd_link:hover

{

   background: url("UTDlogo_glow.png") no-repeat transparent;
   width:175px;
   height:75px;
   margin: 20px auto 10px 5px;

}