Lesson Template
body {
font-family: "Lato", sans-serif;
}
/* Fixed sidenav, full height */
.sidenav {
height: auto;
width: 100%;
z-index: 1;
top: 0;
left: 0;
overflow: hidden;
padding-top: 0px;
}
.active_submenu{
/* margin-left: -8px; */
width: 103% !important;
}
.dropdown-btn:hover, .dropdown-btn:active, .dropdown-btn:focus{}
/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
display: block;
width: 100%;
cursor: pointer;
outline: none;
}
.sidenav, .dropdown-btn {}
/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {}
/* Main content */
.main {
margin-left: 200px; /* Same as the width of the sidenav */
font-size: 20px; /* Increased text to enable scrolling */
padding: 0px 10px;
}
/* Add an active class to the active dropdown button */
.active {}
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
display: none;
width: 100% !important;
}
/* Optional: Style the caret down icon */
.fa-caret-down {
float: right;
padding-right: 8px;
}
/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
}
Example Of Lesson Headline
Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.
0.00