a {
&:link, &:visited { text-decoration: none; color: #000; } &:hover { text-decoration: underline; }
}
nav-top {
margin: auto; margin-top: 15px; padding: 10px; margin-bottom: 5px; border: 3px double rgb(78, 78, 78);
}
nav-main {
text-align: center; margin: auto; margin-top: 0px; padding-top: 0px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed rgb(51, 48, 48);
}
nav {
text-align: center; margin: 10px 0; padding-bottom: 10px; border-bottom: 2px dashed rgb(51, 48, 48);
}
nav a {
background-color: #334646; padding: 2px 5px; border: 1px solid #000; border-radius: 5px; color: #fff;
}
nav-menu-left {
display: inline; a { &:hover { text-decoration: none; } }
}
nav-menu-right {
float: right;
}
logo {
margin: 20px auto 20px auto; img { max-width: 20%; }
}
.cat-menu {
font-size: 12px;
}
home-menu {
display: inline; img { width: 16px; position: relative; top: 2px; cursor: pointer; } a { &:hover { text-decoration: none; } }
}
@media (max-width: 420px) {
#nav-top { text-align: center; } #nav-menu-right { float: none; margin-top: 5px; }
}
@media (max-width: 600px) {
#logo { img { max-width: 50%; } }
}
@media (max-width: 900px) {
#logo { img { max-width: 30%; } }
}