Template:EPFL 2010

From 2010.igem.org

(Difference between revisions)
(New page: <html> <head> <style> @charset "utf-8"; /* CSS Document */ - →^'^ Navigation Structure ^'^: .nav-container-outer{ background: #990000; padding: 0px; height: 74px; background: url(images/n...)
 
(214 intermediate revisions not shown)
Line 1: Line 1:
 +
<!--
 +
EPFL Template
 +
Create by : Thibault Dupont
 +
Date : 2010.07.22
 +
-->
 +
<html>
<html>
 +
<head>
<head>
<style>
<style>
-
@charset "utf-8";
 
-
/* CSS Document */
 
-
/*^'^ Navigation Structure ^'^*/
+
<!-- ============================================ CONTENT : CSS =========================================== -->
-
.nav-container-outer{
+
-
background: #990000;
+
-
padding: 0px;
+
-
height: 74px;
+
-
background: url(images/nav-bg.jpg);
+
-
}
+
-
.float-left{
+
-
float: left;
+
-
}
+
-
.float-right{
+
-
float: right;
+
-
}
+
-
.nav-container .divider{
+
-
display:block;
+
-
font-size:1px;
+
-
border-width:0px;
+
-
border-style:solid;
+
-
}
+
-
.nav-container .divider-vert{
+
-
float:left;
+
-
width:0px;
+
-
display: none;
+
-
}
+
-
.nav-container .item-secondary-title{
+
-
display:block;
+
-
cursor:default;
+
-
white-space:nowrap;
+
-
}
+
-
.clear{
+
-
font-size:1px;
+
-
height:0px;
+
-
width:0px;
+
-
clear:left;
+
-
line-height:0px;
+
-
display:block;
+
-
float:none;
+
-
}
+
-
.nav-container{
+
-
position:relative;
+
-
zoom:1;
+
-
margin: 0 auto;
+
-
}
+
-
.nav-container a, .nav-container li{
+
-
float:left;
+
-
display:block;
+
-
white-space:nowrap;
+
-
}
+
-
.nav-container div a, .nav-container ul a, .nav-container ul li{
+
-
float:none;
+
-
}
+
-
.nav-container ul{
+
-
left:-10000px;
+
-
position:absolute;
+
-
}
+
-
.nav-container, .nav-container ul{
+
-
list-style:none;
+
-
padding:0px;
+
-
margin:0px;
+
-
}
+
-
.nav-container li a{
+
-
float:none
+
-
}
+
-
.nav-container li{
+
-
position:relative;
+
-
}
+
-
.nav-container ul{
+
-
z-index:10;
+
-
}
+
-
.nav-container ul ul{
+
-
z-index:20;
+
-
}
+
-
.nav-container ul ul ul{
+
-
z-index:30;
+
-
}
+
-
.nav-container ul ul ul ul{
+
-
z-index:40;
+
-
}
+
-
.nav-container ul ul ul ul ul{
+
-
z-index:50;
+
-
}
+
-
li:hover>ul{
+
-
left:auto;
+
-
}
+
-
#nav-container ul {
+
-
top:100%;
+
-
}
+
-
#nav-container ul li:hover>ul{
+
-
top:0px;
+
-
left:100%;
+
-
}
+
-
/*^'^ Primary Items ^'^*/
+
.top-section {
-
#nav-container a{
+
  display:none;
-
padding:7px 17px 7px 18px;
+
-
margin: 10px 0px 0px 0px;
+
-
color: #FFFFFF;
+
-
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
+
-
font-size:14px;
+
-
text-decoration:none;
+
-
font-weight: bold;
+
-
background: url(images/item-primary-bg.gif);
+
-
background-repeat: no-repeat;
+
-
background-position: top;
+
}
}
-
#nav-container a:hover{
+
#footer-box {
-
color: #6C3600;
+
  float: bottom;
-
background: url(images/item-primary-bg.gif);
+
-
background-repeat: no-repeat;
+
-
background-position: center;
+
}
}
-
/*^'^ Secondary Items Container ^'^*/
+
#content {
-
#nav-container div, #nav-container ul{
+
          background-color:#FFFFFF;
-
padding:10px 4px 10px 4px;
+
          border-width: 1px;
-
margin:0px 0px 0px 0px;
+
          border-color: #000000;
-
background: url(images/item-secondary-container-bg.jpg);
+
}
-
background-repeat: repeat-x;
+
-
background-color: #FF9900;
+
-
border-bottom: 1px solid #CA6500;
+
-
}
+
-
/*^'^ Secondary Items ^'^*/
+
#bodyContent {
-
#nav-container div a, #nav-container ul a{
+
          padding: 0px;
-
padding:3px 10px 3px 6px;
+
          margin: 0px;
-
background-color: #FFFFFF;
+
-
background: url(images/item-secondary-bg.jpg);
+
-
background-repeat: no-repeat;
+
-
background-position: 0px 22px;
+
-
font-size:11px;
+
-
border-width:0px;
+
-
border-style:none;
+
-
margin: 0px 0px 0px 0px;
+
-
width: 149px;
+
}
}
-
/*^'^ Secondary Items Hover State ^'^*/
+
.firstHeading {
-
#nav-container div a:hover, #nav-container ul a:hover{
+
  display:none;
-
background-color: #FFFFFF;
+
-
background: url(images/item-secondary-bg.jpg);
+
-
background-repeat: no-repeat;
+
-
color:#CC0000;
+
}
}
-
/*^'^ Secondary Item Titles ^'^*/
+
.EPFL_content {
-
#nav-container .item-secondary-title{
+
          position:relative;
-
cursor:default;
+
          top:-125px;
-
padding:4px 0px 3px 7px;
+
          margin-left:150px;
-
color: #6C3600;
+
-
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
+
-
font-size:11px;
+
-
/* background: url(images/item-secondary-title-bg.jpg); */
+
-
background-repeat: no-repeat;
+
-
font-weight:bold;
+
}
}
-
/*^'^ Horizontal Dividers ^'^*/
+
#toc {
-
#nav-container .divider-horiz{
+
    position: fixed;
-
border-top-width:1px;
+
    left: -200px;
-
margin:5px 5px;
+
    top: 25px;
-
border-color: #C16100;
+
    width: 180px;
}
}
-
/*^'^ Vertical Dividers ^'^*/
+
<!-- =============== END ======================== CONTENT : CSS ======================== END ============== -->
-
#nav-container .divider-vert{
+
 
-
border-left-width:1px;
+
 
-
height:15px;
+
 
-
margin:4px 2px 0px 2px;
+
<!-- ============================================ MENU : CSS =========================================== -->
-
border-color:#AAAAAA;
+
 
-
}
+
.menu{
 +
border:none;
 +
border:0px;
 +
margin:0px;
 +
padding:0px;
 +
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 +
font-size:14px;
 +
font-weight:bold;
 +
}
 +
.menu ul{
 +
background:#444444;
 +
height:35px;
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
 
 +
}
 +
.menu li{
 +
float:left;
 +
padding:0px;
 +
}
 +
.menu li a{
 +
background:#444444 url("https://static.igem.org/mediawiki/2010/5/58/EPFL_Menu_Seperator.gif") bottom right no-repeat;
 +
color:#cccccc;
 +
display:block;
 +
font-weight:normal;
 +
line-height:35px;
 +
margin:0px;
 +
padding:0px 25px;
 +
text-align:center;
 +
text-decoration:none;
 +
}
 +
.menu li a:hover, .menu ul li:hover a{
 +
background: #2580a2 url("https://static.igem.org/mediawiki/2010/1/1b/EPFL_Menu_Hover.gif") bottom center no-repeat;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
}
 +
.menu li ul{
 +
background:#333333;
 +
display:none;
 +
height:auto;
 +
padding:0px;
 +
margin:0px;
 +
border:0px;
 +
position:absolute;
 +
width:225px;
 +
z-index:200;
 +
/*top:1em;
 +
/*left:0;*/
 +
}
 +
.menu li:hover ul{
 +
display:block;
 +
 +
}
 +
.menu li li {
 +
background:url("https://static.igem.org/mediawiki/2010/5/52/EPFL_Menu_Sub_sep.gif") bottom left no-repeat;
 +
display:block;
 +
float:none;
 +
margin:0px;
 +
padding:0px;
 +
width:225px;
 +
}
 +
.menu li:hover li a{
 +
background:none;
 +
 +
}
 +
.menu li ul a{
 +
display:block;
 +
height:35px;
 +
font-size:12px;
 +
font-style:normal;
 +
margin:0px;
 +
padding:0px 10px 0px 15px;
 +
text-align:left;
 +
}
 +
.menu li ul a:hover, .menu li ul li:hover a{
 +
background:#2580a2 url("https://static.igem.org/mediawiki/2010/5/5f/EPFL_Menu_Hover_sub.gif") center left no-repeat;
 +
border:0px;
 +
color:#ffffff;
 +
text-decoration:none;
 +
}
 +
.menu p{
 +
clear:left;
 +
}
 +
 
 +
 
 +
<!-- ============== END ========================= MENU : CSS =================== END =================== -->
 +
 +
 
</style>
</style>
</head>
</head>
-
<div class="nav-container-outer">
+
 
-
  <img src="/menu/images/nav-bg-l.jpg" alt="" class="float-left" />
+
<div style="width: 1000px; height: 110px; position: relative; top: -30px; left: -5px;">
-
  <img src="/menu/images/nav-bg-r.jpg" alt="" class="float-right" />
+
<img height="90" src="https://static.igem.org/mediawiki/2010/8/8b/EPFL_title_Blanc.png" width="975"/></div>
-
  <ul id="nav-container" class="nav-container">
+
 
-
      <li><a class="item-primary" href="https://2010.igem.org/Team:EPF_Lausanne/Project" target="_self"><img height="83" src="http://frameshiftcoaching.files.wordpress.com/2009/12/igem-logo.jpg" width="98" /></a>
+
 
-
        <ul style="width:150px;">
+
<!-- ============================================ MENU : CONTENT =========================================== -->
-
            <li><a href="https://2010.igem.org/Team:EPF_Lausanne/Project/overview" title="Overview" target="_self" >Overview</a></li>
+
 
-
            <li><a href="" title="" target="_self" ></a></li>
+
<div class="menu" style="position:relative; top:-95px">
-
        </ul>
+
<ul>
-
  </li>
+
<li><a href="https://2010.igem.org/Team:EPF_Lausanne" target="_self" ><img src="https://static.igem.org/mediawiki/2010/5/53/EPFL_menu_Home.png" /></a>
-
      <li><span class="divider divider-vert" ></span></li>
+
</li>
-
      <li><a class="item-primary" href="https://2010.igem.org/Team:EPF_Lausanne/Team" target="_self">The Team</a>
+
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Team" target="_self" ><img src="https://static.igem.org/mediawiki/2010/3/33/EPFL_menu_Team.png" /></a>
-
  </li>
+
<ul>
-
      <li><span class="divider divider-vert" ></span></li>
+
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Team" target="_self"><img src="https://static.igem.org/mediawiki/2010/3/33/EPFL_menu_Team.png" /></a></li>
-
      <li><a class="item-primary" href="" target="_self"></a>
+
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Team_school" target="_self"><img src="https://static.igem.org/mediawiki/2010/4/43/EPFL_menu_School.png" /></a></li>
-
  </li>
+
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Team_gallery" target="_self"><img src="https://static.igem.org/mediawiki/2010/5/51/EPFL_menu_Gallery.png" /></a></li>
-
      <li><span class="divider divider-vert" ></span></li>
+
</ul>
-
      <li class="clear"> </li>
+
</li>
-
  </ul>
+
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Project" target="_self" >Project</a>
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Project_overview" target="_self"><img src="https://static.igem.org/mediawiki/2010/8/83/EPFL_Menu_Overview.png" /></a></li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Project_asaia" target="_self"><img src="https://static.igem.org/mediawiki/2010/1/15/EPFL_menu_Asaia.png" /></a></li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Project_immuno" target="_self">Immunotoxine</a></li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Project_secrection" target="_self">Secretion</a></li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Project_parts" target="_self"><img src="https://static.igem.org/mediawiki/2010/4/43/EPFL_menu_Parts.png" /></a></li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Project_literature" target="_self">Literature</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Notebook" target="_self" ><img src="https://static.igem.org/mediawiki/2010/1/19/EPFL_menu_Notebook.png" /></a>
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Notebook" target="_self"><img src="https://static.igem.org/mediawiki/2010/1/19/EPFL_menu_Notebook.png" /></a></li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Labbook_protocols" target="_self"><img src="https://static.igem.org/mediawiki/2010/f/f4/EPFL_menu_Protocols.png" /></a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Humanpractices" target="_self" >Human practices</a>
 +
</li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Acknowledgements" target="_self" >Acknowledgements</a>
 +
</li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Sponsors" target="_self" >Sponsors</a>
 +
</li>
 +
</ul>
</div>
</div>
 +
 +
 +
<!-- ============= END ========================== MENU : CONTENT =============== END ======================= -->
 +
 +
 +
<div style="width: 970px; height: 646px; position: absolute; text-align:center ; top: 30px; z-index:-1">
 +
<img alt="" height="158" src="https://static.igem.org/mediawiki/2010/a/ae/EPFL_logo_jpg_grand.jpg" width="200" /></div>
 +
 +
<div style="width: 141px; height: 101px; position: fixed; right: -80px; top: 200px; z-index:99">
 +
<a href="#top"><img src="https://static.igem.org/mediawiki/2010/c/c1/EPFL_button_Up.png"/></a></div>
 +
 +
 +
<!--
 +
<div style="width: 141px; height: 101px; position: fixed; right: -85px; top: 270px; z-index:99">
 +
<a href="#bottom"><img src="https://static.igem.org/mediawiki/2010/2/27/EPFL_button_down.png"/></a></div>
 +
 +
-->
 +
 +
<!-- ============================================ OTHER ============================================ -->
 +
 +
<body style="background-color: #FFECF5"></body>
 +
 +
 +
 +
<!-- ============== END ========================= OTHER ================== END ===================== -->
</html>
</html>

Latest revision as of 20:34, 8 August 2010


Retrieved from "http://2010.igem.org/Template:EPFL_2010"