Template:Template HD2

From 2009.igem.org

(Difference between revisions)
(New page: <html> <style type="text/css"> body.mediawiki { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/3/33/HD09_Overglow_Test02.png); background-position: center...)
Line 1: Line 1:
<html>
<html>
-
<style type="text/css">
+
<head>
-
body.mediawiki {
+
<style type="text/css">
-
  background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/3/33/HD09_Overglow_Test02.png);
+
body.mediawiki {
-
  background-position: center center;
+
background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/3/33/HD09_Overglow_Test02.png);
-
  background-attachment: fixed;
+
background-position: center center;
-
  background-repeat: no-repeat;
+
background-attachment: fixed;
-
  font-family: Calibri, Verdana, helvetica, sans-serif;}
+
background-repeat: no-repeat;
-
}
+
font-family: Calibri, Verdana, helvetica, sans-serif;}
-
h1.firstHeading { display: none; }
+
}
-
 
+
h1.firstHeading {
-
p {text-align: justify;}
+
display: none;
-
 
+
}
-
a:link { color: #324CE5; text-decoration: none}  
+
p {
-
a:visited { color:#324CE5; text-decoration: none}
+
text-align: justify;
-
a:hover { color:#f29400; text-decoration: none}
+
}
-
a:active { color:#f29400; text-decoration: none}
+
a:link {
-
 
+
color: #324CE5;
-
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }
+
text-decoration: none
-
 
+
}  
-
table#team_members { text-align: justify; border: 0; }
+
a:visited {
-
table#team_members h2, table#team_members h3 { clear: both; }
+
color:#324CE5;
 +
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 37: Line 87:
   display: none; /* Hides all side menus. */
   display: none; /* Hides all side menus. */
}
}
 +
/*------------------------------------------------------------------------------------- Menu Bar */
/*------------------------------------------------------------------------------------- Menu Bar */
div.MenuBar {
div.MenuBar {
Line 49: Line 100:
   padding: 0;
   padding: 0;
   background: #0a0a25;
   background: #0a0a25;
-
 
 
}
}
div.MenuBar ul {
div.MenuBar ul {
Line 90: Line 140:
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.
+
   width: 10em; /* Drop-down menu width. Use MenuTailor.css to customize. */
-
                  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.
+
   top: 23px; /* Places the drop-down menu under the menu bar. Keep it sync with the menu bar height. */
-
                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 112: Line 160:
   color: #FFFFFF;
   color: #FFFFFF;
}
}
 +
ul.DropDownMenu li a span {
ul.DropDownMenu li a span {
   display: block;
   display: block;
Line 118: Line 167:
   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 128: Line 178:
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.
+
   width: 11em; /* Side menu width. Use MenuTailor.css to customize. */
-
                  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.
+
   top: -1px; /* Aligns the side menu to its drop-down menu item. Keep it sync with the side menu "effective border" width. */
-
                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. */
-
   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 350: Line 396:
}
}
/*...............................................................................................*/
/*...............................................................................................*/
 +
</style>
 +
</head>
-
</style>
 
 +
<!-- ############################# BODY!!!!! #################################### -->
<body>
<body>
-
<div id="header">iGEM-Team Heidelberg 2009</div>
+
<style type="text/css">
-
<div class='MenuBar' id="navi">
+
body {
 +
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 499: Line 554:
</div>
</div>
-
</body>
 
-
</html>
 
-
<html>
+
 
-
<style type="text/css">
+
 
-
body {background-color:#0a0a25;}
+
<!--      <div id="navigation">
-
</style>
+
      <ul> <a href="http://igem.bioquant.uni-heidelberg.de/mediawiki/index.php/Main_Page" style="color:
 +
                          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>

Revision as of 12:11, 6 October 2009

Retrieved from "http://2009.igem.org/Template:Template_HD2"