MediaWiki:Common.css
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.
/* CSS placed here will be applied to all skins */
/*
PB2 website link color default:#FFCC00; hover:#FFE375; font-weight: bold;
*/
#mw-content-container {
/* Background image (default cat) */
background-image: url(none);
-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;
border: none;
background-color: transparent;
background-position: left top;
background-repeat: repeat;
}
/* sidebar transparent */
#site-navigation.sidebar-chunk {
border: none;
background-color: transparent;
}
/* sidebar yellow text */
#site-navigation.sidebar-chunk div.portal div.body ul li a:link, #site-navigation.sidebar-chunk div.portal div.body ul li a
{
color: #FFCC00 !important;
font-weight: bold;
}
#site-navigation.sidebar-chunk div.portal div.body ul li a:hover
{
color: #FFE375 !important;
text-decoration: none !important;
}
/* Something else */
.mw-footer-container {
border-top: none;
box-shadow: none;
}
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: transparent; !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: none !important;
}
#simpleSearch input
{
background-color: none !important;
color: black !important;
}
/* 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;
}
/* 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,#6595CA 1px,#fff0 100%) !important;
background-color: transparent !important;
}
.vector-menu-tabs .selected
{
background-image: linear-gradient(to top,#9a9cab 0,#85B5E6 1px,#fff0 100%) !important;
background-color: transparent !important;
}
.vector-menu-dropdown
{
background-image: linear-gradient(to top,#9a9cab 0,#6595CA 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;
}*/
.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: black !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;
}
/*TESTING BELOW*/
/* Color bars */
.color-bar {
width: 0%;
}
#mw-header-container {
background: none;
}
#mw-header {
width: 100%;
max-width: 100%;
padding: 0;
position: static;
}
#simpleSearch {
box-shadow: inset 0 2px 4px 0 rgba( 0, 0, 0, 0.05 );
background: rgba(0.5, 0.5, 0.5, 0.35);
position: relative;
border: solid 1px @base70;
}