Team:UT Dallas/page.css

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
#test_div {
+
body {
-
    color: black;
+
margin: 0; padding: 0;
-
    line-height: 1.5em;
+
font: 10px normal Arial, Helvetica, sans-serif;
 +
background: url(bg.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(body_bg.png) repeat-x;
 +
}
 +
#header {
 +
padding-top: 120px;
 +
}
 +
 
 +
.contents {
 +
min-height:495px;
 +
    height:auto !important;
 +
    background:url(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;
 +
}
 +
#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{
 +
    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;
 +
}
 +
#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%
 +
}
 +
 
 +
.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;
}
}

Revision as of 19:38, 22 September 2011

body { margin: 0; padding: 0; font: 10px normal Arial, Helvetica, sans-serif; background: url(bg.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(body_bg.png) repeat-x; }

  1. header {

padding-top: 120px; }

.contents { min-height:495px; 

    	height:auto !important;
    	background:url(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; }

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