Made menu cleaner
This commit is contained in:
parent
425d0ed68f
commit
ad20021e61
|
@ -5,6 +5,7 @@
|
||||||
<title>Empact</title>
|
<title>Empact</title>
|
||||||
<link rel="stylesheet" href="/bower_components/normalize.css/normalize.css">
|
<link rel="stylesheet" href="/bower_components/normalize.css/normalize.css">
|
||||||
<link rel="stylesheet" href="/styles/logo.css">
|
<link rel="stylesheet" href="/styles/logo.css">
|
||||||
|
<link rel="stylesheet" href="/styles/menu.css">
|
||||||
<link rel="stylesheet" href="/styles/app.css">
|
<link rel="stylesheet" href="/styles/app.css">
|
||||||
<link rel="stylesheet" href="/styles/charts.css">
|
<link rel="stylesheet" href="/styles/charts.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
|
@ -6,59 +6,6 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu {
|
|
||||||
float: left;
|
|
||||||
width: 200px;
|
|
||||||
margin: 20px;
|
|
||||||
}
|
|
||||||
.menu ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.menu li {
|
|
||||||
display: block;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.nav {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.nav.empact {
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
.nav.header {
|
|
||||||
color: #aaa;
|
|
||||||
cursor: default;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
.menu .nav a:before {
|
|
||||||
display: block;
|
|
||||||
float: left;
|
|
||||||
width: 5px;
|
|
||||||
height: 32px;
|
|
||||||
border-radius: 3px;
|
|
||||||
background-color: #f39d41;
|
|
||||||
content: '';
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
.menu .nav a {
|
|
||||||
display: inline-block;
|
|
||||||
line-height: 32px;
|
|
||||||
width: 100%;
|
|
||||||
color: #222;
|
|
||||||
text-decoration: underline;
|
|
||||||
border-radius: 3px;
|
|
||||||
width: 200px;
|
|
||||||
max-width: 200px;
|
|
||||||
white-space: nowrap;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
.menu .nav a:hover {
|
|
||||||
background-color: #fcf1eb;
|
|
||||||
}
|
|
||||||
.menu .nav a.active {
|
|
||||||
background-color: #f9d4be;
|
|
||||||
}
|
|
||||||
.content {
|
.content {
|
||||||
float: left;
|
float: left;
|
||||||
width: calc(100% - 240px);
|
width: calc(100% - 240px);
|
||||||
|
|
|
@ -0,0 +1,46 @@
|
||||||
|
.menu {
|
||||||
|
float: left;
|
||||||
|
width: 200px;
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
.menu ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.menu li {
|
||||||
|
display: block;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu .nav {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
.menu .nav.empact {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.menu .nav.header {
|
||||||
|
color: #444;
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: default;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.menu .nav a {
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 21px;
|
||||||
|
width: 100%;
|
||||||
|
color: #000;
|
||||||
|
text-decoration: none;
|
||||||
|
width: auto;
|
||||||
|
max-width: 200px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
border-bottom: #fff 1px solid;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
.menu .nav a.active {
|
||||||
|
font-weight: 400;
|
||||||
|
color: #000;
|
||||||
|
border-bottom: #000 1px solid;
|
||||||
|
}
|
Loading…
Reference in New Issue