Responsive design;
New menus (members); Improved interface for parent editing;
This commit is contained in:
34
_css/nav.css
34
_css/nav.css
@@ -1,3 +1,14 @@
|
||||
nav {
|
||||
display: block;
|
||||
width: 80%;
|
||||
margin: 0px auto;
|
||||
height: 50px;
|
||||
webkit-box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.75);
|
||||
-moz-box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.75);
|
||||
box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.75);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul.topnav {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
@@ -31,14 +42,17 @@ ul.topnav li.icon {display: none;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:680px) {
|
||||
ul.topnav.responsive {position: relative;}
|
||||
|
||||
ul.topnav.responsive li {
|
||||
float: none;
|
||||
display: inline;
|
||||
}
|
||||
ul.topnav.responsive li a {
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
nav {
|
||||
width: 100%;
|
||||
}
|
||||
ul.topnav.responsive {position: relative;}
|
||||
|
||||
ul.topnav.responsive li {
|
||||
float: none;
|
||||
display: inline;
|
||||
}
|
||||
ul.topnav.responsive li a {
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user