Vagante Wiki
Don't have an account?
Register
Register
Vagante Wiki
Vagante Wiki
134
pages

Hydradark.css

MediaWiki page
Back to page
Sign in to edit
(fakeh2 for use in admin list)
Mr Pie 5 (talk | contribs)
(Responsiveness tweaks for desktop view on mobile)
Line 371: Line 371:
   
 
.skin-hydradark div#simpleSearch {
  
.skin-hydradark div#simpleSearch {
−
display: block;
  
−
width: 20vw;
  
⚫
min-width: 5em;
  
−
max-width: 20em;
  
 
padding-right: 1.5em;
  
padding-right: 1.5em;
 
height: 1.55em;
  
height: 1.55em;
 
margin-top: 0.50em;
  
margin-top: 0.50em;
−
position: relative;
  
−
min-height: 1px;
  
 
color: white;
  
color: white;
 
}
  
}
Line 1,498: Line 1,492:
 
padding: 2px 0.5em 4px;
  
padding: 2px 0.5em 4px;
 
}
  
}
  +
  +
/********************************************
  +
* Improved responsiveness for narrow widths *
  +
*********************************************/
  +
.mw-body {
  +
margin-left:11em;
  +
}
  +
  +
footer#curse-footer .footer-box {
  +
flex:unset;
  +
}
  +
  +
footer#curse-footer ul li {
  +
white-space:nowrap;
  +
}
  +
  +
@media screen and (max-width:720px) {
  +
div#content {
  +
margin-top:2em;
  +
}
  +
  +
body #pageWrapper {
  +
margin-right:0;
  +
}
  +
  +
div#left-navigation,
  +
div#right-navigation {
  ⚫
top:3.5em;
  +
}
  +
  +
div#left-navigation {
  +
margin-left:5px;
  +
left:0;
  +
}
  +
  +
div#right-navigation {
  +
margin-right:5px;
  +
}
  +
  +
div#p-namespaces,
  +
div#p-views,
  +
div#p-variants,
  +
div#p-cactions,
  +
div#p-sharing,
  +
div#mw-panel {
  +
top:0;
  +
}
  +
  +
div#p-search {
  +
top:-2.5em;
  +
}
  +
}
  +
/******************************
  +
* end improved responsiveness *
  +
*******************************/

Revision as of 20:53, 6 June 2019

/* CSS placed here will affect users of the Hydradark skin */
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}
 
/* Hide main page header */
body.page-Vagante_Wiki h1.firstHeading {
    display:none;
}

/* Framework */
body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background: #000000 url("https://vagante.gamepedia.com/media/vagante.gamepedia.com/1/1f/Background.jpg") no-repeat fixed top center / 100% auto;
}

#pageWrapper {
    margin-right: 10px;
}

#mw-page-base {
    background: transparent !important;  
    height: 6em;
}
 
/* Logo */
#p-logo {
    height: 30px;
    left: 0;
    margin-bottom: 1em;
    position: relative;
    top: -140px;
    width: 10em;
}

/***********************
/* Special edits *
/***********************/
.editOptions {
    background-color: rgba(75,  75, 75, 1);
    border-right: 1px solid #C0C0C0;
    border-width: medium 1px 1px;
    border-style: none solid solid;
    border-color: -moz-use-text-color #C0C0C0 #C0C0C0;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    padding: 1em 1em 1.5em;
    margin-bottom: 2em;
}

div.editOptions {
    background-color: transparent;
    border: 1px solid rgba(6, 6, 6, .5);
}

#ca-watch.icon a {
    margin: 0px;
    padding: 30px 0px 0px;
    display: block;
    width: 26px;
    height: 0px;
    overflow: hidden;
    background-position: 5px 60%;
}

.skin-hydradark #preferences fieldset {
    border-right: medium none;
    border-width: 1px medium medium;
    border-style: solid none none;
    border-color: #CCC -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    color: #fff;
}

#mw-head-base {
    background: transparent;
    bottom: 0;
    height: 40px;
    margin-right: 10px;
}

#left-navigation {
  top: 90px;
  margin-top: 1em;
  left: 160px;
}
 
#right-navigation {
  margin: 90px 10px 0 0;
  margin-top: 1em;
  padding: 0;
}

div.vectorTabs {
    background-image: none;
    height: 33px;
    margin-top: 8px;
}

div.vectorTabs li a {
    background-image: none;
    margin-top: -16px;
}

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

div.vectorTabs li span {
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 6px 9px 14px -7px rgba(0,0,0,0.75);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a3073', endColorstr='#435e8e',GradientType=0 ); /* IE6-9 */
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    padding: 2px 10px;
    margin: 0 3px 0 3px;
    height: 19px;
    text-align: center;
}

div#mw-head div.vectorMenu h3 {
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 6px 9px 14px -7px rgba(0,0,0,0.75);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a3073', endColorstr='#435e8e',GradientType=0 ); /* IE6-9 */
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    padding: 2px 10px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.2em;
    height: 19px;
    text-align: center;
}

div.vectorMenu h3 span {
    padding-top: 0.1em;
}

div.vectorMenu h3 span::after {
  top:0.4em;
}

div#p-sharing .menu {
    margin-left: 45px;
    min-width: 0px;
    width: 48px;
}

#p-sharing #socialIconImages img {
    width: 100%;
}
 
#p-sharing #socialIconImages a {
    width: 40px;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a {
  padding: 1.6em 0 0;
  color:transparent;
}

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

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

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

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

div.vectorTabs li a,
div.vectorTabs li a span,
div.vectorMenu h3 span {
    color: #ffffff;
    font-weight: bold;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

div.vectorMenu div.menu {
    background-color: rgba(76, 76, 76, 0.8);
    border: 1px solid #aaaaaa;
}

div.vectorMenu ul {
    background-color: rgba(0 ,0, 0, 0);
    border: none;
}

div.vectorMenu li a {
    color: #ffffff;
}

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

div#mw-panel div.portal h5 {
    border: medium none;
    color: #ffffff;
    cursor: default;
    font-size: 1em;
    font-weight: bold;
    padding: 0 0 0 1.25em;
    text-transform: uppercase;
}

/* Sidebar */
.skin-hydradark div#mw-panel {
    margin-top: -15px;
}

.skin-hydradark div#mw-panel div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) {
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 6px 9px 14px -7px rgba(0,0,0,0.75);
    margin: 5px;
}

.skin-hydradark div#mw-panel div.portal div.body,
.skin-hydradark #mw-panel.collapsible-nav .portal {
    background-image: none;
}

.skin-hydradark div#mw-panel div.portal div.body ul li a,
.skin-hydradark div#mw-panel div.portal div.body ul li a:visited {
    color: #FFFDFB;
}

.skin-hydradark #mw-panel.collapsible-nav div.portal h3 {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH3wQBEiskN1GrWQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAT0lEQVQ4y+2TOwrAMAxD9Upy/wsH1KlQQlRcskabjSX/sa0dXNrEEZDaZFdXQqqAP+TUAlVynAHQK74oYHu8CUC3PZbJvk4ZaI9gjDm/oBt1WxYtuhHX/wAAAABJRU5ErkJggg==");
   background-position: left center;
   background-repeat: no-repeat;
}

.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH3wQBEikUI775dwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAT0lEQVQ4y9WTUQrAIAxDE9H7H3jC2wnqxKqw/OeRpq0BZVSU1FEAOxKwYwRs11QHwBNBpkuMIPfWaLsBfQkQmSWpzvhH5/6VwJkO/I9negFpGhkjDUKRdAAAAABJRU5ErkJggg==");
   background-position: left center;
   background-repeat: no-repeat;
}

.skin-hydradark div#mw-panel div.portal h3,
.skin-hydradark div#mw-panel div.portal h3:visited,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a:visited,
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a:visited,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
    color: #ffffff;
    font-weight: bold;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.8);
}

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

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

div#content {
    background: rgba(0, 0, 0, 0.6);
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    box-shadow: 0px 0em 2em 0px #6d6d6d;
    color: #ffffff;
}

/* link styles */
div#content a,
div#content a:visited, a:visited {
    color: #d98f3c;
    text-shadow: 1px 1px 5px #393939;
}

a.stub {
  color: #E0B87B;
}

a.stub:visited {
  color: #E2CAA5;
}

a,
a.extiw,
a.external,
div#content a.extiw,
div#content a.external,
a.extiw:visited,
a.external:visited,
div#content a.extiw:visited {
    color: #eec363;
    text-shadow: 0px 0px 7px #0a2921;
}

a:hover {
    color: #c9c9c9;
}

a.new {
    color: #c53131;
}

h1, h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);
}

h3, h4, h5, h6 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
}

.fakeh2 {
  font-size: 1.5em;
  color: #e0e0e0;
  border-bottom: 1px solid #505050;
  line-height: 1.3;
  margin-bottom: 0.25em;
  margin-top: 1em;
  padding: 0;
}

#catlinks,
.skin-hydradark #toc,
.skin-hydradark .toc,
.mw-warning,
ul#filetoc {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #b5b4b5;
}

.skin-hydradark div#simpleSearch {
    padding-right: 1.5em;
    height: 1.55em;
    margin-top: 0.50em;
    color: white;
}

.skin-hydradark div#simpleSearch {
    border: none;
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 6px 9px 14px -7px rgba(0,0,0,0.75);
}

.skin-hydradark div#simpleSearch #searchInput {
    color: #ffffff;
    padding: 0.2em 0 0.2em 0.5em;
}

#simpleSearch input::placeholder { 
    color: #ffffff !important; 
}

div.wikiEditor-ui {
    background-color: transparent;
    border: 1px solid #505050;
}

.skin-hydradark .mw-search-profile-tabs {
    background-color: transparent;
    margin-top: 1em;
    border: 1px solid silver;
}

.CategoryTreeEmptyBullet {
    color: #c0c0c0;
}

.catlinks li {
    border-left: none;
}

.CategoryTreeToggle {
    color: #E0B87B;
}

code {
    background-color: rgba(0,0,0,0.8);
}

.skin-hydradark #preferences {
    background-color: rgba(0, 0, 0, 0.4);
    background-image: none;
    border: 1px solid #181818;
    clear: both;
    float: left;
    margin: -2px 0 0;
    width: 100%;
}

.skin-hydradark #preferences fieldset.prefsection fieldset {
    background-color: rgba(0, 0, 0, 0.4);
}

.skin-hydradark #preftoc li.selected a {
    background-image: none;
    color: #FFFFFF;
    text-decoration: none;
}

.skin-hydradark #preftoc {
    background-image: none;
}

.skin-hydradark #preftoc a, .skin-hydradark #preftoc a:active {
    background-image: none;
    color: #32b1d2;
}

.skin-hydradark #preftoc li {
    background-image: none;
}

.skin-hydradark #preferences legend {
    color: #DDDDDD;
}

.skin-hydradark #preferences td.htmlform-tip {
    color: #DDDDDD;
}

#toc, .toc, .mw-warning {
    background-color: #0f0f0f;
    border: 1px solid #dddad3;
    font-size: 95%;
    padding: 5px;
}

/* Table styles */

table.wikitable {
    border: none;
    border-collapse: separate;
    background: transparent;
    margin: 0 0 10px 0;
    padding: 3px 6px;
    color: #ffffff;
}

table.wikitable th, table.wikitable tr th, table.wikitable > tr > th, table.wikitable > * > tr > th {
    border: 0;
    background-color: #391d0b;
}

table.wikitable td, table.wikitable tr td, table.wikitable > tr > td, table.wikitable > * > tr > td {
    border: 0;
    background-color: #202220;
}

code {
    background-color: #0f0f0f;
}

.header {
    background-color: rgba(57, 29, 11, .8);
    border: 0.5px solid #b86e2b;
    box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.8);
    color: #f5f5fa;
    text-shadow: 1px 1px 10px #000000;
    font-size: 150%;
    margin-bottom: 5px;
    border-radius: 4px;
    text-align: center;
}

div.thumbinner {
    background-color: #0f0f0f;
    border: 1px solid #b5b4b5;
}

li.gallerybox {
    border: 1px solid rgba(0, 0, 0, 0.6);
    display: inline-block;
    vertical-align: top;
}

li.gallerybox div.thumb {
    background-color: transparent;
    border-color: rgba(249, 249, 249, .1);
}

ul#filetoc {
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid #b5b4b5;
}

table.mw_metadata td {
    background-color: rgba(0, 0, 0, 0.4);
}
table.mw_metadata th {
    background-color: rgba(0, 0, 0, 0.4);
}
table.mw_metadata td, table.mw_metadata th {
    border: 1px solid #b5b4b5;
}

/******************
/*  Page history  *
/******************/

table.diff {
    background: transparent;
}

td.diff-context {
    background: none repeat scroll 0 0 transparent;
    border-color: #737969;
}

td.diff-deletedline {
    background-color: rgba(255, 228, 156, .5);
    border-color: #FFE49C;
    color: white;
}

td.diff-addedline {
    background-color: #58434a;
    border-color: #73384b;
    color: white;
}

#pagehistory li {
    background-color: transparent;
    border: none;
    padding: 3px;
}

#pagehistory li.selected {
    background-color: #01060c;
    background-image: none;
    border: 1px dashed rgba(0, 0, 0, 0.6);
    padding: 3px;
}

.skin-hydradark .TablePager {
    border: 1px solid #b5b4b5;
}

.skin-hydradark .TablePager th {
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid #b5b4b5;
}
.skin-hydradark .TablePager tr, .skin-hydradark .TablePager td {
    background-color: transparent;
    border: 1px solid #b5b4b5;
}

.skin-hydradark .TablePager tr:hover td {
    background-color: rgba(0, 0, 0, 0.4);
}
.skin-hydradark .mw-datatable th {
    background-color: rgba(0, 0, 0, 0.4);
}
.skin-hydradark .mw-datatable, .skin-hydradark .mw-datatable td, .skin-hydradark .mw-datatable th {
    border: 1px solid #b5b4b5;
}

/* Footer */
div#footer {
    color: #FFFFFF;
    margin-top: 10px;
    overflow: hidden;
}

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

/*****************
/* amboxes fixes *
/*****************/
.ambox {
    background-color: #282828;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

.ambox-gray {
    border-left-color: #383838;
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}

.ambox + .ambox {
     margin-top: -2px;
}

.ambox-text {
     padding: 0.25em 0.5em;
}

.ambox-image {
     padding: 2px 0px 2px 0.5em;
     text-align: center;
     width: 60px;
}

.ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}

/* Ambox colors */
.ambox-blue {
     border-left: 10px solid #1e90ff;
}

.ambox-red {
     border-left: 10px solid #b22222;
}

.ambox-orange {
     border-left: 10px solid #f28500;
}

.ambox-yellow {
     border-left: 10px solid #f4c430;
}

.ambox-purple {
     border-left: 10px solid #9932cc;
}

.ambox-gray {
     border-left: 10px solid #bba;
}

.ambox-green {
     border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
     font-size: smaller;
     margin-left: 0.8em;
     margin-top: 0.5em;
}

/* INFOBOXES: game or book depended color style */
.infoboxtable {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #505050;
    color: #ffffff;
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em; 
    margin-left: 1em; 
    padding: 0.2em; 
    width: 300px;
}

.infoboxtable td {
    vertical-align: top;
}

.infoboxtable td > div {
    background-color: #181818; 
    border: 2px solid inherit; 
    border-radius: 5px; 
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

.infoboxname {
    background-color: #181818; 
    font-size: 110%; 
    font-weight: bold;
    padding: 0.5em; 
}

.infoboxdetails {
    padding: 0em;
}

/* Navbox template style */
table.navbox {
    border: 1px solid #67676;
    clear: both;
    font-size: 88%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%; 
}

/* Border between adjacent navboxes */
table.navbox + table.navbox {
    margin-top: -1px;
}

.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.navbox-group {
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

/* Base background */
.navbox, .navbox-subgroup {
    background: rgba(0, 0, 0, 0.1);
}

.navbox-list {
    border-color: rgba(0, 0, 0, 0.1); /* Must match background color */
}

/* Level 1 color */
.navbox-title,
table.navbox th {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 3 styling */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

/* Even row striping */
.navbox-even {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}
/* End of new Navbox styling */

/* copyright images tweak */
.skin-hydradark .copyright-icon {
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
    background-size: 100%;
    height: 32px;
    width: 32px;
}

/*********************
/* Front page styles *
/*********************/
.fpcontent {
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

.fpmaybecols {
    overflow: hidden;
    margin: -5px 0 -5px 0;
}

.fpmaybecols + .fpmaybecols {
    margin: 0 0 -5px 0;
}

.fpbox {
    background: rgba(0,0,0,0.1);
    border: 1px solid #111111;
    color: #c2bec2;
    margin: 5px;
    padding: 10px;
}

.fpplainbox {
    padding: 5px 8px 10px 8px;
    margin: 0 5px 10px 5px;
    vertical-align: top;
}

.fpbox .welcome {
    border-bottom: 1px solid #b7b7b7;
    color: #c2bec2;
    text-transform: uppercase;
    font-size: 150%;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

.fpbox .heading {
    border: none;
    background: #111111;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 132%;
    margin: -5px -5px 10px -5px;
    padding: 5px 0 5px 0;
}

.fpbox .heading .smalllink {
    color: #E6E6E6;
    font-weight: bold;
    font-size: 75%;
}

.fpbox hr {
    border: none;
    border-bottom: 1px solid #3C4258;
}

.fplinks {
    margin: -5px;
}

.fplinks .linkslabel {
    border-bottom: 1px solid #000000;
    background: transparent;
    font-weight: bold;
    margin: 15px 5px 5px 5px;
    padding: 0 0 5px 0;
}

.fplink {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

/* Other issue fixes */
.fplink .box {
    display: table;
    width: 100%;
    border-spacing: 5px;
    border-collapse: separate;
}

.fplink .box .row {
    display: table-row;
}

.fplink .box .row .cell {
    background: rgba(255, 199, 0, .5);
    border: 1px solid #ffc800;
    border-radius: 2px;
    box-shadow: 0 0 1px rgb(146, 118, 19) inset;
    color: #FFFFFF;
    display: table-cell;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
}

.fplink .box .row .cell a {
    color: #FFFFFF !important;
}

.fplink.wide .box .row .cell {
    padding: 0 5px;
}

#fptopsection .fplink.image, #fpflexsection .fplink.image, #fpbottomsection .fplink.image {
    width: 114px;
    height: 114px;
}

.fplink.image .box .row .cell {
    width: 100px;
    height: 100px;
    vertical-align: bottom;
}

.fplink.image .box .row .cell .image img {
    width: 100px;
    height: 100px;
}

@media (min-width: 470px) {
  .fplink {
    width: 50%;
  }

  .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 580px) {
  .fplink {
    width: 33.333%;
  }

  .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 690px) {
  .fplink {
    width: 25%;
  }

  .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 800px) {
  .fplink {
    width: 20%;
  }

  .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 910px) {
  .fplink {
    width: 16.666%;
  }

  .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 990px) {
  .fpcontent { 
    padding-right: 520px; 
    width: auto; 
  }

  #fptopsection { 
    float: left; 
    width: 100%; 
  }

  #fpflexsection { 
    float: right;
    width: 520px;
    margin-right: -520px 
  }

  #fpbottomsection { 
    float: left; 
    width: 100%; 
    margin-top: -5px; 
  }

  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 50%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 100%;
  }

  #fpflexsection .fplink {
    width: 25%;
  }

  #fpflexsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1100px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 33.333%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1210px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 25%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1320px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 20%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 1430px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 16.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 33.333%;
  }

  .fplink a {
    padding: 3px 5px;
  }
}

@media (min-width: 1540px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 14.285%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 28.571%;
  }

  #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox {
    background-image: none;
  }

  .fpmaybelcol {
    float: left;
    width: 70.886%;
  }

  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 20%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 40%;
  }

  .fpmaybercol {
    float: right;
    width: 29.113%;
  }

  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 50%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 1650px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 12.5%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 1697px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 16.666%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 1760px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 11.111%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 1850px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 14.285%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 28.571%;
  }
}

@media (min-width: 1870px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 10%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 20%;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 134px;
    height: 134px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 120px;
    height: 120px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 1918px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 33.333%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1980px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 9.09%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 18.181%;
  }
}

@media (min-width: 2006px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 12.5%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 2090px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 8.33%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 16.666%;
  }
}

@media (min-width: 2161px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 11.111%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 2200px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.692%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 15.384%;
  }
}

@media (min-width: 2296px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 25%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 2310px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.142%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 14.285%;
  }
}

@media (min-width: 2316px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 10%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 20%;
  }
}

@media (min-width: 2420px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 6.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 13.333%;
  }

  .fplink a {
    padding: 5px 5px;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 164px;
    height: 164px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 150px;
    height: 150px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 150px;
    height: 150px;
  }
}

.fplink.image .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 75%;
    z-index: 1;
}

.fplink.image a {
    z-index: 2;
}

.fplink a {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px 5px;
}

.fplink.image .image a {
    padding: 0;
}

.fplink.image .link a {
    border-top: 2px solid #2e7cc0;
    background: #83d2fd;
}

.fplink.wide a {
    margin: 0 -5px;
}

.fpvideos {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.fpvideo {
    display: inline-block;
    margin: 0 5px;
}

/* Custom cursor */
body, html {
  cursor: url(/media/2/2b/Cursor_1.png) 3 11, auto;
}

a {
  cursor: url(/media/e/e6/Cursor_2.png) 3 11, auto;
}


/* Infobox styles */
.infobox {
  float: right;
  width: 23em;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 0.5em;
  padding: 2px;
  border:2px solid #999;
  background-color:rgba(0,0,0,0.2);
}

.infobox-table {
  width: 100%;
  padding: 0;
  background-color:transparent;
  border: 0;
}

.infobox-header {
  padding:0.5em;
  font-size: 150%;
  letter-spacing:0.05em;
  text-align: center;
  background-color:#482f29;
  box-shadow:4px -4px 5px rgba(0,0,0,0.2),inset 0 0 10px rgba(0,0,0,0.5);
  border:2px solid #999;
  text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
  color: #fff;
  font-family: sans-serif;
}

.infobox-section {
  text-align: center;
  background-color:#482f29;
  box-shadow:4px -4px 5px rgba(0,0,0,0.2),inset 0 0 10px rgba(0,0,0,0.5);
  border:2px solid #999;
  text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
  color: #fff;
  font-family: sans-serif;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.3),1px -1px 1px rgba(0,0,0,0.3),-1px -1px 1px rgba(0,0,0,0.3);
}

.infobox-centered {
  text-align: center;
}

.infobox-row {
  vertical-align: top;
}

.infobox-row-name {
  text-align: left;
  white-space: nowrap;
}

.infobox-spacer {
  height: 0.5em;
}

/* Tabber styling */
.tabberlive .tabbertab,
.tabber .tabbertab {
    /* border-color: #505050; */ /* If you keep all borders the same */
    /* border-style: solid; */ /* If you keep all borders the same */
    /* border-width: 1px; */ /* If you keep all borders the same */
    border-bottom-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
    border-left-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
    border-right-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
    border-top-color: #505050; /* This should match your general choice of border color */
    border-image: none;
    border-style: solid none none;
    border-width: 1px medium medium;
}

ul.tabbernav {
    border-bottom: none;
}

ul.tabbernav li a {
    background: none repeat scroll 0 0 #000000; /* This should match your general choice of background color */
    border: 1px solid #505050; /* This should match your general choice of border color */
    border-image: none;
    border-radius: 5px 5px 0 0; /* This is only if you want your tabs to have rounded corners */
    margin-left: 3px;
    padding: 3px 0.5em;
    text-decoration: none;
}

ul.tabbernav li {
    display: inline;
    list-style: none outside none;
}

ul.tabbernav li a:link {
    color: #7AB1CC; /* This should match your anchor color, but simply being different from the default text color works */
}

ul.tabbernav li a:hover {
    background: none repeat scroll 0 0 #000000;
    border-color: #505050; /* This should match your general choice of border color */
    color: #FFFFFF;
}

ul.tabbernav li.tabberactive a {
    background-color: #000000;
    color: #FFFFFF;
}

ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover,
ul.tabbernav li.tabberactive a:link {
    background-color: #000000;
    border-bottom: 1px none;
    padding: 2px 0.5em 4px;
}

/********************************************
* Improved responsiveness for narrow widths *
*********************************************/
.mw-body {
  margin-left:11em;
}

footer#curse-footer .footer-box {
  flex:unset;
}

footer#curse-footer ul li {
  white-space:nowrap;
}

@media screen and (max-width:720px) {
  div#content {
    margin-top:2em;
  }
  
  body #pageWrapper {
    margin-right:0;
  }

  div#left-navigation,
  div#right-navigation {
    top:3.5em;
  }

  div#left-navigation {
    margin-left:5px;
    left:0;
  }
  
  div#right-navigation {
    margin-right:5px;
  }

  div#p-namespaces,
  div#p-views,
  div#p-variants,
  div#p-cactions,
  div#p-sharing,
  div#mw-panel {
    top:0;
  }
  
  div#p-search {
    top:-2.5em;
  }
}
/******************************
* end improved responsiveness *
*******************************/
Community content is available under CC BY-NC-SA unless otherwise noted.