|
|
| (178 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
|
| |
|
| /* Text elements in white */ | | /* Configure Numbering scheme */ |
| body,
| |
| h1,
| |
| h2,
| |
| h3,
| |
| h4,
| |
| h5,
| |
| h6,
| |
| p,
| |
| ul,
| |
| ol,
| |
| li,
| |
| a,
| |
| span,
| |
| blockquote,
| |
| pre,
| |
| code,
| |
| th,
| |
| td,
| |
| caption,
| |
| label,
| |
| input[type="text"],
| |
| input[type="password"],
| |
| input[type="email"],
| |
| input[type="number"],
| |
| textarea,
| |
| select,
| |
| button,
| |
| .option,
| |
| .mw-parser-output {
| |
| color: #ffffff !important;
| |
| } | | } |
| | | ol { |
| /* Page background */
| | list-style-type: decimal; |
| body {
| |
| background-color: #27292d !important;
| |
| } | | } |
| | | ol li > ol { |
| /* Content background */
| | list-style-type: lower-alpha; |
| #content,
| |
| #content #bodyContent,
| |
| #content #mw-content-text,
| |
| #content #mw-indicator-mw-helplink,
| |
| #content #mw-panel,
| |
| #content #footer,
| |
| #content #footer #footer-info,
| |
| #content #footer #footer-places,
| |
| #content #footer #footer-icons,
| |
| #content #footer #footer-copyright {
| |
| background-color: #1f2024 !important;
| |
| } | | } |
| | | ol li > ol li > ol { |
| /* Links */
| | list-style-type: lower-roman; |
| a,
| |
| a:visited {
| |
| color: #ffffff !important;
| |
| } | | } |
| | | /* Underline all links */ |
| /* Hover effect for links */ | | a { |
| a:hover { | | text-decoration: underline; |
| color: #cccccc !important; | |
| } | | } |
|
| |
|
| /* Hover effect for buttons */ | | /* Load FontAwesome */ |
| button:hover {
| | @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css'); |
| background-color: #444444 !important;
| |
| color: #ffffff !important;
| |
| }
| |
| | |
| /* Border color */ | |
| .border { | |
| border-color: #ffffff !important;
| |
| }
| |
| | |
| /* Header background */ | |
| #mw-head {
| |
| background-color: #27292d !important;
| |
| }
| |
| | |
| /* mw-code and mw-css background */ | |
| .mw-code, | |
| .mw-css { | |
| background-color: #131416 !important;
| |
| }
| |
| | |
| /* mw-normal-catlinks background */
| |
| .mw-normal-catlinks {
| |
| background-color: #27292d !important;
| |
| padding: 10px; /* Adjust padding as needed */
| |
| }
| |
| | |
| /* Tabs */ | |
| #p-cactions > .vector-menu-tabs,
| |
| #p-views > .vector-menu-tabs,
| |
| #p-cactions > .vector-menu-tabs a,
| |
| #p-views > .vector-menu-tabs a {
| |
| background-color: #32353a !important; /* Happy medium color */
| |
| border: none !important;
| |
| color: #ffffff !important;
| |
| }
| |
| | |
| #p-cactions > .vector-menu-tabs a:hover,
| |
| #p-views > .vector-menu-tabs a:hover,
| |
| #p-cactions > .vector-menu-tabs .selected,
| |
| #p-views > .vector-menu-tabs .selected {
| |
| background-color: #4b4e54 !important; /* Hovered/selected color */
| |
| }
| |
