Difference between revisions of "Template:Example"

Line 21: Line 21:
  
  
.menu_wrapper  ul li { padding: 15px 0px; text-align:center; list-style-type:none; width:100%; border-bottom: 1px solid #d3d3d3;  margin-top:-2px; cursor:pointer; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;  text-decoration:none; color:black;  font-weight:bold;}
+
.menu_wrapper  ul li { padding: 15px 0px; text-align:center; list-style-type:none; width:100%; border-bottom: 1px solid #d3d3d3;  margin-top:-2px; cursor:pointer; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;  text-decoration:none; color:black;  font-weight:bold; display:block;}
  
 
.menu_wrapper ul li:hover {background-color: #32ddb5;}
 
.menu_wrapper ul li:hover {background-color: #32ddb5;}
Line 69: Line 69:
  
  
.collapsed_menu {display:none;}
+
 
  
  
Line 83: Line 83:
  
 
.collapsed_menu {display:block;}
 
.collapsed_menu {display:block;}
 +
 +
.collapsed_menu:hover
  
 
.menu_wrapper { width:100%; height: 15%; position:relative;}
 
.menu_wrapper { width:100%; height: 15%; position:relative;}
Line 98: Line 100:
  
  
 +
<div class="collapsable_menu_control"> MENU ❁ </div>
 
<ul>
 
<ul>
 
<li class="collapsed_menu"> MENU ❁ </li>
 
  
 
<li onClick=" parent.location= ' '"> TEAM </LI>
 
<li onClick=" parent.location= ' '"> TEAM </LI>

Revision as of 22:11, 10 March 2016