Team:Paris Bettencourt/Menu

From 2013.igem.org

(Difference between revisions)
Line 18: Line 18:
   left:0;
   left:0;
   right:0;
   right:0;
-
   background:white;
+
   background:rgb(255,255,255);
}
}
.navmenubkg2 {
.navmenubkg2 {
Line 24: Line 24:
   display:none;
   display:none;
   z-index:50;
   z-index:50;
-
   top:44px;
+
   top:40px;
   height:40px;
   height:40px;
   left:0;
   left:0;
   right:0;
   right:0;
-
   background:white;
+
   background:transparent;
}
}
#navmenubox {
#navmenubox {
     padding:0;
     padding:0;
     margin:0 auto;
     margin:0 auto;
-
     width:1100px;
+
     width:1000px;
     height:40px;
     height:40px;
     z-index:100;
     z-index:100;
     display:block;
     display:block;
     background:transparent;
     background:transparent;
-
     color: rgb(46,43,52);  
+
     color:transparent;  
     text-align:center;
     text-align:center;
     line-height:40px;
     line-height:40px;
-
     border-bottom:4px solid rgba(228,45,51,0.9);
+
      
}
}
.sidelogos {
.sidelogos {
Line 69: Line 69:
#twnoticon:hover img, #fbnoticon:hover img {
#twnoticon:hover img, #fbnoticon:hover img {
   border-radius:3px;
   border-radius:3px;
-
   background-color:rgb(228,45,51);  
+
   background-color:rgb(250,247,186);  
}
}
#twitapp, #fbapp {
#twitapp, #fbapp {
Line 120: Line 120:
     width:117px;
     width:117px;
     height:40px;
     height:40px;
-
     font-size:18px;
+
     font-size:16px;
     font-weight:600;
     font-weight:600;
 +
    border-left:1px solid rgba(250,247,186,0.5);
 +
    border-right:1px solid rgba(250,247,186,0.5);
     background:none;
     background:none;
     font-weight:normal;
     font-weight:normal;
Line 127: Line 129:
}
}
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: rgb(228,45,51);
+
     color: rgb(30,39,43);
 +
    background-color:rgb(250,247,186);  
     font-weight:bold;
     font-weight:bold;
-
    border-bottom:4px solid rgb(255,255,255);
 
}
}
ul#nav a{
ul#nav a{
Line 138: Line 140:
     text-decoration:none;
     text-decoration:none;
     background:transparent;
     background:transparent;
-
     color:rgb(46,43,52);  
+
     color:rgb(250,247,186);  
}
}
ul#nav a:hover{
ul#nav a:hover{
-
     color: rgb(228,45,51);
+
     color: rgb(46,43,52);
}
}
#nav li ul {
#nav li ul {
Line 151: Line 153:
     height:40px;
     height:40px;
     line-height:40px;
     line-height:40px;
-
     /*border-bottom:4px solid rgb(228,45,51);*/
+
     border:none;
     background:transparent;
     background:transparent;
-
     color:rgb(46,43,52);
+
     color:rgb(250,247,186);
     z-index:100;  
     z-index:100;  
}
}
Line 163: Line 165:
     height:40px;
     height:40px;
     width:118px;
     width:118px;
-
     color: rgb(46,43,52);
+
     color: rgb(30,39,43);
-
/*  background-color:rgb(250,247,186);  
+
    background-color:rgb(250,247,186);  
     border:1px solid rgba(228,36,62,0.5);
     border:1px solid rgba(228,36,62,0.5);
     border-top:none;
     border-top:none;
-
     border-bottom:none; */
+
     border-bottom:none;  
     z-index:100;
     z-index:100;
}
}
Line 177: Line 179:
}
}
ul#nav li:hover li a, ul#nav li.over li a  {
ul#nav li:hover li a, ul#nav li.over li a  {
-
    color: rgb(46,43,52);
 
     font-weight:normal;
     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:rgb(228,45,51);
 
     font-weight:bold;
     font-weight:bold;
}
}
Line 193: Line 193:
     <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="40px" width="40px"/>                       
+
<img src="https://static.igem.org/mediawiki/2013/1/17/PB_LogoHome.gif" height="40px" width="40px"/>                       
       </a>
       </a>
     </div>
     </div>

Revision as of 15:49, 15 September 2013