Team:Paris Bettencourt/Menu

From 2013.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
 +
 +
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<style type="text/css">
<style type="text/css">
Line 14: Line 16:
     padding:0;
     padding:0;
     margin:0;
     margin:0;
-
     bottom:0;
+
     top:0px;
     width:1000px;
     width:1000px;
-
     height:40px;
+
     height:30px;
-
     z-index:50;
+
     z-index:100;
     display:block;
     display:block;
-
     background:rgba(30,39,43,1);
+
     background:rgb(30,39,43);
-
     color:rgba(250,247,186,1);  
+
     color:rgb(250,247,186);  
     text-align:center;
     text-align:center;
-
     line-height:40px;
+
     line-height:30px;
}
}
.sidelogos {
.sidelogos {
Line 29: Line 31:
     margin:0;
     margin:0;
     height:100%;
     height:100%;
-
     width:5%;
+
     width:40px;
}
}
#pblogo{
#pblogo{
Line 37: Line 39:
#pgmap{
#pgmap{
     float:left;
     float:left;
-
     left:50px;
+
     left:40px;
}
}
#fbnoticon{
#fbnoticon{
     float:right;
     float:right;
-
     left:900px;
+
     left:920px;
}
}
#twnoticon{
#twnoticon{
     float:right;
     float:right;
-
     left:950px;
+
     left:960px;
}
}
#pblogo img, #pgmap:hover img{
#pblogo img, #pgmap:hover img{
Line 53: Line 55:
#twnoticon:hover img, #fbnoticon:hover img {
#twnoticon:hover img, #fbnoticon:hover img {
   border-radius:3px;
   border-radius:3px;
-
   background-color:rgba(250,247,186,1);  
+
   background-color:rgb(250,247,186);  
}
}
#twitapp, #fbapp {
#twitapp, #fbapp {
Line 61: Line 63:
     width:250px;
     width:250px;
     height:400px;
     height:400px;
-
     bottom:40px;
+
     top:30px;
     border-radius:3px;
     border-radius:3px;
-
     border: 1px solid rgba(30,39,43,1);
+
     border: 1px solid rgb(30,39,43);
-
     background: rgba(255,255,255,1);  
+
     background: rgb(255,255,255);
 +
    z-index:100;
}
}
#fbapp{
#fbapp{
-
     right:-50px;
+
     right:-40px;
}
}
ul#nav {
ul#nav {
Line 75: Line 78:
     list-style: none;
     list-style: none;
     height:100%;
     height:100%;
-
     width:80%px;
+
     width:84%px;
-
     left:100px;
+
     left:80px;
     background:none;
     background:none;
-
     line-height:40px;
+
     line-height:30px;
 +
    z-index:100;
 +
    font-family: 'Yanone Kaffeesatz', sans-serif;
}
}
ul#nav ul {
ul#nav ul {
Line 85: Line 90:
     list-style:none;
     list-style:none;
     background:none;
     background:none;
-
     line-height:40px;
+
     line-height:30px;
 +
    z-index:100;
}
}
ul#nav li {
ul#nav li {
Line 91: Line 97:
     padding:0;
     padding:0;
     margin:0;
     margin:0;
-
     width:157.7px;
+
     width:118px;
-
     height:40px;
+
     height:30px;
     font-size:14px;
     font-size:14px;
     font-weight:600;
     font-weight:600;
-
     border-left:1px solid rgba(250,247,186,0.5);
+
     border-left:1px solid rgb(250,247,186);
-
     border-right:1px solid rgba(250,247,186,0.5);
+
     border-right:1px solid rgb(250,247,186);
     background:none;
     background:none;
 +
    font-weight:normal;
 +
    z-index:100;
}
}
ul#nav li:hover, ul#nav li.over, ul#nav li:hover a, ul#nav li.over a  {
ul#nav li:hover, ul#nav li.over, ul#nav li:hover a, ul#nav li.over a  {
-
     color: rgba(30,39,43,1);
+
     color: rgb(30,39,43);
-
     background-color:rgba(250,247,186,1);  
+
     background-color:rgb(250,247,186);
 +
    font-weight:bold;
}
}
ul#nav a{
ul#nav a{
Line 110: Line 119:
     text-decoration:none;
     text-decoration:none;
     background:transparent;
     background:transparent;
-
     color:rgba(250,247,186,1);  
+
     color:rgb(250,247,186);  
}
}
ul#nav a:hover{
ul#nav a:hover{
-
     color: rgba(30,39,43,1);
+
     color: rgb(30,39,43);
}
}
#nav li ul {
#nav li ul {
Line 121: Line 130:
     position:absolute;
     position:absolute;
     margin-left:-1px;
     margin-left:-1px;
-
     bottom: 40px;
+
     top: 30px;
     height:auto;
     height:auto;
-
     width:158px;
+
     width:118px;
     border:none;
     border:none;
-
     background: rgba(30,39,43,1);  
+
     background: rgb(30,39,43);  
-
     color:rgba(250,247,186,1);  
+
     color:rgb(250,247,186);
 +
    z-index:100;  
}
}
#nav li ul li {
#nav li ul li {
Line 133: Line 143:
     float:left;
     float:left;
     background:none;
     background:none;
-
     height:40px;
+
     height:30px;
     width:100%;
     width:100%;
-
     border:1px solid rgba(250,247,186,0.5);
+
     border:1px solid rgb(250,247,186);
     border-bottom:none;
     border-bottom:none;
 +
    z-index:100;
}
}
#nav li:hover ul {
#nav li:hover ul {
Line 145: Line 156:
}
}
ul#nav li:hover li a, ul#nav li.over li a  {
ul#nav li:hover li a, ul#nav li.over li a  {
-
     background-color: rgba(30,39,43,1);
+
     background-color: rgb(30,39,43);
-
     color:rgba(250,247,186,1);  
+
     color:rgb(250,247,186);
 +
    font-weight:normal;
}
}
ul#nav li li:hover, ul#nav li li.over, ul#nav li li:hover a, ul#nav li li.over a {
ul#nav li li:hover, ul#nav li li.over, ul#nav li li:hover a, ul#nav li li.over a {
-
     color: rgba(30,39,43,1);
+
     color: rgb(30,39,43);
-
     background-color:rgba(250,247,186,1);  
+
     background-color:rgb(250,247,186);
 +
    font-weight:bold;
}
}
</style>
</style>
Line 160: Line 173:
<div id="pblogo" class="sidelogos">
<div id="pblogo" class="sidelogos">
  <a href="https://2013.igem.org/Team:Paris_Bettencourt" title="Home Page">
  <a href="https://2013.igem.org/Team:Paris_Bettencourt" title="Home Page">
-
    <img src="https://static.igem.org/mediawiki/2013/5/5d/PB_miniLogo.gif" height="35px" width="35px"/>                       
+
    <img src="https://static.igem.org/mediawiki/2013/5/5d/PB_miniLogo.gif" height="30px" width="30px"/>                       
  </a>
  </a>
</div>
</div>
<div id="pgmap" class="sidelogos">
<div id="pgmap" class="sidelogos">
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Site_Map" title="Site Map">
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Site_Map" title="Site Map">
-
    <img src="" height="35px" width="35px"/>                       
+
    <img src="https://static.igem.org/mediawiki/2013/5/5d/PB_miniLogo.gif" height="30px" width="30px"/>                       
  </a>
  </a>
</div>
</div>
Line 171: Line 184:
  <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">PROJECT</a>
  <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">PROJECT</a>
    <ul>
    <ul>
-
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/TB-ception" title="TB-ception">TB-CEPTION</a> </li>
+
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Phage_Sensor" title="Phage Sensor">DETECT</a> </li>
-
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Trojan_Horse" title="Trojan Horse">TROJAN HORSE</a> </li>
+
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Drug_Screening" title="Drug Screening">TARGET</a> </li>
-
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Phage_Sensor" title="Phage Sensor">PHAGE SENSOR</a> </li>
+
                      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/TB-ception" title="TB-ception">INFILTRATE</a> </li>
-
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Drug_Screening" title="Drug Screening">DRUG SCREENING</a> </li>
+
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Trojan_Horse" title="Trojan Horse">SABOTAGE</a> </li>
-
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Parts" title="Submitted Parts">SUBMITTED PARTS</a> </li>
+
    </ul>
    </ul>
  </li>
  </li>
  <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Achievements" title="Achievements">ACHIEVEMENTS</a>
  <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Achievements" title="Achievements">ACHIEVEMENTS</a>
  </li>
  </li>
 +
                  <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Parts" title="Submitted Parts">PARTS</a> </li>
  <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Overview" title="Human Practice Overview">HUMAN PRACTICE</a>  
  <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Overview" title="Human Practice Overview">HUMAN PRACTICE</a>  
-
    <ul>
 
-
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Safety" title="Safety">SAFETY</a> </li>
 
-
    </ul>
 
  </li>
  </li>
-
  <li> <a href="" title="">OTHERS</a>
+
                  <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Safety" title="Safety">SAFETY</a> </li>
 +
  <li> <a href="" title="">NOTEBOOK</a>
    <ul>
    <ul>
-
      <li> <div style="font-size:13px;"><a href="https://2013.igem.org/Team:Paris_Bettencourt/Acknowledgements" title="Acknowledgements">ACKNOWLEDGEMENTS</a></div></li>
+
                      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Notebook" title="Day Notes">DAY NOTES</a> </li>
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Protocols" title="Protocols">PROTOCOLS</a> </li>
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Protocols" title="Protocols">PROTOCOLS</a> </li>
-
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Notebook" title="Day Notes">DAY NOTES</a> </li>
 
    </ul>  
    </ul>  
  </li>
  </li>
  <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Team" title="Team">TEAM</a>  
  <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Team" title="Team">TEAM</a>  
    <ul>
    <ul>
-
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Attributions" title="Attributions">ATTRIBUTIONS</a> </li>
 
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Contact" title="Contact">CONTACT</a> </li>
      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Contact" title="Contact">CONTACT</a> </li>
 +
                      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Attributions" title="Attributions">ATTRIBUTIONS</a> </li>
 +
                      <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Acknowledgements" title="Acknowledgements">ACKNOWLEDGEMENTS</a></li>
    </ul>
    </ul>
  </li>
  </li>

Revision as of 15:32, 29 August 2013