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...)
Line 1: Line 1:
 +
<!--
 +
EPFL Template
 +
Create by : Thibault Dupont
 +
Date : 2010.07.22
 +
-->
 +
<html>
<html>
 +
 +
<!-- ============================================ MENU : CSS =========================================== -->
 +
<head>
<head>
<style>
<style>
-
@charset "utf-8";
 
-
/* CSS Document */
 
-
/*^'^ Navigation Structure ^'^*/
+
.menu{
-
.nav-container-outer{
+
border:none;
-
background: #990000;
+
border:0px;
-
padding: 0px;
+
margin:0px;
-
height: 74px;
+
padding:0px;
-
background: url(images/nav-bg.jpg);
+
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
-
}
+
font-size:14px;
-
.float-left{
+
font-weight:bold;
-
float: left;
+
}
-
}
+
.menu ul{
-
.float-right{
+
background:#333333;
-
float: right;
+
height:35px;
-
}
+
list-style:none;
-
.nav-container .divider{
+
margin:0;
-
display:block;
+
padding:0;
-
font-size:1px;
+
}
-
border-width:0px;
+
.menu li{
-
border-style:solid;
+
float:left;
-
}
+
padding:0px;
-
.nav-container .divider-vert{
+
}
-
float:left;
+
.menu li a{
-
width:0px;
+
background:#333333 url("https://static.igem.org/mediawiki/2010/5/58/EPFL_Menu_Seperator.gif") bottom right no-repeat;
-
display: none;
+
color:#cccccc;
-
}
+
display:block;
-
.nav-container .item-secondary-title{
+
font-weight:normal;
-
display:block;
+
line-height:35px;
-
cursor:default;
+
margin:0px;
-
white-space:nowrap;
+
padding:0px 25px;
-
}
+
text-align:center;
-
.clear{
+
text-decoration:none;
-
font-size:1px;
+
}
-
height:0px;
+
.menu li a:hover, .menu ul li:hover a{
-
width:0px;
+
background: #2580a2 url("https://static.igem.org/mediawiki/2010/5/5f/EPFL_Menu_Hover_sub.gif") bottom center no-repeat;
-
clear:left;
+
color:#FFFFFF;
-
line-height:0px;
+
text-decoration:none;
-
display:block;
+
}
-
float:none;
+
.menu li ul{
-
}
+
background:#333333;
-
.nav-container{
+
display:none;
-
position:relative;
+
height:auto;
-
zoom:1;
+
padding:0px;
-
margin: 0 auto;
+
margin:0px;
-
}
+
border:0px;
-
.nav-container a, .nav-container li{
+
position:absolute;
-
float:left;
+
width:225px;
-
display:block;
+
z-index:200;
-
white-space:nowrap;
+
/*top:1em;
-
}
+
/*left:0;*/
-
.nav-container div a, .nav-container ul a, .nav-container ul li{
+
}
-
float:none;
+
.menu li:hover ul{
-
}
+
display:block;
-
.nav-container ul{
+
-
left:-10000px;
+
}
-
position:absolute;
+
.menu li li {
-
}
+
background:url("https://static.igem.org/mediawiki/2010/5/52/EPFL_Menu_Sub_sep.gif") bottom left no-repeat;
-
.nav-container, .nav-container ul{
+
display:block;
-
list-style:none;
+
float:none;
-
padding:0px;
+
margin:0px;
-
margin:0px;
+
padding:0px;
-
}
+
width:225px;
-
.nav-container li a{
+
}
-
float:none
+
.menu li:hover li a{
-
}
+
background:none;
-
.nav-container li{
+
-
position:relative;
+
}
-
}
+
.menu li ul a{
-
.nav-container ul{
+
display:block;
-
z-index:10;
+
height:35px;
-
}
+
font-size:12px;
-
.nav-container ul ul{
+
font-style:normal;
-
z-index:20;
+
margin:0px;
-
}
+
padding:0px 10px 0px 15px;
-
.nav-container ul ul ul{
+
text-align:left;
-
z-index:30;
+
}
-
}
+
.menu li ul a:hover, .menu li ul li:hover a{
-
.nav-container ul ul ul ul{
+
background:#2580a2 url("https://static.igem.org/mediawiki/2010/5/5f/EPFL_Menu_Hover_sub.gif") center left no-repeat;
-
z-index:40;
+
border:0px;
-
}
+
color:#ffffff;
-
.nav-container ul ul ul ul ul{
+
text-decoration:none;
-
z-index:50;
+
}
-
}
+
.menu p{
-
li:hover>ul{
+
clear:left;
-
left:auto;
+
}
-
}
+
-
#nav-container ul {
+
-
top:100%;
+
-
}
+
-
#nav-container ul li:hover>ul{
+
-
top:0px;
+
-
left:100%;
+
-
}
+
-
/*^'^ Primary Items ^'^*/
+
-
#nav-container a{
+
-
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{
+
</style>
-
color: #6C3600;
+
</head>
-
background: url(images/item-primary-bg.gif);
+
-
background-repeat: no-repeat;
+
-
background-position: center;
+
-
}
+
-
/*^'^ Secondary Items Container ^'^*/
+
<!-- ============== END ========================= MENU : CSS =================== END =================== -->
-
#nav-container div, #nav-container ul{
+
-
padding:10px 4px 10px 4px;
+
-
margin:0px 0px 0px 0px;
+
-
background: url(images/item-secondary-container-bg.jpg);
+
-
background-repeat: repeat-x;
+
-
background-color: #FF9900;
+
-
border-bottom: 1px solid #CA6500;
+
-
}
+
-
/*^'^ Secondary Items ^'^*/
 
-
#nav-container div a, #nav-container ul a{
 
-
padding:3px 10px 3px 6px;
 
-
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 ^'^*/
+
<!-- ============================================ MENU : CONTENT =========================================== -->
-
#nav-container div a:hover, #nav-container ul a:hover{
+
-
background-color: #FFFFFF;
+
-
background: url(images/item-secondary-bg.jpg);
+
-
background-repeat: no-repeat;
+
-
color:#CC0000;
+
-
}
+
-
/*^'^ Secondary Item Titles ^'^*/
+
<div class="menu">
-
#nav-container .item-secondary-title{
+
<ul>
-
cursor:default;
+
<li><a href="https://2010.igem.org/Team:EPF_Lausanne" target="_self" >Home</a>
-
padding:4px 0px 3px 7px;
+
</li>
-
color: #6C3600;
+
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Team" target="_self" >Team</a>
-
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
+
<ul>
-
font-size:11px;
+
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Team" target="_self">All team</a></li>
-
/* background: url(images/item-secondary-title-bg.jpg); */
+
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Team_under" target="_self">Undergraduates</a></li>
-
background-repeat: no-repeat;
+
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Team_phds" target="_self">PhDs</a></li>
-
font-weight:bold;
+
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Team_advisors" target="_self">Advisors</a></li>
-
}
+
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Team_school" target="_self">School</a></li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Team_gallery" target="_self">Gallery</a></li>
 +
</ul>
 +
</li>
 +
<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">Overview</a></li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Project_asaia" target="_self">Asaia</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_p25_p28" target="_self">P25/P28</a></li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Project_parts" target="_self">Parts</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Labbook" target="_self" >Lab book</a>
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Labbook_calendar" target="_self">Calendar</a></li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Labbook_organisations" target="_self">Organisations</a></li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Labbook_diary" target="_self">Diary</a></li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Labbook_protocols" target="_self">Protocols</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/Aknowledgments" target="_self" >Aknowledgments</a>
 +
</li>
 +
<li><a href="https://2010.igem.org/Team:EPF_Lausanne/Sponsors" target="_self" >Sponsors</a>
 +
</li>
 +
</ul>
 +
</div>
-
/*^'^ Horizontal Dividers ^'^*/
 
-
#nav-container .divider-horiz{
 
-
border-top-width:1px;
 
-
margin:5px 5px;
 
-
border-color: #C16100;
 
-
}
 
-
/*^'^ Vertical Dividers ^'^*/
+
<!-- ============= END ========================== MENU : CONTENT =============== END ======================= -->
-
#nav-container .divider-vert{
+
-
border-left-width:1px;
+
-
height:15px;
+
-
margin:4px 2px 0px 2px;
+
-
border-color:#AAAAAA;
+
-
}
+
-
</style>
+
-
</head>
+
-
 
+
-
<div class="nav-container-outer">
+
-
  <img src="/menu/images/nav-bg-l.jpg" alt="" class="float-left" />
+
-
  <img src="/menu/images/nav-bg-r.jpg" alt="" class="float-right" />
+
-
  <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;">
+
-
            <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>
+
-
        </ul>
+
-
  </li>
+
-
      <li><span class="divider divider-vert" ></span></li>
+
-
      <li><a class="item-primary" href="https://2010.igem.org/Team:EPF_Lausanne/Team" target="_self">The Team</a>
+
-
  </li>
+
-
      <li><span class="divider divider-vert" ></span></li>
+
-
      <li><a class="item-primary" href="" target="_self"></a>
+
-
  </li>
+
-
      <li><span class="divider divider-vert" ></span></li>
+
-
      <li class="clear"> </li>
+
-
  </ul>
+
-
</div>
+
</html>
</html>

Revision as of 10:19, 22 July 2010


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