|
|
@ -19,34 +19,50 @@ body {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#menu ul, #nav ul {
|
|
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#menu {
|
|
|
|
#menu {
|
|
|
|
background-color: $primary;
|
|
|
|
background-color: $primary;
|
|
|
|
|
|
|
|
|
|
|
|
ul {
|
|
|
|
ul li {
|
|
|
|
margin: 0;
|
|
|
|
float: left;
|
|
|
|
padding: 0;
|
|
|
|
padding: .5em;
|
|
|
|
list-style-type: none;
|
|
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
li {
|
|
|
|
&.active a { font-weight: bold; }
|
|
|
|
float: left;
|
|
|
|
|
|
|
|
padding: .5em;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&.active a { font-weight: bold; }
|
|
|
|
&:hover {
|
|
|
|
|
|
|
|
background-color: darken($primary,6);
|
|
|
|
&:hover {
|
|
|
|
}
|
|
|
|
background-color: darken($primary,6);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
a {
|
|
|
|
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#nav {
|
|
|
|
#nav {
|
|
|
|
float: left;
|
|
|
|
float: left;
|
|
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
border-right: 1px dotted #ccc;
|
|
|
|
|
|
|
|
padding: 1em 0;
|
|
|
|
|
|
|
|
width: 200px;
|
|
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ul li {
|
|
|
|
|
|
|
|
padding: .5em;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#main {
|
|
|
|
|
|
|
|
padding: 1.5em;
|
|
|
|
|
|
|
|
margin-left: 200px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|