Template:UIUC Illinois Header
From 2012.igem.org
(Difference between revisions)
(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
+ | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <link rel="stylesheet" href="css/css.css" type="text/css" /> | ||
+ | <title>Header</title> | ||
+ | <style type=text/css> | ||
+ | |||
+ | #wrapper { | ||
+ | width: 80%; | ||
+ | height: 200%; | ||
+ | float: center; | ||
+ | padding-left: 10%; | ||
+ | padding-right: 10%; | ||
+ | background-image: url(../images/background3.jpg); | ||
+ | background-attachment: fixed; | ||
+ | |||
+ | } | ||
+ | |||
+ | body { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | #header-container { | ||
+ | width: 740px; | ||
+ | height: 200px; | ||
+ | margin-left: 100px; | ||
+ | border: 30px solid rgba(255, 228, 196,0.4); | ||
+ | |||
+ | } | ||
+ | |||
+ | #header { | ||
+ | background-color:#FFE4C4; | ||
+ | width: 740px; | ||
+ | height: 200px; | ||
+ | margin-left: 0px; | ||
+ | margin-right: 0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | #logo { | ||
+ | float: left; | ||
+ | padding-top: 20px; | ||
+ | padding-left: 4%; | ||
+ | } | ||
+ | |||
+ | #logo2 { | ||
+ | float: right; | ||
+ | padding-top: 20px; | ||
+ | padding-right: 4%; | ||
+ | } | ||
+ | |||
+ | #navigation { | ||
+ | height: 80px; | ||
+ | width: 100%; | ||
+ | padding-top: 120px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | |||
+ | #navigation ul { | ||
+ | margin: 0px; | ||
+ | width: 100%; | ||
+ | margin-left: 0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #navigation ul li { | ||
+ | display: inline; | ||
+ | padding: 1px; | ||
+ | margin-left: 1px; | ||
+ | margin-right: 0px; | ||
+ | float: center; | ||
+ | align-text: center; | ||
+ | } | ||
+ | |||
+ | img { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #content-containertop { | ||
+ | |||
+ | width: 800px; | ||
+ | height: 400px; | ||
+ | text-align: center; | ||
+ | padding-top: 2%; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: 100px; | ||
+ | margin-right:100px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | #content-topleft { | ||
+ | background-color:#EEEEEE; | ||
+ | width: 30%; | ||
+ | height: 350px; | ||
+ | float: left; | ||
+ | padding: 5%; | ||
+ | text-align: left; | ||
+ | margin-left: 0%; | ||
+ | border: 35px solid rgba(255, 228, 196,0.4); | ||
+ | background-clip: padding-box; | ||
+ | } | ||
+ | |||
+ | #content-topright { | ||
+ | background-color: #EEEEEE; | ||
+ | width: 30%; | ||
+ | height: 350px; | ||
+ | float: right; | ||
+ | padding: 5%; | ||
+ | text-align: left; | ||
+ | margin-right: 0%; | ||
+ | border: 35px solid rgba(255, 228, 196,0.4); | ||
+ | background-clip: padding-box; | ||
+ | } | ||
+ | |||
+ | #content-containerbot { | ||
+ | width: 800px; | ||
+ | height: 1100px; | ||
+ | text-align: center; | ||
+ | padding-top: 3%; | ||
+ | padding-left: 0%; | ||
+ | padding-right:0%; | ||
+ | margin-left: 100px; | ||
+ | margin-right:100px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | #content1-botcenter { | ||
+ | background-color: #EEEEEE; | ||
+ | width: 650px; | ||
+ | height: 100px; | ||
+ | float: center; | ||
+ | margin-top: 11%; | ||
+ | margin-left: 0%; | ||
+ | margin-right: 0%; | ||
+ | border: 35px solid rgba(255, 228, 196,0.4); | ||
+ | background-clip: padding-box; | ||
+ | padding: 5%; | ||
+ | } | ||
+ | |||
+ | #content2-botcenter { | ||
+ | background-color: #EEEEEE; | ||
+ | width: 650px; | ||
+ | height: 100px; | ||
+ | float: center; | ||
+ | margin-top: 2%; | ||
+ | margin-left: 0%; | ||
+ | margin-right: 0%; | ||
+ | border: 35px solid rgba(255, 228, 196,0.4); | ||
+ | background-clip: padding-box; | ||
+ | padding: 5%; | ||
+ | } | ||
+ | |||
+ | #content3-botcenter { | ||
+ | background-color: #EEEEEE; | ||
+ | width: 650px; | ||
+ | height: 300px; | ||
+ | float: center; | ||
+ | margin-top: 2%; | ||
+ | margin-left: 0%; | ||
+ | margin-right: 0%; | ||
+ | border: 35px solid rgba(255, 228, 196,0.4); | ||
+ | background-clip: padding-box; | ||
+ | padding: 5%; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <div id="wrapper"> | ||
+ | <!--Header Start--> | ||
+ | |||
+ | <div id="header-container"> | ||
+ | <div id="header"> | ||
+ | <div id="logo"> | ||
+ | <a href="https://2012.igem.org/Team:UIUC-Illinois/"><img src="images/logo.png" width="150" height="100" /></a> | ||
+ | </div> | ||
+ | <div id="logo2"> | ||
+ | <a href="https://2012.igem.org/Team:UIUC-Illinois/"><img src="images/logo2.png" width="150" height="100"/></a> | ||
+ | </div> | ||
+ | <div id="banner"> | ||
+ | <center>BANNER GOES HERE<center> | ||
+ | </div> | ||
+ | <div id="navigation"> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:UIUC-Illinois/"><img src="images/home.png" alt="Home" width="75" height="50" /></a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:UIUC-Illinois/Team"><img src="images/team.png" alt="Team" width="75" height="50" /></a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?year=2012&team_name=UIUC-Illinois"><img src="images/officialprofile.png" alt= "Official Team Profile" width="75" height="50" /></a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project"><img src="images/project.png" alt="Project" width="75" height="50" /></a></li> | ||
+ | <li></li> | ||
+ | <li><a href="https://2012.igem.org/Team:UIUC-Illinois/Modeling"><img src="images/modeling.png" alt="Modeling" width="75" height="50" /></a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:UIUC-Illinois/Notebook"><img src="images/notebook.png" alt="Notebook" width="75" height="50" /></a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:UIUC-Illinois/Safety"><img src="images/safety.png" alt="Safety" width="75" height="50" /></a><a/></li> | ||
+ | <li></li> | ||
+ | <a href="https://2012.igem.org/Team:UIUC-Illinois/Attributions"><img src="images/attribution.png" alt="Attributions" width="75" height="50" /></a> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--Header End--> |
Revision as of 01:17, 23 April 2012