Team:UT Dallas/page.css

From 2011.igem.org

(Difference between revisions)
Line 2: Line 2:
margin: 0; padding: 0;
margin: 0; padding: 0;
font: 10px normal Arial, Helvetica, sans-serif;
font: 10px normal Arial, Helvetica, sans-serif;
-
background: url('https://static.igem.org/mediawiki/2011/d/d9/Body_background.gif');
+
background: url('Body_background.gif');
background-repeat:repeat-x;
background-repeat:repeat-x;
background-position:top center;
background-position:top center;
Line 15: Line 15:
margin: 15px auto 28px;
margin: 15px auto 28px;
position: relative;
position: relative;
-
background:url('https://static.igem.org/mediawiki/2011/e/eb/Body_bg.png') no-repeat;
+
background:url('Body_bg.png') no-repeat;
 +
overflow: auto;
}
}
#header {
#header {
Line 24: Line 25:
.contents {
.contents {
-
     background: none repeat scroll 0 0 #F5F5F5;
+
     background: none repeat scroll 0 0 #Ffffff;
     border-left: 1px solid #000000;
     border-left: 1px solid #000000;
     border-right: 1px solid #000000;
     border-right: 1px solid #000000;
Line 37: Line 38:
     text-align: justify;
     text-align: justify;
     width: 936px;
     width: 936px;
 +
overflow: auto;
}
}
#crumbs
#crumbs
Line 52: Line 54:
margin: 0 auto;
margin: 0 auto;
position: relative;
position: relative;
-
background: url(https://static.igem.org/mediawiki/2011/c/c5/Rounded.gif) no-repeat;
+
background: url(Rounded.gif) no-repeat;
height:11px;
height:11px;
z-index:-1;
z-index:-1;
}
}
-
#crystal{
+
 
-
    //background: url(UTD_logo.png) no-repeat;
+
-
    position: absolute;
+
-
    top: 0;
+
-
    left: 0;
+
-
    margin-left:40px;
+
-
    //height: 250px;
+
-
    //width: 450px;
+
-
    z-index:1000;
+
-
}
+
#footer{
#footer{
     color: #003300;
     color: #003300;
Line 110: Line 103:
}
}
-
.desc{
 
-
color:#0000FF;
 
-
font-size:16px;
 
-
font-weight:normal;
 
-
margin-top:4px;
 
-
}
 
-
.biography
+
#left
{
{
-
color:#000000;
+
    background: none repeat scroll 0 0 #ECECEC;
-
font-size:16px;
+
    float: left;
-
font-weight:normal;
+
    min-height: 495px;
-
margin-top:4px;
+
    width: 185px;
-
//float:left;
+
}
}
-
 
+
#left ul{
-
.profile_img
+
    list-style:none;
-
{
+
    overflow:hidden;
-
float:right;
+
    padding-left:0px;
-
padding-right:15px;
+
    margin-left:10px;
-
padding-left:25px;
+
    }
-
padding-top:5px;
+
#left ul li{
 +
    margin-bottom:5px;
 +
    position:relative;
 +
    padding-top:4px;
 +
    padding-bottom:0px;
 +
    padding:none;
 +
    }
 +
#left ul.llmenu li{
 +
    padding-left:10px;
}
}
-
.separator
+
#left ul li.backLava
{
{
-
background: url("separator.png");
+
    background-color:#ffffff;  
-
width:878px;
+
    border-left:solid;
-
height:1px;
+
    border-color:#96d446;
-
margin-top:45px;
+
    border-width:5px;
-
margin-bottom:10px;
+
height:23px;
}
}
-
ul#topnav {
+
#left ul.llmenugreen li{
-
margin: 0; padding: 0;
+
    border-color:#96d446;
-
float: left;
+
-
width: 960px;
+
-
list-style: none;
+
-
position: relative;
+
-
font-size: 1.2em;
+
-
background: url('https://static.igem.org/mediawiki/2011/e/ee/Topnav_stretch.gif') repeat-x;
+
}
}
-
ul#topnav li {
+
 
-
float: left;
+
#left ul.llmenublue li{
-
margin: 0; padding: 0;
+
    border-color:#386abc;
-
border-right: 1px solid #555;
+
}
}
-
ul#topnav li a {
+
 
-
padding: 6px 19px;
+
#left ul.llmenured li{
-
display: block;
+
    border-color:#fb5c2b;
-
color: #f0f0f0;
+
-
text-decoration: none;
+
}
}
-
ul#topnav li:hover { background: #1376c9 url('https://static.igem.org/mediawiki/2011/0/08/Topnav_active.gif') repeat-x; }
+
 
-
ul#topnav li span {
+
#left ul.llmenuyellow li{
-
float: left;
+
    border-color:#fad72a;
-
padding: 5px 0;
+
-
position: absolute;
+
-
left: 0; top:35px;
+
-
display: none;
+
-
width: 960px;
+
-
background: #1376c9;
+
-
color: #fff;
+
-
-moz-border-radius-bottomright: 5px;
+
-
-khtml-border-radius-bottomright: 5px;
+
-
-webkit-border-bottom-right-radius: 5px;
+
-
-moz-border-radius-bottomleft: 5px;
+
-
-khtml-border-radius-bottomleft: 5px;
+
-
-webkit-border-bottom-left-radius: 5px;
+
-
z-index:1;
+
}
}
-
ul#topnav li:hover span { display: block; }
 
-
ul#topnav li span a { display: inline; }
 
-
ul#topnav li span a:hover {text-decoration: underline;}
 
-
#left
+
#left a{
-
{
+
    color:#555;
-
  float:left
+
    font-size:15px;
 +
    font-weight:bold;
 +
    text-decoration:none;
 +
    outline:none;
 +
    display:block;
 +
    width:182px;
 +
    }
 +
 
 +
#left a:hover {
 +
    color:#181818;
 +
}
 +
 
 +
 
 +
#left a.hello{
 +
    display:inline;
}
}
#right
#right
{
{
-
  float:right
+
    background: none repeat scroll 0 0 #ECECEC;
 +
    float: left;
 +
    margin-left: 10px;
 +
    min-height: 495px;
 +
    width: 740px;
}
}

Revision as of 01:12, 24 September 2011

body { margin: 0; padding: 0; font: 10px normal Arial, Helvetica, sans-serif; background: url('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 28px; position: relative; background:url('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 Arial,Helvetica,sans-serif;
   height: auto !important;
   margin: -1px auto 0;
   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: 12px;

} .rounded { position:absolute; bottom:0; left:0; width: 960px; margin: 0 auto; position: relative; background: url(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

{ 

   background: none repeat scroll 0 0 #ECECEC;
   float: left;
   min-height: 495px;
   width: 185px;

}

  1. left ul{ 
   list-style:none; 
   overflow:hidden;
   padding-left:0px;
   margin-left:10px;
   }
  1. left ul li{ 
   margin-bottom:5px; 
   position:relative;  
   padding-top:4px;
   padding-bottom:0px;
   padding:none;
   }
  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:bold;
   text-decoration:none;
   outline:none;
   display:block;
   width:182px;
   }
  1. left a:hover { 
   color:#181818;

}


  1. left a.hello{ 
   display:inline;

}

  1. right

{ 

   background: none repeat scroll 0 0 #ECECEC;
   float: left;
   margin-left: 10px;
   min-height: 495px;
   width: 740px;

}

Retrieved from "http://2011.igem.org/Team:UT_Dallas/page.css"