MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/*
PB2 website link color default:#FFCC00; hover:#FFE375; font-weight: bold;
*/

body
{
	background: url(https://static.miraheze.org/emmytherobotwiki/0/06/Bgtile.png) 0 0 repeat;
    -webkit-animation: animate_background 6s linear 0s infinite;
    -moz-animation: animate_background 6s linear 0s infinite;
    -o-animation: animate_background 6s linear 0s infinite;
    animation: animate_background 6s linear 0s infinite;
}
@-webkit-keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: -257px -257px;
    } 
}
.mw-page-container
{
	background-color: transparent;
	border: none !important;
}
.mw-sidebar
{
	background: none;
}
.mw-header
{
	background-color: #5d5fbf57 !important;
}

/* patrolled notification */
.mw-notification
{
    background-color: rgba(0, 0, 0, 0.93) !important;
    border: solid 1px #000000 !important;
    color: #000000 !important;
}

a.feedlink 
{
    padding-left: 16px !important;
}

/* left menu */
#mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a:link
{
    padding: 0.45em;
    display: block;
    background-color: rgba(255,255,255,0) !important;
}
#mw-panel div.portal div.body ul li a:hover, #mw-panel div.portal div.body ul li a:active, #mw-panel div.portal div.body ul li a:focus {
    background-color: rgba(255,255,255,0.05) !important;
}

/* revision stuff */
#pagehistory li.selected {
    background-color: rgba(0, 0, 0, 0.34) !important;
    border: 1px dashed rgba(0, 0, 0, 0.59) !important;
}
#pagehistory li {
    border: none !important;
    background-color: rgba(0, 0, 0, 0.1) !important;
}

#footer ul li {
    color: rgba(255, 255, 255, 0.33) !important;
}
#mw-head div.vectorMenu h3
{
	height: 1.75em !important;
	background-image: none !important;
}
#simpleSearch
{
	margin-top: -0.95em !important;
    border: solid 1px #2c2938 !important;
    background-image: none !important;
    background-color: black !important;
}
#simpleSearch input
{
    background-color: black !important;
    color: white !important;
}
/* content-background */
.mw-body
{
	background-color: rgba(100,100,145,0.5);
	border: 1px solid rgba(167, 215, 249, 0.19);
	color: #f5f5f5;
}

/* tab background */
div.vectorTabs
{
	background-image: none;
}

/* active tab */
div.vectorTabs li.selected
{
	background-image: none;
    background: linear-gradient(to bottom,rgba(168,177,255,0.05) 0%,rgba(168,177,255,0.18) 100%);
    border-radius: 10px 10px 0 0;
    border: 1px solid rgba(165, 192, 255, 0.3);
    border-bottom-width: 0;
    border-top-width: 0;
}

/* something related to tab, was adding line on right */
div.vectorTabs ul
{
	background-image: none;
}
/* another thing that adds white line on right of tab */
div.vectorTabs span
{
	background-image: none;
}
/* separator line on left */
#mw-panel div.portal
{
	background-image: none !important;
	border: 0 none #000;
	border-top: 1px solid rgba(255,255,255,0.2);
}

/* top tabs (over wiki content) */
div.vectorTabs ul li
{
	background-image: none;
	background-color: transparent;
}

/* spacing for left menu */
#mw-panel div.portal div.body ul li
{
	/*padding: 0.45em 0 !important;*/
	padding: 0 !important;
	line-height: normal !important;
}
/* removing white line on top of the page */
#mw-page-base
{
	background-image: none;
	background-color: transparent;
}
/*
.page-Main_Page #mp-topbanner {
    clear: red;
}
*/
.vector-menu-tabs li
{
	background-image: linear-gradient(to top,#9a9cab 0,#5c5f78 1px,#fff0 100%) !important;
	background-color: transparent !important;
}
.vector-menu-tabs .selected
{
	background-image: linear-gradient(to top,#9a9cab 0,#6169b3 1px,#fff0 100%) !important;
	background-color: transparent !important;
}

.vector-menu-dropdown
{
	background-image: linear-gradient(to top,#9a9cab 0,#1c1c24 1px,#fff0 100%) !important;
	background-color: transparent !important;
}
/* something related to tab, was adding line on right */
div.vectorTabs ul
{
	background-image: none;
}
/* another thing that adds white line on right of tab */
div.vectorTabs span
{
	background-image: none;
}


/* separator line on left */
#mw-panel div.portal
{
	background-image: none !important;
	border: 0 none #000;
	border-top: 1px solid rgba(255,255,255,0.2);
}

/* top tabs (over wiki content) */
div.vectorTabs ul li
{
	background-image: none;
	background-color: transparent;
}

/* spacing for left menu */
#mw-panel div.portal div.body ul li
{
	/*padding: 0.45em 0 !important;*/
	padding: 0 !important;
	line-height: normal !important;
}
/* left menu */
#mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a:link
{
    padding: 0.45em;
    display: block;
    background-color: rgba(255,255,255,0) !important;
}
#mw-panel div.portal div.body ul li a:hover, #mw-panel div.portal div.body ul li a:active, #mw-panel div.portal div.body ul li a:focus {
    background-color: rgba(255,255,255,0.05) !important;
}

a:visited, a:link, a, #mw-panel div.portal div.body ul li a:visited, #mw-panel div.portal div.body ul li a
{
	color: #FFCC00 !important;
	font-weight: bold;
}
a:hover, #mw-panel div.portal div.body ul li a:hover
{
	color: #FFE375 !important;
	text-decoration: none !important;
}
a:active, a:focus, #mw-panel div.portal div.body ul li a:active, #mw-panel div.portal div.body ul li a:focus
{
	color: #000000 !important;
	text-decoration: none !important;
}
/* missing links */
a.new, #p-personal a.new
{
	color: #ff3333 !important;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.62);
}
.cnotice-message {
    padding: 15px 50px 11px 30px !important;
}
.cnotice-logo-container {
    width: unset !important;
    padding-left: 30px !important;
    padding-right: 10px !important;
    filter: drop-shadow(0px 0px 15px rgb(28, 28, 28));
}

.warningbox {
    background-color: #f0ad344f !important;
    color: white !important;
    border: 2px dotted #fc3 !important;
}
.cnotice
{
	background-color: #72956d !important;
	border-color: #b1d9ac !important;
}
.cnotice-message p
{
	color: #CFFBC9 !important;
}

.oo-ui-windowManager-modal > .oo-ui-dialog
{
	background-color: rgba(0, 0, 0, 0.5) !important;
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame
{
    background-color: #000 !important;
    color: white !important;
}
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame
{
	border: 1px solid #000 !important;
}
.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot
{
	outline: unset !important;
/*
	White panels recoloring
*/
.oo-ui-popupWidget-popup
{
	background-color: #454959;
	border: 1px solid #2a2c35;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover
{
	background-color: #2e313e !important;
	border-color: #1b1d24 !important;
	color: #FFF !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover
{
	background-color: #2e313e !important;
	color: #535768 !important;
}
.oo-ui-toolbar-bar
{
	background-color: #464a5e !important;
}
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
    border-bottom: 1px solid #313442 !important;
}
.oo-ui-toolGroup
{
	border-right: 1px solid #3f4353 !important;
}
.oo-ui-toolbar-actions .oo-ui-toolGroup 
{
	border-left: 1px solid #3f4353 !important;
}
.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug
{
	margin: 0px !important;
	outline: 1px dashed #ffe500 !important;
	background-color: rgba(81, 83, 66, 0.75) !important;
}
.ve-ce-linkAnnotation.ve-ce-annotation-active
{
	box-shadow: 0 0 0 2px #9b9525 !important;
	background-color: #2b415e !important;
}
/*.oo-ui-tool-link:hover*/
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover
{
	background-color: #50546a !important;
	color: #FFF !important;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input
{
	background-color: #4a515e !important;
	border: 1px solid #717d93 !important;
	color: #fff !important;
}
.editOptions {
    color: #cdd1d7 !important;
}