Difference between revisions of "Template:Linkoping Sweden/Style"

Line 93: Line 93:
 
     margin: 0 20px;
 
     margin: 0 20px;
 
     margin-top: 30px;
 
     margin-top: 30px;
    padding: 5px;
 
 
     margin-bottom: 20px;
 
     margin-bottom: 20px;
  
Line 100: Line 99:
 
}
 
}
  
.closed-menu span {
+
.menu-category {
 
     display: inline-block;
 
     display: inline-block;
 +
    position: relative;
 +
 
     text-align: center;
 
     text-align: center;
 
     width: 19%;
 
     width: 19%;
    padding: 10px;
 
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 +
}
 +
 +
.menu-category a {
 +
    display: block;
 +
    padding: 13px;
 +
 +
    color: #000;
 +
}
 +
 +
.menu-category .menu-items {
 +
    display: none;
 +
    position: absolute;
 +
    background: #fff;
 +
    width: 100%;
 +
    border: 1px solid #888;
 +
    border-top: none;
 +
}
 +
 +
.menu-category .menu-items a {
 +
    display: block;
 +
    padding: 10px;
 +
    border-bottom: 1px solid #888;
 +
    margin: 0 15px;
 +
 +
    color: #000;
 +
}
 +
 +
.menu-category .menu-items a:first-child {
 +
    border-top: 1px solid #888;
 +
}
 +
 +
.menu-category .menu-items a:last-child {
 +
    border-bottom: none;
 +
}
 +
 +
.menu-category a:hover {
 +
    color: #026634;
 +
    color: #019966;
 +
    text-decoration: none;
 +
}
 +
 +
.menu-category:hover .menu-items {
 +
    display: block;
 
}
 
}
  

Revision as of 16:06, 3 August 2016