MediaWiki:Common.css

From Practices and Politics of Representation
Revision as of 15:48, 16 May 2026 by Admin (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/************************************************************
 * 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;
    -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(0, 0, 0) !important;
    line-height: 1.2 !important;
}

body {
    background: rgb(255, 255, 255) !important;
    -webkit-text-size-adjust: 100% !important;
}

a, a:visited {
    color: rgb(0, 0, 255) !important;
    line-height: 1 !important;
}

a:hover {
    color: rgb(0, 0, 255) !important;
    text-decoration: underline !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;
}

/* 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(255, 255, 255) !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(255, 255, 255) !important;
}

.portlet h3, .portlet h5 {
    color: rgb(0, 0, 0) !important;
    font-weight: bold !important;
    background: rgb(255, 255, 255) !important;
}


/* Tools gizle */
#p-tb {
    display: none !important;
}

/* Sidebar links */
#mw-panel a,
#mw-panel a:visited,
.vector-legacy-sidebar a,
.portlet a,
.pBody a {
    color: rgb(0, 0, 255) !important;
    text-decoration: none !important;
    font-size: 20px !important;
    -webkit-text-size-adjust: 100% !important;
}

#mw-panel a:hover,
.vector-legacy-sidebar a:hover,
.portlet a:hover,
.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;
    box-shadow: none !important;
}

#p-namespaces ul,
#p-views ul,
#p-cactions ul {
    background: rgb(255, 255, 255) !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;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/*Menu tabs*/
.vector-menu-tabs-legacy li a {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    color: rgb(0, 0, 255) !important;
}

.vector-menu-tabs-legacy li {
    background: transparent !important;
    border: none !important;
}

/*----------------------------------------------------------
  4. PERSONAL MENU (Login vs)
----------------------------------------------------------*/

#p-personal {
    background: rgb(255, 255, 255) !important;
}

#p-personal ul {
    background: rgb(255, 255, 255) !important;
}




/*----------------------------------------------------------
  5. CONTENT
----------------------------------------------------------*/

#content {
    background: rgb(255, 255, 255) !important;
    font-size: 38px !important;
    margin-left: 250px !important;
}

.mw-body, .mw-body-content {
    background: rgb(255, 255, 255) !important;
    font-size: 38px !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6, .firstHeading {
    color: rgb(0, 0, 0) !important;
}

h1 { font-size: 50px !important; }
h2 { font-size: 42px !important; }
h3 { font-size: 47px !important; }
h4 { font-size: 43px !important; }

/* Links */
a, a:visited {
    color: rgb(0, 0, 255) !important;
}

a:hover {
    color: rgb(0, 0, 255) !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;
}


/*----------------------------------------------------------
  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;
}




/*----------------------------------------------------------
  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: transparent !important;
    border: none !important;
    box-shadow: none !important;
}



/*----------------------------------------------------------
  13. FORMS
----------------------------------------------------------*/

input, textarea, select {
    background: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0) !important;
}