|
|
| (11 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* ========================================= | | /* |
| IUO Tome of Knowledge - Default Dark Theme
| | body, #globalWrapper, #footer { |
| Timeless skin adjustments
| | background-color: #202020; |
| ========================================= */
| | color: #eeeeee; |
| | |
| /* Global body */
| |
| body {
| |
| background-color: #111 !important;
| |
| color: #eee !important;
| |
| font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
| |
| }
| |
| | |
| /* Header containers */
| |
| #mw-header-container,
| |
| #mw-header,
| |
| #mw-header-hack,
| |
| #mw-header-nav-hack {
| |
| background-color: #1a1a1a !important;
| |
| color: #eee !important;
| |
| border-bottom: 1px solid #222;
| |
| }
| |
| | |
| /* User tools & personal menu */
| |
| #user-tools,
| |
| #personal,
| |
| #p-personal {
| |
| background-color: #1b1b1b !important;
| |
| color: #eee !important;
| |
| }
| |
| | |
| /* Search bar */
| |
| #p-search,
| |
| #simpleSearch input,
| |
| #simpleSearch input[type="submit"] {
| |
| background-color: #1c1c1c !important;
| |
| color: #eee !important;
| |
| border: 1px solid #333;
| |
| }
| |
| | |
| /* Logo & banner */
| |
| #p-logo-text,
| |
| #p-banner,
| |
| #p-logo a,
| |
| #p-logo img {
| |
| background: none !important;
| |
| }
| |
| | |
| /* Navigation / Sidebar */
| |
| #mw-site-navigation,
| |
| .sidebar-chunk,
| |
| #p-navigation,
| |
| #p-more,
| |
| #p-views,
| |
| #p-tb,
| |
| #p-userpagetools,
| |
| #p-pagemisc {
| |
| background-color: #1c1c1c !important;
| |
| color: #eee !important;
| |
| }
| |
| #mw-site-navigation a,
| |
| #mw-site-navigation a:visited {
| |
| color: #ccc !important;
| |
| }
| |
| #mw-site-navigation a:hover {
| |
| color: #5cc989 !important;
| |
| }
| |
| | |
| /* Main content wrapper */
| |
| #mw-content-container {
| |
| background-color: #1b1b1b !important;
| |
| padding: 1rem 1.25rem;
| |
| border-radius: 8px;
| |
| }
| |
| | |
| /* Main content block */
| |
| #mw-content-block,
| |
| #mw-content-wrapper,
| |
| #content,
| |
| .mw-body-content,
| |
| .mw-parser-output {
| |
| background-color: #1b1b1b !important;
| |
| color: #eee !important;
| |
| }
| |
| | |
| /* Page headers */
| |
| .mw-body h1,
| |
| .mw-body h2,
| |
| .mw-body h3 {
| |
| font-weight: 700;
| |
| color: #eee;
| |
| border-bottom: 2px solid #222;
| |
| padding-bottom: 5px;
| |
| }
| |
| | |
| /* Links */
| |
| a {
| |
| color: #5cc989 !important;
| |
| }
| |
| a:visited {
| |
| color: #80c0a0 !important;
| |
| }
| |
| a:hover {
| |
| color: #28a745 !important;
| |
| }
| |
| | |
| /* Buttons */
| |
| .button,
| |
| .mw-button {
| |
| background-color: #28a745 !important;
| |
| color: #fff !important;
| |
| font-weight: 700;
| |
| border-radius: 8px;
| |
| padding: 0.55rem 0.85rem;
| |
| }
| |
| .button:hover,
| |
| .mw-button:hover {
| |
| background-color: #1f9d4a !important;
| |
| }
| |
| | |
| /* Footer */
| |
| #mw-footer-container,
| |
| #mw-footer,
| |
| #footer-list,
| |
| #footer-icons,
| |
| #footer-info,
| |
| #footer-places {
| |
| background-color: #111 !important;
| |
| color: #ccc !important;
| |
| border-top: 1px solid #222;
| |
| }
| |
| | |
| /* Images inside content: rounded and shadowed */
| |
| .mw-parser-output img {
| |
| border-radius: 8px;
| |
| box-shadow: 0 6px 22px rgba(9,11,12,0.06);
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
| | |
| /* Edit section buttons */
| |
| .mw-editsection {
| |
| background: #222 !important;
| |
| color: #ccc !important;
| |
| border-radius: 4px;
| |
| padding: 0 4px;
| |
| margin-left: 5px;
| |
| }
| |
| .mw-editsection a {
| |
| color: #5cc989 !important;
| |
| } | | } |
|
| |
|
| /* Highlighted tables */
| | #content, #bodyContent, firstHeading, #p-logo, #p-navigation, #p-navigation .pBod, #p-search, #p-search .pBody, #p-tb, #p-tb .pBody, #column-content, #column-one, #catlinks { |
| .mw-parser-output table,
| | background-color: #424242; |
| .mw-parser-output th, | | color: #eeeeee; |
| .mw-parser-output td { | |
| background-color: #1c1c1c !important;
| |
| color: #eee !important;
| |
| border: 1px solid #333 !important;
| |
| } | | } |
| | */ |
