From 2011.igem.org
(Difference between revisions)
|
|
Line 1: |
Line 1: |
| <html> | | <html> |
- | <body background="http://www.iphonewallpapersdownload.com/thumbnails/large_Dna_10676.jpg"> | + | <div style="background: #00CCFF; width: 450px"> |
- | </html>
| + | <center>Avin Veerakumar</center> |
- | <html xmlns="http://www.w3.org/1999/xhtml">
| + | <img src="https://static.igem.org/mediawiki/2011/3/32/Avin.jpg" alt="Big Boat" /> |
- | <head>
| + | </div> |
- | <title>Horizontal Navigation Bar w/Rollover Effect</title>
| + | |
- | <style type="text/css">
| + | |
- | <!--
| + | |
- | #globalWrapper {
| + | |
- | background-color: transparent;
| + | |
- | padding-bottom:0px;
| + | |
- | border: none;
| + | |
- | }
| + | |
- | | + | |
- | #content { | + | |
- | background-color: white;
| + | |
- | border:none;
| + | |
- | padding-bottom:none;
| + | |
- | margin-bottom:none;
| + | |
- | }
| + | |
- | | + | |
- | #bodyContent {
| + | |
- | border: none;
| + | |
- | }
| + | |
- | | + | |
- | #top-section {
| + | |
- | height: 203px;
| + | |
- | margin-top: 0 px;
| + | |
- | margin-left: auto;
| + | |
- | margin-right: auto;
| + | |
- | margin-bottom: 0 !important;
| + | |
- | /* margin-bottom: 10px; */
| + | |
- | padding:0;
| + | |
- | border: none;
| + | |
- | background-image: url("https://static.igem.org/mediawiki/2011/8/83/Pennigembanner.png");
| + | |
- | }
| + | |
- | | + | |
- | #p-logo {
| + | |
- | height: 203px;
| + | |
- | overflow:hidden;
| + | |
- | border:none;
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | #p-logo img {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | #search-controls {
| + | |
- | overflow:hidden;
| + | |
- | display:none;
| + | |
- | background: none;
| + | |
- | position: absolute;
| + | |
- | top: 100px;
| + | |
- | right: 40px;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu {
| + | |
- | width: 400px;
| + | |
- | display: block;
| + | |
- | margin-top: 5px;
| + | |
- | float: left;
| + | |
- | margin-right: 30px;
| + | |
- | border: none
| + | |
- | left: 20px;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu ul {
| + | |
- | border: none;
| + | |
- | height: 100%
| + | |
- | }
| + | |
- | | + | |
- | .left-menu ul {
| + | |
- | line-height: 2em;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #menubar.right-menu {
| + | |
- | width:300px;
| + | |
- | height: 100%;
| + | |
- | display:block;
| + | |
- | float:left;
| + | |
- | margin-top: 5px;
| + | |
- | padding-left:50px;
| + | |
- | border: none;
| + | |
- | right:50px;
| + | |
- | }
| + | |
- | | + | |
- | .right-menu ul {
| + | |
- | border: none;
| + | |
- | }
| + | |
- | | + | |
- | .right-menu a {
| + | |
- | background-color: transparent;
| + | |
- | }
| + | |
- | | + | |
- | #menubar li a{
| + | |
- | color: white;
| + | |
- | background-color: transparent;
| + | |
- | }
| + | |
- | | + | |
- | #menubar li a:hover {
| + | |
- | color:#73a631;
| + | |
- | text-decoration:underline;
| + | |
- | }
| + | |
- | | + | |
- | #menubar li.selected a {
| + | |
- | color:#555555;
| + | |
- | }
| + | |
- | | + | |
- | #catlinks {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | #footer-box {
| + | |
- | background-color: white;
| + | |
- | border: none;
| + | |
- | width: 965px;
| + | |
- | margin: 0 auto;
| + | |
- | margin-bottom:none;
| + | |
- | padding-left:5px;
| + | |
- | padding-right:5px;
| + | |
- | }
| + | |
- | | + | |
- | #footer {
| + | |
- | border: none;
| + | |
- | width: 965px;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | background-color:white;
| + | |
- | }
| + | |
- | | + | |
- | #f-list a {
| + | |
- | color: #333;
| + | |
- | font-size: 10px;
| + | |
- | }
| + | |
- | | + | |
- | #f-list a:hover {
| + | |
- | color: #666;
| + | |
- | }
| + | |
- | | + | |
- | #footer ul {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | | + | |
- | #footer ul li {
| + | |
- | margin-top: 0;
| + | |
- | margin-bottom: 0;
| + | |
- | margin-left: 10px;
| + | |
- | margin-right: 10px;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | | + | |
- | #navbar ul {
| + | |
- | margin: 0;
| + | |
- | padding: 5px;
| + | |
- | list-style-type: none;
| + | |
- | text-align: center;
| + | |
- | background-color: #003F87;
| + | |
- | }
| + | |
- |
| + | |
- | #navbar ul li {
| + | |
- | display: inline;
| + | |
- | }
| + | |
- |
| + | |
- | #navbar ul li a {
| + | |
- | text-decoration: none;
| + | |
- | padding: .2em 1em;
| + | |
- | color: #000;
| + | |
- | background-color: #003F87;
| + | |
- | }
| + | |
- |
| + | |
- | #navbar ul li a:hover {
| + | |
- | color: #000;
| + | |
- | background-color: #CD0000;
| + | |
- | }
| + | |
- |
| + | |
- | -->
| + | |
- | </style>
| + | |
- | </head>
| + | |
- | <body background="BackgroundPenn1.jpg" bgcolor="#120A8F">
| + | |
- | <div id="navbar"> | + | |
- | <ul>
| + | |
- | <li><a href="https://2011.igem.org/Team:UPenn">Home</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:Penn/Team">Team</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:Penn/Project">Our Project</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:UPenn/Parts">Biobricks</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:UPenn/Notebook">Notebook</a></li>
| + | |
- | </ul>
| + | |
- | </div> | + | |
- | </body>
| + | |
| </html> | | </html> |
Latest revision as of 17:24, 26 August 2011
Avin Veerakumar