Rev 6 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed
/* Add a gray background color and some padding to the footer */
footer {
background-color: #f2f2f2;
padding: 25px;
}
/* iframe */
iframe {
overflow: hidden;
border-style: none;
}
/* youtube responsive video 16:9 */
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px; height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Floating Top Button */
#topBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: red;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 10px;
font-size: 18px;
}
#topBtn:hover {
background-color: #555;
}
/* Collapsible Table of Contents */
.collapsible {
background-color: #777;
color: white;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 2rem;
}
.active, .collapsible:hover {
background-color: #555;
}
.collapsible:after {
font-family: 'FontAwesome';
content: "\f150";
font-size: 2rem;
color: white;
float: right;
margin-left: 5px;
}
.active:after {
font-family: 'FontAwesome';
content: "\f151";
}
.tocContent {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #f1f1f1;