MediaWiki:Common.css: Difference between revisions

From Mona Mahall / Asli Serbest
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
Line 1: Line 1:
/************************************************************
/* Gesamte Seite schwarz machen */
* CLEAN MINIMAL THEME — FORCED DARK MODE
* (same rules/structure as the light version, colors inverted)
************************************************************/
/*----------------------------------------------------------
  0. GLOBAL RESET
----------------------------------------------------------*/
.mw-wiki-logo,
.mw-logo,
.mw-logo-icon,
.mw-logo-wordmark,
.vector-logo,
#p-logo,
#p-logo a,
.mw-logo-container {
    display: none !important;
    visibility: hidden !important;
}
html {
    font-size: 18px !important;
    -webkit-text-size-adjust: 100% !important;
}
body, h1, h2, h3, h4, h5, h6, p, td, th,
input, textarea, select, button {
    font-family: 'Times New Roman', Times, serif !important;
    color: rgb(240, 240, 240) !important;
    line-height: 1.2 !important;
}
body {
body {
     background: rgb(0, 0, 0) !important;
     background-color: #000 !important;
    -webkit-text-size-adjust: 100% !important;
     color: #fff !important;
}
     border: none !important;
a:link {
     box-shadow: none !important;
     color: rgb(0, 0, 238) !important;
     text-decoration: none !important;
     line-height: 1 !important;
}
a:visited {
     color: rgb(85, 26, 139) !important;
     line-height: 1 !important;
}
}
a:hover {
 
     text-decoration: underline !important;
/* Inhaltsbereich (Artikel) */
}
.mw-body {
/* Shadow kaldır */
     background-color: #000 !important;
* {
    color: #fff !important;
    border: 0px solid #444 !important;
     box-shadow: none !important;
     box-shadow: none !important;
    text-shadow: none !important;
}
/* Tüm borderları arkaplanla aynı yap (görünmez) */
*:not(img) {
    border-color: rgb(0, 0, 0) !important;
}
/* Images*/
.mw-body-content img,
.mw-body-content figure,
.mw-body-content .thumb {
width: auto !important;
height: auto !important;
padding-left: 0px !important;
}
/*----------------------------------------------------------
  1. HEADER
----------------------------------------------------------*/
#mw-head,
#mw-head-base,
#mw-page-base,
.vector-header,
.vector-sticky-header,
.mw-header {
    background: rgb(0, 0, 0) !important;
}
/* Üst menüyü content ile hizala */
#left-navigation {
  /*  margin-left: 10em !important;*/
}
/* Login kısmını içeri al */
#p-personal {
  /*  margin-right: 1em !important; */
}
#right-navigation {
  /*  margin-right: 1em !important; */
}
/*----------------------------------------------------------
  2. SIDEBAR
----------------------------------------------------------*/
#column-one,
#mw-panel,
.vector-legacy-sidebar {
    background: transparent !important;
    padding-top: 5em !important;
    margin-top: 0 !important;
    width: 250px !important;
}
.portlet, .pBody {
    background: rgb(0, 0, 0) !important;
}
.portlet h3, .portlet h5 {
    color: rgb(240, 240, 240) !important;
    font-weight: bold !important;
    background: rgb(0, 0, 0) !important;
}
/* Tools gizle */
#p-tb {
    display: none !important;
}
/* Hide Create account / Log in for visitors */
#pt-createaccount,
#pt-login {
    display: none !important;
}
/* Hide the DarkMode extension's toggle link (Dark mode / Default mode) */
#pt-darkmode,
#pt-darkmode-sticky-header {
    display: none !important;
}
/* Sidebar links */
#mw-panel a:link,
.vector-legacy-sidebar a:link,
.portlet a:link,
.pBody a:link {
    color: rgb(0, 0, 238) !important;
     text-decoration: none !important;
     text-decoration: none !important;
    font-size: 20px !important;
    -webkit-text-size-adjust: 100% !important;
}
}
#mw-panel a:visited,
 
.vector-legacy-sidebar a:visited,
/* Überschriften weiß machen */
.portlet a:visited,
h1, h2, h3, h4, h5, h6 {
.pBody a:visited {
    color: #fff !important;
     color: rgb(85, 26, 139) !important;
     box-shadow: none !important;
     text-decoration: none !important;
     text-decoration: none !important;
    font-size: 20px !important;
    -webkit-text-size-adjust: 100% !important;
}
}
#mw-panel a:hover,
 
.vector-legacy-sidebar a:hover,
/* Spezielle MediaWiki-Trennlinien entfernen */
.portlet a:hover,
.mw-headline, .firstHeading, .mw-title {
.pBody a:hover {
    text-decoration: underline !important;
}
/*----------------------------------------------------------
  3. TABS
----------------------------------------------------------*/
#p-namespaces,
#p-views,
#p-cactions,
.vector-tabs,
.vector-menu-tabs {
    background: transparent !important;
     border: none !important;
     border: none !important;
     box-shadow: none !important;
     box-shadow: none !important;
    text-decoration: none !important;
}
}
#p-namespaces ul,
 
#p-views ul,
/* Pseudo-Elemente, die Linien erzeugen könnten, entfernen */
#p-cactions ul {
h1::after, h2::after, h3::after, h4::after, h5::after, h6::after {
     background: rgb(0, 0, 0) !important;
     content: "" !important;
}
     display: none !important;
#p-namespaces li.selected a,
    box-shadow: none !important;
#p-views li.selected a {
    text-decoration: none !important;
     font-weight: bold !important;
}
#p-namespaces li a:hover,
#p-views li a:hover,
#p-cactions li a:hover {
    background: rgb(30, 30, 30) !important;
}
}
/* Tab underline kaldır */
 
#p-namespaces li.selected a::after,
/* Entfernt alle möglichen Linien in MediaWiki */
#p-views li.selected a::after,
hr, .mw-content-ltr hr, .mw-parser-output hr {
.vector-menu-tabs li.selected a::after {
     display: none !important;
     display: none !important;
    background: transparent !important;
     border: none !important;
     border: none !important;
    height: 0 !important;
     box-shadow: none !important;
     box-shadow: none !important;
    text-decoration: none !important;
}
}
/*Menu tabs*/
 
.vector-menu-tabs-legacy li a {
 
     background: transparent !important;
/* Kopfzeile und Navigation */
     background-image: none !important;
#mw-head,
     border: none !important;
#p-personal,
     color: rgb(120, 170, 255) !important;
#mw-panel {
     background-color: #000 !important;
     color: #fff !important;
     box-shadow: none !important;
     text-decoration: none !important;
}
}
.vector-menu-tabs-legacy li {
 
     background: transparent !important;
/* Menüleisten und Boxen */
     border: none !important;
.vector-menu-content,
.vector-menu-content ul {
     background-color: #000 !important;
    color: #fff !important;
     box-shadow: none !important;
    text-decoration: none !important;
}
}
/*----------------------------------------------------------
 
  4. PERSONAL MENU (Login vs)
/* Eingabefelder, Suchbox */
----------------------------------------------------------*/
input, textarea {
#p-personal {
     background-color: #222 !important;
     background: rgb(0, 0, 0) !important;
     color: #fff !important;
}
     border: 0px solid #444 !important;
#p-personal ul {
     box-shadow: none !important;
     background: rgb(0, 0, 0) !important;
     text-decoration: none !important;
}
/*----------------------------------------------------------
  5. CONTENT
----------------------------------------------------------*/
#content {
    background: rgb(0, 0, 0) !important;
     font-size: 38px !important;
     margin-left: 250px !important;
}
.mw-body, .mw-body-content {
    background: rgb(0, 0, 0) !important;
     font-size: 38px !important;
}
}
/* Headings */
 
h1, h2, h3, h4, h5, h6, .firstHeading {
    color: rgb(240, 240, 240) !important;
}
h1 { font-size: 50px !important; }
h2 { font-size: 42px !important; }
h3 { font-size: 47px !important; }
h4 { font-size: 43px !important; }
/* Links */
/* Links */
a:link {
a {
     color: rgb(0, 0, 238) !important;
     color: #4aa5ff !important;
}
}
a:visited {
a:visited {
     color: rgb(85, 26, 139) !important;
     color: #9c77ff !important;
}
}
a:hover {
 
     text-decoration: underline !important;
/* Tabellen, Boxen, Panels ohne Ränder */
table, th, td, .mw-body-content, .vector-menu-content, .vector-menu-tabs {
    border: none !important;
    background-color: #000 !important;
    box-shadow: none !important;
     text-decoration: none !important;
    background-image: none !important;
    background: none !important;
}
}
/*----------------------------------------------------------
 
  6. SEARCH
 
----------------------------------------------------------*/
/* Dropdown-Menüs */
#p-search,
.vector-dropdown {
#simpleSearch,
    background-color: #000 !important;
#searchInput {
    color: #fff !important;
     background: rgb(0, 0, 0) !important;
    box-shadow: none !important;
     text-decoration: none !important;
}
}
/*----------------------------------------------------------
 
  7. TABLES
/* Footer (unten) */
----------------------------------------------------------*/
#footer, #footer li, #footer a {
table, th, td {
     background-color: #000 !important;
     background: rgb(0, 0, 0) !important;
    color: #fff !important;
}
}
/*----------------------------------------------------------
 
  8. IMAGES
 
----------------------------------------------------------*/
/* Hauptnavigation oben */
.thumb,
#mw-head,
.thumbinner,
#p-personal,
.thumbimage,
#left-navigation,
.gallerybox,
#right-navigation {
figure,
    background-color: #000 !important; /* Schwarzer Hintergrund */
figcaption {
    color: #fff !important; /* Weiße Schrift */
     background: transparent !important;
    box-shadow: none !important;
     text-decoration: none !important;
}
}
.thumbcaption, .gallerytext {
 
     color: rgb(240, 240, 240) !important;
/* Tabs ("Read", "Discussion", etc.) */
#p-views .vector-menu-content ul {
     background-color: #000 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
}
/*----------------------------------------------------------
 
  9. INFOBOX
/* Einzelne Tabs */
----------------------------------------------------------*/
#p-views li {
.infobox, .infobox th, .infobox td {
    background-color: #000 !important;
     background: rgb(0, 0, 0) !important;
    border: 0px solid #444 !important; /* Optional: Dunkle Ränder */
    box-shadow: none !important;
     text-decoration: none !important;
}
}
/*----------------------------------------------------------
 
  10. FOOTER
/* Ensure "Main Page" and "Discussion" links match the sidebar links */
----------------------------------------------------------*/
#p-views li a,
#footer, #catlinks {
#p-namespaces li a,  
     background: rgb(0, 0, 0) !important;
#p-variants li a {
     color: rgb(240, 240, 240) !important;
     color: #4aa5ff !important; /* Same blue as sidebar links */
     text-decoration: none !important;
}
}
/*----------------------------------------------------------
 
  11. VISUAL EDITOR
/* Hover effect */
----------------------------------------------------------*/
#p-views li a:hover,  
.ve-ui-toolbar,
#p-namespaces li a:hover,  
.ve-ui-toolbar-bar,
#p-variants li a:hover {
.oo-ui-toolbar,
     color: #9c77ff !important; /* Same as visited links */
.oo-ui-toolbar-bar,
.oo-ui-toolGroup,
.oo-ui-tool,
.oo-ui-buttonElement-button {
     background: rgb(0, 0, 0) !important;
}
}
.oo-ui-tool:hover,
 
.oo-ui-buttonElement-button:hover {
 
    background: rgb(30, 30, 30) !important;
/* Make the top navigation links match the sidebar link colors */
}
#p-views a,  
.oo-ui-menuSelectWidget,
#p-views a:visited,  
.oo-ui-popupWidget-popup,
#p-views a:active,  
.oo-ui-optionWidget,
#p-views a:hover {
.oo-ui-menuOptionWidget {
     color: #4aa5ff !important; /* Same blue as sidebar links */
     background: rgb(0, 0, 0) !important;
     text-decoration: none !important;
     color: rgb(240, 240, 240) !important;
}
.oo-ui-optionWidget:hover {
    background: rgb(30, 30, 30) !important;
}
}
.ve-ui-surface,
 
.ve-ce-surface {
/* If you want a hover effect */
     background: rgb(0, 0, 0) !important;
#p-views a:hover {
     color: #9c77ff !important; /* Same as visited links */
}
}
.wikiEditor-ui,
 
.wikiEditor-ui-toolbar {
 
    background: rgb(0, 0, 0) !important;
/* Falls noch weiß auftaucht, versuche dies für spezifische Skins */
}
.vector-menu-tabs li,
/*----------------------------------------------------------
.vector-menu-tabs a {
  12. DROPDOWN MENÜLER
     background-color: #000 !important;
----------------------------------------------------------*/
     color: #fff !important;
.vector-menu-dropdown .vector-menu-content,
.vector-dropdown-content,
#p-cactions .vector-menu-content {
     background: transparent !important;
     border: none !important;
     box-shadow: none !important;
     box-shadow: none !important;
    text-decoration: none !important;
    background-image: none !important;
    background: none !important;
}
}
/*----------------------------------------------------------
 
  13. FORMS
/* Remove background gradients from menu tabs and headings */
----------------------------------------------------------*/
 
input, textarea, select {
#mw-head .vector-menu-dropdown .vector-menu-heading,  
    background: rgb(0, 0, 0) !important;
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    color: rgb(240, 240, 240) !important;
     background-image: none !important;
}
     background: none !important;
.hover-word {
  position: relative;
  text-decoration: underline dotted;
  cursor: help;
}
.hover-word .hover-pop {
  position: absolute;
  bottom: 100%;
  left: 0;
  display: none;
  z-index: 100;
}
.hover-word:hover .hover-pop {
  display: block;
}
/* ============================================================
  14. ALIGN TOP TABS + FOOTER WITH THE HEADING
  ============================================================ */
:root {
     --rep-left: 305px;
}
#left-navigation {
     margin-left: var(--rep-left) !important;
}
}
#p-namespaces li:first-child {
 
     margin-left: 0 !important;
 
/* Dropdown-Menüs (z. B. "Mehr") */
.vector-dropdown {
     background-color: #000 !important;
}
}
#p-namespaces li:first-child a {
 
     padding-left: 0 !important;
/* Suchleiste */
#p-search input {
     background-color: #222 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}
}
/* ALLE Trennlinien entfernen */
hr,
.mw-body hr,
.vector-menu-content ul,
.vector-menu-content li,
.vector-menu-tabs li,
.vector-menu-tabs a,
table, th, td,
.mw-panel,
.vector-dropdown,
#footer {
#footer {
     margin-left: var(--rep-left) !important;
     border: none !important;
     padding-left: 0 !important;
     box-shadow: none !important;
}
}
/* ============================================================
 
  15. EDITOR INTERFACE FIX
/* Tabellen ohne Linien */
  ============================================================ */
table, th, td {
.ve-ui-toolbar,
     border: none !important;
.ve-ui-context,
     background-color: #000 !important;
.ve-ui-contextSelectWidget,
.oo-ui-toolbar,
.oo-ui-popupWidget,
.oo-ui-popupWidget-popup,
.oo-ui-menuSelectWidget,
.oo-ui-window,
.oo-ui-dialog,
.oo-ui-defaultOverlay {
     font-size: 14px !important;
     line-height: normal !important;
}
}
.wikiEditor-ui-toolbar {
 
     font-size: 14px !important;
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
     line-height: normal !important;
     background-image: none !important;
     background: none !important;
}
}
#wpTextbox1 {
 
    font-size: 15px !important;
/* Hide Tools box that Vector 2022 renders itself */
    line-height: 1.5 !important;
#p-tb {
    background: rgb(0, 0, 0) !important;
     display: none;
     color: rgb(240, 240, 240) !important;
}
}
/* Give popups/menus a visible border
 
  (needs to be light now, since it's on a dark background) */
/* Hide "Powered by MediaWiki" */
.oo-ui-popupWidget-popup,
.mw-footer .poweredby {
.oo-ui-menuSelectWidget {
     display: none !important;
    border: 1px solid rgb(240, 240, 240) !important;
}
/* Editor labels in light text instead of dark */
.oo-ui-tool .oo-ui-tool-title,
.oo-ui-labelElement-label,
.ve-ui-toolbar a,
.oo-ui-popupWidget a {
     color: rgb(240, 240, 240) !important;
}
}

Revision as of 08:27, 20 July 2026

/* Gesamte Seite schwarz machen */
body {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Inhaltsbereich (Artikel) */
.mw-body {
    background-color: #000 !important;
    color: #fff !important;
    border: 0px solid #444 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Überschriften weiß machen */
h1, h2, h3, h4, h5, h6 {
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Spezielle MediaWiki-Trennlinien entfernen */
.mw-headline, .firstHeading, .mw-title {
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Pseudo-Elemente, die Linien erzeugen könnten, entfernen */
h1::after, h2::after, h3::after, h4::after, h5::after, h6::after {
    content: "" !important;
    display: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Entfernt alle möglichen Linien in MediaWiki */
hr, .mw-content-ltr hr, .mw-parser-output hr {
    display: none !important;
    border: none !important;
    height: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}


/* Kopfzeile und Navigation */
#mw-head,
#p-personal,
#mw-panel {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Menüleisten und Boxen */
.vector-menu-content,
.vector-menu-content ul {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Eingabefelder, Suchbox */
input, textarea {
    background-color: #222 !important;
    color: #fff !important;
    border: 0px solid #444 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Links */
a {
    color: #4aa5ff !important;
}
a:visited {
    color: #9c77ff !important;
}

/* Tabellen, Boxen, Panels ohne Ränder */
table, th, td, .mw-body-content, .vector-menu-content, .vector-menu-tabs {
    border: none !important;
    background-color: #000 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    background-image: none !important;
    background: none !important;
}


/* Dropdown-Menüs */
.vector-dropdown {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Footer (unten) */
#footer, #footer li, #footer a {
    background-color: #000 !important;
    color: #fff !important;
}


/* Hauptnavigation oben */
#mw-head,
#p-personal,
#left-navigation,
#right-navigation {
    background-color: #000 !important; /* Schwarzer Hintergrund */
    color: #fff !important; /* Weiße Schrift */
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Tabs ("Read", "Discussion", etc.) */
#p-views .vector-menu-content ul {
    background-color: #000 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Einzelne Tabs */
#p-views li {
    background-color: #000 !important;
    border: 0px solid #444 !important; /* Optional: Dunkle Ränder */
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Ensure "Main Page" and "Discussion" links match the sidebar links */
#p-views li a, 
#p-namespaces li a, 
#p-variants li a {
    color: #4aa5ff !important; /* Same blue as sidebar links */
    text-decoration: none !important;
}

/* Hover effect */
#p-views li a:hover, 
#p-namespaces li a:hover, 
#p-variants li a:hover {
    color: #9c77ff !important; /* Same as visited links */
}


/* Make the top navigation links match the sidebar link colors */
#p-views a, 
#p-views a:visited, 
#p-views a:active, 
#p-views a:hover {
    color: #4aa5ff !important; /* Same blue as sidebar links */
    text-decoration: none !important;
}

/* If you want a hover effect */
#p-views a:hover {
    color: #9c77ff !important; /* Same as visited links */
}


/* Falls noch weiß auftaucht, versuche dies für spezifische Skins */
.vector-menu-tabs li,
.vector-menu-tabs a {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
    background-image: none !important;
    background: none !important;
}

/* Remove background gradients from menu tabs and headings */

#mw-head .vector-menu-dropdown .vector-menu-heading, 
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    background-image: none !important;
    background: none !important;
}


/* Dropdown-Menüs (z. B. "Mehr") */
.vector-dropdown {
    background-color: #000 !important;
}

/* Suchleiste */
#p-search input {
    background-color: #222 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

/* ALLE Trennlinien entfernen */
hr, 
.mw-body hr, 
.vector-menu-content ul, 
.vector-menu-content li, 
.vector-menu-tabs li, 
.vector-menu-tabs a, 
table, th, td, 
.mw-panel, 
.vector-dropdown, 
#footer {
    border: none !important;
    box-shadow: none !important;
}

/* Tabellen ohne Linien */
table, th, td {
    border: none !important;
    background-color: #000 !important;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    background-image: none !important;
    background: none !important;
}

/* Hide Tools box that Vector 2022 renders itself */
#p-tb {
    display: none;
}

/* Hide "Powered by MediaWiki" */
.mw-footer .poweredby {
    display: none !important;
}