|
|
| Zeile 1: |
Zeile 1: |
| /* === DARK MODE FORCED === */
| |
| html,
| |
| body {
| |
| background: #0a0a0a !important;
| |
| color: #ededed !important;
| |
| }
| |
|
| |
|
| #mw-page-base,
| |
| #mw-head-base,
| |
| #mw-wrapper,
| |
| #mw-content-container,
| |
| .mw-body,
| |
| #content {
| |
| background: #0a0a0a !important;
| |
| color: #ededed !important;
| |
| }
| |
|
| |
| /* Sidebar */
| |
| #mw-site-navigation,
| |
| #mw-related-navigation {
| |
| background: #171717 !important;
| |
| }
| |
|
| |
| /* Content Container */
| |
| #mw-content-text {
| |
| background: #171717 !important;
| |
| padding: 2rem !important;
| |
| border-radius: 8px !important;
| |
| border: 1px solid #262626 !important;
| |
| }
| |
|
| |
| /* Links */
| |
| a {
| |
| color: #a1a1aa !important;
| |
| }
| |
|
| |
| a:hover {
| |
| color: #d4d4d8 !important;
| |
| }
| |
|
| |
| /* Headings */
| |
| h1, h2, h3, h4, h5, h6 {
| |
| color: #fafafa !important;
| |
| border-color: #262626 !important;
| |
| }
| |
|
| |
| /* Tables */
| |
| .wikitable {
| |
| background: #171717 !important;
| |
| border: 1px solid #262626 !important;
| |
| }
| |
|
| |
| .wikitable th {
| |
| background: #262626 !important;
| |
| color: #a1a1aa !important;
| |
| }
| |
|
| |
| .wikitable td {
| |
| border-color: #262626 !important;
| |
| }
| |
|
| |
| /* Buttons */
| |
| button,
| |
| .mw-ui-button {
| |
| background: #262626 !important;
| |
| color: #ededed !important;
| |
| border: 1px solid #404040 !important;
| |
| }
| |
|
| |
| button:hover,
| |
| .mw-ui-button:hover {
| |
| background: #404040 !important;
| |
| }
| |
|
| |
| /* Inputs */
| |
| input,
| |
| textarea,
| |
| select {
| |
| background: #171717 !important;
| |
| color: #ededed !important;
| |
| border: 1px solid #262626 !important;
| |
| }
| |
|
| |
| /* Footer */
| |
| #footer-poweredbyico,
| |
| #footer-copyrightico {
| |
| display: none !important;
| |
| }
| |
|
| |
| .color-middle {
| |
| height: 0.35em;
| |
| background: #9d0000;
| |
| margin-left: 15em;
| |
| margin-right: 17em;
| |
| }
| |
|
| |
| .color-left {
| |
| height: 0.35em;
| |
| background: #9d0000;
| |
| width: 50%;
| |
| float: left;
| |
| }
| |
|
| |
| .color-right {
| |
| display: inline-block;
| |
| height: 0.35em;
| |
| background: #9d0000;
| |
| width: 50%;
| |
| float: right;
| |
| }
| |
|
| |
| @media screen and (min-width: 1100px) and (max-width: 1339px) {
| |
| #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
| |
| background: #171717;
| |
| border: solid #171717;
| |
| border-width: 1px 1px 0.2em;
| |
| box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.02);
| |
| padding: 1.5em 1.5em 0;
| |
| margin: 1em 0;
| |
| line-height: 1.125;
| |
| word-wrap: break-word;
| |
| font-size: 0.95em;
| |
| }
| |
| }
| |
|
| |
| #mw-content {
| |
| background: #171717;
| |
| border: solid #171717;
| |
| border-width: 1px 1px 0.2em;
| |
| box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.02);
| |
| background: #0c0c0c;
| |
| padding: 1em 2em 3em;
| |
| }
| |
|
| |
| #mw-content-text {
| |
| background: #0c0c0c !important;
| |
| padding: 2rem !important;
| |
| border-radius: 8px !important;
| |
| border: 1px solid #262626 !important
| |
| }
| |
|
| |
| @media screen and (min-width: 851px) {
| |
| #mw-header-container {
| |
| position: fixed;
| |
| z-index: 200;
| |
| top: 0;
| |
| width: 100%;
| |
| background: #171717;
| |
| color: #000;
| |
| padding: 0.5em 0 0;
| |
| min-height: 3.125em;
| |
| box-sizing: border-box;
| |
| }
| |
| }
| |
|
| |
| @media screen and (min-width: 1340px) {
| |
| #mw-site-navigation .sidebar-chunk {
| |
| background: #171717;
| |
| border: solid #171717;
| |
| border-width: 1px 1px 0.2em;
| |
| box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.02);
| |
| padding: 1.5em 1.5em 0;
| |
| margin: 1em 0;
| |
| line-height: 1.125;
| |
| word-wrap: break-word;
| |
| font-size: 0.95em;
| |
| }
| |
| }
| |
|
| |
| @media screen and (min-width: 1340px) {
| |
| #mw-related-navigation .sidebar-chunk {
| |
| background: #171717;
| |
| border: solid #171717;
| |
| border-width: 1px 1px 0.2em;
| |
| box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.02);
| |
| padding: 1.5em 1.5em 0;
| |
| margin: 1em 0;
| |
| line-height: 1.125;
| |
| word-wrap: break-word;
| |
| font-size: 0.95em;
| |
| }
| |
| }
| |
| /*Account Dropdown*/
| |
| @media screen and (min-width: 851px) {
| |
| #personal .dropdown {
| |
| top: 3.15em;
| |
| display: none !important;
| |
| background: #0a0a0a;
| |
| border: solid #0a0a0a;
| |
| border-width: 1px 1px 0.2em;
| |
| box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.02);
| |
| padding: 1.5em 1.5em 0;
| |
| margin: 1em 0;
| |
| line-height: 1.125;
| |
| word-wrap: break-word;
| |
| font-size: 0.95em;
| |
| background: #0a0a0a;
| |
| box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
| |
| position: absolute;
| |
| padding: 20px 2em 0;
| |
| margin: 0;
| |
| min-width: 9.153em;
| |
| top: 2.95em;
| |
| right: -1em;
| |
| overflow: visible;
| |
| z-index: 50;
| |
| }
| |
| }
| |
| /*Sidebar und Content abstand auf max erhöht*/
| |
| @media screen and (min-width: 851px) {
| |
| .ts-inner {
| |
| max-width: none;
| |
| box-sizing: border-box;
| |
| padding: 0 1em;
| |
| margin: auto;
| |
| }
| |
| }
| |
| /*Editor Puzzle Icon Box Dunkel*/
| |
| .ve-ui-contextItem {
| |
| cursor: default;
| |
| background-color: #0a0a0a;
| |
| }
| |
| /*Sidebar Transparent Effekt*/
| |
| @media screen and (min-width: 1100px) {
| |
| #mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner {
| |
| background: var(--sidebar-base);
| |
| backdrop-filter: blur(8px);
| |
| -webkit-backdrop-filter: blur(8px);
| |
| }
| |
| }
| |
| ----------------
| |
| #searchInput {
| |
| border: 0;
| |
| margin: 0;
| |
| height: 2.1em;
| |
| padding: 0.4em 4.5em 0.2em 2em;
| |
| box-shadow: none;
| |
| background: #000000c7;
| |
| width: 100%;
| |
| min-height: 0;
| |
| font-family: inherit;
| |
| }
| |
