User:Sifuentes anita

From 2014.igem.org

(Difference between revisions)
Line 57: Line 57:
font-size: 14px;
font-size: 14px;
}
}
 +
 +
/*Toogle menu */
 +
 +
label {
 +
cursor: pointer;
 +
}
 +
 +
/* Hide the box once it is clicked */
 +
#menu-toggle {
 +
display: none;
 +
}
 +
 +
#menu {
 +
display: none;
 +
}
 +
 +
#menu-toggle:checked + #menu {
 +
display: block;
 +
}
 +
/* Create layout divs */
/* Create layout divs */
Line 82: Line 102:
-
label {
+
 
-
  cursor: pointer;
+
-
}
+
-
#menu-toggle {
+
-
  display: none; /* hide the checkbox */
+
-
}
+
-
#menu {
+
-
  display: none;
+
-
}
+
-
#menu-toggle:checked + #menu {
+
-
  display: block;
+
-
}
+
</style>
</style>
<!-- end of css -->
<!-- end of css -->
Line 105: Line 114:
<div id="leftColumn"> <p>left</p>
<div id="leftColumn"> <p>left</p>
-
<label for="menu-toggle">Click me to toggle menu</label>
+
<label for="menu-toggle">First option</label>
-
<input type="checkbox" id="menu-toggle"/>
+
<input type="checkbox" id="menu-toggle"/>
-
<ul id="menu">
+
<ul id="menu">
-
  <li><a href="#">First link</a></li>
+
<li><a href="#">First link</a></li>
-
  <li><a href="#">Second link</a></li>
+
<li><a href="#">Second link</a></li>
-
  <li><a href="#">Third link</a></li>
+
<li><a href="#">Third link</a></li>
-
</ul>
+
</ul>
 +
</div>
 +
 +
<div id="rightColumn">
 +
<p>right</p>
 +
</div>  
-
</div>
 
-
<div id="rightColumn"><p>right</p></div>
 
  </div>
  </div>

Revision as of 15:58, 7 January 2015

left

right

Retrieved from "http://2014.igem.org/User:Sifuentes_anita"