Team:UT Dallas/Safety
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | <!-- | + | <!--<!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> | ||
+ | <title>biz solution</title> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <link href="style.css" rel="stylesheet" type="text/css" /> | ||
+ | <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> | ||
+ | <script type="text/javascript" src="js/script.js"></script> | ||
+ | <script type="text/javascript" src="js/cufon-yui.js"></script> | ||
+ | <script type="text/javascript" src="js/arial.js"></script> | ||
+ | <script type="text/javascript" src="js/cuf_run.js"></script> | ||
- | < | + | </head> |
- | < | + | <body> |
- | + | <style media="screen" type="text/css"> | |
- | + | @charset "utf-8"; | |
- | + | body { | |
- | + | margin:0; | |
- | + | padding:0; | |
- | + | width:100%; | |
- | + | color:#959595; | |
- | + | font:normal 12px/1.8em Arial, Helvetica, sans-serif; | |
- | </div> | + | background:#404040; |
- | < | + | } |
- | </ | + | html, .main { |
+ | padding:0; | ||
+ | margin:0 auto; | ||
+ | width:970px; | ||
+ | } | ||
+ | .logo { | ||
+ | float:left; | ||
+ | width:300px; | ||
+ | height:51px; | ||
+ | padding:15px; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | h1 { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | color:#afaeae; | ||
+ | font:bold 38px/1.2em Arial, Helvetica, sans-serif; | ||
+ | letter-spacing:-2px; | ||
+ | } | ||
+ | h1 a, h1 a:hover { | ||
+ | color:#afaeae; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | h1 span { | ||
+ | color:#9dd9ff; | ||
+ | } | ||
+ | h1 small { | ||
+ | display:block; | ||
+ | padding:0; | ||
+ | font:normal 12px/1.2em Arial, Helvetica, sans-serif; | ||
+ | letter-spacing:normal; | ||
+ | } | ||
+ | h2 { | ||
+ | font:normal 24px Arial, Helvetica, sans-serif; | ||
+ | padding:8px 0; | ||
+ | margin:0; | ||
+ | color:#595959; | ||
+ | } | ||
+ | h3 { | ||
+ | font:normal 46px Arial, Helvetica, sans-serif; | ||
+ | padding:80px 0 0; | ||
+ | margin:0; | ||
+ | color:#FFF; | ||
+ | } | ||
+ | p { | ||
+ | margin:8px 0; | ||
+ | padding:0 0 8px 0; | ||
+ | font:normal 12px/1.8em Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | p.spec { | ||
+ | } | ||
+ | a { | ||
+ | color:#97c950; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | a.rm, a.com { | ||
+ | padding:0; | ||
+ | text-decoration:none; | ||
+ | padding:5px 15px; | ||
+ | background:#78bbe6; | ||
+ | color:#FFF; | ||
+ | } | ||
+ | .header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | .header { | ||
+ | padding:0; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | .hbg { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | background:#78bbe6; | ||
+ | height:271px; | ||
+ | } | ||
+ | .hbg img { | ||
+ | float:left; | ||
+ | } | ||
+ | .hbg .text { | ||
+ | float:left; | ||
+ | width:317px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .menu_nav { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | height:81px; | ||
+ | } | ||
+ | .menu_nav ul { | ||
+ | list-style:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | float:right; | ||
+ | } | ||
+ | .menu_nav ul li { | ||
+ | margin:0; | ||
+ | padding:25px 5px 0 0; | ||
+ | float:left; | ||
+ | } | ||
+ | .menu_nav ul li a { | ||
+ | display:block; | ||
+ | margin:0 5px 0 0; | ||
+ | padding:10px 15px; | ||
+ | color:#fff; | ||
+ | text-decoration:none; | ||
+ | font-size:13px; | ||
+ | line-height:16px; | ||
+ | background:#cccccc; | ||
+ | } | ||
+ | .menu_nav ul li.active a, .menu_nav ul li a:hover { | ||
+ | text-decoration:none; | ||
+ | background:#78bbe6; | ||
+ | } | ||
+ | .content { | ||
+ | padding:13px; | ||
+ | margin:0; | ||
+ | } | ||
+ | .mainbar { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | float:right; | ||
+ | width:643px; | ||
+ | } | ||
+ | .mainbar img { | ||
+ | padding:4px; | ||
+ | border:1px solid #f2f2f1; | ||
+ | background:#FFF; | ||
+ | } | ||
+ | .mainbar img.fl { | ||
+ | margin:4px 16px 4px 0; | ||
+ | float:left; | ||
+ | } | ||
+ | .mainbar .article { | ||
+ | margin:0; | ||
+ | padding:10px 0 5px 20px; | ||
+ | } | ||
+ | .mainbar .article a { | ||
+ | color:#78bbe6; | ||
+ | } | ||
+ | .mainbar .post-data a { | ||
+ | color:#595959; | ||
+ | } | ||
+ | .mainbar .spec a.rm, .mainbar a.com { | ||
+ | color:#FFF; | ||
+ | } | ||
+ | .sidebar { | ||
+ | padding:0; | ||
+ | float:left; | ||
+ | width:301px; | ||
+ | } | ||
+ | .sidebar .gadget { | ||
+ | margin:0; | ||
+ | padding:10px 20px 5px 0; | ||
+ | } | ||
+ | .sidebar .gadget .title { | ||
+ | text-align:right; | ||
+ | } | ||
+ | .sidebar .gadget span.q { | ||
+ | text-align:right; | ||
+ | font:normal 60px/12px Arial, Helvetica, sans-serif; | ||
+ | color:#d9d9d9; | ||
+ | } | ||
+ | ul.sb_menu, ul.ex_menu, .testi { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | color:#939393; | ||
+ | list-style:none; | ||
+ | } | ||
+ | ul.sb_menu li, ul.ex_menu li { | ||
+ | margin:0; | ||
+ | } | ||
+ | ul.sb_menu li { | ||
+ | padding:2px 0; | ||
+ | } | ||
+ | ul.ex_menu li { | ||
+ | padding:2px 0; | ||
+ | } | ||
+ | ul.sb_menu li a, ul.ex_menu li a { | ||
+ | display:block; | ||
+ | color:#959595; | ||
+ | text-decoration:none; | ||
+ | padding:5px 5px 5px 15px; | ||
+ | background:url( | ||
+ | https://static.igem.org/mediawiki/2011/archive/e/e1/20110714195925%21Menu_link.gif) no-repeat left center; | ||
+ | } | ||
+ | ul.ex_menu li span { | ||
+ | padding:0 0 0 15px; | ||
+ | } | ||
+ | ul.sb_menu li a:hover, ul.ex_menu li a:hover, ul.sb_menu li.active a, ul.ex_menu li.active a { | ||
+ | background:url(https://static.igem.org/mediawiki/2011/1/1b/Menu_hover.gif) no-repeat left center; | ||
+ | } | ||
+ | ul.sb_menu li a:hover { | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | ul.ex_menu li a:hover { | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | .content .mainbar .comment { | ||
+ | margin:0; | ||
+ | padding:16px 0 0 0; | ||
+ | } | ||
+ | .content .mainbar .comment img.userpic { | ||
+ | border:1px solid #dedede; | ||
+ | margin:10px 16px 0 0; | ||
+ | padding:0; | ||
+ | float:left; | ||
+ | } | ||
+ | .fbg { | ||
+ | margin:0; | ||
+ | padding:20px; | ||
+ | background:#78bbe6; | ||
+ | } | ||
+ | .fbg img { | ||
+ | padding:4px; | ||
+ | border:1px solid #cfd2d4; | ||
+ | background-color:#fff; | ||
+ | } | ||
+ | .fbg p, .fbg h2 { | ||
+ | color:#fbfbfb; | ||
+ | } | ||
+ | .fbg a { | ||
+ | color:#fbfbfb; | ||
+ | } | ||
+ | .fbg .col { | ||
+ | margin:0; | ||
+ | float:left; | ||
+ | background:url( | ||
+ | https://static.igem.org/mediawiki/2011/0/04/Fbg_line.gif) repeat-y right; | ||
+ | } | ||
+ | .fbg .c1 { | ||
+ | padding:0 20px 0 0; | ||
+ | width:260px; | ||
+ | } | ||
+ | .fbg .c2 { | ||
+ | padding:0 20px; | ||
+ | width:320px; | ||
+ | } | ||
+ | .fbg .c3 { | ||
+ | padding:0 0 0 20px; | ||
+ | width:270px; | ||
+ | background:none; | ||
+ | } | ||
+ | .fbg .c1 img { | ||
+ | margin:8px 16px 8px 0; | ||
+ | } | ||
+ | .fbg .c3 img { | ||
+ | margin:8px 16px 4px 0; | ||
+ | float:left; | ||
+ | } | ||
+ | .footer { | ||
+ | } | ||
+ | .footer_resize { | ||
+ | margin:0 auto; | ||
+ | padding:20px; | ||
+ | width:930px; | ||
+ | } | ||
+ | .footer p { | ||
+ | margin:0; | ||
+ | padding:4px 0; | ||
+ | } | ||
+ | .footer a { | ||
+ | color:#9a9a9a; | ||
+ | padding:inherit; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | .footer a:hover { | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .footer .lf { | ||
+ | float:left; | ||
+ | } | ||
+ | .footer .rf { | ||
+ | float:right; | ||
+ | } | ||
+ | ol { | ||
+ | list-style:none; | ||
+ | } | ||
+ | ol li { | ||
+ | display:block; | ||
+ | clear:both; | ||
+ | } | ||
+ | ol li label { | ||
+ | display:block; | ||
+ | margin:0; | ||
+ | padding:16px 0 0 0; | ||
+ | } | ||
+ | ol li input.text { | ||
+ | width:480px; | ||
+ | border:1px solid #c0c0c0; | ||
+ | margin:2px 0; | ||
+ | padding:5px 2px; | ||
+ | height:16px; | ||
+ | background:#fff; | ||
+ | } | ||
+ | ol li textarea { | ||
+ | width:480px; | ||
+ | border:1px solid #c0c0c0; | ||
+ | margin:2px 0; | ||
+ | padding:2px; | ||
+ | background:#fff; | ||
+ | } | ||
+ | ol li .send { | ||
+ | margin:16px 0 0 0; | ||
+ | } | ||
+ | .search { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | } | ||
+ | .search span { | ||
+ | width:280px; | ||
+ | display:block; | ||
+ | background:#FFF; | ||
+ | height:29px; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | border:1px solid #e1dddd; | ||
+ | } | ||
+ | .search input#s { | ||
+ | float:left; | ||
+ | width:230px; | ||
+ | padding:7px 0 7px 10px; | ||
+ | margin:0; | ||
+ | border:0; | ||
+ | background:none; | ||
+ | color:#afaeae; | ||
+ | font:normal 12px/15px Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | .search .btn { | ||
+ | float:left; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | border:0; | ||
+ | width:auto; | ||
+ | } | ||
+ | .pagenavi { | ||
+ | clear:both; | ||
+ | font:normal 11px Arial, Helvetica, sans-serif; | ||
+ | margin:0 auto; | ||
+ | text-align:right; | ||
+ | padding:20px 0 20px 20px; | ||
+ | } | ||
+ | .pagenavi a, .pagenavi .current { | ||
+ | margin-left:3px; | ||
+ | padding:3px 8px; | ||
+ | text-decoration:none; | ||
+ | color:#939393; | ||
+ | background:#f9fbfc; | ||
+ | border:1px solid #d9e3cb; | ||
+ | } | ||
+ | .pagenavi a:hover, .pagenavi .current { | ||
+ | background:#78bbe6; | ||
+ | color:#FFF; | ||
+ | } | ||
+ | .pagenavi .pages { | ||
+ | float:left; | ||
+ | } | ||
+ | .fl { | ||
+ | float:left; | ||
+ | } | ||
+ | .fr { | ||
+ | float:right; | ||
+ | } | ||
+ | .clr { | ||
+ | clear:both; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | width:100%; | ||
+ | font-size:0; | ||
+ | line-height:0; | ||
+ | } | ||
+ | </style> | ||
+ | <div class="main"> | ||
+ | <div class="header"> | ||
+ | <div class = "logo"> | ||
+ | |||
+ | <h1><span>UTDallas</span> iGem<small></small></h1> | ||
+ | </div> | ||
- | < | + | <div class="menu_nav"> |
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas"><font size="3" face="verdana">Home</a></font></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas/Team"><font size="3" face="verdana">Team</a></font></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas/Project"><font size="3" face="verdana">Project</a></font></li> | ||
+ | <li class = "active"><a href="https://2011.igem.org/Team:UT_Dallas/Protocols"><font size="3" face="verdana">Protocols</a></font></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas/Parts"><font size="3" face="verdana">Parts</a></font></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas/Modeling"><font size="3" face="verdana">Modeling</a></font></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas/Notebook"><font size="3" face="verdana">Notebook</a></font></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas/HumanPractices"><font size="3" face="verdana">Human Practices</a></font></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas/Gallery"><font size="3" face="verdana">Gallery</a></font></li> | ||
+ | |||
+ | </ul> | ||
+ | <div class="clr"></div> | ||
+ | </div> | ||
+ | <div class="clr"></div> | ||
+ | <div class="hbg"><img src="https://static.igem.org/mediawiki/2011/b/b2/Original_Banner_for_UTD_website.png" width="970" height="300" alt="" /> | ||
+ | <!-- <div class="text"> | ||
+ | <h3>Creating Futures</h3> | ||
+ | </div>--> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="content"> | ||
+ | <div class="content_bg"> | ||
+ | <div class="mainbar"> | ||
+ | <div class="article"> | ||
+ | <h2><span> Safety</span></h2> | ||
+ | <p> <font size="3" face="verdana"></font></p> | ||
+ | <div class="clr"></div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <div class="clr"></div> | |
- | + | </div> | |
- | + | <div class="article"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | </div> | ||
- | == | + | <!--<div class="pagenavi"><span class="pages">Page 1 of 2</span><span class="current">1</span><a href="#">2</a><a href="#" >»</a></div>--> |
+ | </div> | ||
+ | <div class="sidebar"> | ||
+ | <div class="gadget"> | ||
+ | <div class="search"> | ||
+ | |||
+ | |||
- | + | ||
+ | </form> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="gadget"> | ||
+ | |||
+ | <h2><span></span><font size="5" face="Arial">Explore Our Wiki!</font></h2> | ||
+ | <div class="clr"></div> | ||
+ | <ul class="sb_menu"> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas"><font size="3" face="verdana">Home</a></font></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas/Team"><font size="3" face="verdana">Team</a></font></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas/Project"><font size="3" face="verdana">Project</a></font></li> | ||
+ | |||
+ | <li class = "active"><a href="https://2011.igem.org/Team:UT_Dallas/Protocols"><font size="4" face="verdana">Protocols</a></font></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas/Parts"><font size="3" face="verdana">Parts</a></font></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas/Modeling"><font size="3" face="verdana">Modeling</a></font></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas/Notebook"><font size="3" face="verdana">Notebook</a></font></li> | ||
+ | |||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas/HumanPractices"><font size="3" face="verdana">Human Practices</a></font></li> | ||
+ | <li><a href="https://2011.igem.org/Team:UT_Dallas/Gallery"><font size="3" face="verdana">Gallery</a></font></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="gadget"> | ||
+ | |||
+ | <div class="clr"></div> | ||
+ | <div class="testi"> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clr"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="fbg"> | ||
+ | |||
+ | <div class="col c1"> | ||
+ | <h2><span>Image Gallery</span></h2> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2011/e/eb/Pic_1.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/8/87/Pic_2.jpg | ||
+ | " width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/e/e8/Pic_3.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/2/2a/Pic_4.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/1/17/Pic_5.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/7/76/Pic_6.jpg" width="58" height="58" alt="" /></a> </div> | ||
+ | <div class="col c2"> | ||
+ | <h2><span><font size="5" face="verdana">UT Dallas</span></font></h2> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/a/ad/Nserl_Pic.png" width="112" height="138" alt="" ALIGN = RIGHT /> | ||
+ | <p> | ||
+ | </font></p><p><a href="https://2011.igem.org/Team:UT_Dallas/UTDallas"><font size="3" face="verdana">Click here to learn more about UTD</a></font></p> | ||
+ | </div> | ||
+ | <div class="col c3"> | ||
+ | <h2><span><font size="5" face="verdana">Notebook</span></font></h2> | ||
+ | <p> | ||
+ | </p><p> <a href="https://2011.igem.org/Team:UT_Dallas/Notebook"><font size="3" face="verdana">Learn more...</a></font></p> | ||
+ | |||
+ | </div> | ||
+ | <div class="clr"></div> | ||
+ | </div> | ||
+ | <div class="footer"> | ||
+ | <div class="footer_resize"> | ||
+ | |||
+ | <!-- <p class="lf">© Copyright <a href="#">MyWebSite</a>.</p> | ||
+ | <p class="rf">Layout by Cool <a href="http://www.coolwebtemplates.net/">Website Templates</a></p>--> | ||
+ | |||
+ | <div class="clr"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Revision as of 19:41, 15 August 2011