MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/************************************************************ | /************************************************************ | ||
* CLEAN MINIMAL THEME — BLACK & WHITE ONLY | * CLEAN MINIMAL THEME — BLACK & WHITE ONLY | ||
* Layout değişikliği yok, sadece renk ve border | |||
************************************************************/ | ************************************************************/ | ||
/*---------------------------------------------------------- | /*---------------------------------------------------------- | ||
0. GLOBAL RESET | 0. GLOBAL RESET | ||
----------------------------------------------------------*/ | ----------------------------------------------------------*/ | ||
| Line 35: | Line 36: | ||
} | } | ||
/* | /* Shadow kaldır */ | ||
* { | |||
box-shadow: none !important; | box-shadow: none !important; | ||
text-shadow: none !important; | text-shadow: none !important; | ||
} | } | ||
/* | /* Tüm borderları beyaz yap (görünmez) */ | ||
*:not(img) { | |||
border-color: rgb(255, 255, 255) !important; | border-color: rgb(255, 255, 255) !important; | ||
} | } | ||
/*---------------------------------------------------------- | /*---------------------------------------------------------- | ||
1. HEADER | |||
----------------------------------------------------------*/ | ----------------------------------------------------------*/ | ||
| Line 73: | Line 57: | ||
.vector-header, | .vector-header, | ||
.vector-sticky-header, | .vector-sticky-header, | ||
.mw-header { | .mw-header { | ||
background: rgb(255, 255, 255) !important; | background: rgb(255, 255, 255) !important; | ||
} | } | ||
/*---------------------------------------------------------- | |||
2. SIDEBAR | |||
----------------------------------------------------------*/ | |||
#column-one, | |||
# | #mw-panel, | ||
.vector-legacy-sidebar { | |||
background: rgb(255, 255, 255) !important; | |||
} | } | ||
.portlet, .pBody { | |||
background: rgb(255, 255, 255) !important; | |||
} | } | ||
.portlet h3, .portlet h5 { | |||
color: rgb(0, 0, 0) !important; | |||
font-weight: bold !important; | |||
background: rgb(255, 255, 255) !important; | |||
. | |||
} | } | ||
.portlet .pBody ul li a { | |||
color: rgb(0, 0, 0) !important; | |||
text-decoration: none !important; | |||
} | } | ||
.portlet .pBody ul li a:hover { | |||
text-decoration: underline !important; | |||
} | } | ||
#p- | /* Tools gizle */ | ||
#p-tb { | |||
display: | display: none !important; | ||
} | } | ||
/*---------------------------------------------------------- | |||
3. TABS | |||
----------------------------------------------------------*/ | |||
#p-namespaces, | #p-namespaces, | ||
#p-views, | #p-views, | ||
#p-cactions, | #p-cactions, | ||
.vector-tabs, | .vector-tabs, | ||
.vector-menu-tabs { | .vector-menu-tabs { | ||
background: rgb(255, 255, 255) !important; | background: rgb(255, 255, 255) !important; | ||
} | } | ||
| Line 172: | Line 115: | ||
} | } | ||
#p-namespaces li | #p-namespaces li a, | ||
#p-views li | #p-views li a, | ||
#p-cactions li a { | |||
background: rgb(255, 255, 255) !important; | background: rgb(255, 255, 255) !important; | ||
color: rgb(0, 0, 0) !important; | |||
} | } | ||
#p-namespaces li.selected a, | |||
#p-views li.selected a { | |||
# | |||
# | |||
font-weight: bold !important; | font-weight: bold !important; | ||
} | } | ||
#p-namespaces li a:hover, | |||
#p-views li a:hover, | |||
#p-cactions li a:hover { | |||
background: rgb(240, 240, 240) !important; | |||
} | } | ||
/* | /* Tab underline kaldır */ | ||
#p- | #p-namespaces li.selected a::after, | ||
#p-views li.selected a::after, | |||
# | .vector-menu-tabs li.selected a::after { | ||
.vector-menu- | display: none !important; | ||
} | } | ||
/*---------------------------------------------------------- | |||
4. PERSONAL MENU (Login vs) | |||
----------------------------------------------------------*/ | |||
#p-personal { | |||
background: rgb(255, 255, 255) !important; | background: rgb(255, 255, 255) !important; | ||
} | } | ||
#p-personal ul { | #p-personal ul { | ||
background: rgb(255, 255, 255) !important; | background: rgb(255, 255, 255) !important; | ||
} | } | ||
| Line 281: | Line 163: | ||
/*---------------------------------------------------------- | |||
/* | 5. CONTENT | ||
----------------------------------------------------------*/ | |||
#content, .mw-body, .mw-body-content { | #content, .mw-body, .mw-body-content { | ||
background: rgb(255, 255, 255) !important; | background: rgb(255, 255, 255) !important; | ||
} | } | ||
/* Headings */ | |||
h1, h2, h3, h4, h5, h6, .firstHeading { | |||
color: rgb(0, 0, 0) !important; | |||
} | } | ||
h1 { font-size: 2rem !important; } | h1 { font-size: 2rem !important; } | ||
h2 { font-size: 1.6rem !important; } | h2 { font-size: 1.6rem !important; } | ||
h3 { font-size: 1.35rem !important; } | h3 { font-size: 1.35rem !important; } | ||
h4 { font-size: 1.15rem !important; } | h4 { font-size: 1.15rem !important; } | ||
/* Links */ | |||
a, a:visited, a:hover { | |||
color: rgb(0, 0, 0) !important; | color: rgb(0, 0, 0) !important; | ||
} | } | ||
a:hover { | a:hover { | ||
text-decoration: underline !important; | text-decoration: underline !important; | ||
} | } | ||
/*---------------------------------------------------------- | |||
6. SEARCH | |||
----------------------------------------------------------*/ | |||
#p-search, | |||
#simpleSearch, | |||
#searchInput { | |||
background: rgb(255, 255, 255) !important; | |||
# | |||
# | |||
} | } | ||
/*---------------------------------------------------------- | |||
7. TABLES | |||
----------------------------------------------------------*/ | |||
table, th, td { | |||
background: rgb(255, 255, 255) !important; | background: rgb(255, 255, 255) !important; | ||
} | } | ||
. | /*---------------------------------------------------------- | ||
8. IMAGES | |||
----------------------------------------------------------*/ | |||
. | .thumb, | ||
.thumbinner, | |||
.thumbimage, | |||
.gallerybox, | |||
figure, | |||
figcaption { | |||
background: transparent !important; | |||
} | } | ||
.thumbcaption, .gallerytext { | |||
color: rgb(0, 0, 0) !important; | color: rgb(0, 0, 0) !important; | ||
} | } | ||
/*---------------------------------------------------------- | |||
9. INFOBOX | |||
----------------------------------------------------------*/ | |||
.infobox, .infobox th, .infobox td { | |||
.infobox | |||
.infobox th, .infobox td { | |||
background: rgb(255, 255, 255) !important; | background: rgb(255, 255, 255) !important; | ||
} | } | ||
/*---------------------------------------------------------- | |||
/* | 10. FOOTER | ||
----------------------------------------------------------*/ | |||
#footer, #catlinks { | #footer, #catlinks { | ||
background: rgb(255, 255, 255) !important; | background: rgb(255, 255, 255) !important; | ||
color: rgb(0, 0, 0) !important; | color: rgb(0, 0, 0) !important; | ||
} | } | ||
| Line 460: | Line 252: | ||
/*---------------------------------------------------------- | |||
11. VISUAL EDITOR | |||
----------------------------------------------------------*/ | |||
.ve-ui-toolbar, | .ve-ui-toolbar, | ||
.ve-ui-toolbar-bar, | .ve-ui-toolbar-bar, | ||
.oo-ui-toolbar, | .oo-ui-toolbar, | ||
.oo-ui-toolbar-bar, | .oo-ui-toolbar-bar, | ||
.oo-ui-toolGroup, | .oo-ui-toolGroup, | ||
.oo-ui-tool, | .oo-ui-tool, | ||
.oo-ui-buttonElement-button { | .oo-ui-buttonElement-button { | ||
background: rgb(255, 255, 255) !important; | background: rgb(255, 255, 255) !important; | ||
} | } | ||
| Line 494: | Line 271: | ||
} | } | ||
.oo-ui-menuSelectWidget, | .oo-ui-menuSelectWidget, | ||
.oo-ui-popupWidget-popup, | .oo-ui-popupWidget-popup, | ||
.oo-ui-optionWidget, | .oo-ui-optionWidget, | ||
.oo-ui-menuOptionWidget { | .oo-ui-menuOptionWidget { | ||
| Line 511: | Line 279: | ||
} | } | ||
.oo-ui-optionWidget:hover | .oo-ui-optionWidget:hover { | ||
background: rgb(240, 240, 240) !important; | background: rgb(240, 240, 240) !important; | ||
} | } | ||
.ve-ui-surface, | .ve-ui-surface, | ||
.ve-ce-surface | .ve-ce-surface { | ||
background: rgb(255, 255, 255) !important; | background: rgb(255, 255, 255) !important; | ||
} | } | ||
.wikiEditor-ui, | .wikiEditor-ui, | ||
.wikiEditor-ui-toolbar | .wikiEditor-ui-toolbar { | ||
background: rgb(255, 255, 255) !important; | background: rgb(255, 255, 255) !important; | ||
} | } | ||
/* | |||
/*---------------------------------------------------------- | |||
12. DROPDOWN MENÜLER | |||
----------------------------------------------------------*/ | |||
.vector-menu-dropdown .vector-menu-content, | .vector-menu-dropdown .vector-menu-content, | ||
.vector-dropdown-content, | .vector-dropdown-content, | ||
#p-cactions .vector-menu-content { | #p-cactions .vector-menu-content { | ||
background: rgb(255, 255, 255) !important; | background: rgb(255, 255, 255) !important; | ||
} | } | ||
.vector-menu-dropdown .vector-menu-content li a { | .vector-menu-dropdown .vector-menu-content li a { | ||
background: rgb(255, 255, 255) !important; | background: rgb(255, 255, 255) !important; | ||
| Line 549: | Line 314: | ||
/*---------------------------------------------------------- | |||
13. FORMS | |||
----------------------------------------------------------*/ | |||
input, textarea, select { | |||
background: rgb(255, 255, 255) !important; | |||
color: rgb(0, 0, 0) !important; | |||
background: | |||
} | } | ||
Revision as of 06:46, 2 December 2025
/************************************************************
* CLEAN MINIMAL THEME — BLACK & WHITE ONLY
* Layout değişikliği yok, sadece renk ve border
************************************************************/
/*----------------------------------------------------------
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;
}
body, h1, h2, h3, h4, h5, h6, p, div, span, a, li, td, th,
input, textarea, select, button {
font-family: Arial, sans-serif !important;
color: rgb(0, 0, 0) !important;
line-height: 1.62 !important;
}
body {
background: rgb(255, 255, 255) !important;
}
/* Shadow kaldır */
* {
box-shadow: none !important;
text-shadow: none !important;
}
/* Tüm borderları beyaz yap (görünmez) */
*:not(img) {
border-color: rgb(255, 255, 255) !important;
}
/*----------------------------------------------------------
1. HEADER
----------------------------------------------------------*/
#mw-head,
#mw-head-base,
#mw-page-base,
.vector-header,
.vector-sticky-header,
.mw-header {
background: rgb(255, 255, 255) !important;
}
/*----------------------------------------------------------
2. SIDEBAR
----------------------------------------------------------*/
#column-one,
#mw-panel,
.vector-legacy-sidebar {
background: rgb(255, 255, 255) !important;
}
.portlet, .pBody {
background: rgb(255, 255, 255) !important;
}
.portlet h3, .portlet h5 {
color: rgb(0, 0, 0) !important;
font-weight: bold !important;
background: rgb(255, 255, 255) !important;
}
.portlet .pBody ul li a {
color: rgb(0, 0, 0) !important;
text-decoration: none !important;
}
.portlet .pBody ul li a:hover {
text-decoration: underline !important;
}
/* Tools gizle */
#p-tb {
display: none !important;
}
/*----------------------------------------------------------
3. TABS
----------------------------------------------------------*/
#p-namespaces,
#p-views,
#p-cactions,
.vector-tabs,
.vector-menu-tabs {
background: rgb(255, 255, 255) !important;
}
#p-namespaces ul,
#p-views ul,
#p-cactions ul {
background: rgb(255, 255, 255) !important;
}
#p-namespaces li a,
#p-views li a,
#p-cactions li a {
background: rgb(255, 255, 255) !important;
color: rgb(0, 0, 0) !important;
}
#p-namespaces li.selected a,
#p-views li.selected a {
font-weight: bold !important;
}
#p-namespaces li a:hover,
#p-views li a:hover,
#p-cactions li a:hover {
background: rgb(240, 240, 240) !important;
}
/* Tab underline kaldır */
#p-namespaces li.selected a::after,
#p-views li.selected a::after,
.vector-menu-tabs li.selected a::after {
display: none !important;
}
/*----------------------------------------------------------
4. PERSONAL MENU (Login vs)
----------------------------------------------------------*/
#p-personal {
background: rgb(255, 255, 255) !important;
}
#p-personal ul {
background: rgb(255, 255, 255) !important;
}
#p-personal li a {
background: rgb(255, 255, 255) !important;
color: rgb(0, 0, 0) !important;
}
#p-personal li a:hover {
background: rgb(240, 240, 240) !important;
}
/*----------------------------------------------------------
5. CONTENT
----------------------------------------------------------*/
#content, .mw-body, .mw-body-content {
background: rgb(255, 255, 255) !important;
}
/* Headings */
h1, h2, h3, h4, h5, h6, .firstHeading {
color: rgb(0, 0, 0) !important;
}
h1 { font-size: 2rem !important; }
h2 { font-size: 1.6rem !important; }
h3 { font-size: 1.35rem !important; }
h4 { font-size: 1.15rem !important; }
/* Links */
a, a:visited, a:hover {
color: rgb(0, 0, 0) !important;
}
a:hover {
text-decoration: underline !important;
}
/*----------------------------------------------------------
6. SEARCH
----------------------------------------------------------*/
#p-search,
#simpleSearch,
#searchInput {
background: rgb(255, 255, 255) !important;
}
/*----------------------------------------------------------
7. TABLES
----------------------------------------------------------*/
table, th, td {
background: rgb(255, 255, 255) !important;
}
/*----------------------------------------------------------
8. IMAGES
----------------------------------------------------------*/
.thumb,
.thumbinner,
.thumbimage,
.gallerybox,
figure,
figcaption {
background: transparent !important;
}
.thumbcaption, .gallerytext {
color: rgb(0, 0, 0) !important;
}
/*----------------------------------------------------------
9. INFOBOX
----------------------------------------------------------*/
.infobox, .infobox th, .infobox td {
background: rgb(255, 255, 255) !important;
}
/*----------------------------------------------------------
10. FOOTER
----------------------------------------------------------*/
#footer, #catlinks {
background: rgb(255, 255, 255) !important;
color: rgb(0, 0, 0) !important;
}
#footer a, #catlinks a {
color: rgb(0, 0, 0) !important;
}
/*----------------------------------------------------------
11. VISUAL EDITOR
----------------------------------------------------------*/
.ve-ui-toolbar,
.ve-ui-toolbar-bar,
.oo-ui-toolbar,
.oo-ui-toolbar-bar,
.oo-ui-toolGroup,
.oo-ui-tool,
.oo-ui-buttonElement-button {
background: rgb(255, 255, 255) !important;
}
.oo-ui-tool:hover,
.oo-ui-buttonElement-button:hover {
background: rgb(240, 240, 240) !important;
}
.oo-ui-menuSelectWidget,
.oo-ui-popupWidget-popup,
.oo-ui-optionWidget,
.oo-ui-menuOptionWidget {
background: rgb(255, 255, 255) !important;
color: rgb(0, 0, 0) !important;
}
.oo-ui-optionWidget:hover {
background: rgb(240, 240, 240) !important;
}
.ve-ui-surface,
.ve-ce-surface {
background: rgb(255, 255, 255) !important;
}
.wikiEditor-ui,
.wikiEditor-ui-toolbar {
background: rgb(255, 255, 255) !important;
}
/*----------------------------------------------------------
12. DROPDOWN MENÜLER
----------------------------------------------------------*/
.vector-menu-dropdown .vector-menu-content,
.vector-dropdown-content,
#p-cactions .vector-menu-content {
background: rgb(255, 255, 255) !important;
}
.vector-menu-dropdown .vector-menu-content li a {
background: rgb(255, 255, 255) !important;
color: rgb(0, 0, 0) !important;
}
.vector-menu-dropdown .vector-menu-content li a:hover {
background: rgb(240, 240, 240) !important;
}
/*----------------------------------------------------------
13. FORMS
----------------------------------------------------------*/
input, textarea, select {
background: rgb(255, 255, 255) !important;
color: rgb(0, 0, 0) !important;
}