Team:UT Dallas/page.css

From 2011.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 1: Line 1:
body {
body {
margin: 0; padding: 0;
margin: 0; padding: 0;
-
font: 10px normal Arial, Helvetica, sans-serif;
+
        font: 10px normal "Lucida Grande", Arial, Helvetica, sans-serif;
background: url('https://static.igem.org/mediawiki/2011/d/d9/Body_background.gif');
background: url('https://static.igem.org/mediawiki/2011/d/d9/Body_background.gif');
background-repeat:repeat-x;
background-repeat:repeat-x;
Line 28: Line 28:
     border-left: 1px solid #000000;
     border-left: 1px solid #000000;
     border-right: 1px solid #000000;
     border-right: 1px solid #000000;
-
     font: 16px normal Arial,Helvetica,sans-serif;
+
     font: 16px normal "Lucida Grande", Arial, Helvetica, sans-serif;
     height: auto !important;
     height: auto !important;
     margin: -1px auto 0px;
     margin: -1px auto 0px;
Line 152: Line 152:
     color:#555;
     color:#555;
     font-size:15px;
     font-size:15px;
-
     font-weight:bold;
+
     font-weight:normal;
     text-decoration:none;
     text-decoration:none;
     outline:none;
     outline:none;
Line 241: Line 241:
#right table
#right table
{
{
-
background: inherit;
+
background:inherit;
 +
font-size:15px;
}
}
#july  
#july  
Line 306: Line 307:
#igem_link
#igem_link
{
{
-
  background: url("https://static.igem.org/mediawiki/2011/f/fa/IGEM_official_logo_small.png") no-repeat left center transparent;
+
    background: url("https://static.igem.org/mediawiki/2011/f/fa/IGEM_official_logo_small.png") no-repeat transparent;
-
width:175px;
+
    width:175px;
-
Height:134px;
+
    height:134px;
-
margin:20px auto 10px;
+
    margin: 20px auto 10px 5px;
}
}
#igem_link:hover
#igem_link:hover
{
{
-
  background: url(https://static.igem.org/mediawiki/2011/5/59/IGEM_official_logo_small_glow.png") no-repeat left center transparent;
+
    background: url("https://static.igem.org/mediawiki/2011/5/59/IGEM_official_logo_small_glow.png") no-repeat transparent;
-
width:175px;
+
    width:175px;
-
Height:134px;
+
    height:134px;
-
margin:20px auto 10px;
+
    margin: 20px auto 10px 5px;
 +
}
 +
#utd_link
 +
{
 +
    background: url("https://static.igem.org/mediawiki/2011/8/83/UTDlogo.png") no-repeat transparent;
 +
    width:175px;
 +
    height:75px;
 +
    margin: 20px auto 10px 5px;
 +
}
 +
 
 +
#utd_link:hover
 +
{
 +
    background: url("https://static.igem.org/mediawiki/2011/c/cb/UTDlogo_glow.png") no-repeat transparent;
 +
    width:175px;
 +
    height:75px;
 +
    margin: 20px auto 10px 5px;
}
}

Latest revision as of 22:34, 12 October 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; }

  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;

}