Team:UT Dallas/page.css

From 2011.igem.org

(Difference between revisions)

Revision as of 05:10, 29 September 2011

body { margin: 0; padding: 0;

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

background: url('https://static.igem.org/mediawiki/2011/d/d9/Body_background.gif'); 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; }

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

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

footer{

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

}

header img {

margin: 20px 0 10px; }

ordered_list{

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

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

title{

    text-align: center;
    width: 100%;
    height: 51px;
    background: url(title.png) no-repeat center;
    letter-spacing:2px;
   }

title span{

    	color: #003300;
    	font-size: 20px;

position: relative; top: 25% }

left ul{

   list-style:none; 
   overflow:hidden;
   padding-left:0px;
   margin-left:10px;
   }

left ul li{

   margin-top:8px; 
   position:relative;  
   padding-top:4px;
   padding-bottom:0px;
   padding:0px;
   }

left ul.llmenu li{

   padding-left:10px;

}

left ul li.backLava

{

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

height:23px; }

left ul.llmenugreen li{

   border-color:#96d446;

}

left ul.llmenublue li{

   border-color:#386abc;

}

left ul.llmenured li{

   border-color:#fb5c2b;

}

left ul.llmenuyellow li{

   border-color:#fad72a;

}

left a{

   color:#555;
   font-size:15px;
   font-weight:normal;
   text-decoration:none;
   outline:none;
   display:block;
   width:182px;
   }

left a:hover {

   color:#181818;

}

left a.hello{

   display:inline;

}

container2 {

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

container1 {

   background: none repeat scroll 0 0 #ECECEC;

border-right: 11px solid #FFFFFF;

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

}

left {

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

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;

}

right li

{ font-size:15px; }

right h2

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

   background: url("") 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("") 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;

}

right table

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

july

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

   width: 165px;

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

august

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

   width: 165px;

padding-left: 38px;

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

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

sept

{ float:left; background: url("") 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;

}

igem_link

{

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

}

igem_link:hover

{

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

}

utd_link

{

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

}

utd_link:hover

{

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

}