User:Psl85/nightmode.css

/* Dark Night mode Minecraft wiki Skin by violine1101. * Not completely done yet, but looks good so far. * If you have any issues or want to propose a change, feel free to contact me on my user talk page. * * Der dunkle Nachtmodus-Skin fürs Minecraft Wiki von violine1101 * Noch nicht ganz fertig, aber soweit sieht alles ganz gut aus. * Wenn du irgendwelche Probleme hast oder eine Änderung vorschlagen willst, kannst du mich gerne auf meiner Benutzerdiskussionsseite ansprechen. */

/* Add the grass block background:  */ .nightmode #mw-page-base { background-color: #080549; background-image: url(https://minecraft-de.gamepedia.com/media/minecraft-de.gamepedia.com/4/4a/Nightmode-headerbg.png); }

/* Set the tab link colours to a bright gray */ .nightmode #p-namespaces a, .nightmode #p-views a, .nightmode div#mw-head div.vectorMenu h4, .nightmode div#p-variants.vectorMenu #mw-vector-current-variant { color: #ddd !important; }

.nightmode #p-cactions-label span { color: #888; } /* Use white links */ .nightmode #p-namespaces a, .nightmode #p-views a, .nightmode div#mw-head div.vectorMenu h4 { color: #ddd !important; } .nightmode #p-namespaces .new a, .nightmode #p-views .new a { color: #FA0000; }

/* Give the tabs the grass block styling:  */ .nightmode div.vectorTabs span { background: url(https://minecraft-de.gamepedia.com/media/minecraft-de.gamepedia.com/9/98/Nightmode-tabs.png) no-repeat right top; } .nightmode div.vectorTabs span:before { background: url(https://minecraft-de.gamepedia.com/media/minecraft-de.gamepedia.com/9/98/Nightmode-tabs.png) no-repeat left top; } .nightmode #left-navigation div.vectorTabs li:first-child span:before { background-image: url(https://minecraft-de.gamepedia.com/media/minecraft-de.gamepedia.com/a/ab/Nightmode-tabfirst.png); }

.nightmode div#mw-head div.vectorMenu h3 { background: url(https://minecraft-de.gamepedia.com/media/minecraft-de.gamepedia.com/9/98/Nightmode-tabs.png) no-repeat right top; } .nightmode div#mw-head div.vectorMenu h3:before { background: url(https://minecraft-de.gamepedia.com/media/minecraft-de.gamepedia.com/9/98/Nightmode-tabs.png) no-repeat left top; }

/* Style the simple search */ .nightmode #p-search form { background-color: rgba(0, 0, 0, 0.365); border-right: 4px solid #538631; border-bottom: 4px solid #20160f; } .nightmode #p-search form:before { border-top: 4px solid rgba(0, 0, 0, 0.365); border-left: 4px solid transparent; } .nightmode #p-search form:after { border-top: 4px solid #477a25; border-left: 4px solid #538631; }

.nightmode div#simpleSearch { border-top: 3px solid #666666; border-left: 3px solid #505050; background-color: #807F7F; background-image: -webkit-linear-gradient(#555555, #7f7f7f); background-image: linear-gradient(#555555, #7f7f7f); } .nightmode #simpleSearch:before { border-top: 3px solid #505050; border-left: 3px solid #37271B; } .nightmode #simpleSearch:after { border-top: 3px solid #477a25; border-left: 3px solid #666666; }

.nightmode .searchButton { filter: brightness(60%); }

/* The suggestions shown under the search bar */ .nightmode .suggestions.searchbar .suggestions-results, .nightmode .suggestions.searchbar .suggestions-special { background-color: #DBDADA; border-color: #3C3B3B; } .nightmode .suggestions.searchbar .suggestions-result-current { background-color: highlight; }

.nightmode #p-cactions .menu { background-color: #222; border-color: black; }

/* Give the main content area its unhealthy grey glow and add a border */ .nightmode div#content { color: #bbb; background-color: #2F2F2F; border-top: 6px solid #171717; border-left: 6px solid #171717; }

.nightmode div#content h1, .nightmode div#content h2, .nightmode div#content h3, .nightmode div#content h4, .nightmode div#content h5, .nightmode div#content h6, .nightmode div#content h7, .nightmode div#content h8 { color: #fff; }

.nightmode div#content a { color: #8f8fff; } .nightmode div#content a:visited { color: #af8fef; }

.nightmode div#content a.new { color: #ff8f8f; } .nightmode div#content a.new:visited { color: #ef8faf; }

.nightmode .mw-plusminus-null { color: #eee; }

.nightmode .mw-plusminus-pos { color: #3fdd00; }

.nightmode .mw-plusminus-neg { color: #dd003f; }

.nightmode .navbox-top { background-color: black; }

.nightmode .navbox-group { background-color: #222; }

.nightmode .navbox-list, .nightmode .wikitable > td, .nightmode .wikitable > * > td, .nightmode .wikitable > * > * > td { background-color: #444; }

.nightmode .navbox { border-color: black; }

.nightmode #localNotice { background-color: #444 !important; border-color: black !important; }

.nightmode #localNotice table { background-color: #444 !important; border-color: #444 !important; }

.nightmode table.wikitable { color: #bbb; background-color: #333; border-color: #000; }

.nightmode table.wikitable > tr > th, .nightmode table.wikitable > * > tr > th, .nightmode .notaninfobox, .nightmode .toc, .nightmode .catlinks { background-color: #222 !important; border-color: black !important; }

.nightmode .navbox, .nightmode .navbox table { background-color: #333 !important; }

.nightmode .thumb, .nightmode .thumbinner, .nightmode .thumbimage { background-color: #444 !important; border-color: black !important; }

.nightmode code, .nightmode pre { background-color: #444; border-color: #222; color: #eee; }

.nightmode .alternaterows tr:nth-child(2n), .nightmode .infobox-rows tr:nth-child(2n) { background-color: #111; }

.nightmode table.wikitable td, .nightmode table.wikitable th { border-color: black !important; }

.nightmode .mcwiki-header { border: none !important; }

.nightmode .rootpage-Minecraft_Wiki td { background-color: #444 !important; border-color: black !important; }

/* Add the 3D corners to the main content */ .nightmode div#content:before { border-top: 6px solid #37271B; border-left: 6px solid #171717; }

.nightmode #footer:before { border-top: 6px solid #171717; border-left: 6px solid #37271B; }

/* Use black bullet points, instead of blue circles: */ .nightmode ul { list-style-image: url(https://minecraft-de.gamepedia.com/media/minecraft-de.gamepedia.com/8/8f/Nightmode-list-bullet.svg); }

/* Fix diff area styling */

.nightmode td.diff-addedline { background-color: #666; border-color: #66f; color: #000; } .nightmode td.diff-addedline .diffchange { background-color: #66f !important; } .nightmode td.diff-deletedline { background-color: #666; border-color: #ff6; color: #000; } .nightmode td.diff-deletedline .diffchange { background-color: #ff6 !important; } .nightmode td.diff-context { background-color: #444; color: #000; border-color: #222; }

/* Same as the default preference tab images, but with the blue background colour instead of white */ .nightmode .client-js #preftoc, .nightmode .client-js #preftoc li { background-image: url(https://minecraft-de.gamepedia.com/media/minecraft-de.gamepedia.com/2/21/Nightmode-pref-tab-border.png); } .nightmode .client-js #preftoc li.selected a { background-image: url(https://minecraft-de.gamepedia.com/media/minecraft-de.gamepedia.com/8/84/Nightmode-pref-tab-bg.png); }

/* Fix side-by-side editor background colour */ .nightmode .wikiEditor-ui-controls { background-color: #E6EFF4; border-right: 1px solid #E6EFF4; }

.nightmode.rootpage-Minecraft_Wiki td { background-color: #444 !important; border-color: black !important; }

.nightmode textarea { background-color: #222; color: #bbb; border: 1px solid black; }

.nightmode .editOptions { background-color: #444; border: 1px solid black; border-top: none; }

.nightmode .wikiEditor-ui-controls { background-color: #2F2F2F !important; border: none !important; }

.nightmode .wikiEditor-ui-view, .nightmode .wikiEditor-ui-tabs { border-color: black !important; }

.nightmode .wikiEditor-ui-tabs div { background-color: #444 !important; border-color: black !important; }

.nightmode .wikiEditor-ui-tabs div.current { background-color: #333 !important; }

.nightmode .wikiEditor-ui-view .wikiEditor-ui-text textarea { border-color: #222 !important; }

.nightmode .wikiEditor-preview-contents, .nightmode .wikiEditor-preview-loading { background-color: #111 !important; }

.nightmode img.wikiEditor-preview-spinner { filter: invert(93%); }

.nightmode .documentation { background-color: #454 !important; border-color: #666 !important; }

.nightmode .documentation-header, .nightmode .documentation-footer { background-color: #242 !important; border-color: #666 !important; }

.nightmode #spritedoc .spritedoc-box { background-color: #444; border-color: black; }

.nightmode .oo-ui-window-frame { background-color: #444 !important; color: #bbb; }

.nightmode .oo-ui-window { background-color: rgba(0,0,0,0.5) !important; }

.nightmode .oo-ui-dropdownWidget { background-color: transparent; }

.nightmode .oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button { background-color: #333 !important; border-color: #f33 !important; }

.nightmode .oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover { background-color: #433 !important; border-color: #f33 !important; }

.nightmode .oo-ui-dropdownWidget-handle, .nightmode .oo-ui-menuSelectWidget, .nightmode .mw-tagfilter-input { background-color: #333 !important; border-color: black !important; color: #bbb; }

.nightmode .oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background-color: #383838 !important; color: #666 !important; text-shadow: 1px 1px 0px black; }

.nightmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: #222; color: white; } .nightmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color: #555; color: black; } .nightmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-optionWidget-highlighted { background-color: #444; }

/* HiDPI images *, * , */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .nightmode #mw-page-base { background-image: url(https://minecraft-de.gamepedia.com/media/minecraft-de.gamepedia.com/9/9c/Nightmode-headerbg-hires.png); }	.nightmode div.vectorTabs span, .nightmode div.vectorTabs span:before, .nightmode div #mw-head div.vectorMenu > h3, .nightmode div #mw-head div.vectorMenu > h4, .nightmode div#p-variants.vectorMenu #mw-vector-current-variant, .nightmode div #mw-head div.vectorMenu > h3:first-child:before, .nightmode div #mw-head div.vectorMenu > h4:first-child:before, .nightmode div#p-variants.vectorMenu #mw-vector-current-variant:before { background-image: url(https://minecraft-de.gamepedia.com/media/minecraft-de.gamepedia.com/a/a6/Nightmode-tabs-hires.png); }	.nightmode #left-navigation div.vectorTabs li:first-child span:before { background-image: url(https://minecraft-de.gamepedia.com/media/minecraft-de.gamepedia.com/5/59/Nightmode-tabfirst-hires.png); } }