MediaWiki:Hydra.css

/* CSS placed here will affect users of the Hydra skin */

/* Main page fixes */
#interwiki-completelist {
    font-weight: bold;
}
body.page-Main_Page #ca-delete {
    display: none !important;
}
 
body.page-Main_Page #mp-topbanner {
   clear: both;
}

/* Main */
/* Background: [[File:Background.jpg]] */
body {
    background: url("https://magicka.gamepedia.com/media/magicka.gamepedia.com/1/1f/Background.jpg") no-repeat scroll right top #000000;
    font: 1.10em corbel,"trebuchet ms",verdana,tahoma,arial,sans-serif;
}

#pageWrapper {
    margin-right: 10px;
}

#content {
    border: none;
}

/* Article nav */
#mw-page-base {
    background: transparent !important;   
}

#mw-head-base {
    background-image: none;
    background-color: transparent;
    bottom: 0;
    height: 48px;
    margin-left: 176px;
}

#left-navigation {
    margin-top: 0;
}

#right-navigation {
    margin-top: 0;
}

div.vectorTabs {
    background-image: none;
}

div.vectorTabs  span {
    background-image: none;
}

div.vectorTabs ul {
    background-image: none;
}

div.vectorTabs li a {
    background-image: none;
}

div.vectorTabs li.selected {
    background-color: transparent;
    background-image: none;
}

div.vectorTabs ul li {
    background-color:transparent;
    background-image:none;
}

#mw-head div.vectorMenu h5 {
    background-image: none;
}

div.vectorMenu h3 a,
div#mw-head div.vectorMenu h3 {
    background-image: none;
}

div.vectorTabs li a,
div.vectorTabs li a span,
div.vectorMenu h3 span {
    color: #EFC466;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 0 0 5px black;
    text-transform: uppercase;
}

div.vectorMenu h3:hover span,
div.vectorMenu h3:focus span {
   color: #fff;
}

div.vectorMenu h3 span::after {
   filter: unset;
}

div.vectorTabs li.selected a, 
div.vectorTabs li.selected a span, 
div.vectorTabs li.selected a:visited, 
div.vectorTabs li.selected a:visited span {
    color: #FBFBF2;;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 0 5px black;
}
div.vectorTabs li.new a, 
div.vectorTabs li.new a span, 
div.vectorTabs li.new a:visited, 
div.vectorTabs li.new a:visited span {
    color: #EFC466;
    font-weight: bold;
}

div.vectorTabs li a {
    background-image: none;
}

/* Sidebar */
div#mw-panel div.portal,
div#mw-panel.collapsible-nav div.portal {
    background-image: none;
}

div#mw-panel div.portal h3,
#mw-panel.collapsible-nav .portal.collapsed h3,
#mw-panel.collapsible-nav .portal h3 {
    background: none repeat scroll 0 0 #EFC466;
    border: 1px solid #CCCCCC;
    border-bottom: 2px groove #CCCCCC;
    border-right: 2px groove #CCCCCC;
}

#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal h3 a:visited,
#mw-panel.collapsible-nav .portal.collapsed h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
    color: #000000;
}

div#mw-panel div.portal div.body {
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    margin: 0 0 0 .75em;
    padding-top: 0.5em;
}

div#mw-panel div.portal div.body ul li a {
    color: #FFFFFF;
    display: block;
    font-weight: 700;
    padding: 4px 5px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

div#mw-panel div.portal div.body ul li a:hover {
    background: none repeat scroll 0 0 #EFC466;
    color: #000000;
}

div#mw-panel div.portal div.body ul li a:visited {
    color: #FFFFFF;
    display: block;
    font-weight: 700;
    padding: 4px 5px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

div#mw-panel div.portal h3 {
    padding-left: 0.5em;
}

/* social media add-on fix */
#p-socialProfiles > h3 {
    display: none;
}

div#mw-panel div#p-socialProfiles.portal .body {
    margin: auto;
}

.socialSidebar {
    width: auto;
    max-width: 100%;
}

div#footer {
    background-image: none;
}

div#footer ul li {
    color: #FFFFFF;
}

div#footer a {
    color: #FFFFFF;
}

div#footer a:visited {
    color: #FFFFFF;
}

/* Various Tweaks */
.mobileonly {
    display: none;
}

/* Main page 2-column layout */

div#mp-wrapper {
    float: left;
    width: 100%;
}

div#mp-main {
    margin-right: 365px;
    padding: 0.5em;
    width: auto;
}

div#mp-right {
    float: left;
    margin-left: -365px;
    padding: 0.5em;
    width: 350px;
}

/* copyright images tweak */
.copyright-icon {
    background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
}

.feature {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 10px;
}