Team:UCLondon/Templates/Navigationv4

From 2012e.igem.org

(Difference between revisions)
(Created page with "<html> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <div id="navigation"> <ul class="menu"> <li><a href="http:...")
 
(33 intermediate revisions not shown)
Line 4: Line 4:
   <div id="navigation">
   <div id="navigation">
 +
    <div style="float:left;">
       <ul class="menu">
       <ul class="menu">
               <li><a href="https://2012e.igem.org/wiki/index.php/Team:UCLondon">Home</a></li>
               <li><a href="https://2012e.igem.org/wiki/index.php/Team:UCLondon">Home</a></li>
Line 13: Line 14:
       </ul>   
       </ul>   
 +
    </div> <!-- float left -->
-
       <ul class="menu icons">
+
 
 +
       <ul class="menu icons"><!-- gear -->
           <li><a href="#"><img src="http://db.tt/KQemyPjm" height="15"/></a><ul class="hidden-menu" id="action"><li><a href="#">item</a></li></ul></li>
           <li><a href="#"><img src="http://db.tt/KQemyPjm" height="15"/></a><ul class="hidden-menu" id="action"><li><a href="#">item</a></li></ul></li>
          
          
Line 31: Line 34:
       </ul>
       </ul>
 +
     
 +
 +
    <div style="float:right">
     <ul class="menu links">
     <ul class="menu links">
Line 37: Line 43:
               <li class="hov"><a class="tooltip" href="https://igem.org/Main_Page" udit="iGEM"><img src="https://static.igem.org/mediawiki/2011/d/de/IGEM_basic_Logo_stylized.png" height="30"  /></a></li>
               <li class="hov"><a class="tooltip" href="https://igem.org/Main_Page" udit="iGEM"><img src="https://static.igem.org/mediawiki/2011/d/de/IGEM_basic_Logo_stylized.png" height="30"  /></a></li>
     </ul>
     </ul>
 +
 +
    </div>
          
          
Line 75: Line 83:
         background-image: url(http://db.tt/73dOABGc);
         background-image: url(http://db.tt/73dOABGc);
         color: rgb(199, 214, 217);
         color: rgb(199, 214, 217);
-
         //min-width:970px;
+
         min-width:970px;
         }
         }
Line 157: Line 165:
           text-shadow: none !important;
           text-shadow: none !important;
       }
       }
 +
 
 +
      #twitter a { overflow-y:hidden; }
        
        
     #twitter li  a:first-child {
     #twitter li  a:first-child {
-
             height: 77px;
+
             height: 53px;
             width: 205px;
             width: 205px;
             color: black;
             color: black;
Line 173: Line 183:
   
   
     #twitter li {
     #twitter li {
-
           height: 80px;
+
           height: 56px;
           width: 205px;
           width: 205px;
 +
         
       }
       }
Line 227: Line 238:
   }
   }
-
   .links  { position: absolute ; top: 5px; right:20px; background-color: rgba(249, 249, 249, 0.2); border-radius: 3px; height:33px; width:135px; }
+
   .links  {
 +
        position: absolute ;  
 +
        top: 5px;  
 +
        right:20px;  
 +
        //overflow-y: hidden;
 +
        background-color: rgba(249, 249, 249, 0.2);
 +
        border-radius: 3px;  
 +
        height:33px;
 +
        width:138px;  
 +
      }
 +
 
   .links li { padding-left: 1px; padding-right:1px; }
   .links li { padding-left: 1px; padding-right:1px; }
   //.idk { position:absolute; right: 300px; }
   //.idk { position:absolute; right: 300px; }
-
 
-
 
-
  .links:before {
 
-
            content:"";
 
-
            border:2px black;
 
-
            //display:block;
 
-
            width:143px;
 
-
            height:32px;
 
-
          position:absolute;
 
-
    }
 

Latest revision as of 17:13, 25 October 2012