Difference between revisions of "Template:CSS UCL5"
Superjack15 (Talk | contribs) |
Superjack15 (Talk | contribs) |
||
| Line 479: | Line 479: | ||
h5 {font-size:15px;}; | h5 {font-size:15px;}; | ||
} | } | ||
| − | + | /* | |
#hidden-menu:hover ul{ | #hidden-menu:hover ul{ | ||
display:block; | display:block; | ||
| Line 485: | Line 485: | ||
width:auto; | width:auto; | ||
} | } | ||
| − | + | */ | |
| − | + | ||
| − | + | ||
| − | + | ||
#hidden-menu ul li{ | #hidden-menu ul li{ | ||
| Line 526: | Line 523: | ||
} | } | ||
| − | #hidden-menu a:hover {color: #70C4BB; | + | /*#hidden-menu a:hover {color: #70C4BB; |
-webkit-transition: color ease-in-out 150ms; | -webkit-transition: color ease-in-out 150ms; | ||
| + | }*/ | ||
| + | |||
| + | input[type=checkbox] { | ||
| + | position: absolute; | ||
| + | top: -9999px; | ||
| + | left: -9999px; | ||
| + | } | ||
| + | label { | ||
| + | -webkit-appearance: push-button; | ||
| + | -moz-appearance: button; | ||
| + | display: inline-block; | ||
| + | margin: 60px 0 10px 0; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | /* Toggled State */ | ||
| + | input[type=checkbox]:checked ~ hidden-menu a { | ||
| + | background: red; | ||
} | } | ||
| Line 808: | Line 823: | ||
</nav> | </nav> | ||
<div id="hidden-menu"> | <div id="hidden-menu"> | ||
| − | <img src="https://static.igem.org/mediawiki/2015/d/de/UCLigemMobileMenu.png" id="mobilebutton"> | + | <label><img src="https://static.igem.org/mediawiki/2015/d/de/UCLigemMobileMenu.png" id="mobilebutton"></label> |
| + | <input type="checkbox" id="toggle-1"> | ||
<ul> | <ul> | ||
<li><a href="https://2015.igem.org/Team:UCL">Home</a></li> | <li><a href="https://2015.igem.org/Team:UCL">Home</a></li> | ||
Revision as of 16:47, 26 July 2015