MediaWiki:Hydra.css

/* CSS placed here will affect users of the Hydra skin */
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}
 
/* Framework*/
body {
   background: url('https://cubeworld.gamepedia.com/media/cubeworld.gamepedia.com/2/26/Background.png') repeat-x scroll top;
}

body #pageWrapper {
    margin-right: 10px;
}

/* Header */
div#mw-head {
    background: none repeat scroll 0 0 #474FFB;
}

#mw-page-base {
    background: transparent !important;   
}

#mw-head-base {
    background: transparent;
}

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

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

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

div.vectorTabs ul li {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    color: #000000;
}

div.vectorTabs ul li.selected {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    color: #ffffff;
}

div.vectorTabs ul li span,
div.vectorMenu h3 span {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    color: #ffffff;
}

div.vectorTabs ul li.selected span {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    color: #ffffff;
}

div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
    color: #fc0000;
}

div.vectorTabs li span a,
div.vectorTabs span a:visited,
div.vectorTabs li span a:hover,
div.vectorTabs span a:visited:hover {
    color: #ffffff;
}

div.vectorTabs li.selected span a {
    background-color: rgba(0, 0, 0, 0);
    color: #ffffff !important;
    font-weight: bold;
}

div.vectorMenu h3 a {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://rebuild.gamepedia.com/media/rebuild.gamepedia.com/0/0b/Vector_menu_downarrow.png") !important;
    background-position: 50% 65%;
    background-repeat: no-repeat;
}

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

div.vectorMenu h3 span::after {
    filter: invert(100%);
}

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

/* Sidebar */
div#mw-panel div.portal h3,
#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 {
    border: medium none;
    color: #012090;
    font-weight: bold;
}

#mw-panel.collapsible-nav .portal {
    background-image: none;
}

div#mw-panel div.portal div.body ul li a {
    color: #F3F3F3;
}

div#mw-panel div.portal div.body a:visited {
    color: #F3F3F3 !important;
}

/* social media add-on fix */
div#mw-panel div#p-socialProfiles.portal .body {
    margin: auto;
}

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

/* Content */
div#content {
    border: solid 1px #012090;
    box-shadow: rgba(1, 32, 144, 1) 0 0.1em 0.75em;
    overflow-y: hidden;
}

/* Footer */
div#footer {
    background-image: none;
}

/* Main page grid */
.flex-grid {
    display: flex;
}

.flex-grid-cell {
    flex: 1;
}