User:Vinoo/AccordionMenu

From 2014.igem.org

(Difference between revisions)
m
m
Line 45: Line 45:
   
   
.acc_menu li:target > .sub_menu {
.acc_menu li:target > .sub_menu {
-
     height: 98px;
+
     min-height: 20px;
}
}
Line 51: Line 51:
.acc_menu > li:target > a {
.acc_menu > li:target > a {
     color: #3e5706;
     color: #3e5706;
-
    text-shadow: 1px 1px 1px rgba(255,255,255, .2);
 
-
 
-
    /*background: url(../img/active.png) repeat-x;*/
 
     background: #a5cd4e;
     background: #a5cd4e;
-
    background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%);
 
-
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
 
-
    background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
 
-
    background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
 
-
    background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
 
-
    background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
 
}
}
   
   
Line 66: Line 57:
.acc_menu > li:target > a span {
.acc_menu > li:target > a span {
     color: #fdfdfd;
     color: #fdfdfd;
-
    text-shadow: 0px 1px 0px rgba(0,0,0, .35);
 
     background: #3e5706;
     background: #3e5706;
}
}
Line 99: Line 89:
</li>
</li>
-
<li id="one"><a href="#">Measurement</a>
+
<li id="four"><a href="#four">Measurement</a>
<ul class="sub_menu">
<ul class="sub_menu">
<li><a href="#">Information</a>
<li><a href="#">Information</a>
Line 107: Line 97:
</li>
</li>
-
<li id="one"><a href="#">Microfluidics</a>
+
<li id="five"><a href="#five">Microfluidics</a>
<ul class="sub_menu">
<ul class="sub_menu">
<li><a href="#">Information</a>
<li><a href="#">Information</a>
Line 115: Line 105:
</li>
</li>
-
<li id="one"><a href="#">Policy & Practices</a>
+
<li id="six"><a href="#six">Policy & Practices</a>
<ul class="sub_menu">
<ul class="sub_menu">
<li><a href="#">Information</a>
<li><a href="#">Information</a>
Line 123: Line 113:
</li>
</li>
-
<li id="one"><a href="#">Software</a>
+
<li id="seven"><a href="#seven">Software</a>
<ul class="sub_menu">
<ul class="sub_menu">
<li><a href="#">Information</a>
<li><a href="#">Information</a>

Revision as of 21:45, 11 December 2013