Team:IIT Madras/Template:test bar
From 2011.igem.org
(Difference between revisions)
(Created page with "<html> <head> <title>Test bar</title> </head> </html>") |
|||
(35 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | <title> | + | <title>bar</title> |
+ | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> | ||
+ | <style type="text/css"> | ||
+ | <!-- | ||
+ | |||
+ | html | ||
+ | { | ||
+ | overflow: -moz-scrollbars-vertical !important; | ||
+ | resize: none; | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: 20px; | ||
+ | border-left: none; | ||
+ | border-right: none; | ||
+ | } | ||
+ | |||
+ | #siteSub { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | body | ||
+ | { | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | #contentSub { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #siteSub { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: 20px; | ||
+ | border-left: none; | ||
+ | border-right: none; | ||
+ | } | ||
+ | |||
+ | .left-menu { | ||
+ | margin-top:-12px; | ||
+ | } | ||
+ | |||
+ | .right-menu { | ||
+ | margin-top:-12px; | ||
+ | } | ||
+ | |||
+ | .left-menu ul { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #menubar li a { | ||
+ | color:#8C8984; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | #menubar ul { | ||
+ | color:transparent; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | background-color:transparent; | ||
+ | font-size:85%; | ||
+ | line-height:1em; | ||
+ | position:absolute; | ||
+ | top:10px; | ||
+ | white-space:nowrap; | ||
+ | width:50%; | ||
+ | z-index:5; | ||
+ | height:20px; | ||
+ | overflow:hidden | ||
+ | |||
+ | } | ||
+ | |||
+ | .left-menu { | ||
+ | left:0; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .right-menu { | ||
+ | right:0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .firstHeading { display:none; } | ||
+ | } | ||
+ | |||
+ | #menubar{ | ||
+ | color: #transparent; | ||
+ | } | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | margin-top:-12px; | ||
+ | } | ||
+ | |||
+ | .right-menu ul { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #menubar{ | ||
+ | top:15px; | ||
+ | z-index:25; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | background-color: white; | ||
+ | font-size:85%; | ||
+ | line-height:1em; | ||
+ | position:absolute; | ||
+ | top:10px; | ||
+ | white-space:nowrap; | ||
+ | width:50%; | ||
+ | z-index:5; | ||
+ | height:20px; | ||
+ | overflow:hidden | ||
+ | |||
+ | } | ||
+ | |||
+ | img[src*="/wiki/skins/common/images/wiki.png"]{ | ||
+ | width:0; | ||
+ | height:60px; | ||
+ | padding-right:975px; | ||
+ | background:#transparent; | ||
+ | } | ||
+ | |||
+ | #p-logo a{ | ||
+ | color:#transparent; | ||
+ | } | ||
+ | |||
+ | |||
+ | #catlinks { | ||
+ | height: 0px; | ||
+ | overflow: hidden; | ||
+ | display: none; | ||
+ | border: } | ||
+ | } | ||
+ | |||
+ | #Table_01 { | ||
+ | position:absolute; | ||
+ | left:30px; | ||
+ | top:-55px; | ||
+ | width:1000px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-01-norm { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:0px; | ||
+ | width:119px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-02-norm { | ||
+ | position:absolute; | ||
+ | left:119px; | ||
+ | top:0px; | ||
+ | width:108px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-03-norm { | ||
+ | position:absolute; | ||
+ | left:227px; | ||
+ | top:0px; | ||
+ | width:110px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-04-norm { | ||
+ | position:absolute; | ||
+ | left:337px; | ||
+ | top:0px; | ||
+ | width:109px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-05-norm { | ||
+ | position:absolute; | ||
+ | left:446px; | ||
+ | top:0px; | ||
+ | width:108px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-06-norm { | ||
+ | position:absolute; | ||
+ | left:554px; | ||
+ | top:0px; | ||
+ | width:109px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-07-norm { | ||
+ | position:absolute; | ||
+ | left:663px; | ||
+ | top:0px; | ||
+ | width:109px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-08-norm { | ||
+ | position:absolute; | ||
+ | left:772px; | ||
+ | top:0px; | ||
+ | width:108px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-09-norm { | ||
+ | position:absolute; | ||
+ | left:880px; | ||
+ | top:0px; | ||
+ | width:120px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #content{ | ||
+ | background-color: white; | ||
+ | padding-top:65px; | ||
+ | width:1000px; | ||
+ | font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; | ||
+ | font-smooth:always; | ||
+ | border-style: none solid solid solid; | ||
+ | border-width:0px; | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | |||
+ | .shadow { | ||
+ | -moz-box-shadow: 0px 0px 15px #ccc; | ||
+ | -webkit-box-shadow: 0px 0px 15px #ccc; | ||
+ | box-shadow: 0px 0px 15px #ccc; | ||
+ | } | ||
+ | |||
+ | .whitebox { | ||
+ | -moz-box-shadow: 0px 0px 15px #ccc; | ||
+ | -webkit-box-shadow: 0px 0px 15px #ccc; | ||
+ | box-shadow: 0px 0px 15px #ccc; | ||
+ | background-color: #FFFFFF; | ||
+ | -moz-border-radius: 15px; | ||
+ | border-radius: 15px; | ||
+ | margin-top: 20px; | ||
+ | padding-top: 20px; | ||
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | padding-bottom: 20px; | ||
+ | margin-left: 15px; | ||
+ | margin-right: 25px; | ||
+ | } | ||
+ | |||
+ | .whitebox2 { | ||
+ | -moz-box-shadow: 0px 0px 5px #444; | ||
+ | -webkit-box-shadow: 0px 0px 5px #444; | ||
+ | box-shadow: 0px 0px 5px #444; | ||
+ | background-color: #f1f2f3; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | margin-top: 0px; | ||
+ | padding-top: 5px; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | padding-bottom: 5px; | ||
+ | margin-left: 5px; | ||
+ | margin-right: 5px; | ||
+ | align:center; | ||
+ | } | ||
+ | |||
+ | .monthtable { | ||
+ | text-align:center; | ||
+ | background-color:#f1f2f3; | ||
+ | } | ||
+ | |||
+ | |||
+ | h1,h3,h5{ | ||
+ | color: #C22227; | ||
+ | background: none; | ||
+ | font-weight: normal; | ||
+ | margin: 0; | ||
+ | padding-top: .5em; | ||
+ | padding-bottom: .17em; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | h2, h4, h6{ | ||
+ | color: #484848; | ||
+ | background: none; | ||
+ | font-weight: normal; | ||
+ | margin: 0; | ||
+ | padding-top: .5em; | ||
+ | padding-bottom: .17em; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | #menu_bar{ | ||
+ | width: 98%; | ||
+ | height: 32px; | ||
+ | background: #BCD345; | ||
+ | position: relative; | ||
+ | top: -72px; | ||
+ | left: 11px; | ||
+ | border-bottom:#258fcd 1px solid; | ||
+ | border-right:#258fcd 1px solid; | ||
+ | border-left:#258fcd 1px solid; | ||
+ | } | ||
+ | |||
+ | #menu_bar ul {list-style:none;} | ||
+ | #menu_bar ul li{float:left; font-size:16px; margin:8px 0px; width:115px; text-align:center; height:32px; background:url('https://static.igem.org/mediawiki/2011/0/0a/Menu_bar.gif');} | ||
+ | #menu_bar ul li:hover{background:url('https://static.igem.org/mediawiki/2011/0/0a/Menu_bar.gif') 0px -32px; repeat-x; | ||
+ | -moz-border-radius:5px 0 0 0/ 0 5px 0 0; | ||
+ | -webkit-border-radius:5px 0 0 0/ 0 5px 0 0; | ||
+ | border-radius:5px 5px 0 0/ 5px 5px 0 0; | ||
+ | } | ||
+ | #menu_bar ul li a{text-decoration:none; color:white; margin-top:10px; | ||
+ | position:relative; | ||
+ | top:10px;} | ||
+ | #menu {position:relative; top:-50px;} | ||
+ | #menu ul{list-style:none;} | ||
+ | #menu ul li{float:left; width:75px; text-align:center; background:url('https://static.igem.org/mediawiki/2011/1/1c/Test_menu.gif') repeat-x;margin:10px; height:34px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;} | ||
+ | #menu a {position : relative; top:7px; text-decoration:none; color:white;} | ||
+ | --> | ||
+ | </style> | ||
+ | <!-- End Save for Web Styles --> | ||
</head> | </head> | ||
+ | <body> | ||
+ | <div id="menu"> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:IIT_Madras">Home</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:IIT_Madras/Team">Team</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:IIT_Madras/Project">Project</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:IIT_Madras/Parts">Parts</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:IIT_Madras/Modeling">Modeling</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:IIT_Madras/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:IIT_Madras/Safety">Safety</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:IIT_Madras/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 14:06, 10 September 2011