MediaWiki:Vector-2022.css: Difference between revisions

From Practices and Politics of Representation
Jump to navigation Jump to search
Created page with "Genel arka plan ve metin: body, .vector-body, .vector-page-content { background-color: #121212; color: #e0e0e0; } Link renkleri: a, a:link { color: #80d8ff; } a:visited { color: #ce93d8; } a:hover { color: #ffffff; text-decoration: underline; } Sol menü: .vector-sidebar, .vector-sticky-header, #mw-panel { background-color: #1e1e1e !important; color: #ccc !important; border-right: 1px solid #333; } İçerik: .mw-body, .vector-bo..."
 
Translate CSS comments to English
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Genel arka plan ve metin */
/* GENERAL BACKGROUND AND TEXT */
body,
body,
.vector-body,
.vector-body,
.vector-page-content {
.vector-page-content,
   background-color: #121212;
.vector-feature-languageinheader-enabled .mw-header,
   color: #e0e0e0;
.client-js {
   background-color: #121212 !important;
   color: #e0e0e0 !important;
}
}


/* Link renkleri */
/* CONTENT AREA */
#content,
.vector-body,
.mw-content-container,
.mw-body,
.mw-parser-output {
  background-color: #181818 !important;
  color: #e0e0e0 !important;
}
 
/* LEFT MENU & RIGHT PANEL */
.vector-sidebar,
.vector-toc,
.vector-page-tools,
.vector-page-tools .vector-menu,
#mw-panel,
#p-navigation,
#p-interaction,
#p-tb,
#p-lang,
#p-personal,
.vector-settings {
  background-color: #1b1b1b !important;
  color: #ddd !important;
  border: none !important;
}
 
/* HEADER BAR / SEARCH */
.vector-header-container,
.vector-search-box,
.vector-user-menu {
  background-color: #1e1e1e !important;
  color: #ddd !important;
}
 
/* LINKS */
a,
a,
a:link {
a:link {
   color: #80d8ff;
   color: #80d8ff;
}
}
a:visited {
a:visited {
   color: #ce93d8;
   color: #ce93d8;
}
}
a:hover {
a:hover {
   color: #ffffff;
   color: #ffffff;
Line 22: Line 57:
}
}


/* Sol menü */
/* SELECTORS, DROPDOWNS, SETTINGS PANEL */
.vector-sidebar,
.vector-settings,
.vector-sticky-header,
.vector-settings * {
#mw-panel {
   background-color: #1e1e1e !important;
   background-color: #1e1e1e !important;
   color: #ccc !important;
   color: #ccc !important;
   border-right: 1px solid #333;
   border: none !important;
}
}


/* İçerik */
input,
.mw-body,
select,
.vector-body {
textarea,
   background-color: #181818;
button,
   color: #e0e0e0;
.mw-ui-button {
}
   background-color: #2c2c2c !important;
 
   color: #eee !important;
/* Başlıklar */
   border: 1px solid #444 !important;
h1, h2, h3, h4, h5, h6 {
   color: #ffffff;
}
}


/* Kod blokları */
/* CODE BLOCKS */
pre,
pre,
code {
code {
   background-color: #222;
   background-color: #202020 !important;
  color: #ccc;
}
 
/* Arama kutusu ve butonlar */
input, textarea, select, button {
  background-color: #2b2b2b;
  color: #ddd;
  border: 1px solid #555;
}
 
button:hover {
  background-color: #333;
}
 
/* Tab bar */
.vector-tabs,
.vector-tab {
  background-color: #1c1c1c;
  color: #ddd;
}
 
.vector-tab a {
   color: #ccc !important;
   color: #ccc !important;
}
}


.vector-tab a:hover {
/* FOOTER */
   color: #fff !important;
#footer,
#footer-info,
#footer-icons {
  background-color: #1a1a1a !important;
   color: #aaa !important;
}
}

Latest revision as of 12:17, 7 September 2026

/* GENERAL BACKGROUND AND TEXT */
body,
.vector-body,
.vector-page-content,
.vector-feature-languageinheader-enabled .mw-header,
.client-js {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

/* CONTENT AREA */
#content,
.vector-body,
.mw-content-container,
.mw-body,
.mw-parser-output {
  background-color: #181818 !important;
  color: #e0e0e0 !important;
}

/* LEFT MENU & RIGHT PANEL */
.vector-sidebar,
.vector-toc,
.vector-page-tools,
.vector-page-tools .vector-menu,
#mw-panel,
#p-navigation,
#p-interaction,
#p-tb,
#p-lang,
#p-personal,
.vector-settings {
  background-color: #1b1b1b !important;
  color: #ddd !important;
  border: none !important;
}

/* HEADER BAR / SEARCH */
.vector-header-container,
.vector-search-box,
.vector-user-menu {
  background-color: #1e1e1e !important;
  color: #ddd !important;
}

/* LINKS */
a,
a:link {
  color: #80d8ff;
}
a:visited {
  color: #ce93d8;
}
a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* SELECTORS, DROPDOWNS, SETTINGS PANEL */
.vector-settings,
.vector-settings * {
  background-color: #1e1e1e !important;
  color: #ccc !important;
  border: none !important;
}

input,
select,
textarea,
button,
.mw-ui-button {
  background-color: #2c2c2c !important;
  color: #eee !important;
  border: 1px solid #444 !important;
}

/* CODE BLOCKS */
pre,
code {
  background-color: #202020 !important;
  color: #ccc !important;
}

/* FOOTER */
#footer,
#footer-info,
#footer-icons {
  background-color: #1a1a1a !important;
  color: #aaa !important;
}