public/assets/styles.css
body {
font-family: 'Quicksand', sans-serif;
}
.terminal {
background-color: transparent;
text-align: left;
padding: 0;
}
.terminal code {
border-radius: 5px;
padding: 20px;
}
.logo {
color: #ffffff;
}
.custom-hero {
background-image: none;
background-color: #2a4c55;
color: #ffffff;
}
.custom-hero .navbar-item {
color: #ffffff;
font-size: .9em;
}
.custom-hero .navbar-item:hover {
font-weight: bold;
color: #ffffff;
background-color: transparent;
}
.custom-hero .title, .subtitle {
color: #ffffff;
}
.custom-hero .title {
font-size: 2.5em;
}
.custom-hero .button {
background-color: #0b2c36;
color: #ffffff;
border: none;
}
.main {
padding-top: 30px;
}
.main .menu-list li {
font-size: .85em;
}
.main .highlight.shell b {
color: #ffffff;
}
.main .bash {
color: #ffffff;
}
.main .toggle-sidebar {
display: none;
text-align: center;
padding: 10px;
}
.main .shell .hljs-meta {
color: #00b89c;
}
.main p {
margin: 10px 0;
}
.main h1 {
font-size: 1.8em;
}
.main h2 {
font-size: 1.5em;
margin-top: 20px;
}
.main h3 {
font-size: 1.2em;
}
.main h4 {
font-size: 1.1em;
}
.main .codesnip {
background: #eaf2f5;
padding: 0 .25rem;
display: inline-block;
border-radius: 3px;
color: #072e3c;
font-size: calc(1rem - 2px);
}
.main code {
border-radius: 5px;
padding-left: 10px;
}
.main .main-content, .main aside {
padding: 0 20px;
}
section.command-section {
margin-bottom: 40px;
}
section.command-section:last-of-type {
border: none;
}
.sharing-buttons {
margin-top: 15px;
zoom: 0.8;
overflow: hidden;
}
.toTop {
display: none;
position: fixed;
bottom: 5px;
right: 10px;
padding: 4px;
background-color: #0b2c3626;
border-radius: 4px;
font-size: .6em;
color: #000;
}
@media screen and (min-width: 1216px) {
.container {
max-width: 960px;
width: 960px;
}
}
@media screen and (max-width: 759px) {
.toTop {
display: block;
}
aside {
display: none;
}
.toggle-sidebar {
display: block !important;
}
.sidebar .menu-label:not(:last-child), .sidebar .menu-list {
text-align: center;
}
}
@media screen and (max-width: 1023px) {
.navbar-menu {
background-color: #0b2c36;
}
}