Team:Groningen/Templates/NavigationbarII

From 2013.igem.org

(Difference between revisions)

@@ Line 20: / Line 20: @@
      display: block;
      height:32px;
+    border-bottom: 1px solid rgba(0,0,0,0.3);
+    border-top: 1px solid rgba(255,255,255,0.2);
      line-height: 1.5;
      position: relative;
      width: 160px;
-     padding: 0 10px 0 40px;
+     font-size: 15px;
+    font-weight: 500;
+    padding: 7px 12px;
+    /*padding: 0 10px 0 40px;*/
      color: #fdfdfd;
@@ Line 40: / Line 45: @@
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047ab', endColorstr='#577aa8',GradientType=1 ); /* IE6-9 */
 }
@@ Line 78: / Line 81: @@
 }
-.accordion > li:hover > a,
+.accordion > li:hover > a{
+  background: rgb(0,71,171); /* Old browsers */
+background: -moz-linear-gradient(left, rgba(0,71,171,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, right top, color-stop(100%,rgba(0,71,171,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(left, rgba(0,71,171,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(left, rgba(0,71,171,1) 100%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(left, rgba(0,71,171,1) 100%,rgba(125,185,232,1) 100%); /* IE10+ */
+background: linear-gradient(to right, rgba(0,71,171,1) 100%,rgba(125,185,232,1) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047ab', endColorstr='#7db9e8',GradientType=1 );
+  background: #F68924;
+/* IE6-9 */
+}
 .accordion > li:target > a {
-     color: #F68924;
+     color: #fff;
 /* IE6-9 */}
@@ Line 105: / Line 120: @@
 .accordion li:target > .sub-menu {
-     height: 98px;
+     height: 100%;
 }
+Source: http://designmodo.com/css3-accordion-menu/#ixzz2gmcjwHdy
 </style>
@@ Line 114: / Line 131: @@
 <ul class="accordion">
-<li id="one" class="files"><a href="#one">My Files</a>
+<li id="one" class="files"><a href="https://2013.igem.org/Team:Groningen">Home</a>
+<li id="two" class="files"><a href="#two" target="_top">Team</a>
+   <ul class="sub-menu" >
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Team" >Team</a></li>
+        <li><a href="https://igem.org/Team.cgi?id=1085" target="_blank" >Official profile</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Acknowledgements">Acknowledgements</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Attributions">Attributions</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/photos">Gallery</a></li>
+   </ul>
+</li>
+<li id="three" class="files"><a href="#three" target="_top">Spider silk</a>
+<ul class="sub-menu" >
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Background">Background</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/BiomedicalProperties">Biomedical    <br>Properties</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Protein">Spider Silk Protein</a></li>
+   </ul>
+</li>
+<li id="four" class="sign"><a href="#four" target="_top">Project</a>
+<ul class="sub-menu" >
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Project">Project</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Construct">Backbone</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/SilkAssemblyShop">Silk Assembly Shop</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Motility">Coating Mechanism</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/SilkSecretion">Final Setup</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Conclusion">Conclusion</a></li>
+   </ul>
+</li>
+<li id="five" class="sign"><a href="#five" target="_top">Wet Lab</a>
+<ul class="sub-menu">
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/experiments">Experiments</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Protocols">Protocols</a></li>
+   </ul>
+</li>
+<li id="six" class="sign"><a href="six" target="_top" >Modeling</a>
+<ul class="sub-menu">
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Codonoptimization">Codon optimization</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Heatmotility"">Heat Motility</a></li>
+   </ul>
+</li>
+<li id="seven" class="sign"><a href="https://2013.igem.org/Team:Groningen/Navigation/Notebook">Labjournal</a></li>
+<li id="eight" class="sign"><a href="https://2013.igem.org/Team:Groningen/Navigation/Parts">Submitted Parts</a></li>
+<li id="nine" class="sign"><a href="#nine" target="_top">Outreach</a>
+<ul class="sub-menu" >
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/noas">Night of <br>Art & Science</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Indiansummer">Indian summer</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/summerschool">Summerschool</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Symposia">Symposia</a></li>
+   </ul>
+</li>
+<li id="ten" class="sign"><a href="#ten" target="_top">Achievements</a>
+<ul class="sub-menu">
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Medals">Medal fulfillment</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/PartsCollaboration">Collaboration</a></li>
+   </ul>
+</li>
+<li id="eleven" class="sign"><a href="https://2013.igem.org/Team:Groningen/Navigation/Safety">Safety</a></li>
+<li id="twelve" class="sign"><a href="#twelve" target="_top">Sponsors</a>
+<ul class="sub-menu">
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Sponsors">Sponsors</a></li>
+        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Donations">How to donate</a></li>
+   </ul>
+</li>
+<li id="eleven" class="sign"><a <a href="https://2013.igem.org/Team:Groningen/Navigation/Contact">Contact</a></li>
+</div>
+<br><br><br>
+<ul class="accordion">
+    <li id="one" class="files"><a href="#one">My Files<span>495</span></a>
      <ul class="sub-menu">
-         <li><a href="#"><em>01</em>Dropbox</a></li>
+         <li><a href="#"><em>01</em>Dropbox<span>42</span></a></li>
-         <li><a href="#"><em>02</em>Skydrive</a></li>
+         <li><a href="#"><em>02</em>Skydrive<span>87</span></a></li>
-         <li><a href="#"><em>03</em>FTP Server</a></li>
+         <li><a href="#"><em>03</em>FTP Server<span>366</span></a></li>
      </ul>
@@ Line 128: / Line 229: @@
 </li>
-     <li id="two" class="mail"><a href="#two">Mail</a></li>
+     <li id="two" class="mail"><a href="#two">Mail<span>26</span></a></li>
-     <li id="three" class="cloud"><a href="#three">Cloud</a></li>
+     <li id="three" class="cloud"><a href="#three">Cloud<span>58</span></a></li>
      <li id="four" class="sign"><a href="#four">Sign Out</a></li>
 </ul>
-</div>

Team:Groningen/Templates/NavigationbarII

From 2013.igem.org

Latest revision as of 20:35, 4 October 2013