Difference between revisions of "Darkbootstrap.css"
(Created page with "html { scroll-behavior: smooth; scroll-padding-top: 69px; } body { background-color: #1d1d1d; color: #ccc; font-family: 'Roboto', sans-serif; font-size: 15px; }") |
|||
Line 9: | Line 9: | ||
font-family: 'Roboto', sans-serif; | font-family: 'Roboto', sans-serif; | ||
font-size: 15px; | font-size: 15px; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | a, .toctogglelabel { | ||
+ | color: #f9a916; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:hover, .toctogglelabel:hover { | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .navbar { | ||
+ | box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 40%); | ||
+ | } | ||
+ | |||
+ | .bg-dark { | ||
+ | background-color: #111111!important; | ||
+ | } | ||
+ | |||
+ | .navbar-dark .navbar-nav .nav-link { | ||
+ | color: #cacaca; | ||
+ | font-size: 13px; | ||
+ | margin-left: 0.75rem; | ||
+ | } | ||
+ | |||
+ | .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { | ||
+ | color: rgb(255 255 255); | ||
+ | } | ||
+ | |||
+ | .dropdown-toggle::after { | ||
+ | color: #f9a916; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .dropdown-icon { | ||
+ | margin-right: 0.5rem; | ||
+ | } | ||
+ | |||
+ | #page-content { | ||
+ | background-image: url("/wiki/images/1/1a/Main_bg_1.webp"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: bottom right; | ||
+ | background-color: #111111; | ||
+ | width: 100%; | ||
+ | max-width: 1460px; | ||
+ | margin: 0 auto; | ||
+ | padding: 1rem; | ||
+ | margin-top: 60px; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | margin-bottom: 2rem; | ||
+ | } | ||
+ | |||
+ | #sidebar { | ||
+ | min-width: 300px; | ||
+ | max-width: 300px; | ||
+ | margin-left: 1rem; | ||
} | } |
Revision as of 23:06, 26 February 2023
html { scroll-behavior: smooth; scroll-padding-top: 69px; } body { background-color: #1d1d1d; color: #ccc; font-family: 'Roboto', sans-serif; font-size: 15px; } h1, h2, h3, h4, h5, h6 { color: #fff; } a, .toctogglelabel { color: #f9a916; text-decoration: none; } a:hover, .toctogglelabel:hover { color: #fff; text-decoration: none; } .navbar { box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 40%); } .bg-dark { background-color: #111111!important; } .navbar-dark .navbar-nav .nav-link { color: #cacaca; font-size: 13px; margin-left: 0.75rem; } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgb(255 255 255); } .dropdown-toggle::after { color: #f9a916; vertical-align: middle; } .dropdown-icon { margin-right: 0.5rem; } #page-content { background-image: url("/wiki/images/1/1a/Main_bg_1.webp"); background-repeat: no-repeat; background-position: bottom right; background-color: #111111; width: 100%; max-width: 1460px; margin: 0 auto; padding: 1rem; margin-top: 60px; } #content { margin-bottom: 2rem; } #sidebar { min-width: 300px; max-width: 300px; margin-left: 1rem; }