INFORMATION

Welcome to the Kingdom Hearts Database! 👑 We're always looking for more help! Be sure to check out our current projects and jump in on the action! 👑 Be sure to join our Discord server and meet our growing community!

MediaWiki:Gadget-GridMode.css

MediaWiki interface page

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/**********************************
**
**		BODY
**
**********************************/
body{
	background:url(/images/0/0c/Common_Background_%28Grid_Mode%29.png) repeat !important;
	background-color:none !important;
}

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
	.skin-metrolook div#mw-panel{
		background: radial-gradient(rgb(1 41 48 / 50%),rgb(1 25 29 / 80%)) !important;
		backdrop-filter: saturate(180%)blur(15px)
	}
}

#content, .skin-timeless #mw-content, .skin-timeless .sidebar-chunk{
	background:linear-gradient(#000000, #012930) !important;
	color:#44DEFF;
	border-color:#44DEFF !important;
}

.skin-timeless #content{
	background:none;
}

a, a:visited{
	color:#2e82ff;
}

a.new{
	color:#CC0000;
}

h1, h2, h3, h4, h5, h6{
	color:#DEDEDE;
}

.suggestions-results, .suggestions-special, .suggestions .suggestions-results, .suggestions .suggestions-special {
	background:#282828;
}

.suggestions-result, .suggestions .suggestions-result{
	color:#BFBFBF;
}

.suggestions-special .special-query{
	color:#BFBFBF;
}

#simpleSearch input{
	color:#C0C0C0;
}

input#searchGoButton, input#mw-searchButton {
    background: #0049b7;
    border: 2px solid #0049B7;
    color: #DEDEDE;
}

.mw-notification {
    background-color: #181818 !important;
    border: 1px solid #44DEFF !important;
    box-shadow: 0 4px 2px 0 rgba(68,222,255,.25) !important;
}

/*******************************
**
**		SKIN-BASED EDITS
**
*******************************/
.skin-monobook input#searchInput{
	background:#282828;
	border:1px solid #0066FF;
	color:#BFBFBF;
}

div#simpleSearch:focus-within {
	background: rgba(1, 41, 48, 0.8);
}

.skin-timeless #simpleSearch{
	background:#282828 !important;
	border:1px solid #44DEFF !important;
}

.skin-vector #mw-page-base {
    background-image:none !important;
    background:none !important;
}

.skin-vector div#mw-head {
	background:none;
}

.skin-metrolook #mw-page-base{
	background: rgb(2,43,52);
	background: rgba(2,43,52,0.8);
	border-bottom:1px solid #44DEFF;
	box-shadow:0 0 16px 0 #44DEFF;
}

.skin-metrolook header{
	box-shadow: 0 25.6px 57.6px 0 rgba(68,222,255,.22), 0 4.8px 14.4px 0 rgba(68,222,255,.18) !important;
    background: #000000;
    color:#44DEFF;
}

.skin-metrolook div#mw-panel, .skin-minerva .header-container.header-chrome{
	box-shadow: 0 0 16px 0 #44DEFF !important;
}

.skin-minerva .search-overlay{
	background:#181818;
}

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
  .skin-minerva .header-container.header-chrome, .skin-minerva .search-overlay{
    background:linear-gradient(rgba(0,0,0,0.6), rgba(2, 42, 52, 0.6)) !important;
    -webkit-backdrop-filter: saturate(180%) blur(30px);
    backdrop-filter: saturate(180%) blur(30px);
  }
}

.skin-metrolook div.vectorTabs li:hover, .skin-metrolook div.onhoverbg:hover, .skin-metrolook img.downarrow:hover,
.skin-metrolook div.vectorMenu:hover, .skin-metrolook img.editbutton:hover, .skin-metrolook #hamburgerIcon:hover,
.skin-metrolook div.vectorMenu li a:hover, 
.skin-metrolook #pt-notifications-alert a.mw-echo-notifications-badge:hover, .skin-metrolook #pt-notifications-notice a.mw-echo-notifications-badge:hover{
	background-color: #16535e !important;
}

#p-personal li a:hover, div.vectorMenu ul a:hover{
	color:#44DEFF !important;
}

.skin-metrolook #p-personal ul, .skin-metrolook div.vectorMenu ul{
	border-color:#44DEFF;
}

.mw-body{
	box-shadow: 0 0 13px 7px rgba(68,222,255,0.3);
}

body.skin-monobook .mw-body{
	border:1px solid #44DEFF;
	box-shadow:0 0 14px #44DEFF;
}

div#footer, #mw-footer{
	background: #093e47 !important;
}

div#mw-data-after-content{
	background: #286975 !important;
}

div#mw-data-after-content h2{
	color: #181818;
}

.skin-minerva div#mw-data-after-content{
	background: none !important;
} 

body.skin-monobook #footer {					  
    border-top: 1px solid #44DEFF;
    border-bottom: 1px solid #44DEFF;
}

@media screen and (min-width: 551px){
	.skin-monobook #p-cactions li {
		background-color:#012930;
	}
	
	.skin-monobook #p-cactions li.selected{
	    background-color: #000000;
		border-color:#44DEFF;
	}
	
	.skin-monobook #p-cactions li a {
		color:#44DEFF !important;
	}
	
	.skin-monobook #p-cactions li a:hover{
		color:#FFFFFF !important;
	}
	
	.skin-monobook #p-cactions li:hover{
		background:linear-gradient(#181818, #44DEFF);
		border-color:#FFFFFF;
	}
}

.skin-minerva .last-modified-bar {
    background-color: #181818 !important;
}

.skin-minerva .minerva-footer{
	border-top: 1px solid #44DEFF !important;
    background: #012930 !important;
}

.skin-minerva .footer-content, .skin-minerva footer .hlist li::after, .skin-minerva .branding-box h1 sup,
.skin-minerva .branding-box a, .skin-minerva nav ul.hlist li a, .skin-minerva .overlay-header-container {
    color: #44DEFF !important;
}

.skin-minerva .search-overlay .results, .skin-minerva .search-overlay .search-feedback{
	background:#181818;
}

.skin-minerva .page-summary h2, .skin-minerva .page-summary h3{
	color:#CCCCCC;
}

.skin-minerva #mw-mf-diffview #mw-mf-userinfo{
	background:#181818 !important;
}

.skin-minerva #mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count{
	color:#C0C0C0 !important;
}

.skin-minerva .page-list.side-list .list-thumb, .skin-minerva .topic-title-list.side-list .list-thumb, .skin-minerva .site-link-list.side-list .list-thumb{
	color:#A9A9A9 !important;
}

.skin-timeless #preferences fieldset{
	background:none;
}

.skin-timeless #mw-page-header-links li.selected a {
    color: #FFFFFF;
}

.skin-timeless .mw-portlet.tools-inline li {
    filter: drop-shadow(0px 1px 1px #44DEFF);
}

.skin-timeless #mw-header-container{
	background: #012930;
}

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
	.skin-timeless #mw-header-container{
		background: rgb(1 41 48 / 80%) !important;
	}
}

.skin-minerva nav#mw-mf-page-left{
	background: #012930;
}

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
	.skin-minerva nav#mw-mf-page-left{
		background: rgb(1 41 48 / 80%) !important;
	}
}

.skin-minerva #mw-mf-page-left ul li{
	background: #a1c8cf;
	border-color: #7bb0b9;
}

/*****************************
**
**		VECTOR TABS
**		Inspired by Runescape Wiki
**
******************************/

.skin-vector .vectorTabs, .skin-vector .vectorTabs ul, .skin-vector  #mw-head .vectorMenu h3, .skin-vector .vectorTabs ul li, .skin-vector .vectorMenu .menu{
	background:#0F0F0F !important;
}

.skin-vector .vectorTabs li.selected {
	background:#050505 !important;
}

.skin-vector .vectorTabs ul li:not(.selected):hover, .skin-vector #mw-head .vectorMenu h3:hover, .skin-vector #p-cactions:hover #p-cactions-label, .skin-vector .vectorMenu ul li:hover {
    background: #0A0A0A !important;
}

.skin-vector .vectorTabs ul li:not(.selected), .skin-vector #mw-head .vectorMenu h3 {
    box-shadow: inset 0 -6px 7px -6px rgba(68,222,255, 0.15) !important;
}

.vectorMenu h3 span{
	color:#44DEFF !important;
}

.skin-vector .vectorMenu .menu {
    border: 1px solid #44DEFF !important;
}

.skin-vector .vectorTabs li a, .skin-vector .vectorMenu li a{
	color:#44DEFF !important;
}

.skin-vector #simpleSearch, .skin-vector .suggestions-results, .skin-vector .suggestions-special {
    background: #0F0F0F !important;
    box-shadow: inset 0 -6px 7px -6px rgba(68,222,255, 0.15) !important;
}

.skin-vector .vectorTabs li.selected a, .skin-vector .vectorTabs li.selected a:visited{
	color:#F0F0F0 !important;
}

/*****************************
**
**		MONOBOOK NAVIGATION
**
******************************/

body.skin-monobook	#p-navigation .pBody, body.skin-monobook #p-Community .pBody, body.skin-monobook #p-search .pBody, body.skin-monobook #p-tb .pBody, body.skin-monobook #p-lang .pBody{
	background:linear-gradient(#000000, #012930) !important;
	border:1px solid #44DEFF;
}

body.skin-monobook	#p-navigation .pBody a, #p-Community .pBody a, #p-search .pBody a, #p-tb .pBody a, #p-lang .pBody a{
	color:#dedede !important;
}

body.skin-monobook #p-navigation .pBody a:hover, #p-Community .pBody a:hover, #p-search .pBody a:hover, #p-tb .pBody a:hover, #p-lang .pBody a:hover{
	color:#44DEFF !important;
	text-shadow:#44DEFF 0 0 10px !important;
	background:#282828 !important;
	box-shadow:0 0 16px 0 #44DEFF !important;
}

#p-navigation ul.sub-menu, #p-Community ul.sub-menu{
	background:#000000 !important;
	box-shadow: 0px 0px 16px 0px #44DEFF !important;
}

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
  #p-navigation ul.sub-menu, #p-Community ul.sub-menu, #p-navigation .pBody, #p-Community .pBody, #p-search .pBody, #p-tb .pBody, #p-lang .pBody{
	background-color:rgba(0,0,0,0.6) !important;
  }
}

/**********************************
**
**		THEME WINDOW
**
**********************************/
.rsw-skin-toggle-popup .conditional-mode{
	background: #012930;
}

/*************************
**
**		PAGE PREVIEW POPUPS
**
*************************/

.mwe-popups .mwe-popups-extract, .mwe-popups .mwe-popups-container {
    color: #44deff !important;
}

.mwe-popups [dir='ltr'].mwe-popups-extract:after {
    right: 0px;
    background-image: -webkit-linear-gradient(to right,rgba(24, 24, 24,0),#44DEFF 50%) !important;
    background-image: -moz-linear-gradient(to right,rgba(24, 24, 24,0),#44DEFF 50%) !important;
    background-image: -o-linear-gradient(to right,rgba(24, 24, 24,0),#44DEFF 50%) !important;
    background-image: linear-gradient(to right, rgba(24, 24, 24, 0), rgb(24, 24, 24) 50%) !important;
}

.mwe-popups {
    background: #181818 !important;
    -webkit-box-shadow: 0 30px 90px -20px rgba(68,222,255,0.3),0 0 1px #44DEFF !important;
    box-shadow: 0px 30px 90px -20px rgba(68,222,255,0.3), 0px 0px 1px #44deff !important;
	border: 1px solid rgba(68, 222, 255, 0.3);
}

.mwe-popups.mwe-popups-no-image-pointer:after, 
.mwe-popups.mwe-popups-image-pointer.flipped-x:after,
.mwe-popups.mwe-popups-image-pointer:after {
    border-bottom: 11px solid #181818 !important;
}

.mwe-popups.mwe-popups-no-image-pointer:before,
.mwe-popups.mwe-popups-image-pointer.flipped-x:before,
.mwe-popups.mwe-popups-image-pointer:before{
    border-bottom: 8px solid rgba(68, 222, 255, 0.3) !important;
}

.mwe-popups.flipped-y:after, 
.mwe-popups.flipped-x-y:after{
	border-top: 11px solid #181818 !important;
}

.mwe-popups.flipped-y:before, 
.mwe-popups.flipped-x-y:before{
	border-top: 8px solid rgba(68, 222, 255, 0.3) !important;
}

/*************************
**
**		MAIN PAGE
**
*************************/

.mainpage-welcome .intro{
	color:#CCCCCC !important;
}

.mw-parser-output input.mw-inputbox-input.searchboxInput.mw-ui-input.mw-ui-input-inline{
	background: linear-gradient(black, #093e47);
	color: #44DEFF;
	border-color: #44DEFF !important;
}

.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:hover + label:before{
	background-color: #44DEFF;
}

.mw-ui-checkbox:not(#noop) [type='checkbox'] + label:before{
	background-color: #093e47;
	border-color:#44DEFF;
}

.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked + label:before{
	background-color: #5b97a2;
	border-color: #44DEFF;
}

.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:active + label:before{
	background-color: #a1c8cf;
}

.mw-parser-output .mw-ui-button:hover{
	background-color: #3f808b !important;
}

.mw-parser-output input.mw-ui-button{
	background: #093e47 !important;
}

.panel{
	background: linear-gradient(#000000, #012930) !important;
	color:#44DEFF !important;
}

.secondaryCard a, .card a{
	color:#95bde5 !important;
}

.card:hover .secondaryCard a{
	color:#CCCCCC !important;
}

.card:hover {
 box-shadow:0 0 13px -3px #44DEFF !important;
}

.cardImg {
	background:linear-gradient(#000000, #012930, #44DEFF) !important;
}

.messageFromtheKingdom{
	background:#43576B !important;
}

/*********************************
**
**		RECENT CHANGES
**
*********************************/
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button{
	background-color: #0054d2;
    background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0,#0054d2),color-stop(100%,#023075));
    background-image: -webkit-linear-gradient(top,#0054d2 0,#023075 100%);
    background-image: -moz-linear-gradient(top,#0054d2 0,#023075 100%);
	background-image: linear-gradient(to bottom,#0054d2 0,#023075 100%);
    border: 1px solid #0054d2;
}

.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button{
	background-color: #454545;
    background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0,#454545),color-stop(100%,#282828));
    background-image: -webkit-linear-gradient(top,#454545 0,#282828 100%);
    background-image: -moz-linear-gradient(top,#454545 0,#282828 100%);
	background-image:linear-gradient(to bottom,#454545 0,#282828 100%);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
	background:linear-gradient(#000000, #022A34) !important;
	color:#44DEFF;
	border:1px solid #44DEFF;
}

.oo-ui-labelElement-label {
	color:#FFFFFF !important;
}

.mw-rcfilters-highlighted a.new{
	color:#FF0000 !important;
}

.mw-rcfilters-highlighted a{
	color:#0066FF !important;
}

.mw-changeslist-line{
	color:#44DEFF !important;
}

.mw-rcfilters-highlighted, .mw-rcfilters-ui-tagItemWidget-highlight:before {
	color:#000000 !important;
	filter: invert(1) hue-rotate(143deg)
}

table.mw-enhanced-rc{
	background-color: transparent !important;
}

table.mw-enhanced-rc tr{
	background: none;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled{
	background:#111111 !important;
	color:#44DEFF !important;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend{
	background:#181818 !important;
}

.mw-rcfilters-ui-menuSelectWidget-body {
    background: #022A34 !important;
}

.mw-rcfilters-ui-itemMenuOptionWidget:hover{
	background:#181818 !important;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header {
    border-bottom: 1px solid #44DEFF !important;
    background-color: #181818 !important;
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted {
    color: #000000 !important;
}

:not(.oo-ui-optionWidget-selected).mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted {
    background-color: #373737 !important;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
    background-color: #181818 !important;
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-desc{
	color:#787878 !important;
}


.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
    color: #44deff !important;
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child){
	border:1px solid #44DEFF !important;
}

.oo-ui-menuSelectWidget{
	border:1px solid #44DEFF !important;
}

.mw-rcfilters-ui-menuSelectWidget-footer {
    background-color: #252525 !important;
    border: 1px solid #44DEFF !important;
}

.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
    color: #44DEFF !important;
}

.mw-rcfilters-ui-row .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .mw-rcfilters-ui-row .oo-ui-buttonElement-button {
    background-color: #404040 !important;
}

.mw-rcfilters-ui-row .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover , .mw-rcfilters-ui-row .oo-ui-buttonElement-button:hover{
    background-color: #1f1f1f !important;
}

.oo-ui-popupWidget-popup {
    background-color: #404040 !important;
    border: 1px solid #44DEFF !important;
    box-shadow: 0px 0.15em 0.5em 0px rgba(68,222,255,0.2) !important;
    color: #bfbfbf !important;
}

.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title{
	color:#44DEFF !important;
}

.ve-ui-mwNoticesPopupTool-item p{
	color:#44DEFF !important;
}

.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
    background-color: #181818 !important;
    color:#44DEFF !important;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select{
	background:#282828 !important;
}

.mw-plusminus-pos{
	color:#39AD39 !important;
}

.mw-plusminus-neg{
	color:#CC0000 !important;
}

/**********************************
**
**		SEARCH
**
**********************************/

.mw-search-profile-tabs {
    background-color: #282828 !important;
    border: 1px solid #44DEFF !important;
}

.search-types .current a{
	color:#BFBFBF;
}

.search-types .current {
    background: #373737 !important;
}

/**********************************
**
**		SITE NOTICE
**
**********************************/

.siteNotice{
	background:linear-gradient(90deg, #44DEFF, #012930, #282828, #000000) !important;
}

/**********************************
**
**		ARTICLES
**
**********************************/

.articleNav{
	background:#012930 !important;
	color:#FFFFFF;
}

a.mw-selflink.selflink{
	color:#DEDEDE;
}

.infobox{
	background:linear-gradient(#000000, #012930, #012930) !important;
}

.infobox .content{
	background:#181818 !important;
	color:#44DEFF;
}

.infobox img{
	opacity:0.8;
	transition:opacity .25s ease-out;
}

.infobox img:hover{
	opacity:1;
	transition:opacity .25s ease-in;
}

.infobox .highlights{
	color:#C0C0C0 !important;
}

ul.tabbernav li a {
    color: #286975 !important;
    border-bottom: #286975 2px inset !important;
}

ul.tabbernav li.tabberactive a {
	border-bottom: 2px inset #a1c8cf !important;
	color:#a1c8cf !important;
}

ul.tabbernav li a:hover, ul.tabbernav li.tabberactive a:hover {
    color: #44deff !important;
    border-bottom: 2px inset #44deff !important;
}

.tabberlive .tabbertab {
    box-shadow: 0 0 4px 0 rgba(68,222,255,0.25) !important;
    background: #001418 !important;
}

.mw-normal-catlinks li, .catlinks li:first-child, .catlinks :not(li) >.hotcatlink {
	border: 1px solid #44DEFF;
}

.mw-normal-catlinks li:hover, .catlinks .hotcatlink:hover {
	background: #093E47;
	box-shadow: 0 0 7px -2px #44DEFF;
}

div#footer ul li{
	color:#44DEFF;
}

.gallery .gallerybox .thumb, .thumbinner{
	background-color:#012930 !important;
	border: 1px solid #44DEFF !important;
}

.thumb:hover {
	box-shadow: 0 0 7px 0 #44deff99;
}

table {
	color:#000000;
}

.toc{
	background:#282828 !important;
	color:#44DEFF !important;
}

#toc h2{
	color:#44DEFF !important;
}

.tocnumber {
	color:#BFBFBF !important;
}

table {
	color:#44DEFF;
	background-color:#091416 !important;
}

.wikitable{
	background-color:#091416 !important;
	color:#44DEFF !important;
	border:1px solid #44DEFF !important;
}

.wikitable > tr > th, .wikitable > * > tr > th, table > tr > th, table > * > tr > th {
	background-color:#0d1a1c !important;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
	border:1px solid #44DEFF !important;
}

tr:nth-child(even) {
	background: #0d1a1c;
}

.sortable.jquery-tablesorter th.headerSort {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zm0-1l-4-4-4 4z%22/%3E %3C/svg%3E");
}
.sortable.jquery-tablesorter th.headerSortUp {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E");
}
.sortable.jquery-tablesorter th.headerSortDown {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E");
}

.mw-code {
	background: linear-gradient(#000000, #06305B);
    color: #44DEFF;
    border: 1px solid #44deff;
}

.mw-content-ltr .thumbcaption{
	color:#44DEFF;
}

html .thumbcaption{
	background: rgb(51 51 51 / 60%) !important;
}

/**********************************
**
**		NAVIGATION MENU
**
**********************************/
div#mw-panel div.portal div.body ul li a{
	color:#44DEFF !important;
}

div#mw-panel div.portal div.body ul li a:hover{
	background:#282828 !important;
	border:#44DEFF 1px solid !important;
	box-shadow:0px 0px 16px 0px rgba(68,222,255,.6) !important;
}

/*************************************
**
**		IMAGE LIGHTBOX
**
*************************************/
.mw-mmv-above-fold {
    background: #01181e !important;
    color: #C0C0C0 !important;
}

.mw-mmv-image-metadata {
	border-top: 1px solid #44DEFF !important;
    background-color: #181818 !important;
    box-shadow: 0 0 13px 0 rgba(68,222,255,0.5) !important;
}

.mw-mmv-image-links li {
    color: #49747e !important;
}

/**********************************
**
**		EDIT WINDOW
**
**********************************/

.CodeMirror-lines .CodeMirror-line {
    color: #BFBFBF;
}

.editOptions .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    color: #44DEFF;
}

.editOptions, .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame, .ve-ui-mwSaveDialog-license {
    background-color: #181818 !important;
    color: #44DEFF;
}

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
	.editOptions, .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame{
		background:#45454545 !important;
		backdrop-filter:saturate(180%)blur(30px);
	}
	
	.ve-ui-mwSaveDialog-license{
		background:none !important;
	}
}

.oo-ui-windowManager-modal > .oo-ui-dialog{
	background:rgba(0,0,0,0.5);
}

.oo-ui-toolbar-bar {
	background:#454545;
}

.ve-ui-mwSaveDialog-options{
	background:#282828 !important;
}

.ve-ui-mwTemplatePage-description{
	color:#CCCCCC;
}

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
  .oo-ui-toolbar-bar{
	background-color:rgba(69,69,69,0.6) !important;
	backdrop-filter: saturate(180%)blur(30px);
  }
}

.oo-ui-toolbar-position-top.ve-ui-positionedTargetToolbar > .oo-ui-toolbar-bar{
	border: #44DEFF 1px solid !important;
	box-shadow:0 0 16px 0 #44DEFF;
}

.oo-ui-toolGroup{
	border-right:#44DEFF 1px solid !important;
}

.oo-ui-toolbar-actions .oo-ui-toolGroup{
	border-left:#44DEFF 1px solid !important;
}

.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-widget-enabled:hover, 
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover{
	background:#808080;
}

.oo-ui-popupToolGroup-tools{
	background:#012930 !important;
}

.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover{
	background:#181818 !important;
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle{
	background:#A9A9A9 !important;
}

.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title{
	color:#44DEFF;
}

.ve-ui-specialCharacterPage h3{
	color:#DEDEDE;
}

.ve-ui-specialCharacterPage-character{
	color:#44DEFF;
	border:1px solid #44DEFF;
}

.ve-ui-specialCharacterPage-character:hover{
	box-shadow:0 0 16px 0 #44DEFF;
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected{
	background-color:#282828;
}

.oo-ui-optionWidget-selected .oo-ui-labelElement-label{
	color:#44DEFF;
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted{
	background-color:#181818;
}

.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above{
	border-top:#44DEFF 1px solid;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover{
	background-color:#454545;
}

.oo-ui-menuSelectWidget {
    border: 1px solid #44DEFF;
    background: #181818;
}

.oo-ui-menuSelectWidget .oo-ui-labelElement-label {
    color: #44deff;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: #454545;
    color: #000;
}

.mwe-upwiz-singleLanguageInputWidget {
    background-color: #181818;
    border: 1px solid #44DEFF;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    background-color: #282828;
    color: #222;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle{
	background-color:#373737;
}

.oo-ui-tagItemWidget{
	border-color:#44DEFF;
}

:not(.oo-ui-tagItemWidget-fixed).oo-ui-tagItemWidget.oo-ui-widget-enabled{
	background-color:#373737;
}

.mw-widget-dateInputWidget-handle{
	background-color:#373737;
	border-color:#44DEFF;
}

.mw-widget-dateInputWidget-calendar{
	background-color:#373737;
}

.mw-widget-calendarWidget-day-heading{
	color:#CCCCCC;
}

.mw-widget-calendarWidget-day{
	color:#FFFFFF;
}

/******************************
**
**		DIFF/REVISION SLIDER
**
******************************/

.diff-context {
    background: #373737;
    border-color: #44DEFF;
    color: #dedede;
}

.diff-addedline {
    border-color: #00CC00;
    background: #373737;
    color: #bfbfbf;
}

.diff-addedline .diffchange {
    background: #00ec00;
    color: #282828;
}

.diff-deletedline {
    border-color: #CC0000;
    color: #ffffff;
    background: #373737;
}

.diff-deletedline .diffchange {
    background: #fe0000;
    color:#181818;
}

.diff-title a {
    color: #2e82ff;
}

.diff-title {
    color: #bfbfbf;
}

.mw-revslider-container {
    border: 1px solid #44DEFF;
}

.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    color: #44deff;
}

.oo-ui-popupWidget-popup a {
    color: #2e82ff;
}

.mw-revslider-revision-wrapper:hover, .mw-revslider-revision-wrapper-hovered {
    background-color: #454545;
}

.mw-revslider-revision {
    background-color: #9fd4e0;
    border-color: #44DEFF;
}

.mw-revslider-revision-border-box {
    border-left: 1px solid #000000;
}

.mw-revslider-revision-tooltip .mw-revslider-change-positive {
    color: #00cc00;
}

.mw-revslider-revision-tooltip .mw-revslider-change-negative {
    color: #cc0000;
}

/*************************************
**
**		SPECIAL: PREFERENCES
**
*************************************/

#mw-prefs-form .oo-ui-tabSelectWidget{
	background-color:#181818 !important;
}

#mw-prefs-form .oo-ui-tabSelectWidget .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected{
	background-color:#454545;
}

#mw-prefs-form .oo-ui-tabSelectWidget .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover{
	background-color:#777777;
	background-color:rgba(255,255,255,0.3);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected{
	background-color:#272727;
}

/*************************************
**
**		SPECIAL: UPLOADWIZARD
**
*************************************/
#mwe-upwiz-steps li.head{
	background-color:#265864 !important;
	color:#44DEFF !important;
}

#mwe-upwiz-steps li.head:after{
	border-left-color: #265864 !important;
}

.arrowSteps li{
	color: #a4abb3 !important;
	background-color: #012930 !important;
}

.arrowSteps li.arrow:after{
	border-left-color: #012930 !important;
}

.arrowSteps li.arrow:before{
	border-left-color:#000000 !important;
}

/*************************************
**
**		DISNEY CASTLE (COMMUNITY PORTAL)
**
*************************************/
.DisneyCastle{
	background:#29292F !important;
}

.DisneyCastle .mainpage-panel.projects .mainpage-tile, .library .mainpage-panel .tasklist .mainpage-tile, .hallOfTheCornerstone .mainpage-panel .tasklist .mainpage-tile{
	background-color:transparent !important;
}

/*************************************
**
**		FORUM
**		NAMESPACE 110
**
*************************************/
.ns-110 #content{
	background: #283139;
}

/*************************************
**
**		NEWS
**		NAMESPACE 3000
**
*************************************/
.ns-3000 #content{
	background: #292c2f;
}

/*************************************
**
**		JOURNAL
**		NAMESPACE 3014
**
*************************************/
.ns-3014 #content{
	background: #1c211d;
}

/**********************************
**
**		FLOW
**
**********************************/
.flow-ui-editorWidget-editor {
    background: none !important;
}

.flow-component.flow-board-page.flow-full-height-side-rail .flow-board-header:before {
    background: rgba(45,45,45,0.6);
}

.flow-post {
    color: #C0C0C0;
}

.flow-topic-titlebar {
	background: #122d33;
}

/**********************************
**
**		OOUI
**
**********************************/
.mw-ui-button.mw-ui-progressive:disabled{
	background:#1d4267;
	border-color:#1d4267;
}

fieldset table {
    color: #DEDEDE;
}
Retrieved from "https://www.khdatabase.com/index.php?title=MediaWiki:Gadget-GridMode.css&oldid=15563"
Last modified
This page was last edited on 31 July 2021, at 13:15.
Copyright
Made with ❤️ from West Valley, Grand Rapids, and all across the worlds.
Official ''Kingdom Hearts'' game and media content ©Disney. ©Disney/Pixar. Developed by Square Enix. All rights reserved. Original content is available under Creative Commons Attribution-ShareAlike unless otherwise noted.
Cookies help us deliver our services. By using our services, you agree to our use of cookies.
More information