electron_test/css/style.css
2015-10-10 01:36:35 +02:00

119 lines
1.8 KiB
CSS

#report dl {
size: 0px;
visibility: hidden;
}
#report dl dd {
max-height: 0px;
}
label {
position: absolute;
top: 20px;
right: 20px;
left: inherit;
z-index: 999;
}
label span::after {
content: "\1f250";
font-size: 30px;
cursor: pointer;
color: #da4453;
}
.menu {
position: absolute;
top: 0;
left: 0;
width: 25%;
height: 100%;
background: #25262d;
z-index: 9;
}
.menu h2 {
color: #fff;
font-weight: lighter;
margin-left: 20px;
}
.menu ul {
list-style-type: none;
padding: 0;
}
.menu ul li {
position: relative;
}
.menu ul li:first-child {
margin-left: 20px;
color: #555;
padding: 10px 0;
font-size: 10px;
}
.menu ul li a {
display: block;
width: 100%;
color: #fff;
font-weight: lighter;
padding: 5px 20px;
}
.menu ul li a.active {
background: #1e2025;
}
.menu ul li a.active::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 5px;
background: #5c9df5;
}
.content .container {
width: initial;
margin-left: 25%;
}
.content .container h1 {
font-weight: normal;
margin-bottom: 30px;
}
.content .container h4 {
font-weight: normal;
margin: 15px 0;
}
.content .container p {
font-weight: lighter;
text-align: justify;
}
@media (max-width: 767px) {
input[type="checkbox"]:checked ~ .menu {
left: -100% !important;
}
input[type="checkbox"]:checked ~ label span {
color: inherit;
}
label span {
color: #fff;
}
.menu {
width: 100% !important;
}
}
.bar rect {
fill: #4682b4;
shape-rendering: crispEdges;
}
.bar text {
fill: #fff;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
p {
margin-bottom: 0rem;
}
.accordion .accordion-navigation > a {
padding: 0rem;
}
.accordion .accordion dd > a a {
padding: 0rem;
}