Team:Linkoping Sweden/menu

From 2014.igem.org

(Difference between revisions)
Line 37: Line 37:
     text-align:center;
     text-align:center;
     /*line-height:40px;*/
     /*line-height:40px;*/
-
     border-bottom:4px solid rgba(228,45,51,0.9);
+
     border-bottom:4px solid #000;
}
}
.sidelogos {
.sidelogos {
Line 80: Line 80:
}
}
#pblogo:hover img, #pgmap:hover img{
#pblogo:hover img, #pgmap:hover img{
-
   background-color:rgb(228,45,51);
+
   background-color:rgb(46,161,42);
}
}
#twnoticon:hover img {
#twnoticon:hover img {
Line 118: Line 118:
     /*font-family: 'PT Sans Narrow', sans-serif;*/
     /*font-family: 'PT Sans Narrow', sans-serif;*/
     font-family: 'Optima', sans-serif;
     font-family: 'Optima', sans-serif;
 +
font-weight:bold;
}
}
ul#nav a {
ul#nav a {
Line 142: Line 143:
     font-weight:600;
     font-weight:600;
     background:transparent;
     background:transparent;
-
     font-weight:normal;
+
     font-weight:bold;
     z-index:100;
     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: rgb(228,45,51);
+
     color: rgb(46,161,42);
     /*font-weight:bold;*/
     /*font-weight:bold;*/
     border-bottom:4px solid rgb(255,255,255);
     border-bottom:4px solid rgb(255,255,255);
Line 160: Line 161:
}
}
ul#nav a:hover{
ul#nav a:hover{
-
     color: rgb(228,45,51);
+
     color: rgb(46,161,42);
}
}
#nav li ul {
#nav li ul {
Line 199: Line 200:
}
}
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);
+
     color:rgb(46,161,42);
     /*font-weight:bold;*/
     /*font-weight:bold;*/
     border:none;
     border:none;
Line 221: Line 222:
     </div>
     </div>
     <ul id="nav">
     <ul id="nav">
-
       <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Project/Overview" title="Project Overview">PROJECT</a>
+
       <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden" title="Project Overview">PROJECT</a>
         <div class="navmenubkg2">      
         <div class="navmenubkg2">      
           <ul>  
           <ul>  
-
             <li  style="margin-left:14.5px"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Project/Overview" title="Project Overview">OVERVIEW</a></li>
+
             <li  style="margin-left:14.5px"> <a href="https://2014.igem.org/Team:Linkoping_Sweden" title="Project Overview">OVERVIEW</a></li>
    <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Project/Context" title="Context">CONTEXT</a> </li>
    <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Project/Context" title="Context">CONTEXT</a> </li>
             <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Project/Culprit" title="Culprit">CULPRIT</a> </li>
             <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Project/Culprit" title="Culprit">CULPRIT</a> </li>
Line 248: Line 249:
             <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Human_Practice/Surveys" title="Surveys">SURVEYS</a></li>
             <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Human_Practice/Surveys" title="Surveys">SURVEYS</a></li>
             <li style="width:168px;"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Human_Practice/Media" title="Media">MEDIA</a></li>
             <li style="width:168px;"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Human_Practice/Media" title="Media">MEDIA</a></li>
-
 
+
<li style="width:168px;"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Human_Practice/Collaboration" title="Collaboration">COLLABORATION</a></li>
  </ul>
  </ul>
         </div>
         </div>
Line 255: Line 256:
         <div class="navmenubkg2">
         <div class="navmenubkg2">
            
            
-
        </div>
 
-
      </li>
 
-
      <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Collaboration" title="Collaboration">COLLABORATION</a>
 
-
        <div class="navmenubkg2">
 
-
 
         </div>
         </div>
       </li>
       </li>
Line 277: Line 273:
       </li>
       </li>
     </ul>
     </ul>
-
<div id="fbnoticon" class="sidelogos">
+
    <div id="fbnoticon" class="sidelogos">
-
<a href="http://www.facebook.com/LiuIgem" target="_blank">
+
        <a href="http://www.facebook.com/LiuIgem" target="_blank">
-
<img src="https://static.igem.org/mediawiki/2013/4/4e/PB_LogoFacebook.gif" height="30px"/>
+
            <img src="https://static.igem.org/mediawiki/2013/4/4e/PB_LogoFacebook.gif" height="30px"/>
-
<div id="fbapp">
+
            <div id="fbapp">
-
<div class="fb-like-box"
+
                <div class="fb-like-box"
-
data-href="https://www.facebook.com/LiuIgem"
+
                    data-href="https://www.facebook.com/LiuIgem"
-
data-width="300"
+
                    data-width="300"
-
data-height="500"
+
                    data-height="500"
-
data-colorscheme="light"
+
                    data-colorscheme="light"
-
data-show-faces="false"
+
                    data-show-faces="false"
-
data-header="true"
+
                    data-header="true"
-
data-stream="true"
+
                    data-stream="true"
-
data-show-border="true">
+
                    data-show-border="true">
-
</div>
+
                </div>
-
</div>
+
            </div>
-
</a>
+
        </a>
-
</div>
+
    </div>
     <div id="igemlogo" class="sidelogos">
     <div id="igemlogo" class="sidelogos">
     <a href="https://2014.igem.org/Main_Page" title="iGEM 2014" target="_blank">
     <a href="https://2014.igem.org/Main_Page" title="iGEM 2014" target="_blank">
Line 318: Line 314:
       $('.left-menu').show();
       $('.left-menu').show();
       $('.right-menu').show();
       $('.right-menu').show();
-
       document.getElementById('ooswitch').style.backgroundColor = "rgb(228,45,51)";
+
       document.getElementById('ooswitch').style.backgroundColor = "rgb(46,161,42)";
     }
     }
   }
   }

Revision as of 12:17, 24 July 2014