MediaWiki:Sidebar

/************************************************************

* CLEAN MINIMAL THEME — BLACK & WHITE ONLY
************************************************************/

/*----------------------------------------------------------

 0. GLOBAL RESET / CLEANUP

*/

.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;

}

/* Remove shadows everywhere */ .portlet, .pBody, #content, #column-content, #column-one, .portlet h3, .portlet h5, .gallerybox, .thumb, .thumbinner, .infobox, table, #footer,

p-cactions, .vector-menu-tabs {

   box-shadow: none !important;
   text-shadow: none !important;

}

/*----------------------------------------------------------

 REMOVE ALL HEADER / TOP SHADOWS

*/

mw-head,
mw-head-base,
mw-page-base,

.vector-header, .vector-sticky-header, .vector-container, .mw-header {

   background: rgb(255, 255, 255) !important;
   box-shadow: none !important;
   filter: none !important;
   min-height: 56px !important;

}

/************************************************************

* SAFARI + HEADER ALIGNMENT FIX
************************************************************/

left-navigation,

.vector-page-toolbar {

   display: flex !important;
   align-items: center !important;

}

right-navigation {

   display: flex !important;
   align-items: center !important;
   margin-left: auto !important;

}

p-namespaces li a,
p-views li a,
p-cactions li a,
p-personal ul li a {

   display: flex !important;
   align-items: center !important;
   height: 36px !important;

}

p-search,
simpleSearch {

   display: flex !important;
   align-items: center !important;
   background: rgb(255, 255, 255) !important;

}

searchInput {

   height: 28px !important;
   width: 140px !important;
   padding: 4px 6px !important;
   font-size: 0.95rem !important;
   background: rgb(255, 255, 255) !important;
   border: 1px solid rgb(0, 0, 0) !important;

}

simpleSearch {

   transform: scale(0.85);
   transform-origin: right center;

}

/************************************************************

* REMOVE TAB UNDERLINES + CLEAN TOP BAR
************************************************************/

p-namespaces,
p-views,
p-cactions,
left-navigation,
right-navigation,

.vector-tabs, .vector-menu-tabs {

   border: none !important;
   background: rgb(255, 255, 255) !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::after,
p-views li.selected a::after,

.vector-menu-tabs li.selected a::after {

   content: none !important;

}

mw-head-base,
mw-page-base {

   border-bottom: none !important;
   box-shadow: none !important;
   background: rgb(255, 255, 255) !important;

}

/************************************************************

* 1. SIDEBAR LAYOUT
************************************************************/

column-one {

   display: flex !important;
   flex-direction: column !important;
   min-height: 100vh !important;
   background: rgb(255, 255, 255) !important;

}

mw-panel, .vector-legacy-sidebar {

   background: rgb(255, 255, 255) !important;

}

p-navigation {

   order: 999 !important;
   margin-top: auto !important;
   padding-top: 60px !important;
   border-top: 1px solid rgb(0, 0, 0) !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 {

   color: rgb(0, 0, 0) !important;
   text-decoration: underline !important;

}

/************************************************************

* 2. TOP TABS / PERSONAL MENU
************************************************************/

p-cactions, #p-namespaces, #p-views, #p-personal {

   background: rgb(255, 255, 255) !important;
   border: none !important;

}

p-personal ul {

   background: rgb(255, 255, 255) !important;

}

p-cactions li, #p-namespaces li, #p-views li {

   margin-right: 10px !important;
   background: rgb(255, 255, 255) !important;

}

p-cactions li a, #p-namespaces li a, #p-views li a {

   background: rgb(255, 255, 255) !important;
   padding: 8px 15px !important;
   color: rgb(0, 0, 0) !important;

}

p-cactions li.selected a,
p-namespaces li.selected a,
p-views li.selected a {

   color: rgb(0, 0, 0) !important;
   font-weight: bold !important;
   background: rgb(255, 255, 255) !important;

}

p-cactions li a:hover,
p-namespaces li a:hover,
p-views li a:hover {

   background: rgb(240, 240, 240) !important;
   color: rgb(0, 0, 0) !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;

}

/************************************************************

* 3. CONTENT AREA
************************************************************/

content, .mw-body, .mw-body-content {

   background: rgb(255, 255, 255) !important;
   border: none !important;

}

content {

   background: rgb(255, 255, 255) !important;
   border: 1px solid rgb(0, 0, 0) !important;
   border-top: none !important;
   margin-top: 24px !important;

}

/* Headings */ h1 { font-size: 2rem !important; } h2 { font-size: 1.6rem !important; } h3 { font-size: 1.35rem !important; } h4 { font-size: 1.15rem !important; } h5 { font-size: 1rem !important; } h6 { font-size: 0.9rem !important; }

h1, h2, h3, h4, h5, h6, .firstHeading {

   border-bottom: none !important;
   color: rgb(0, 0, 0) !important;

}

/* Links */ a {

   color: rgb(0, 0, 0) !important;

} a:hover {

   color: rgb(0, 0, 0) !important;
   text-decoration: underline !important;

} a:visited {

   color: rgb(0, 0, 0) !important;

}

/* Edit links */ .mw-editsection a {

   color: rgb(0, 0, 0) !important;

} .mw-editsection a:hover {

   color: rgb(0, 0, 0) !important;
   text-decoration: underline !important;

}

/************************************************************

* 4. RESPONSIVE CONTENT WIDTH
************************************************************/

.mw-body-content,

content,
mw-content-text {

   max-width: 1100px !important;
   margin-left: auto !important;
   margin-right: auto !important;

}

@media (max-width: 1100px) {

   .mw-body-content,
   #content,
   #mw-content-text {
       max-width: 90% !important;
   }

}

@media (max-width: 700px) {

   .mw-body-content,
   #content,
   #mw-content-text {
       max-width: 100% !important;
       padding-left: 16px !important;
       padding-right: 16px !important;
   }

}

/************************************************************

* 5. IMAGES / GALLERIES
************************************************************/

.gallerybox, .gallerybox .thumb, .thumb, .thumbinner {

   background: rgb(255, 255, 255) !important;
   border: none !important;

}

.gallerybox {

   width: 200px !important;
   margin: 15px !important;

}

.gallerybox .thumb img {

   width: 200px !important;
   height: auto !important;

}

.gallerytext, .thumbcaption {

   color: rgb(0, 0, 0) !important;

}

/************************************************************

* 6. TABLES
************************************************************/

table {

   border-collapse: collapse !important;
   background: rgb(255, 255, 255) !important;

} table th, table td {

   border: 1px solid rgb(0, 0, 0) !important;
   padding: 6px !important;
   background: rgb(255, 255, 255) !important;

} table th {

   font-weight: bold !important;
   color: rgb(0, 0, 0) !important;

}

/************************************************************

* 7. INFOBOX
************************************************************/

.infobox {

   background: rgb(255, 255, 255) !important;
   border-left: 3px solid rgb(0, 0, 0) !important;
   padding: 15px !important;
   margin: 0 0 20px 20px !important;

}

.infobox th, .infobox td {

   border-bottom: 1px solid rgb(0, 0, 0) !important;
   padding: 8px 0 !important;
   background: rgb(255, 255, 255) !important;

}

.infobox tr:last-child th, .infobox tr:last-child td {

   border-bottom: none !important;

}

/************************************************************

* 8. FORMS
************************************************************/

input, textarea, select {

   border: 1px solid rgb(0, 0, 0) !important;
   background: rgb(255, 255, 255) !important;
   border-radius: 0 !important;
   color: rgb(0, 0, 0) !important;

}

/************************************************************

* 9. FOOTER / META
************************************************************/

footer, #catlinks {

   background: rgb(255, 255, 255) !important;
   border-top: 1px solid rgb(0, 0, 0) !important;
   color: rgb(0, 0, 0) !important;

}

footer a, #catlinks a {

   color: rgb(0, 0, 0) !important;

}

/************************************************************

* 10. VISUAL EDITOR + DROPDOWN MENÜLER
************************************************************/

/* VE Toolbar */ .ve-ui-toolbar, .ve-ui-toolbar-bar, .ve-ui-targetToolbar, .oo-ui-toolbar, .oo-ui-toolbar-bar, .oo-ui-toolbar-tools, .oo-ui-toolbar-actions, .oo-ui-toolGroup, .oo-ui-barToolGroup, .oo-ui-popupToolGroup, .oo-ui-listToolGroup, .oo-ui-menuToolGroup {

   background: rgb(255, 255, 255) !important;

}

/* VE Butonlar */ .oo-ui-tool, .oo-ui-tool-link, .oo-ui-buttonElement-button {

   background: rgb(255, 255, 255) !important;
   color: rgb(0, 0, 0) !important;

}

.oo-ui-tool:hover, .oo-ui-buttonElement-button:hover {

   background: rgb(240, 240, 240) !important;

}

/* VE Dropdown */ .oo-ui-menuSelectWidget, .oo-ui-selectWidget, .oo-ui-popupWidget-popup, .oo-ui-popupWidget-body, .oo-ui-menuToolGroup-tools, .oo-ui-listToolGroup-tools {

   background: rgb(255, 255, 255) !important;
   border: 1px solid rgb(0, 0, 0) !important;

}

.oo-ui-optionWidget, .oo-ui-menuOptionWidget {

   background: rgb(255, 255, 255) !important;
   color: rgb(0, 0, 0) !important;

}

.oo-ui-optionWidget:hover, .oo-ui-optionWidget-highlighted {

   background: rgb(240, 240, 240) !important;

}

/* VE Surface */ .ve-ui-surface, .ve-ce-surface, .ve-ce-documentNode {

   background: rgb(255, 255, 255) !important;

}

/* WikiEditor */ .wikiEditor-ui, .wikiEditor-ui-toolbar, .wikiEditor-ui-toolbar .group {

   background: rgb(255, 255, 255) !important;

}

/* Vector dropdown menüler */ .vector-menu-dropdown .vector-menu-content, .vector-dropdown-content,

p-cactions .vector-menu-content {

   background: rgb(255, 255, 255) !important;
   border: 1px solid rgb(0, 0, 0) !important;

}

.vector-menu-dropdown .vector-menu-content li, .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;

}

/************************************************************

* 11. IMAGE FRAME / BORDER KALDIR
************************************************************/

/* mw-file-element parent'ları */ .mw-file-element, .mw-file-element + figcaption, a.mw-file-description, figure[typeof], figure[typeof="mw:File/Thumb"], figure[typeof="mw:File/Frame"], figure[typeof="mw:File"], figure.mw-default-size, figure[class*="mw-"], .mw-body-content figure,

mw-content-text figure {

   background: none !important;
   background-color: transparent !important;
   border: none !important;
   padding: 0 !important;
   box-shadow: none !important;

}

.thumb, .thumbinner, .thumbimage, .image, .gallerybox, .gallerybox .thumb, .gallerybox .gallerybox, .thumbborder, figure, figure.mw-halign-right, figure.mw-halign-left, figure.mw-default-size, figcaption, .mw-file-element, .mw-file-description, .mw-default-size, .mw-image-border, .tright, .tleft, .tnone, .tcenter, .tright .thumbinner, .tleft .thumbinner, .tmulti, .tsingle, .mw-halign-right, .mw-halign-left, .mw-halign-center, .mw-halign-none, div.thumb, div.tright, div.tleft, div.thumbinner, .thumb > .thumbinner, .floatright, .floatleft, .floatnone {

   background: none !important;
   background-color: transparent !important;
   border: none !important;
   padding: 0 !important;
   box-shadow: none !important;
   margin: 10px !important;

}

/* Inner elements */ .thumbinner > a, .thumbinner > a > img, .thumbinner > .thumbimage, .thumbcaption {

   background: none !important;
   border: none !important;
   padding: 0 !important;

}

/* Caption sadece margin */ .thumbcaption {

   margin-top: 5px !important;

}

MediaWiki:Sidebar

Navigation menu

Search