MediaWiki:Common.css: Difference between revisions

From Practices and Politics of Representation
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 / CLEANUP
   0. GLOBAL RESET
----------------------------------------------------------*/
----------------------------------------------------------*/


Line 35: Line 36:
}
}


/* Remove shadows everywhere */
/* Shadow kaldır */
.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;
     box-shadow: none !important;
     text-shadow: none !important;
     text-shadow: none !important;
}
}


/* TÜM ÇİZGİLERİ KALDIR */
/* Tüm borderları beyaz yap (görünmez) */
#column-one,
*:not(img) {
#mw-panel,
#content,
#mw-head,
#mw-head-base,
#mw-page-base,
.mw-body,
.portlet,
.pBody,
hr {
    border: none !important;
     border-color: rgb(255, 255, 255) !important;
     border-color: rgb(255, 255, 255) !important;
}
hr {
    display: none !important;
}
}




/*----------------------------------------------------------
/*----------------------------------------------------------
   REMOVE ALL HEADER / TOP SHADOWS
   1. HEADER
----------------------------------------------------------*/
----------------------------------------------------------*/


Line 73: Line 57:
.vector-header,
.vector-header,
.vector-sticky-header,
.vector-sticky-header,
.vector-container,
.mw-header {
.mw-header {
     background: rgb(255, 255, 255) !important;
     background: rgb(255, 255, 255) !important;
    box-shadow: none !important;
    filter: none !important;
    border: none !important;
}
}


/* Üst menüyü sidebar ile hizala */
#mw-head {
    left: 160px !important;
    right: 0 !important;
}


#left-navigation {
/*----------------------------------------------------------
    margin-left: 0 !important;
  2. SIDEBAR
    padding-left: 0 !important;
----------------------------------------------------------*/
}


/* Login/account kısmını content ile hizala */
#column-one,
#p-personal {
#mw-panel,
     margin-right: 20px !important;
.vector-legacy-sidebar {
     background: rgb(255, 255, 255) !important;
}
}


#right-navigation {
.portlet, .pBody {
     margin-right: 20px !important;
     background: rgb(255, 255, 255) !important;
}
}


 
.portlet h3, .portlet h5 {
/************************************************************
     color: rgb(0, 0, 0) !important;
* SAFARI + HEADER ALIGNMENT FIX
     font-weight: bold !important;
************************************************************/
    background: rgb(255, 255, 255) !important;
 
#left-navigation,
.vector-page-toolbar {
     display: flex !important;
     align-items: center !important;
}
}


#right-navigation {
.portlet .pBody ul li a {
     display: flex !important;
     color: rgb(0, 0, 0) !important;
    align-items: center !important;
     text-decoration: none !important;
     margin-left: auto !important;
}
}


#p-namespaces li a,
.portlet .pBody ul li a:hover {
#p-views li a,
     text-decoration: underline !important;
#p-cactions li a,
#p-personal ul li a {
     display: flex !important;
    align-items: center !important;
    height: 36px !important;
}
}


#p-search,
/* Tools gizle */
#simpleSearch {
#p-tb {
     display: flex !important;
     display: none !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: none !important;
}


#simpleSearch {
/*----------------------------------------------------------
    transform: scale(0.85);
  3. TABS
    transform-origin: right center;
----------------------------------------------------------*/
}
 
 
 
/************************************************************
* REMOVE TAB UNDERLINES + CLEAN TOP BAR
************************************************************/


#p-namespaces,
#p-namespaces,
#p-views,
#p-views,
#p-cactions,
#p-cactions,
#left-navigation,
#right-navigation,
.vector-tabs,
.vector-tabs,
.vector-menu-tabs {
.vector-menu-tabs {
    border: none !important;
     background: rgb(255, 255, 255) !important;
     background: rgb(255, 255, 255) !important;
    box-shadow: none !important;
}
}


Line 172: Line 115:
}
}


#p-namespaces li.selected a::after,
#p-namespaces li a,
#p-views li.selected a::after,
#p-views li a,
.vector-menu-tabs li.selected a::after {
#p-cactions li a {
    content: none !important;
}
 
#mw-head-base,
#mw-page-base {
    border-bottom: none !important;
    box-shadow: none !important;
     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 {
* 1. SIDEBAR LAYOUT
************************************************************/
 
#column-one,
#mw-panel,
.vector-legacy-sidebar {
    background: rgb(255, 255, 255) !important;
    padding-top: 0 !important;
    border: none !important;
}
 
.portlet, .pBody {
    background: rgb(255, 255, 255) !important;
    border: none !important;
}
 
.portlet h3, .portlet h5 {
    color: rgb(0, 0, 0) !important;
     font-weight: bold !important;
     font-weight: bold !important;
    background: rgb(255, 255, 255) !important;
    border: none !important;
}
}


.portlet .pBody ul li a {
#p-namespaces li a:hover,
    color: rgb(0, 0, 0) !important;
#p-views li a:hover,
    text-decoration: none !important;
#p-cactions li a:hover {
}
     background: rgb(240, 240, 240) !important;
.portlet .pBody ul li a:hover {
     color: rgb(0, 0, 0) !important;
    text-decoration: underline !important;
}
}


/* Sidebar tüm çizgileri kaldır */
/* Tab underline kaldır */
#p-logo + .portal,
#p-namespaces li.selected a::after,
.portal:first-child,
#p-views li.selected a::after,
#mw-panel .portal,
.vector-menu-tabs li.selected a::after {
.vector-menu-portal,
     display: none !important;
#mw-panel > div {
    border: none !important;
    border-top: none !important;
     border-bottom: none !important;
}
}




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


/************************************************************
#p-personal {
* 2. TOP TABS / PERSONAL MENU
************************************************************/
 
#p-cactions, #p-namespaces, #p-views, #p-personal {
     background: rgb(255, 255, 255) !important;
     background: rgb(255, 255, 255) !important;
    border: none !important;
}
}


#p-personal ul {
#p-personal ul {
     background: rgb(255, 255, 255) !important;
     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;
}
}


Line 281: Line 163:




 
/*----------------------------------------------------------
/************************************************************
  5. CONTENT
* 3. CONTENT AREA
----------------------------------------------------------*/
************************************************************/


#content, .mw-body, .mw-body-content {
#content, .mw-body, .mw-body-content {
     background: rgb(255, 255, 255) !important;
     background: rgb(255, 255, 255) !important;
    border: none !important;
}
}


#content {
/* Headings */
     background: rgb(255, 255, 255) !important;
h1, h2, h3, h4, h5, h6, .firstHeading {
    border: none !important;
     color: rgb(0, 0, 0) !important;
    margin-top: 0 !important;
}
}


/* Headings */
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; }
h5 { font-size: 1rem !important; }
h6 { font-size: 0.9rem !important; }


h1, h2, h3, h4, h5, h6, .firstHeading {
/* Links */
    border-bottom: none !important;
a, a:visited, a:hover {
     color: rgb(0, 0, 0) !important;
     color: rgb(0, 0, 0) !important;
}
}


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


/*----------------------------------------------------------
  6. SEARCH
----------------------------------------------------------*/


 
#p-search,
/************************************************************
#simpleSearch,
* 4. RESPONSIVE CONTENT WIDTH
#searchInput {
************************************************************/
     background: rgb(255, 255, 255) !important;
 
.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,
  7. TABLES
    #content,
----------------------------------------------------------*/
    #mw-content-text {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}
 
 
 
/************************************************************
* 5. IMAGES / GALLERIES
************************************************************/


.gallerybox,
table, th, td {
.gallerybox .thumb,
.thumb,
.thumbinner {
     background: rgb(255, 255, 255) !important;
     background: rgb(255, 255, 255) !important;
    border: none !important;
}
}


.gallerybox {
    width: 200px !important;
    margin: 15px !important;
}


.gallerybox .thumb img {
/*----------------------------------------------------------
    width: 200px !important;
  8. IMAGES
    height: auto !important;
----------------------------------------------------------*/
}


.gallerytext, .thumbcaption {
.thumb,
     color: rgb(0, 0, 0) !important;
.thumbinner,
.thumbimage,
.gallerybox,
figure,
figcaption {
     background: transparent !important;
}
}


 
.thumbcaption, .gallerytext {
 
/************************************************************
* 6. TABLES
************************************************************/
 
table {
    border-collapse: collapse !important;
    background: rgb(255, 255, 255) !important;
}
table th, table td {
    border: none !important;
    padding: 6px !important;
    background: rgb(255, 255, 255) !important;
}
table th {
    font-weight: bold !important;
     color: rgb(0, 0, 0) !important;
     color: rgb(0, 0, 0) !important;
}
}




/*----------------------------------------------------------
  9. INFOBOX
----------------------------------------------------------*/


/************************************************************
.infobox, .infobox th, .infobox td {
* 7. INFOBOX
************************************************************/
 
.infobox {
    background: rgb(255, 255, 255) !important;
    border: none !important;
    padding: 15px !important;
    margin: 0 0 20px 20px !important;
}
 
.infobox th, .infobox td {
    border: none !important;
    padding: 8px 0 !important;
     background: rgb(255, 255, 255) !important;
     background: rgb(255, 255, 255) !important;
}
}




 
/*----------------------------------------------------------
/************************************************************
  10. FOOTER
* 8. FORMS
----------------------------------------------------------*/
************************************************************/
 
input, textarea, select {
    border: none !important;
    background: rgb(255, 255, 255) !important;
    border-radius: 0 !important;
    color: rgb(0, 0, 0) !important;
}
 
 
 
/************************************************************
* 9. FOOTER / META
************************************************************/


#footer, #catlinks {
#footer, #catlinks {
     background: rgb(255, 255, 255) !important;
     background: rgb(255, 255, 255) !important;
    border: none !important;
     color: rgb(0, 0, 0) !important;
     color: rgb(0, 0, 0) !important;
}
}
Line 460: Line 252:




/*----------------------------------------------------------
  11. VISUAL EDITOR
----------------------------------------------------------*/


/************************************************************
* 10. VISUAL EDITOR + DROPDOWN MENÜLER
************************************************************/
/* VE Toolbar */
.ve-ui-toolbar,
.ve-ui-toolbar,
.ve-ui-toolbar-bar,
.ve-ui-toolbar-bar,
.ve-ui-targetToolbar,
.oo-ui-toolbar,
.oo-ui-toolbar,
.oo-ui-toolbar-bar,
.oo-ui-toolbar-bar,
.oo-ui-toolbar-tools,
.oo-ui-toolbar-actions,
.oo-ui-toolGroup,
.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,
.oo-ui-tool-link,
.oo-ui-buttonElement-button {
.oo-ui-buttonElement-button {
     background: rgb(255, 255, 255) !important;
     background: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0) !important;
}
}


Line 494: Line 271:
}
}


/* VE Dropdown */
.oo-ui-menuSelectWidget,
.oo-ui-menuSelectWidget,
.oo-ui-selectWidget,
.oo-ui-popupWidget-popup,
.oo-ui-popupWidget-popup,
.oo-ui-popupWidget-body,
.oo-ui-menuToolGroup-tools,
.oo-ui-listToolGroup-tools {
    background: rgb(255, 255, 255) !important;
    border: none !important;
}
.oo-ui-optionWidget,
.oo-ui-optionWidget,
.oo-ui-menuOptionWidget {
.oo-ui-menuOptionWidget {
Line 511: Line 279:
}
}


.oo-ui-optionWidget:hover,
.oo-ui-optionWidget:hover {
.oo-ui-optionWidget-highlighted {
     background: rgb(240, 240, 240) !important;
     background: rgb(240, 240, 240) !important;
}
}


/* VE Surface */
.ve-ui-surface,
.ve-ui-surface,
.ve-ce-surface,
.ve-ce-surface {
.ve-ce-documentNode {
     background: rgb(255, 255, 255) !important;
     background: rgb(255, 255, 255) !important;
}
}


/* WikiEditor */
.wikiEditor-ui,
.wikiEditor-ui,
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar {
.wikiEditor-ui-toolbar .group {
     background: rgb(255, 255, 255) !important;
     background: rgb(255, 255, 255) !important;
}
}


/* Vector dropdown menüler */
 
/*----------------------------------------------------------
  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;
    border: none !important;
}
}


.vector-menu-dropdown .vector-menu-content li,
.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 {
* 11. IMAGE FRAME / BORDER KALDIR
     background: rgb(255, 255, 255) !important;
************************************************************/
     color: rgb(0, 0, 0) !important;
 
/* 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;
}
}

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