MediaWiki:Common.css: Difference between revisions
From Emmy The Robot Fandom Wiki
Content added Content deleted
No edit summary |
Neppermint (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ |
/* CSS placed here will be applied to all skins */ |
||
<style> |
|||
/* |
|||
/* For privacy reasons, Wikimedia sites are configured to reject loading resources from external servers */ |
|||
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; |
|||
body |
|||
{ |
|||
background: url(https://static.miraheze.org/emmytherobotwiki/0/06/Bgtile.png) 0 0 repeat; |
|||
-webkit-animation: animate_background 6s linear 0s infinite; |
-webkit-animation: animate_background 6s linear 0s infinite; |
||
-moz-animation: animate_background 6s linear 0s infinite; |
-moz-animation: animate_background 6s linear 0s infinite; |
||
Line 9: | Line 13: | ||
animation: animate_background 6s linear 0s infinite; |
animation: animate_background 6s linear 0s infinite; |
||
} |
} |
||
} |
|||
@-webkit-keyframes animate_background { |
@-webkit-keyframes animate_background { |
||
from { |
from { |
||
Line 18: | Line 21: | ||
} |
} |
||
} |
} |
||
.mw-page-container |
|||
@-moz-keyframes animate_background { |
|||
{ |
|||
from { |
|||
background-color: transparent; |
|||
border: none !important; |
|||
} |
|||
to { |
|||
background-position: -257px -257px; |
|||
} |
|||
} |
} |
||
.mw-sidebar |
|||
@-o-keyframes animate_background { |
|||
{ |
|||
from { |
|||
background: none; |
|||
} |
|||
to { |
|||
background-position: -257px -257px; |
|||
} |
|||
} |
} |
||
.mw-header |
|||
@keyframes animate_background { |
|||
{ |
|||
from { |
|||
background-color: #5d5fbf57 !important; |
|||
} |
|||
} |
|||
to { |
|||
/* patrolled notification */ |
|||
background-position: -257px -257px; |
|||
.mw-notification |
|||
} |
|||
{ |
|||
background-color: rgba(0, 0, 0, 0.93) !important; |
|||
border: solid 1px #000000 !important; |
|||
color: #ffffff !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; |
|||
} |
|||
/* all possible headers */ |
|||
h1, h2, h3, h4, h5, h6 |
|||
{ |
|||
color: #ffffff; |
|||
} |
|||
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: #ffffff !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 |
|||
/* Main Page Panel on Left Side */ |
|||
{ |
|||
#mw-panel{ |
|||
border: 1px solid #000 !important; |
|||
background-color: #DBF5FF; |
|||
/* Middle Page Content */ |
|||
#content { background: linear-gradient(180deg, #DBF5FF 0%, #fff 77%); } |
|||
<img src="https://static.miraheze.org/emmytherobotwiki/6/6f/Emmylogothingy.png" alt="" width="200" height="200" id="hp"/> |
|||
#hp { |
|||
float: left; |
|||
margin: 0 0 0 15px; |
|||
} |
} |
||
.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot |
|||
</style> |
|||
{ |
|||
outline: unset !important; |