Team:IIT Madras/Template:test bar

From 2011.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<title>Test bar</title>
+
<title>bar</title>
-
<style>
+
<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
body
{
{
-
background-color: #f5f6f7;
+
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>
</style>
 +
<!-- End Save for Web Styles -->
</head>
</head>
<body>
<body>
-
<div id="gen" style="color:black; position:absolute; width:100%; height:200px;></div>
+
<div id="menu">
-
<body>
+
<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

bar

Retrieved from "http://2011.igem.org/Team:IIT_Madras/Template:test_bar"