Initial import
This commit is contained in:
118
css/style.css
Normal file
118
css/style.css
Normal file
@@ -0,0 +1,118 @@
|
||||
#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;
|
||||
}
|
||||
Reference in New Issue
Block a user