Design usu.html
From 2010.igem.org
(Difference between revisions)
m (lengthened banner change delay) |
|||
Line 1: | Line 1: | ||
- | + | {{:Team:Utah_State/header1}} | |
+ | <html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<head> | <head> | ||
- | |||
- | |||
- | |||
- | < | + | <title>iGEM 2010 - USU - Design</title> |
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
</head> | </head> | ||
- | < | + | <!--/*Change this link with the one from iGEM*/--> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <div class="container"> |
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <div class="content"><!--Add here the content of the site--> | |
- | + | <table width="850px" border="0"> | |
- | + | <tr> | |
- | + | ||
- | + | ||
- | + | ||
- | + | <td style="font-size: 20px; font-weight: bold;"> </td> | |
- | + | ||
- | + | ||
- | + | </tr> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | + | <tr bgcolor="#ADD8E6" style="color: #000000;"> | |
- | + | ||
- | + | ||
- | + | <td style="font-size: 35px; font-weight: bold;" height="50px">Design</td> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </tr> | |
- | + | ||
- | + | ||
- | + | ||
- | + | <tr bgcolor="#87AFC7"> | |
- | + | ||
- | + | ||
- | + | <td bgcolor="#87AFC7" height="1px"></td> | |
- | + | ||
- | + | ||
- | + | </tr> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <tr bgcolor="#ADD8E6" style="color: #000000;"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel sapien lectus, in dignissim leo. Duis diam tortor, facilisis id tincidunt in, fringilla a est. Ut elit libero, venenatis porttitor ultrices eget, rutrum sed diam. Duis semper libero posuere lorem pharetra pretium. Nulla a lacus eu ante elementum rutrum et a neque. Aenean volutpat tellus non est tempus rhoncus in nec lacus. Vivamus ac nibh at eros porta iaculis. Duis non magna ligula. Vivamus nec ipsum quis magna faucibus eleifend pretium sed lectus. Pellentesque sit amet augue non dolor tempor pharetra. Vivamus rhoncus turpis sed risus mollis sit amet ullamcorper tellus molestie. Vivamus eget lorem eget purus scelerisque sollicitudin vel ut ipsum. Nam aliquet urna odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam semper condimentum felis, eget mollis neque pulvinar et. Cras a augue enim, a facilisis nisi. Suspendisse potenti. Sed sit amet est augue. Quisque non tortor enim, quis pretium ante.<br/><br/> | |
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | Integer consequat convallis diam, quis cursus justo ultricies sit amet. Integer in dui nec magna scelerisque aliquet. Etiam placerat, velit at semper pretium, purus massa fringilla dui, id malesuada lectus est id enim. Nunc sit amet lobortis leo. Aliquam ut purus id mauris molestie faucibus molestie at sapien. Vestibulum ut nulla velit, id convallis risus. Pellentesque gravida, sem eu faucibus accumsan, urna ante facilisis ante, at tempus ante purus at massa. Proin leo arcu, tristique at sollicitudin eget, dictum non risus. Curabitur faucibus ante interdum enim suscipit mattis. Mauris massa ante, sagittis ac lobortis eu, pulvinar sed velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ac nisl sed quam facilisis laoreet. Sed faucibus magna sit amet ante blandit in aliquet quam bibendum. Donec viverra convallis pretium. Curabitur purus neque, sodales ut pretium ut, commodo a erat. Pellentesque at risus nulla, a fermentum nisi. Nullam et justo at enim volutpat porttitor quis ut sem. Quisque odio diam, pretium et adipiscing gravida, varius sed justo.</td> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </tr> | |
- | + | <tr> | |
- | + | <td bgcolor="#ADD8E6" height="1px"></td> | |
- | + | ||
- | + | </tr> | |
- | + | ||
- | + | ||
- | + | ||
- | + | <tr bgcolor="#ADD8E6" style="color: #000000;"> | |
- | + | ||
- | + | ||
- | + | <td>Integer consequat convallis diam, quis cursus justo ultricies sit amet. Integer in dui nec magna scelerisque aliquet. Etiam placerat, velit at semper pretium, purus massa fringilla dui, id malesuada lectus est id enim. Nunc sit amet lobortis leo. Aliquam ut purus id mauris molestie faucibus molestie at sapien. Vestibulum ut nulla velit, id convallis risus. Pellentesque gravida, sem eu faucibus accumsan, urna ante facilisis ante, at tempus ante purus at massa. Proin leo arcu, tristique at sollicitudin eget, dictum non risus. Curabitur faucibus ante interdum enim suscipit mattis. Mauris massa ante, sagittis ac lobortis eu, pulvinar sed velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ac nisl sed quam facilisis laoreet. Sed faucibus magna sit amet ante blandit in aliquet quam bibendum. Donec viverra convallis pretium. Curabitur purus neque, sodales ut pretium ut, commodo a erat. Pellentesque at risus nulla, a fermentum nisi. Nullam et justo at enim volutpat porttitor quis ut sem. Quisque odio diam, pretium et adipiscing gravida, varius sed justo.</td> | |
- | + | ||
- | + | ||
+ | </tr> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<tr> | <tr> | ||
- | |||
- | |||
- | |||
- | + | <td style="font-size: 20px; font-weight: bold;"> </td> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </tr> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </table> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | </div> |
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</body> | </body> | ||
- | |||
- | |||
- | |||
<head> | <head> | ||
<style> | <style> | ||
table { | table { | ||
- | background-color: # | + | background-color: #ADD8E6; |
font-color: white; | font-color: white; | ||
color:white; | color:white; | ||
} | } | ||
+ | |||
a.menu { | a.menu { | ||
- | background-color: | + | background-color: transparent; |
color: white; | color: white; | ||
width: 12em; | width: 12em; | ||
Line 374: | Line 108: | ||
#bodyContent { | #bodyContent { | ||
- | background-color: | + | background-color: transparent; |
} | } | ||
#content { | #content { | ||
- | background-color: | + | background-color: transparent; |
} | } | ||
#footer-box { | #footer-box { | ||
- | background-color: # | + | background-color: #231F20; |
} | } | ||
p { | p { | ||
Line 388: | Line 122: | ||
} | } | ||
body { | body { | ||
- | background-color: | + | background-color:transparent; |
} | } | ||
.firstHeading { | .firstHeading { | ||
Line 402: | Line 136: | ||
</p><p> | </p><p> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | body {background-color:#231f20; } | + | body {background-color:#231f20; background-image:url(https://static.igem.org/mediawiki/2010/b/b6/USU2010banner.jpg);/*Change this link with the one from iGEM*/ |
+ | background-repeat:no-repeat;} | ||
#content{ | #content{ | ||
border:0px; | border:0px; | ||
Line 412: | Line 147: | ||
</p><p> | </p><p> | ||
<head> | <head> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
- | + | ||
- | + | .container { position:inherit; height:auto; width: 900px; margin:auto; z-index:4; background-color: transparent; background-repeat:no-repeat} | |
- | color: # | + | |
- | + | .header { position:inherit; height:158px; width: 966px; margin:auto; z-index:2; background-image:url(https://static.igem.org/mediawiki/2010/b/b6/USU2010banner.jpg);/*Change this link with the one from iGEM*/ | |
- | + | ||
- | + | background-repeat:no-repeat;} | |
+ | |||
+ | .menu {position: relative; height:auto; width: 970px; margin:auto; z-index:3;} | ||
+ | |||
+ | .menu1 {position: relative; height:auto; width: 900px; margin:auto; z-index:7;} | ||
+ | |||
+ | .intro {position: relative; height:auto; width: 900px; margin:auto; z-index:9;} | ||
+ | |||
+ | .content{position:inherit; height:auto; width: 850px; margin:auto; z-index:4; background-color:#FFF; background-repeat:no-repeat} | ||
+ | |||
+ | .content_logo{} | ||
+ | |||
+ | .footer{position:relative; height:auto; width: 900px; margin:auto; z-index:5; background-image:url(https://static.igem.org/mediawiki/2010/7/7d/Background.gif); background-color:#000} | ||
+ | |||
+ | .bottom{position:relative; height:16px; width: 900px; margin:auto; z-index:6; background-image:url(https://static.igem.org/mediawiki/2010/7/7d/Background.gif)/*Change this link with the one from iGEM*/} | ||
+ | |||
+ | |||
+ | |||
+ | .slideshow { height:auto; width: 224px; margin-left:200px; margin-top:40px; position:relative} | ||
+ | |||
+ | .slideshow img { padding: 15px; border: 0px solid #ccc; background-color:transparent; background-image:url(https://static.igem.org/mediawiki/2010/7/7d/Background.gif);} | ||
+ | |||
+ | body { | ||
+ | |||
+ | background-attachment:fixed; | ||
+ | |||
+ | background-image: url(https://static.igem.org/mediawiki/2010/7/7d/Background.gif)/*Change this link with the one from iGEM*/; | ||
+ | |||
+ | background-repeat: no-repeat; | ||
+ | |||
+ | background-color: #3CF; | ||
+ | |||
} | } | ||
- | + | ||
- | { | + | |
- | + | content{ | |
- | margin | + | background:transparent url("https://static.igem.org/mediawiki/2010/8/86/Transpa30.png") center top fixed repeat-y; |
- | + | padding: 0px; | |
- | margin | + | margin:0 auto; |
- | + | border: none; | |
- | + | } | |
- | + | ||
- | font size | + | |
- | + | ul.topnav { | |
+ | |||
+ | list-style: none; | ||
+ | |||
+ | padding: 0 20px; | ||
+ | |||
+ | margin: 0; | ||
+ | |||
+ | float: left; | ||
+ | |||
+ | width: 900px; | ||
+ | |||
+ | background: #222; | ||
+ | |||
+ | font-size: 1.2em; | ||
+ | |||
+ | background: url(https://static.igem.org/mediawiki/2010/1/1b/Topnav_bg.gif)/*Change this link with the one from iGEM*/ no-repeat; | ||
+ | |||
} | } | ||
- | ul. | + | |
+ | ul.topnav li { | ||
+ | |||
+ | float: left; | ||
+ | |||
+ | margin: 0; | ||
+ | |||
+ | padding: 0 15px 0 0; | ||
+ | |||
+ | position: relative; /*--Declare X and Y axis base for sub navigation--*/ | ||
+ | |||
+ | } | ||
+ | |||
+ | ul.topnav li a{ | ||
+ | |||
+ | padding: 10px 5px; | ||
+ | |||
+ | color: #fff; | ||
+ | |||
+ | display: block; | ||
+ | |||
+ | text-decoration: none; | ||
+ | |||
+ | float: left; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul.topnav li a:hover{ | ||
+ | |||
+ | background: url(images/topnav_hover.gif) no-repeat center top; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul.topnav li span { /*--Drop down trigger styles--*/ | ||
+ | |||
+ | width: 17px; | ||
+ | |||
+ | height: 35px; | ||
+ | |||
+ | float: left; | ||
+ | |||
+ | background: url(images/subnav_btn.gif) no-repeat center top; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--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: 170px; | ||
+ | |||
+ | border: 1px solid #111; | ||
+ | |||
+ | } | ||
+ | |||
+ | 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: 170px; | ||
+ | |||
+ | } | ||
+ | |||
+ | html ul.topnav li ul.subnav li a { | ||
+ | |||
+ | float: left; | ||
+ | |||
+ | width: 145px; | ||
+ | |||
+ | background: #333 url(images/dropdown_linkbg.gif)/*Change this link with the one from iGEM*/ no-repeat 10px center; | ||
+ | |||
+ | padding-left: 20px; | ||
+ | |||
+ | } | ||
+ | |||
+ | html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ | ||
+ | |||
+ | background: #222 url(images/dropdown_linkbg.gif)/*Change this link with the one from iGEM*/ no-repeat 10px center; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | body,td,th { | ||
+ | |||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | |||
+ | } | ||
+ | |||
</style> | </style> | ||
- | |||
+ | <!-- include jQuery library --> | ||
+ | |||
+ | |||
+ | </head> | ||
</html> | </html> | ||
+ | |||
+ | {{:Team:Utah_State/footer1}} |
Revision as of 04:39, 25 October 2010
Design |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel sapien lectus, in dignissim leo. Duis diam tortor, facilisis id tincidunt in, fringilla a est. Ut elit libero, venenatis porttitor ultrices eget, rutrum sed diam. Duis semper libero posuere lorem pharetra pretium. Nulla a lacus eu ante elementum rutrum et a neque. Aenean volutpat tellus non est tempus rhoncus in nec lacus. Vivamus ac nibh at eros porta iaculis. Duis non magna ligula. Vivamus nec ipsum quis magna faucibus eleifend pretium sed lectus. Pellentesque sit amet augue non dolor tempor pharetra. Vivamus rhoncus turpis sed risus mollis sit amet ullamcorper tellus molestie. Vivamus eget lorem eget purus scelerisque sollicitudin vel ut ipsum. Nam aliquet urna odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam semper condimentum felis, eget mollis neque pulvinar et. Cras a augue enim, a facilisis nisi. Suspendisse potenti. Sed sit amet est augue. Quisque non tortor enim, quis pretium ante. Integer consequat convallis diam, quis cursus justo ultricies sit amet. Integer in dui nec magna scelerisque aliquet. Etiam placerat, velit at semper pretium, purus massa fringilla dui, id malesuada lectus est id enim. Nunc sit amet lobortis leo. Aliquam ut purus id mauris molestie faucibus molestie at sapien. Vestibulum ut nulla velit, id convallis risus. Pellentesque gravida, sem eu faucibus accumsan, urna ante facilisis ante, at tempus ante purus at massa. Proin leo arcu, tristique at sollicitudin eget, dictum non risus. Curabitur faucibus ante interdum enim suscipit mattis. Mauris massa ante, sagittis ac lobortis eu, pulvinar sed velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ac nisl sed quam facilisis laoreet. Sed faucibus magna sit amet ante blandit in aliquet quam bibendum. Donec viverra convallis pretium. Curabitur purus neque, sodales ut pretium ut, commodo a erat. Pellentesque at risus nulla, a fermentum nisi. Nullam et justo at enim volutpat porttitor quis ut sem. Quisque odio diam, pretium et adipiscing gravida, varius sed justo. |
Integer consequat convallis diam, quis cursus justo ultricies sit amet. Integer in dui nec magna scelerisque aliquet. Etiam placerat, velit at semper pretium, purus massa fringilla dui, id malesuada lectus est id enim. Nunc sit amet lobortis leo. Aliquam ut purus id mauris molestie faucibus molestie at sapien. Vestibulum ut nulla velit, id convallis risus. Pellentesque gravida, sem eu faucibus accumsan, urna ante facilisis ante, at tempus ante purus at massa. Proin leo arcu, tristique at sollicitudin eget, dictum non risus. Curabitur faucibus ante interdum enim suscipit mattis. Mauris massa ante, sagittis ac lobortis eu, pulvinar sed velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ac nisl sed quam facilisis laoreet. Sed faucibus magna sit amet ante blandit in aliquet quam bibendum. Donec viverra convallis pretium. Curabitur purus neque, sodales ut pretium ut, commodo a erat. Pellentesque at risus nulla, a fermentum nisi. Nullam et justo at enim volutpat porttitor quis ut sem. Quisque odio diam, pretium et adipiscing gravida, varius sed justo. |