"

From 2011.igem.org

Revision as of 19:54, 22 September 2011 (view source) Ssant (Talk | contribs) ← Older edit		Revision as of 20:30, 22 September 2011 (view source) Ssant (Talk | contribs) Newer edit →
Line 71:		Line 71:
	height: 18px		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 {		#header img {
	margin: 20px 0 10px;		margin: 20px 0 10px;
Line 209:		Line 137:
	margin-bottom:10px;		margin-bottom:10px;
	}		}
		+
		+	ul#topnav {
		+	margin: 0; padding: 0;
		+	float: left;
		+	width: 970px;
		+	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;
		+	margin: 0; padding: 0;
		+	border-right: 1px solid #555;
		+	}
		+	ul#topnav li a {
		+	padding: 10px 15px;
		+	display: block;
		+	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 {
		+	float: left;
		+	padding: 15px 0;
		+	position: absolute;
		+	left: 0; top:35px;
		+	display: none;
		+	width: 970px;
		+	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;
		+	}
		+	ul#topnav li:hover span { display: block; }
		+	ul#topnav li span a { display: inline; }
		+	ul#topnav li span a:hover {text-decoration: underline;}

---

Revision as of 20:30, 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() 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

}

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

ul#topnav { margin: 0; padding: 0; float: left; width: 970px; 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; margin: 0; padding: 0; border-right: 1px solid #555; } ul#topnav li a { padding: 10px 15px; display: block; 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 { float: left; padding: 15px 0; position: absolute; left: 0; top:35px; display: none; width: 970px; 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; } ul#topnav li:hover span { display: block; } ul#topnav li span a { display: inline; } ul#topnav li span a:hover {text-decoration: underline;}