Difference between revisions of "Template:Austin UTexas"

Line 10: Line 10:
  
 
/********************************* MENU ********************************/
 
/********************************* MENU ********************************/
−
/*****current menu******/
 
−
ul {
 
−
    list-style-type: none;
 
−
    margin: 0;
 
−
    padding: 0;
 
−
    overflow: hidden;
 
−
    background-color: #333;
 
−
}
 
−
 
−
li {
 
−
    float: left;
 
−
}
 
−
 
−
li a, .dropbtn {
 
−
    display: inline-block;
 
−
    color: white;
 
−
    text-align: center;
 
−
    padding: 14px 16px;
 
−
    text-decoration: none;
 
−
}
 
−
 
−
li a:hover, .dropdown:hover .dropbtn {
 
−
    background-color: red;
 
−
}
 
−
 
−
li.dropdown {
 
−
    display: inline-block;
 
−
}
 
−
 
−
.dropdown-content {
 
−
    display: none;
 
−
    position: absolute;
 
−
    background-color: #f9f9f9;
 
−
    min-width: 160px;
 
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
−
}
 
−
 
−
.dropdown-content a {
 
−
    color: black;
 
−
    padding: 12px 16px;
 
−
    text-decoration: none;
 
−
    display: block;
 
−
    text-align: left;
 
−
}
 
−
 
−
.dropdown-content a:hover {background-color: #f1f1f1}
 
−
 
−
.show {display:block;}
 
−
 
−
 
  
−
/*********************test menu formatting*******************/
+
/*********************new menu formatting*******************/
 
.clearfix:after {
 
.clearfix:after {
 
     content: “”;
 
     content: “”;
Line 91: Line 41:
 
}
 
}
 
   
 
   
−
.menu li:click > a, .menu .current-item > a {
+
.menu li:hover > a, .menu .current-item > a {
 
     text-decoration:none;
 
     text-decoration:none;
 
     color:#be5b70;
 
     color:#be5b70;
Line 120: Line 70:
 
   
 
   
 
/*----- Bottom Level -----*/
 
/*----- Bottom Level -----*/
−
.menu li:click .sub-menu {
+
.menu li:hover .sub-menu {
 
     z-index:1;
 
     z-index:1;
 
     opacity:1;
 
     opacity:1;
Line 548: Line 498:
  
 
<!-- This tells the browser that your page is responsive -->
 
<!-- This tells the browser that your page is responsive -->
−
<!--
+
 
 
<div class="menu_wrap" >
 
<div class="menu_wrap" >
 
         <nav class="menu">
 
         <nav class="menu">
Line 622: Line 572:
 
</div>
 
</div>
  
 +
<!--
 
<div class="menu-wrap">
 
<div class="menu-wrap">
 
     <nav class="menu">
 
     <nav class="menu">

Revision as of 05:28, 18 October 2016