Template:Paris2010 2

From 2010.igem.org

(Difference between revisions)
(add css submenu)
 
(44 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
-
 
+
<link href="http://as.coquel.free.fr/zoombox/zoombox.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<style type="text/css">
Line 129: Line 129:
body {
body {
-
  background: #CCCCCC url(https://static.igem.org/mediawiki/2010/c/c0/Background_paris2.jpg);
+
  background: #CCCCCC url(https://static.igem.org/mediawiki/2010/2/26/Background.png);
  width: auto;
  width: auto;
  text-align: justify;
  text-align: justify;
Line 167: Line 167:
  width: 970px;
  width: 970px;
  border-top: 1px solid #444444;
  border-top: 1px solid #444444;
-
  height: 120px;
+
  height: 140px;
-
padding: 10px 0px;
+
  background: #FFFBFD url(https://static.igem.org/mediawiki/2010/0/03/Bannière_last-01.jpg);
-
  background: #FFFBFD url(https://static.igem.org/mediawiki/2010/1/19/Paris2010_ban_sandbox2.JPG);
+
}
}
Line 189: Line 188:
}
}
 +
#logo_left .plainlinks a {
 +
    width: 240px;
 +
    height: 80px;
 +
    z-index: 100;
 +
    position: absolute;
 +
    top: 32px;
 +
    left: 45px;
 +
    text-decoration: none;
 +
    background: transparent;
 +
    padding: 0;
 +
}
Line 237: Line 247:
  margin: 0px auto;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
-
  font-size: 11px;
+
  font-size: 13px;
}
}
Line 253: Line 263:
}
}
-
#left {
+
#frame {
  float: left;
  float: left;
-
  width: 890px;
+
  width: 910px;
  background: #FFFFFF;
  background: #FFFFFF;
-
  padding: 20px 20px 40px 40px;
+
  padding: 20px 29px 40px 29px;
-
}
+
-
 
+
-
//keep the right div for further use
+
-
#right {
+
-
float: right;
+
-
width: 0px;
+
-
padding: 20px 10px 40px 10px;
+
-
font-size: 13px;
+
-
color: black;
+
-
}
+
-
 
+
-
#right ul {
+
-
list-style:disc;
+
}
}
Line 297: Line 294:
  clear: both;
  clear: both;
}
}
-
 
Line 304: Line 300:
-
#submenu_1 {
+
 
-
  background: #393a3d; // or : cdcdcd
+
.submenu ul {
 +
  background: #393a3d;
  float: left;
  float: left;
  list-style: none;
  list-style: none;
Line 314: Line 311:
-
#submenu_1 li {
+
.submenu li {
  float: left;
  float: left;
  font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
Line 322: Line 319:
-
#submenu_1 a {
+
.submenu a {
-
  background: #393a3d url("images/seperator.gif") bottom right no-repeat; // or : cdcdcd
+
  background: #393a3d url("https://static.igem.org/mediawiki/2010/5/58/EPFL_Menu_Seperator.gif") bottom right no-repeat;
  color: #fff;
  color: #fff;
  display: block;
  display: block;
Line 334: Line 331:
#submenu_1 a:hover {
#submenu_1 a:hover {
-
  background: #f9b234;
+
  background: #ffaa8f;
  color: #fff;
  color: #fff;
  padding-bottom: 8px;
  padding-bottom: 8px;
 +
}
 +
 +
#submenu_2 a:hover {
 +
background: #9CE3D5;
 +
color: #fff;
 +
padding-bottom: 8px;
 +
}
 +
 +
#submenu_3 a:hover {
 +
background: #3882c2;
 +
color: #fff;
 +
padding-bottom: 8px;
 +
}
 +
 +
 +
 +
/************* NOTEBOOK ************/
 +
 +
 +
 +
 +
#calendar {
 +
margin: 20px 0px 20px 0px;
 +
}
 +
 +
#july {
 +
float: left;
 +
margin: 0px 0px 0px 70px;
 +
}
 +
 +
#august {
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 +
#september {
 +
float: right;
 +
margin: 0px 70px 0px 0px;
}
}
Line 369: Line 404:
}
}
</script>
</script>
 +
 +
<script src="http://as.coquel.free.fr/zoombox/jquery.js" type="text/javascript"></script>       
 +
<script src="http://as.coquel.free.fr/zoombox/zoombox.js" type="text/javascript"></script>
<div id="header">
<div id="header">
 +
<div id="logo_left"><span class="plainlinks"><a title="igem.org" href="https://2010.igem.org/" >&nbsp;</a></span></div>
  <h1></h1>
  <h1></h1>
</div>
</div>
Line 378: Line 417:
   <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt">home</a></li>
   <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt">home</a></li>
   <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Project">projects</a></li>
   <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Project">projects</a></li>
 +
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Parts">parts</a></li>
   <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Team">team</a></li>
   <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Team">team</a></li>
-
   <li><a href="http://openwetware.org/wiki/IGEM:Paris_Liliane_Bettencourt/Notebook/Paris_2010">notebook</a></li>
+
   <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Notebook">notebook</a></li>
   <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Safety">safety</a></li>
   <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Safety">safety</a></li>
-
   <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Collaboration">collaboration</a></li>
+
   <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Brainstorming">Brainstorming</a></li>
   <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Acknowledgements">acknowledgements</a></li>
   <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Acknowledgements">acknowledgements</a></li>
  </ul>
  </ul>
Line 387: Line 427:
<div id="content">
<div id="content">
-
  <div id="left">
+
  <div id="frame">
</html>
</html>

Latest revision as of 03:53, 28 October 2010