Template:Template HD2

From 2009.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
+
<style type="text/css">
-
<style type="text/css">
+
body.mediawiki {
-
body.mediawiki {
+
  background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/3/33/HD09_Overglow_Test02.png);
-
background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/3/33/HD09_Overglow_Test02.png);
+
  background-position: center center;
-
background-position: center center;
+
  background-attachment: fixed;
-
background-attachment: fixed;
+
  background-repeat: no-repeat;
-
background-repeat: no-repeat;
+
  font-family: Calibri, Verdana, helvetica, sans-serif;}
-
font-family: Calibri, Verdana, helvetica, sans-serif;}
+
}
-
}
+
h1.firstHeading { display: none; }
-
h1.firstHeading {
+
 
-
display: none;
+
p {text-align: justify;}
-
}
+
 
-
p {
+
a:link { color: #324CE5; text-decoration: none}  
-
text-align: justify;
+
a:visited { color:#324CE5; text-decoration: none}
-
}
+
a:hover { color:#f29400; text-decoration: none}
-
a:link {
+
a:active { color:#f29400; text-decoration: none}
-
color: #324CE5;
+
 
-
text-decoration: none
+
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }
-
}  
+
 
-
a:visited {
+
table#team_members { text-align: justify; border: 0; }
-
color:#324CE5;
+
table#team_members h2, table#team_members h3 { clear: both; }
-
text-decoration: none
+
-
}
+
-
a:hover {
+
-
color:#f29400;
+
-
text-decoration: none
+
-
}
+
-
a:active {
+
-
color:#f29400;
+
-
text-decoration: none
+
-
}
+
-
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }
+
-
table#team_members { text-align: justify; border: 0; }
+
-
table#team_members h2, table#team_members h3 { clear: both; }
+
-
#content * a:hover {text-decoration:none;}
+
-
#navigation a {
+
-
padding: 0px 10px 0 10px;
+
-
line-height: 45px;
+
-
font-size: 1.3em;
+
-
}
+
-
#navigation a:hover {
+
-
color: #0000FF;
+
-
text-decoration: none;
+
-
}
+
-
#main_wrapper {
+
-
margin: 0;
+
-
width: 975px;
+
-
height: 173px;
+
-
align: center;
+
-
background-color: #FFFFFF;
+
-
}
+
-
#header {
+
-
position:absolute; width:975px; height:173px; background-color:#FFFFFF;
+
-
background-image: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/7/78/Header3.png);
+
-
background-repeat: no-repeat;
+
-
font: Calibri, Verdana, helvetica, sans-serif;
+
-
/*font-size: 2em;*/
+
-
font-style: bold;
+
-
color:#FFFFAF;
+
-
}
+
-
#navigation {
+
-
position:absolute; top:110px; left:0px; width:888px; height:54px;
+
-
z-index:100; background-color: transparent; float: left;
+
-
background-image: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/0/0e/Navigation4.png);
+
-
background-repeat: no-repeat;
+
-
}
+
-
#image {
+
-
position:absolute; top:0px; left:0px; width:640px; height:146px;
+
-
z-index:50; background-color: transparent; float: left; font-size: 1.3em;
+
-
background-image: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/5/50/Image4.png);
+
-
background-repeat: no-repeat;
+
-
}
+
-
+
 +
#header {height: 40px; padding: 10px ; font: Calibri, Verdana, helvetica, sans-serif; font-size: 2em;font-style: bold; color:#FFFFFF; background: #324CE5;}
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
div.MenuBar ul li ul.DropDownMenu {
div.MenuBar ul li ul.DropDownMenu {
   display: none; /* Hides all drop-down menus. */
   display: none; /* Hides all drop-down menus. */
 +
}
}
/*
/*
Line 87: Line 37:
   display: none; /* Hides all side menus. */
   display: none; /* Hides all side menus. */
}
}
-
 
/*------------------------------------------------------------------------------------- Menu Bar */
/*------------------------------------------------------------------------------------- Menu Bar */
div.MenuBar {
div.MenuBar {
Line 100: Line 49:
   padding: 0;
   padding: 0;
   background: #0a0a25;
   background: #0a0a25;
 +
 
}
}
div.MenuBar ul {
div.MenuBar ul {
Line 140: Line 90:
div.MenuBar ul li a:hover ul.DropDownMenu {
div.MenuBar ul li a:hover ul.DropDownMenu {
   display: block;
   display: block;
-
   width: 10em; /* Drop-down menu width. Use MenuTailor.css to customize. */
+
   width: 10em; /* Drop-down menu width.
 +
                  Use MenuTailor.css to customize. */
   height: 1em;
   height: 1em;
   padding: 1px; /* Sets the drop-down menu "effective border" width. */
   padding: 1px; /* Sets the drop-down menu "effective border" width. */
   position: absolute;  
   position: absolute;  
-
   top: 23px; /* Places the drop-down menu under the menu bar. Keep it sync with the menu bar height. */
+
   top: 23px; /* Places the drop-down menu under the menu bar.
 +
                Keep it sync with the menu bar height. */
   left: 0; /* Aligns the drop-down menu to its top-level item. */
   left: 0; /* Aligns the drop-down menu to its top-level item. */
   background-color: #0a0a25; /* Selected item. */
   background-color: #0a0a25; /* Selected item. */
   color: #FFFFFF;
   color: #FFFFFF;
-
}
 
 +
}
div.MenuBar ul li:hover ul.DropDownMenu li a,
div.MenuBar ul li:hover ul.DropDownMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a {
div.MenuBar ul li a:hover ul.DropDownMenu li a {
Line 160: Line 112:
   color: #FFFFFF;
   color: #FFFFFF;
}
}
-
 
ul.DropDownMenu li a span {
ul.DropDownMenu li a span {
   display: block;
   display: block;
Line 167: Line 118:
   text-align: right; /* Aligns the >> symbol to the right. */
   text-align: right; /* Aligns the >> symbol to the right. */
}
}
-
 
ul.DropDownMenu li a span span {
ul.DropDownMenu li a span span {
   float: left; /* Aligns the text (back) to the left. */
   float: left; /* Aligns the text (back) to the left. */
Line 178: Line 128:
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
   display: block;
   display: block;
-
   width: 11em; /* Side menu width. Use MenuTailor.css to customize. */
+
   width: 11em; /* Side menu width.
 +
                  Use MenuTailor.css to customize. */
   padding: 1px; /* Sets the side menu "effective border" width. */
   padding: 1px; /* Sets the side menu "effective border" width. */
   position: absolute;
   position: absolute;
-
   top: -1px; /* Aligns the side menu to its drop-down menu item. Keep it sync with the side menu "effective border" width. */
+
   top: -1px; /* Aligns the side menu to its drop-down menu item.
-
   left: 13em; /* Places the side menu to the right of the drop-down menu. Keep it sync with the drop-down menu width. Use MenuTailor.css to customize. */
+
                Keep it sync with the side menu "effective border" width. */
 +
   left: 13em; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width.
 +
                            Use MenuTailor.css to customize. */
}
}
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
Line 396: Line 350:
}
}
/*...............................................................................................*/
/*...............................................................................................*/
-
</style>
 
-
</head>
 
 +
</style>
-
<!-- ############################# BODY!!!!! #################################### -->
 
<body>
<body>
-
<style type="text/css">
+
<div id="header">iGEM-Team Heidelberg 2009</div>
-
body {
+
<div class='MenuBar' id="navi">
-
background-color:#0a0a25;
+
-
}
+
-
</style>
+
-
<div id="main_wrapper">
+
-
  <div id="header">
+
-
        <div id="image"></div>
+
-
<div class='MenuBar' id="navigation">
+
<ul>
<ul>
<li>
<li>
Line 554: Line 499:
</div>
</div>
 +
</body>
 +
</html>
-
 
+
<html>
-
 
+
<style type="text/css">
-
<!--      <div id="navigation">
+
body {background-color:#0a0a25;}
-
      <ul> <a href="http://igem.bioquant.uni-heidelberg.de/mediawiki/index.php/Main_Page" style="color:
+
</style>
-
                          white">HOME</a>
+
-
          <a href="http://igem.bioquant.uni-heidelberg.de/mediawiki/index.php/Team" style="color: white">TEAM</a>  
+
-
          <a href="http://igem.bioquant.uni-heidelberg.de/mediawiki/index.php/Project" style="color:  
+
-
                        white">PROJECT</a>
+
-
          <a href="http://igem.bioquant.uni-heidelberg.de/mediawiki/index.php/Modeling" style="color: white">MODELING</a>
+
-
          <a href="http://igem.bioquant.uni-heidelberg.de/mediawiki/index.php/Notebook/Overview" style="color:   
+
-
          white">NOTEBOOK</a>
+
-
          <a href="http://igem.bioquant.uni-heidelberg.de/mediawiki/index.php/Miscellaneous" style="color: white">MISC</a>
+
-
      </div> -->
+
-
  </div>
+
-
</div>
+
-
</body>
+
</html>
</html>

Latest revision as of 16:42, 6 October 2009