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.
/* ******************************
CLASSIC THEME
******************************** */
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
body{
background: url(https://www.sonicarchive.com/images/4/41/Mania_Mode_menu_preview_SM.png),
url(https://www.sonicarchive.com/images/d/df/Green_Hill_%28ground%29_SM.png) !important;
background-repeat: repeat-x,repeat !important;
}
body.skin-monobook{
background-position-y: -6em,0.1em !important;
background-position-x: 0em,2em !important;
}
body.skin-metrolook, body.skin-vector{
background-position-y: -4.3em,0em !important;
background-position-x: 0em,1.75em !important;
}
div#globalWrapper{
background: none !important;
}
.mw-body h1, .mw-body-content h1{
font-family: "Righteous", "Roboto Slab","Linux Libertine","Georgia","Times",serif !important;
text-transform:uppercase;
}
h1{
margin-top: -0.5em;
transform: scale(1,1.1);
}
h1#firstHeading {
display: inline-block;
clear: both;
border-bottom: none;
margin: .5em 0;
text-transform: uppercase;
padding:0;
line-height: 1.1em;
}
h1#firstHeading:before {
content: "";
background: #f9d214;
position: relative;
display: block;
box-shadow: 4px 4px 0 0 #000000;
height: 0.5em;
width: 100%;
z-index: -1;
top: 1em;
bottom: 0;
left: 0;
right: 0;
float: none;
margin: 0;
padding: 0;
transform:skewX(-18deg);
}
body.skin-monobook #column-content #content,
body.skin-monobook #mw-data-after-content{
margin-left: 16em;
box-shadow: 7px 7px 0 0 #000000 !important;
}
div#mw-data-after-content{
margin-top: 2.8em;
}
.skin-monobook .pBody ul{
margin-left: 2.6em;
}
body.skin-metrolook #content{
box-shadow: 7px 7px 0 0 #000000 !important;
}
#p-navigation, #p-Community, #p-search, #p-tb, #p-lang {
box-shadow: 7px 7px 0 0 #000000;
}
#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{
box-shadow:none !important;
}
body.skin-metrolook #p-search, body.skin-vector #p-search{
box-shadow:none;
}
body.skin-vector #mw-panel .portal{
margin-top:0.5em;
margin-bottom:0.5em;
background:#FFFFFF;
}
body.skin-vector #mw-panel .portal .body ul{
padding-left:0.5em;
}
/*************************************************
**
** SEARCH BAR ON MAIN PAGE
**
**************************************************/
.mw-parser-output input.mw-inputbox-input.searchboxInput.mw-ui-input.mw-ui-input-inline{
box-shadow: 4px 4px 0px 2px #000000 !important;
border: 1px solid #000000 !important;
border-radius: 0 !important;
}