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; }

/* Tweaks */ margin: 0; }
 * 1) contentSub:empty {

/* Custom fonts */ @font-face { font-family: 'Segoeui'; src: local('Segoeui'), local('Segoeui'), url(/media/hydra/fonts/segoeui.ttf) format('truetype'); }

/* Hide main page header */ body.page-Mobius_Final_Fantasy_Wiki h1.firstHeading { display:none; }

/* Framework */ body { background: #2D3041; }

body, .mw-body-content { font-family: 'Segoeui'; }

/* Logo */ filter: drop-shadow(0px 0 1px #000000); }
 * 1) p-logo {

/* Head */ div#mw-page-base { background: transparent; }

/* Tabs */ div#mw-head div.vectorMenu h3 { background-image: none; }
 * 1) mw-head *:not(a),

div.vectorTabs li a, div.vectorMenu li a { font-size: 15px; }
 * 1) mw-head h3 span,

position: relative; top: -1px; }
 * 1) left-navigation,
 * 2) right-navigation {

div.vectorTabs { padding: 0; }

div.vectorTabs span { display: block; }

div.vectorTabs ul li { background-color: transparent; line-height: 45px; }

div.vectorTabs li a { padding: 0 10px; text-decoration: none; }

div.vectorTabs li.selected { background-color: transparent; border-bottom: 3px solid #AC8E34; }

div.vectorTabs li.selected a { color: #AC8E34 !important; }

div#mw-head div.vectorMenu h3 { line-height: 45px; }

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

padding-top: 40px; }
 * 1) ca-watch.icon a {

div.vectorMenu div.menu { background-color: #F2F3F5; border-color: #F2F3F5; top: 2.4em; }

div.vectorTabs li:hover { border-bottom: 3px solid #AC8E34; }

div.vectorTabs a:hover, div.vectorMenu h3:hover span { color: #888888; }

div.vectorTabs li a, div.vectorMenu h3 span { color: #FFFFFF; }

div.vectorTabs li.new a:hover { color: #B71C1C; }

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

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

div#mw-panel div.portal h3, color: #AC8E34; }
 * 1) mw-panel.collapsible-nav div.portal h3 a,
 * 2) mw-panel.collapsible-nav .portal.collapsed h3 a {

/* Content */ div#content { background-color: #FFFFFF; border: none; border-top: 3px solid #888888; }

h1, h2, h3, h4, h5, h6 { border-bottom: none; color: #333333; font-family: 'Segoeui'; }

.mw-body h1, .mw-body h2 { font-family: 'Segoeui'; }

.firstHeading { font-family: 'Meiryo'; }

.catlinks { border: none; background-color: #EBEBEB; padding: 5px 10px; border-radius: 4px; }

/* Anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited { color: #1E88E5; }

a:hover, a:visited:hover, div#content a.extiw:hover, div#content a.extiw:visited:hover, div#content a.external:hover, div#content a.external:visited:hover { color: #3366BB; }

/* Inputs */ input, select { font-family: inherit; }

select { height: 1.8em; }

option { background-color: #FEFCFF; }

input[type=submit], input[type=button] { background-color: #E0E1E2; border: none; border-radius: 4px; box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset; color: #222222; cursor: pointer; display: inline-block; margin:2px 5px 0 0; outline: 0; padding: 5px 10px; text-align: center; }

input[type=submit]:hover, input[type=button]:hover { background-color: #CACBCD; box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset; }

input[type=submit]:active, input[type=button]:active { }

input[type=submit]:disabled, input[type=button]:disabled { }

/* Footer */ div#footer ul li { color: #FFFFFF; }

div#footer ul li a { color: #AC8E34; }

/* copyright images tweak */ .copyright-icon { background: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat; background-size: 100%; width: 32px; height: 32px; }

/* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding:0.25ex 1ex 0ex; font-size: 95%; }

/* Ambox notices */ .ambox { background-color: #EEEEEE; 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 #BBBBAA; }

.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: #F9F9F9; border: 1px solid #AAAAAA; color: #000000; 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: #F9F9F9; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; }

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

.infoboxdetails { padding: 0em; }

/* Card infobox tabber */ .cardtabs { float: right; width: 350px; }

.cardtabs p { display: none; }

.cardtabs .tabber .tabbertab { border: none; margin: 0; padding: 0; }

.cardtabs ul.tabbernav { background-color: #333333; border: none; display: flex; font: inherit; margin: 0; padding: 0; }

.cardtabs ul.tabbernav li { display: initial; }

.cardtabs ul.tabbernav li a { background-color: #333333; border: none; color: #EEEEEE; display: inline-block; height: 40px; line-height: 40px; margin: 0; padding: 0; text-align: center; width: 40px; }

.cardtabs ul.tabbernav li.tabberactive a { background-color: #212121; border: none; color: #FFB300; }

.cardtabs ul.tabbernav li a:hover { background-color: #212121; border: none; color: white; }

/* Styles for Twitter box on main page */ .twitter-wrapper { display: flex; flex-flow: column nowrap; }

.twitter-wrapper center { display: flex; flex-flow: column nowrap; flex: 1 0 410px; }

.twitter-wrapper center iframe { border: none; width: auto !important; height: auto !important; flex: 1 0 400px; }