(Blanked the page) |
No edit summary |
||
Line 1: | Line 1: | ||
+ | /* CSS placed here will affect users of the Hydradark skin */ |
||
+ | /* For elements which only display in the mobile view */ |
||
+ | .mobileonly { |
||
+ | display: none; |
||
+ | } |
||
+ | |||
+ | @font-face { |
||
+ | font-family: 'Exo2-Bold'; |
||
+ | src: local('Exo2-Bold'), local('Exo2-Bold'), url('/media/hydra/fonts/Exo2-Bold.ttf') format('truetype'); |
||
+ | } |
||
+ | |||
+ | /* Hide main page header */ |
||
+ | body.page-Overload_Wiki h1.firstHeading { |
||
+ | display:none; |
||
+ | } |
||
+ | |||
+ | /* When title sub line is empty, remove its margin */ |
||
+ | #contentSub:empty { |
||
+ | margin: 0; |
||
+ | } |
||
+ | |||
+ | /* Bullet color (white) */ |
||
+ | ul { |
||
+ | list-style-type: disc; |
||
+ | list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3C%2Fsvg%3E%0A); |
||
+ | } |
||
+ | |||
+ | /* Gamepedia lines */ |
||
+ | footer { |
||
+ | border-top: #f48020 3px solid; |
||
+ | } |
||
+ | |||
+ | .netbar-flex { |
||
+ | border-bottom: 1px solid #f48020; |
||
+ | } |
||
+ | |||
+ | /* Logo */ |
||
+ | #mw-panel { |
||
+ | margin-top: 10px; |
||
+ | } |
||
+ | |||
+ | #p-logo { |
||
+ | top: -165px; |
||
+ | } |
||
+ | |||
+ | #p-logo a { |
||
+ | height: 240px; |
||
+ | width: 164px; |
||
+ | } |
||
+ | |||
+ | /* Background */ |
||
+ | body { |
||
+ | background: url(https://overload.gamepedia.com/media/overload.gamepedia.com/3/3a/Bg.png?version=f6306a7fcc24a7031b63c8c84e6b57e1) no-repeat fixed center top / cover #000; |
||
+ | } |
||
+ | |||
+ | div#mw-page-base { |
||
+ | background: transparent; |
||
+ | } |
||
+ | |||
+ | /* FP */ |
||
+ | div#content a:link:not(.new), |
||
+ | div#content a:visited:not(.new) { |
||
+ | color: #fe660a; |
||
+ | font-weight: bold; |
||
+ | } |
||
+ | |||
+ | div#content { |
||
+ | margin-right:5px; |
||
+ | } |
||
+ | |||
+ | div#content, |
||
+ | div.vectorMenu div.menu { |
||
+ | border: none; |
||
+ | background-color: rgba(0,0,0,0.0); |
||
+ | color: white; |
||
+ | border-top:#75b1bb dotted 1px; |
||
+ | padding-left: 3px; |
||
+ | |||
+ | } |
||
+ | |||
+ | div.vectorMenu div.menu { |
||
+ | top: 39px; |
||
+ | } |
||
+ | |||
+ | div.vectorMenu div.menu li:hover { |
||
+ | background: rgba(255,255,255,0.3); |
||
+ | } |
||
+ | |||
+ | div.vectorMenu div.menu li a:link, |
||
+ | div.vectorMenu div.menu li a:visited { |
||
+ | text-decoration: none; |
||
+ | font-weight: bold; |
||
+ | color: white; |
||
+ | } |
||
+ | |||
+ | /* Navs */ |
||
+ | /* Top nav */ |
||
+ | div#left-navigation { |
||
+ | margin-left: 195px !important; |
||
+ | } |
||
+ | |||
+ | div.vectorMenu h3, |
||
+ | div.vectorMenu h3 a, |
||
+ | div.vectorMenu h5 a { |
||
+ | background-image: none !important; |
||
+ | background: inherit !important; |
||
+ | } |
||
+ | |||
+ | div.vectorMenu h3 a:link, |
||
+ | div.vectorMenu h3 a:visited, |
||
+ | div.vectorMenu h5 a:link, |
||
+ | div.vectorMenu h5 a:visited, |
||
+ | div.vectorMenu h3 span, |
||
+ | div.vectorMenu h5 span { |
||
+ | color: white !important; |
||
+ | font-weight: bold !important; |
||
+ | text-shadow: 0px 0px 7px white; |
||
+ | } |
||
+ | |||
+ | div.vectorTabs ul li, |
||
+ | div.vectorTabs li.selected { |
||
+ | background: none !important; |
||
+ | } |
||
+ | |||
+ | div.vectorTabs ul { |
||
+ | background: none; |
||
+ | } |
||
+ | |||
+ | div.vectorTabs ul li a:link, |
||
+ | div.vectorTabs ul li a:visited, |
||
+ | div.vectorTabs li.selected a:link, |
||
+ | div.vectorTabs li.selected a:visited { |
||
+ | color: white; |
||
+ | text-shadow: 0px 0px 7px white; |
||
+ | } |
||
+ | |||
+ | div.vectorMenu h3 span, |
||
+ | div.vectorMenu h5 span { |
||
+ | margin-top: -1px; |
||
+ | } |
||
+ | |||
+ | div.vectorMenu h3, |
||
+ | div.vectorMenu h3 a, |
||
+ | div.vectorMenu h5 a { |
||
+ | background-image: none !important; |
||
+ | background: inherit !important; |
||
+ | } |
||
+ | |||
+ | div.vectorTabs ul li, |
||
+ | div.vectorTabs li.selected { |
||
+ | background: none !important; |
||
+ | } |
||
+ | |||
+ | div.vectorTabs span { |
||
+ | background: none !important; |
||
+ | font-weight: bold !important; |
||
+ | } |
||
+ | |||
+ | div.vectorTabs { |
||
+ | background: none !important; |
||
+ | } |
||
+ | |||
+ | div.vectorMenu h3 span, |
||
+ | div.vectorMenu h5 span { |
||
+ | background: none !important; |
||
+ | background-image: none !important; |
||
+ | border:0 !important; |
||
+ | } |
||
+ | |||
+ | #p-sharing-label, |
||
+ | #p-cactions-label { |
||
+ | text-shadow: 0px 0px 7px black; |
||
+ | } |
||
+ | |||
+ | |||
+ | /* Sidebar */ |
||
+ | .skin-hydradark #mw-panel.collapsible-nav .portal { |
||
+ | background: none; |
||
+ | } |
||
+ | |||
+ | #mw-panel a:visited, |
||
+ | #mw-panel a:link { |
||
+ | color: white !important; |
||
+ | text-shadow: 0px 0px 7px #000; |
||
+ | } |
||
+ | |||
+ | #mw-panel h3 { |
||
+ | color: white !important; |
||
+ | font-weight: bold !important; |
||
+ | } |
||
+ | |||
+ | div#mw-panel div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) { |
||
+ | background-color: rgba(0, 0, 0, 0.0); |
||
+ | margin: 5px; |
||
+ | } |
||
+ | |||
+ | #mw-panel.collapsible-nav .portal#p-claimWiki { |
||
+ | margin-left: 5px; |
||
+ | } |
||
+ | |||
+ | .skin-hydradark #mw-panel.collapsible-nav div.portal, |
||
+ | div#mw-panel div.portal { |
||
+ | background: transparent; |
||
+ | } |
||
+ | |||
+ | div#mw-panel div.portal { |
||
+ | margin-left: 5px; |
||
+ | } |
||
+ | |||
+ | /* toc */ |
||
+ | #toc { |
||
+ | background-color: rgba(0,0,0,0.1) !important; |
||
+ | border: 1px solid #B39DA7 !important; |
||
+ | padding: 15px 20px; |
||
+ | } |
||
+ | |||
+ | |||
+ | /* Tables */ |
||
+ | table.wikitable td { |
||
+ | padding: 10px !important; |
||
+ | border: 1px solid #888 !important; |
||
+ | } |
||
+ | |||
+ | table.wikitable th { |
||
+ | background-color: #2ec4c4 !important; |
||
+ | color: black; |
||
+ | } |
||
+ | |||
+ | |||
+ | /* Footer */ |
||
+ | div#footer { |
||
+ | background: rgba(0, 0, 0, 0.55); |
||
+ | margin-top: 10px !important; |
||
+ | margin-bottom: 10px !important; |
||
+ | border: #fff 1px solid; |
||
+ | } |
||
+ | |||
+ | div#footer li { |
||
+ | color: white !important; |
||
+ | } |
||
+ | |||
+ | div#footer a:link, |
||
+ | #footer a:visited { |
||
+ | color: white; |
||
+ | text-decoration: underline; |
||
+ | } |
||
+ | |||
+ | |||
+ | /* Side-by-side previews */ |
||
+ | div.wikiEditor-ui, |
||
+ | div.wikiEditor-preview-contents { |
||
+ | background: transparent !important; |
||
+ | } |
||
+ | |||
+ | div.wikiEditor-ui-controls { |
||
+ | background: none; |
||
+ | } |
||
+ | |||
+ | div.wikiEditor-ui-buttons { |
||
+ | background: none; |
||
+ | border-top: none; |
||
+ | } |
||
+ | |||
+ | |||
+ | /* calinks */ |
||
+ | .catlinks { |
||
+ | border: 1px solid #75b1bb !important; |
||
+ | padding-left: 15px !important; |
||
+ | } |
||
+ | |||
+ | |||
+ | /* Preferences */ |
||
+ | .skin-hydradark #preftoc li a { |
||
+ | font-weight: normal; |
||
+ | } |
||
+ | |||
+ | .skin-hydradark #preftoc li.selected a { |
||
+ | font-weight: bold; |
||
+ | } |
||
+ | |||
+ | .skin-hydradark #preferences legend { |
||
+ | color: #fe660a; |
||
+ | font-weight: bold; |
||
+ | font-size: 110%; |
||
+ | } |
||
+ | |||
+ | |||
+ | /* Search */ |
||
+ | .skin-hydradark .mw-search-profile-tabs { |
||
+ | padding: 5px; |
||
+ | border: #fe660a 1px solid; |
||
+ | } |
||
+ | |||
+ | .skin-hydradark .mw-search-profile-tabs li.current a:link, |
||
+ | .skin-hydradark .mw-search-profile-tabs li.current a:visited { |
||
+ | font-weight: bold; |
||
+ | color: #fe660a !important; |
||
+ | } |
||
+ | |||
+ | /* Black sort arrows on sortable tables */ |
||
+ | table.jquery-tablesorter th.headerSort { |
||
+ | background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%209%22%20height%3D%229%22%20width%3D%2221%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M14.5%205l-4%204-4-4zM14.5%204l-4-4-4%204z%22%2F%3E%0A%3C%2Fsvg%3E%0A) !important; |
||
+ | } |
||
+ | |||
+ | table.jquery-tablesorter th.headerSortUp { |
||
+ | background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%204%22%20height%3D%224%22%20width%3D%2221%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6.5%204l4-4%204%204z%22%2F%3E%0A%3C%2Fsvg%3E%0A) !important; |
||
+ | } |
||
+ | |||
+ | table.jquery-tablesorter th.headerSortDown { |
||
+ | background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%204%22%20height%3D%224%22%20width%3D%2221%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M14.5%200l-4%204-4-4z%22%2F%3E%0A%3C%2Fsvg%3E%0A) !important; |
||
+ | } |
||
+ | |||
+ | /* Expand link color */ |
||
+ | .mw-collapsible-toggle.mw-collapsible-toggle-collapsed a, |
||
+ | .mw-collapsible-toggle.mw-collapsible-toggle-expanded a { |
||
+ | color:black !important; |
||
+ | } |
||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* Visual editor */ |
||
+ | .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { |
||
+ | background-color: #282828; |
||
+ | border: 1px solid #383838; |
||
+ | box-shadow: 0 2px 2px 0 rgba(255,255,255,0.2); |
||
+ | } |
||
+ | |||
+ | .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { |
||
+ | color: #e0e0e0; |
||
+ | } |
||
+ | |||
+ | .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover, |
||
+ | .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, |
||
+ | .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover, |
||
+ | .oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-outlineOptionWidget.oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement.oo-ui-labelElement:hover { |
||
+ | background-color: rgba(255,255,255,0.2); |
||
+ | } |
||
+ | |||
+ | .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, |
||
+ | .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator, |
||
+ | .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon { |
||
+ | filter: invert(100%); |
||
+ | } |
||
+ | |||
+ | .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { |
||
+ | filter: unset; |
||
+ | } |
||
+ | |||
+ | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { |
||
+ | border-color: #ffffff; |
||
+ | } |
||
+ | |||
+ | .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active { |
||
+ | background-color: rgba(255,255,255,0.2); |
||
+ | } |
||
+ | |||
+ | .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon, |
||
+ | .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label, |
||
+ | .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon { |
||
+ | filter: invert(100%); |
||
+ | } |
||
+ | |||
+ | .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover { |
||
+ | background-color: #282828; |
||
+ | } |
||
+ | |||
+ | .oo-ui-indicator-down { |
||
+ | background-image: linear-gradient(transparent,transparent),url(https://commons.gamepedia.com/media/commons.gamepedia.com/0/00/Light_down_arrow.svg); |
||
+ | filter: unset; |
||
+ | } |
||
+ | |||
+ | .ve-ui-mwSaveDialog-options { |
||
+ | background-color: #282828; |
||
+ | } |
||
+ | |||
+ | .ve-ui-mwSaveDialog-license { |
||
+ | color: #e0e0e0; |
||
+ | } |
||
+ | |||
+ | /* Page history tweaks */ |
||
+ | td.diff-addedline .diffchange { |
||
+ | background: none; |
||
+ | color: #bfd959; |
||
+ | } |
||
+ | |||
+ | td.diff-deletedline .diffchange { |
||
+ | background: none; |
||
+ | color: #e62444; |
||
+ | } |
||
+ | |||
+ | td.diff-addedline, |
||
+ | td.diff-deletedline { |
||
+ | border-color: transparent; |
||
+ | } |
||
+ | |||
+ | /* Interwiki page legend tweak */ |
||
+ | .mw-collapsible-toggle.mw-collapsible-toggle-expanded a, |
||
+ | .mw-collapsible-toggle.mw-collapsible-toggle-collapsed a { |
||
+ | color: #ffffff; |
||
+ | } |
||
+ | |||
+ | /* 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 { |
||
+ | 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; |
||
+ | } |
||
+ | |||
+ | /* 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; |
||
+ | } |
||
+ | |||
+ | .feature { |
||
+ | background: rgba(0, 0, 0, 0.1); |
||
+ | border: 1px solid rgba(0, 0, 0, 0.5); |
||
+ | border-radius: 5px; |
||
+ | padding: 10px; |
||
+ | } |
||
+ | |||
+ | /* Navbox template style */ |
||
+ | table.navbox { |
||
+ | border: 1px solid #505050; |
||
+ | 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 */ |
||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* this CSS governs the responsive 2 column main page layout */ |
||
+ | .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-radius: 5px; |
||
+ | border: 2px solid #4a808a; |
||
+ | color: #e0e0e0; /* change for hydra (light) wikis */ |
||
+ | margin: 5px 5px 5px 5px; |
||
+ | padding: 5px 5px 5px 5px; |
||
+ | } |
||
+ | |||
+ | .fpbox > div:not(.heading):not(.fplinks):not(.fpvideos):not(.nomobile) { |
||
+ | padding: 0 15px; |
||
+ | } |
||
+ | |||
+ | .fpplainbox { |
||
+ | padding: 5px 8px 10px 8px; |
||
+ | margin: 0 5px 10px 5px; |
||
+ | vertical-align: top; |
||
+ | } |
||
+ | |||
+ | @font-face { |
||
+ | font-family: 'AlegreyaSans-Regular'; |
||
+ | src: local('AlegreyaSans-Regular'), local('AlegreyaSans-Regular'), url(/media/hydra/fonts/AlegreyaSans-Regular.ttf) format('truetype'); |
||
+ | } |
||
+ | |||
+ | .fpbox .welcome, |
||
+ | .fpbox .heading { |
||
+ | font-family: 'Exo2-Bold'; |
||
+ | font-weight: 900 !important; |
||
+ | text-shadow: 2px 2px 1px #043233; |
||
+ | color: #75b1bb !important; |
||
+ | } |
||
+ | |||
+ | .fpbox .welcome { |
||
+ | color: #e0e0e0; /* change for hydra (light) wikis */ |
||
+ | font-size: 200%; |
||
+ | margin: 10px 0 0px 0; |
||
+ | padding: 0 0 5px 0; |
||
+ | text-transform: uppercase; |
||
+ | letter-spacing: 5px; |
||
+ | } |
||
+ | |||
+ | .fpbox .heading { |
||
+ | border-bottom: 1px solid rgba(200, 200, 200, 0.3); |
||
+ | color: #e0e0e0; /* change for hydra (light) wikis */ |
||
+ | font-variant: small-caps; |
||
+ | margin: 0 0 10px 0; |
||
+ | padding: 5px 0 5px 0; |
||
+ | letter-spacing: 5px; |
||
+ | font-size: 150%; |
||
+ | } |
||
+ | |||
+ | .fpbox .heading .smalllink { |
||
+ | color: #e0e0e0; /* change for hydra (light) wikis */ |
||
+ | font-size: 75%; |
||
+ | font-weight: bold; |
||
+ | } |
||
+ | |||
+ | .fpbox hr { |
||
+ | border: none; |
||
+ | border-bottom: 2px solid #505050; |
||
+ | } |
||
+ | |||
+ | .fplinks { |
||
+ | margin: -5px; |
||
+ | } |
||
+ | |||
+ | .fplinks .linkslabel { |
||
+ | background: rgba(0, 0, 0, 0); |
||
+ | border-bottom: 2px solid #505050; |
||
+ | margin: 15px 5px 5px 5px; |
||
+ | padding: 0 0 5px 0; |
||
+ | } |
||
+ | |||
+ | .fplink { |
||
+ | display: inline-block; |
||
+ | vertical-align: middle; |
||
+ | width: 100%; |
||
+ | } |
||
+ | |||
+ | /* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ |
||
+ | .fplink .box { |
||
+ | border-collapse: separate; |
||
+ | border-spacing: 5px; |
||
+ | display: table; |
||
+ | width: 100%; |
||
+ | } |
||
+ | |||
+ | .fplink .box .row { |
||
+ | display: table-row; |
||
+ | } |
||
+ | |||
+ | .fplink .box .row .cell { |
||
+ | border: 1px solid #959595; |
||
+ | border-radius: 4px; |
||
+ | color: #000000; |
||
+ | display: table-cell; |
||
+ | padding: 0 6px; |
||
+ | position: relative; |
||
+ | text-align: center; |
||
+ | vertical-align: middle; |
||
+ | } |
||
+ | |||
+ | .fplink.wide .box .row .cell { |
||
+ | padding: 0 5px; |
||
+ | } |
||
+ | |||
+ | #fptopsection .fplink.image, |
||
+ | #fpflexsection .fplink.image, |
||
+ | #fpbottomsection .fplink.image { |
||
+ | height: 114px; |
||
+ | width: 114px; |
||
+ | } |
||
+ | |||
+ | .fplink.image .box .row .cell { |
||
+ | height: 100px; |
||
+ | width: 100px; |
||
+ | vertical-align: bottom; |
||
+ | } |
||
+ | |||
+ | .fplink.image .box .row .cell .image img { |
||
+ | height: 100px; |
||
+ | width: 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 { |
||
+ | background: rgba(0, 0, 0, 0.1); |
||
+ | border-top: 2px solid #505050; |
||
+ | } |
||
+ | |||
+ | .fplink.wide a { |
||
+ | margin: 0 -5px; |
||
+ | } |
||
+ | |||
+ | .fpvideos { |
||
+ | margin: 0 auto; |
||
+ | overflow: hidden; |
||
+ | text-align: center; |
||
+ | } |
||
+ | |||
+ | .fpvideo { |
||
+ | display: inline-block; |
||
+ | margin: 0 5px; |
||
+ | } |
||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .FP_icon { |
||
+ | display: inline-block; |
||
+ | vertical-align: top; |
||
+ | padding: 0px 35px 5px 5px; |
||
+ | margin: 2px; |
||
+ | text-align: center; |
||
+ | font-weight: bold; |
||
+ | max-width: 135px; |
||
+ | } |
||
+ | |||
+ | /* Special tweaks */ |
||
+ | a.new:link, |
||
+ | a.new:visited { |
||
+ | color:#f50505 !important; |
||
+ | } |
||
+ | |||
+ | h1, h2 { |
||
+ | border-bottom-color: #e0e0e0 !important; |
||
+ | } |
Revision as of 04:56, 4 July 2018
/* CSS placed here will affect users of the Hydradark skin */
/* For elements which only display in the mobile view */
.mobileonly {
display: none;
}
@font-face {
font-family: 'Exo2-Bold';
src: local('Exo2-Bold'), local('Exo2-Bold'), url('/media/hydra/fonts/Exo2-Bold.ttf') format('truetype');
}
/* Hide main page header */
body.page-Overload_Wiki h1.firstHeading {
display:none;
}
/* When title sub line is empty, remove its margin */
#contentSub:empty {
margin: 0;
}
/* Bullet color (white) */
ul {
list-style-type: disc;
list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}
/* Gamepedia lines */
footer {
border-top: #f48020 3px solid;
}
.netbar-flex {
border-bottom: 1px solid #f48020;
}
/* Logo */
#mw-panel {
margin-top: 10px;
}
#p-logo {
top: -165px;
}
#p-logo a {
height: 240px;
width: 164px;
}
/* Background */
body {
background: url(https://overload.gamepedia.com/media/overload.gamepedia.com/3/3a/Bg.png?version=f6306a7fcc24a7031b63c8c84e6b57e1) no-repeat fixed center top / cover #000;
}
div#mw-page-base {
background: transparent;
}
/* FP */
div#content a:link:not(.new),
div#content a:visited:not(.new) {
color: #fe660a;
font-weight: bold;
}
div#content {
margin-right:5px;
}
div#content,
div.vectorMenu div.menu {
border: none;
background-color: rgba(0,0,0,0.0);
color: white;
border-top:#75b1bb dotted 1px;
padding-left: 3px;
}
div.vectorMenu div.menu {
top: 39px;
}
div.vectorMenu div.menu li:hover {
background: rgba(255,255,255,0.3);
}
div.vectorMenu div.menu li a:link,
div.vectorMenu div.menu li a:visited {
text-decoration: none;
font-weight: bold;
color: white;
}
/* Navs */
/* Top nav */
div#left-navigation {
margin-left: 195px !important;
}
div.vectorMenu h3,
div.vectorMenu h3 a,
div.vectorMenu h5 a {
background-image: none !important;
background: inherit !important;
}
div.vectorMenu h3 a:link,
div.vectorMenu h3 a:visited,
div.vectorMenu h5 a:link,
div.vectorMenu h5 a:visited,
div.vectorMenu h3 span,
div.vectorMenu h5 span {
color: white !important;
font-weight: bold !important;
text-shadow: 0px 0px 7px white;
}
div.vectorTabs ul li,
div.vectorTabs li.selected {
background: none !important;
}
div.vectorTabs ul {
background: none;
}
div.vectorTabs ul li a:link,
div.vectorTabs ul li a:visited,
div.vectorTabs li.selected a:link,
div.vectorTabs li.selected a:visited {
color: white;
text-shadow: 0px 0px 7px white;
}
div.vectorMenu h3 span,
div.vectorMenu h5 span {
margin-top: -1px;
}
div.vectorMenu h3,
div.vectorMenu h3 a,
div.vectorMenu h5 a {
background-image: none !important;
background: inherit !important;
}
div.vectorTabs ul li,
div.vectorTabs li.selected {
background: none !important;
}
div.vectorTabs span {
background: none !important;
font-weight: bold !important;
}
div.vectorTabs {
background: none !important;
}
div.vectorMenu h3 span,
div.vectorMenu h5 span {
background: none !important;
background-image: none !important;
border:0 !important;
}
#p-sharing-label,
#p-cactions-label {
text-shadow: 0px 0px 7px black;
}
/* Sidebar */
.skin-hydradark #mw-panel.collapsible-nav .portal {
background: none;
}
#mw-panel a:visited,
#mw-panel a:link {
color: white !important;
text-shadow: 0px 0px 7px #000;
}
#mw-panel h3 {
color: white !important;
font-weight: bold !important;
}
div#mw-panel div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) {
background-color: rgba(0, 0, 0, 0.0);
margin: 5px;
}
#mw-panel.collapsible-nav .portal#p-claimWiki {
margin-left: 5px;
}
.skin-hydradark #mw-panel.collapsible-nav div.portal,
div#mw-panel div.portal {
background: transparent;
}
div#mw-panel div.portal {
margin-left: 5px;
}
/* toc */
#toc {
background-color: rgba(0,0,0,0.1) !important;
border: 1px solid #B39DA7 !important;
padding: 15px 20px;
}
/* Tables */
table.wikitable td {
padding: 10px !important;
border: 1px solid #888 !important;
}
table.wikitable th {
background-color: #2ec4c4 !important;
color: black;
}
/* Footer */
div#footer {
background: rgba(0, 0, 0, 0.55);
margin-top: 10px !important;
margin-bottom: 10px !important;
border: #fff 1px solid;
}
div#footer li {
color: white !important;
}
div#footer a:link,
#footer a:visited {
color: white;
text-decoration: underline;
}
/* Side-by-side previews */
div.wikiEditor-ui,
div.wikiEditor-preview-contents {
background: transparent !important;
}
div.wikiEditor-ui-controls {
background: none;
}
div.wikiEditor-ui-buttons {
background: none;
border-top: none;
}
/* calinks */
.catlinks {
border: 1px solid #75b1bb !important;
padding-left: 15px !important;
}
/* Preferences */
.skin-hydradark #preftoc li a {
font-weight: normal;
}
.skin-hydradark #preftoc li.selected a {
font-weight: bold;
}
.skin-hydradark #preferences legend {
color: #fe660a;
font-weight: bold;
font-size: 110%;
}
/* Search */
.skin-hydradark .mw-search-profile-tabs {
padding: 5px;
border: #fe660a 1px solid;
}
.skin-hydradark .mw-search-profile-tabs li.current a:link,
.skin-hydradark .mw-search-profile-tabs li.current a:visited {
font-weight: bold;
color: #fe660a !important;
}
/* Black sort arrows on sortable tables */
table.jquery-tablesorter th.headerSort {
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%209%22%20height%3D%229%22%20width%3D%2221%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M14.5%205l-4%204-4-4zM14.5%204l-4-4-4%204z%22%2F%3E%0A%3C%2Fsvg%3E%0A) !important;
}
table.jquery-tablesorter th.headerSortUp {
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%204%22%20height%3D%224%22%20width%3D%2221%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6.5%204l4-4%204%204z%22%2F%3E%0A%3C%2Fsvg%3E%0A) !important;
}
table.jquery-tablesorter th.headerSortDown {
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%204%22%20height%3D%224%22%20width%3D%2221%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M14.5%200l-4%204-4-4z%22%2F%3E%0A%3C%2Fsvg%3E%0A) !important;
}
/* Expand link color */
.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a,
.mw-collapsible-toggle.mw-collapsible-toggle-expanded a {
color:black !important;
}
/* Visual editor */
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
background-color: #282828;
border: 1px solid #383838;
box-shadow: 0 2px 2px 0 rgba(255,255,255,0.2);
}
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
color: #e0e0e0;
}
.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-outlineOptionWidget.oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement.oo-ui-labelElement:hover {
background-color: rgba(255,255,255,0.2);
}
.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator,
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
filter: invert(100%);
}
.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
filter: unset;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
border-color: #ffffff;
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
background-color: rgba(255,255,255,0.2);
}
.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label,
.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
filter: invert(100%);
}
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
background-color: #282828;
}
.oo-ui-indicator-down {
background-image: linear-gradient(transparent,transparent),url(https://commons.gamepedia.com/media/commons.gamepedia.com/0/00/Light_down_arrow.svg);
filter: unset;
}
.ve-ui-mwSaveDialog-options {
background-color: #282828;
}
.ve-ui-mwSaveDialog-license {
color: #e0e0e0;
}
/* Page history tweaks */
td.diff-addedline .diffchange {
background: none;
color: #bfd959;
}
td.diff-deletedline .diffchange {
background: none;
color: #e62444;
}
td.diff-addedline,
td.diff-deletedline {
border-color: transparent;
}
/* Interwiki page legend tweak */
.mw-collapsible-toggle.mw-collapsible-toggle-expanded a,
.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
color: #ffffff;
}
/* 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 {
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;
}
/* 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;
}
.feature {
background: rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 5px;
padding: 10px;
}
/* Navbox template style */
table.navbox {
border: 1px solid #505050;
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 */
/* this CSS governs the responsive 2 column main page layout */
.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-radius: 5px;
border: 2px solid #4a808a;
color: #e0e0e0; /* change for hydra (light) wikis */
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}
.fpbox > div:not(.heading):not(.fplinks):not(.fpvideos):not(.nomobile) {
padding: 0 15px;
}
.fpplainbox {
padding: 5px 8px 10px 8px;
margin: 0 5px 10px 5px;
vertical-align: top;
}
@font-face {
font-family: 'AlegreyaSans-Regular';
src: local('AlegreyaSans-Regular'), local('AlegreyaSans-Regular'), url(/media/hydra/fonts/AlegreyaSans-Regular.ttf) format('truetype');
}
.fpbox .welcome,
.fpbox .heading {
font-family: 'Exo2-Bold';
font-weight: 900 !important;
text-shadow: 2px 2px 1px #043233;
color: #75b1bb !important;
}
.fpbox .welcome {
color: #e0e0e0; /* change for hydra (light) wikis */
font-size: 200%;
margin: 10px 0 0px 0;
padding: 0 0 5px 0;
text-transform: uppercase;
letter-spacing: 5px;
}
.fpbox .heading {
border-bottom: 1px solid rgba(200, 200, 200, 0.3);
color: #e0e0e0; /* change for hydra (light) wikis */
font-variant: small-caps;
margin: 0 0 10px 0;
padding: 5px 0 5px 0;
letter-spacing: 5px;
font-size: 150%;
}
.fpbox .heading .smalllink {
color: #e0e0e0; /* change for hydra (light) wikis */
font-size: 75%;
font-weight: bold;
}
.fpbox hr {
border: none;
border-bottom: 2px solid #505050;
}
.fplinks {
margin: -5px;
}
.fplinks .linkslabel {
background: rgba(0, 0, 0, 0);
border-bottom: 2px solid #505050;
margin: 15px 5px 5px 5px;
padding: 0 0 5px 0;
}
.fplink {
display: inline-block;
vertical-align: middle;
width: 100%;
}
/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
border-collapse: separate;
border-spacing: 5px;
display: table;
width: 100%;
}
.fplink .box .row {
display: table-row;
}
.fplink .box .row .cell {
border: 1px solid #959595;
border-radius: 4px;
color: #000000;
display: table-cell;
padding: 0 6px;
position: relative;
text-align: center;
vertical-align: middle;
}
.fplink.wide .box .row .cell {
padding: 0 5px;
}
#fptopsection .fplink.image,
#fpflexsection .fplink.image,
#fpbottomsection .fplink.image {
height: 114px;
width: 114px;
}
.fplink.image .box .row .cell {
height: 100px;
width: 100px;
vertical-align: bottom;
}
.fplink.image .box .row .cell .image img {
height: 100px;
width: 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 {
background: rgba(0, 0, 0, 0.1);
border-top: 2px solid #505050;
}
.fplink.wide a {
margin: 0 -5px;
}
.fpvideos {
margin: 0 auto;
overflow: hidden;
text-align: center;
}
.fpvideo {
display: inline-block;
margin: 0 5px;
}
.FP_icon {
display: inline-block;
vertical-align: top;
padding: 0px 35px 5px 5px;
margin: 2px;
text-align: center;
font-weight: bold;
max-width: 135px;
}
/* Special tweaks */
a.new:link,
a.new:visited {
color:#f50505 !important;
}
h1, h2 {
border-bottom-color: #e0e0e0 !important;
}