Team:UT Dallas/page.css

From 2011.igem.org

(Difference between revisions)
Line 15: Line 15:
margin:15px auto 0;
margin:15px auto 0;
position: relative;
position: relative;
-
background:url('https://static.igem.org/mediawiki/2011/e/eb/Body_bg.png');
+
background:url('https://static.igem.org/mediawiki/2011/e/eb/Body_bg.png') no-repeat;
}
}
#header {
#header {

Revision as of 19:54, 22 September 2011

body { margin: 0; padding: 0; font: 10px normal 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 0; position: relative; background:url('https://static.igem.org/mediawiki/2011/e/eb/Body_bg.png') no-repeat; }

  1. header {

padding-top: 120px; }

.contents { min-height:495px;

    	height:auto !important;
    	background:url('https://static.igem.org/mediawiki/2011/2/29/HDm3_transperent.png')  no-repeat center;
    	height:495px; 

width: 878px; margin: 0 auto; padding-top:25px; padding-left:40px; padding-right:40px; position: relative; margin:35px auto 0; background-color: #f5f5f5; font: 16px normal Arial, Helvetica, sans-serif; border-left:1px solid #000000; border-right:1px solid #000000; z-index:1; text-align:justify; }

.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. crystal{
    //background: url(UTD_logo.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    margin-left:40px;
    //height: 250px;
    //width: 450px;
    z-index:1000;

}

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

} ul.topnav { list-style: none; padding: 0 20px; margin: 0; float: right; z-index:1000; /*width: 920px;*/ background: #222; z-index:1000; font-size: 1.2em; background: url(topnav_bg.gif) repeat-x; } ul.topnav li { float: left; margin: 0; z-index:1000; padding: 0 30px 0 0; position: relative; /*--Declare X and Y axis base--*/ } ul.topnav li a{ padding: 10px 5px; z-index:1000; color: #fff; display: block; text-decoration: none; float: left; } ul.topnav li a:hover{ z-index:1000; background: url(topnav_hover.gif) no-repeat center top; } ul.topnav li span { /*--Drop down trigger styles--*/ width: 17px; height: 35px; z-index:1000; float: left; background: url(subnav_btn.gif) no-repeat center top; } ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;z-index:1000;} /*--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; margin: 0; padding: 0; display: none; float: left; width: 150px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid #111; z-index:1000; } 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: 150px; z-index:1000; } html ul.topnav li ul.subnav li a { float: left; width: 125px; background: #333 url(dropdown_linkbg.gif) no-repeat 10px center; padding-left: 20px; z-index:1000; } html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;z-index:1000; }

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

.desc{ color:#0000FF; font-size:16px; font-weight:normal; margin-top:4px; }

.biography { color:#000000; font-size:16px; font-weight:normal; margin-top:4px; //float:left; }

.profile_img { float:right; padding-right:15px; padding-left:25px; padding-top:5px; } .separator { background: url("separator.png"); width:878px; height:1px; margin-top:45px; margin-bottom:10px; }