64 lines
908 B
SCSS
64 lines
908 B
SCSS
.menu {
|
|
$text_color: #666;
|
|
|
|
position:relative;
|
|
width: 100%;
|
|
background-color: black;
|
|
color: $text_color;
|
|
font-size: 13pt;
|
|
|
|
ul {
|
|
margin: 0 0 0 20px;
|
|
|
|
li {
|
|
display: inline-block;
|
|
padding: 5px 3px 13px 3px;
|
|
margin-right: 30px;
|
|
}
|
|
}
|
|
|
|
:link, :visited {
|
|
text-decoration: none;
|
|
border-bottom: 1px solid #333;
|
|
color: $text_color;
|
|
}
|
|
|
|
a:hover {
|
|
color: white;
|
|
}
|
|
|
|
.vk {
|
|
float: right;
|
|
margin: 13px 15px 0 0;
|
|
border: none;
|
|
}
|
|
|
|
.selected {
|
|
border-top: 4px solid white;
|
|
font-weight: bold;
|
|
|
|
a:link, a:visited{
|
|
color: white;
|
|
text-decoration: none;
|
|
border-bottom: none;
|
|
}
|
|
|
|
&.blue{
|
|
border-top: 4px solid #3f9cea;
|
|
}
|
|
|
|
&.green{
|
|
border-top: 4px solid #5cbe40;
|
|
}
|
|
|
|
&.yellow{
|
|
border-top: 4px solid #ffee00;
|
|
}
|
|
|
|
&.pink {
|
|
border-top: 4px solid #f655a0;
|
|
}
|
|
}
|
|
}
|
|
|