Encredechine (talk | contribs) No edit summary |
Encredechine (talk | contribs) No edit summary |
||
Line 714: | Line 714: | ||
background-color: #202020; |
background-color: #202020; |
||
} |
} |
||
− | |||
/**************** |
/**************** |
Revision as of 17:57, 16 January 2018
/**************************************
* CSS Contents *
*------------------------------------*
* I. Mobile Styling *
* II. Custom Fonts *
* III. General Styling *
* IV. Logo Styling *
* V. Header Styling *
* VI. Footer Styling *
* VII. Article Navigation Bar *
* VIII. Site Notice Styling *
* IX. Netbar Styling *
* X. Sidebar Styling *
* XI. Link Styling *
* XII. Article Styling *
* XIII. Table Styling *
* XIV. Editor Styling *
* XV. File Styling *
* XVI. Template Examples *
* XVII. Notice Templates *
* XVIII. Image Licenses *
* XIX. Main Page Styling *
* XX. Infobox Styling *
* XXI. Profile Styling *
* XXII. Various Styling *
* XXIII. General Fixes *
* XIV. Removed *
**************************************/
/******************
* Mobile Styling *
******************/
.mobileonly {
display: none;
}
/****************
* Custom Fonts *
****************/
@font-face {
font-family: 'OpenSans';
font-weight: 400;
font-style: normal;
src: url(//hydra-media.cursecdn.com/hydra/fonts/OpenSans-Regular.ttf);
}
@font-face {
font-family: 'OpenSans';
font-weight: 700;
font-style: normal;
src: url(//hydra-media.cursecdn.com/hydra/fonts/OpenSans-Bold.ttf);
}
@font-face {
font-family: 'OpenSans';
font-weight: 400;
font-style: italic;
src: url(//hydra-media.cursecdn.com/hydra/fonts/OpenSans-Italic.ttf);
}
@font-face {
font-family: 'OpenSans';
font-weight: 700;
font-style: italic;
src: url(//hydra-media.cursecdn.com/hydra/fonts/OpenSans-BoldItalic.ttf);
}
/*******************
* General Styling *
*******************/
body {
background-image: url(//hydra-media.cursecdn.com/skyforge.gamepedia.com/2/2c/Planetbg.jpg);
background-position: center top;
background-attachment: fixed;
background-repeat: no-repeat;
background-color: #000000;
background-size: cover;
color: #000000;
font-family: 'OpenSans', sans-serif;
}
body.page-Main_Page h1#firstHeading,
body.page-Skyforge_Wiki h1#firstHeading {
display: none;
}
.contentbox {
border: 1px solid #aaaaaa;
background: #eeeeee;
color: #333333;
margin: 0 0 10px;
padding: 3px 6px;
overflow: auto;
}
span.bullet {
background: transparent no-repeat center 60%;
width: 9px;
font-size: 11px;
vertical-align: baseline;
}
.dablink {
padding: 2px 36px 10px;
font-style: italic;
}
span.ghost {
color: #777777;
}
.columns {
padding: 0;
margin: 10px 0 0;
overflow: hidden;
}
.columns .leftcol {
float: left;
width: 50%;
margin: 0;
padding: 0;
}
.columns .centercol {
float: left;
margin: 0;
padding: 0;
}
.columns .rightcol {
float: right;
width: 50%;
margin: 0;
padding: 0;
}
.skin-hydradark .mw-ui-button.mw-ui-progressive,
.skin-hydradark .mw-ui-button.mw-ui-primary {
background: #122C3B none repeat scroll 0 0;
border-color: #122C3B;
}
.skin-hydradark .mw-ui-button.mw-ui-progressive:hover,
.skin-hydradark .mw-ui-button.mw-ui-primary:hover {
background: #29414E none repeat scroll 0 0;
border-color: #29414E;
}
.skin-hydradark .mw-ui-button.mw-ui-progressive:disabled,
.skin-hydradark .mw-ui-button.mw-ui-primary:disabled,
.skin-hydradark .mw-ui-button.mw-ui-progressive:disabled:hover,
.skin-hydradark .mw-ui-button.mw-ui-primary:disabled:hover {
background: #8e9ca4 none repeat scroll 0 0;
border-color: #8e9ca4;
}
.mw-ui-input:focus,
.mw-ui-input.createboxInput:focus {
border-color: #C0A766;
box-shadow: 0 0 0 2px #C0A766 inset;
}
/****************
* Logo Styling *
****************/
#p-logo a {
background-size: 100%;
margin-top: 24px;
background-position: 50% 50%;
}
button {
border: rgba(255,255,255,.4) ridge 1px;
background-color: #202020;
color: #FFFFFF;
}
/******************
* Header Styling *
******************/
div#mw-page-base {
height: 84px;
background: none;
}
div#mw-head-base {
background: rgb(37, 44, 44);
background: rgba(37, 44, 44, 0.9);
display: block;
height: 4em;
margin-left: 11em;
margin-top: -5.2em;
}
div#mw-head {
background: none;
}
/******************
* Footer Styling *
******************/
div#footer ul li {
color: #ffffff;
text-shadow: 0 0 2px #000000;
}
div#footer {
border-radius: .5em;
border-style: solid;
border-width: 3px;
border-color: #D1A766;
background-color: rgba(0,0,0,0.6);
margin-right: 1em;
margin-top: 1em;
margin-bottom: 1em;
}
/************************
* MediaWiki Navigation *
************************/
div#mw-page-base {
display: none;
}
div#mw-head {
background-image: none;
background-color: transparent;
}
div#mw-head-base {
background-color: #293030;
background-image: linear-gradient(to top, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 10px);
margin: 0;
height: 90px;
}
#left-navigation,
#right-navigation {
margin-top: calc( 35px - 1.25em );
}
#left-navigation {
margin-left: 11em;
}
#right-navigation {
margin-right: 0;
}
div.vectorTabs,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected,
div.vectorTabs ul li span,
div.vectorTabs ul li.selected span,
div#mw-head div.vectorMenu h3,
div.vectorTabs li a {
background-image: none;
background-color: transparent;
}
div.vectorTabs li a,
div.vectorTabs li a:visited,
div.vectorMenu h3 span {
color: #ffffff;
}
div.vectorTabs li a:hover,
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
background-image: linear-gradient(to top, #ffffff 0%, #ffffff 3px, transparent 3px);
text-decoration: none;
}
div.vectorMenu {
background-repeat: no-repeat;
background-position: 100% 70%;
font-size: 14px;
top: 1.5px;
}
div.vectorMenu div.menu {
background: rgba(0,0,0,0.6);
border: solid 1px #D1A766;
border-radius: 1em;
padding: .5em;
}
div.vectorMenu ul {
background: none;
border: none;
}
div.vectorMenu li a {
color: #FFFFFF;
}
/***********************
* Site Notice Styling *
***********************/
/******************
* Netbar Styling *
******************/
/* Alert - Popup */
.mw-echo-ui-notificationsWidget-loadingOption {
background-color: #1F1F1F;
}
.skin-hydradark .oo-ui-popupWidget-popup {
background-color: #000000;
}
.mw-echo-state .mw-echo-notifications {
background-color: #262626;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus {
border-color: #262626;
box-shadow: 0 0 0 1px #262626 inset;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed .oo-ui-buttonElement-button {
background-color: #1a1a1a;
}
.skin-hydradark .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor::after {
border-bottom-color: #000000;
}
.skin-hydradark .oo-ui-pendingElement-pending::after {
background: none;
}
.mw-echo-ui-notificationItemWidget-initiallyUnseen {
animation-fill-mode: none;
background-color: #353535;
}
.mw-echo-ui-notificationItemWidget-initiallyUnseen.mw-echo-ui-notificationItemWidget-unread {
animation-name: none;
}
/* Alert - Collapse Button */
.skin-hydradark .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected,
.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed,
.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted,
.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
background-color: #000000;
}
/*******************
* Sidebar Styling *
*******************/
div#mw-panel {
padding: 0;
top: 107px;
width: 11em;
}
.skin-hydradark #mw-panel.collapsible-nav div.portal:not(#p-claimWiki):not(#p-sitePromos):not(#p-socialProfiles) {
background-image: none;
border: 1px solid #D1A766;
background-color: rgba(0,0,0,0.6);
border-radius: .5em;
padding: .25em;
margin: 0 .5em 1em;
}
.skin-hydradark #mw-panel.collapsible-nav div.portal h3,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 {
background-color: transparent;
color: #fdd563;
}
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav div.portal.collapsed h3 a {
color: inherit !important;
}
.skin-hydradark #mw-panel.collapsible-nav .portal#p-claimWiki h3,
.skin-hydradark #mw-panel.collapsible-nav .portal#p-sitePromos h3,
.skin-hydradark #mw-panel.collapsible-nav .portal#p-socialProfiles h3 {
display: none;
}
div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:link,
div#mw-panel div.portal div.body ul li a:visited {
color: #ffffff;
}
#mw-navigation #mw-panel {
text-transform: capitalize;
}
/****************
* Link Styling *
****************/
a,
.mw-body a.external,
.mw-body a.extiw,
.mw-body a.extiw:active,
.plainlinks a,
.plainlinks a:visited,
.mediawiki.sitedir-ltr.page-Skyforge_Wiki a,
.mediawiki.sitedir-ltr.page-Skyforge_Wiki_Community_Portal a,
.userinfo a,
.userinfo a:visited,
.rightcolumn a:visited,
.rightcolumn a,
.activity .rightfloat a,
.activity .rightfloat a:visited,
.comments .rightfloat a,
.comments .rightfloat a:visited,
.mediawiki.sitedir-ltr.page-Skyforge_Wiki div#content a.extiw:visited,
.mediawiki.sitedir-ltr.page-Skyforge_Wiki div#content a.external:visited,
.mediawiki.sitedir-ltr.page-Skyforge_Wiki_Community_Portal div#content a.extiw:visited,
.mediawiki.sitedir-ltr.page-Skyforge_Wiki_Community_Portal div#content a.external:visited,
div#content .userinfo a.external,
div#content .userinfo a.external:visited,
div#content .rightcolumn a.external:visited,
div#content .rightcolumn a.external,
div#content .userinfo a.extiw,
div#content .userinfo a.extiw:visited,
div#content .rightcolumn a.extiw:visited,
div#content .rightcolumn a.extiw,
div#content .mw-body .plainlinks a.external,
.skin-hydradark #mw-indicator-mw-helplink a {
color: #D1A766;
font-weight: bold;
}
a:active,
a:visited,
.mediawiki.sitedir-ltr a:active,
div#content a.external:visited,
div#content a.extiw:visited,
.userinfo a.external:active,
.userinfo a.extiw:active,
.rightcolumn a.external:active,
.rightcolumn a.extiw:active,
.userinfo a.external:active,
.userinfo a.extiw:active,
.mediawiki.sitedir-ltr.page-Skyforge_Wiki div#content a.extiw:visited:active,
.mediawiki.sitedir-ltr.page-Skyforge_Wiki div#content a.external:visited:active,
.mediawiki.sitedir-ltr.page-Skyforge_Wiki_Community_Portal div#content a.extiw:visited:active,
.mediawiki.sitedir-ltr.page-Skyforge_Wiki_Community_Portal div#content a.external:visited:active,
div#content .mw-body .noExternal a.external:active,
div#content .mw-body .noExternal a.external:visited,
div#content .userinfo a.external:active,
div#content .userinfo a.extiw:active,
div#content .rightcolumn a.external:active,
div#content .rightcolumn a.extiw:active {
color: #A08751;
font-weight: bold;
}
.noExternal a.external {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
padding: 0;
}
/*******************
* Article Styling *
*******************/
div#content {
border: 1px solid #D1A766;
background-color: rgba(0,0,0,0.6);
margin-right: 1em;
margin-top: 1em;
border-radius:5px;
}
div#content hr {
background-color: rgba(0,0,0,0.8);
}
div.toc,
div#toc,
#catlinks,
div.mw-warning {
background: rgba(0,0,0,0.5);
border: none;
border-radius: .25em;
}
code {
background-color: rgba(0,0,0,0.8);
border: none;
}
pre,
.mw-code {
border-color: #D1A766;
background-color: rgba(0,0,0,.5);
color:white;
}
fieldset {
border-color:#D1A766;
}
/*****************
/* Table Styling *
/*****************/
table.wikitable {
margin: 1em 0;
background-color: transparent;
border-collapse: collapse;
color: #DBB676;
border: none;
}
table.wikitable tr th,
table.wikitable * tr th {
border: 1px #DBB676 solid;
background-color: rgba(46, 46, 46, 0.8);
}
table.wikitable tr td {
border: none;
}
.skin-hydradark .mw-datatable {
background: none;
border-collapse: separate;
}
.skin-hydradark .mw-datatable,
.skin-hydradark .mw-datatable td,
.skin-hydradark .mw-datatable th {
border: none;
}
.skin-hydradark .mw-datatable th {
background: rgba(0, 0, 0, .14);
}
.skin-hydradark .mw-datatable td {
background: rgba(0, 0, 0, .07);
}
.skin-hydradark .mw-datatable tr:hover td {
background: rgba(0, 0, 0, .14);
}
ul {
list-style-image: url(//hydra-media.cursecdn.com/skyforge.gamepedia.com/7/7a/Bullet.png);
}
fieldset {
border: 1px solid rgba(0, 0, 0, .14);
}
/* Page History */
#pagehistory li {
border-color: transparent;
}
#pagehistory li.selected {
border: 1px dashed rgba(0, 0, 0, .14);
}
.mw-enhancedchanges-arrow.mw-collapsible-toggle-collapsed {
background-image: url(//hydra-media.cursecdn.com/backtoschool.gamepedia.com/9/9f/Arrow-collapsed-ltr.png);
}
.mw-enhancedchanges-arrow.mw-collapsible-toggle-expanded {
background-image: url(//hydra-media.cursecdn.com/backtoschool.gamepedia.com/f/fc/Arrow-expanded.png);
}
.skin-hydradark table.diff,
.skin-hydradark td.diff-otitle,
.skin-hydradark td.diff-ntitle {
background-color: rgba(0, 0, 0, 0);
}
.skin-hydradark td.diff-addedline,
.skin-hydradark td.diff-deletedline,
.skin-hydradark td.diff-context {
border-style: solid;
border-width: 1px 1px 1px 4px;
}
.skin-hydradark td.diff-context {
background: none repeat scroll 0 0 transparent;
color: #C0C0C0;
}
.skin-hydradark td.diff-deletedline {
background-color: #440000;
border-color: #E62444;
}
.skin-hydradark td.diff-deletedline .diffchange {
color: #E62444;
}
.skin-hydradark td.diff-addedline {
background-color: #004400;
border-color: #BFD959;
}
.skin-hydradark td.diff-addedline .diffchange {
color: #BFD959;
}
/* special:preferences */
.skin-hydradark #preftoc {
background: none;
}
.skin-hydradark #preftoc ul,
.skin-hydradark #preftoc li {
background: none;
}
.skin-hydradark #preftoc li {
height: auto;
}
.skin-hydradark #preftoc a,
.skin-hydradark #preftoc a:active {
color: #FFFFFF;
}
.skin-hydradark #preftoc li.selected a {
background: #2E2E2E;
color: #FFFFFF;
}
.skin-hydradark #preferences {
background: rgba(0, 0, 0, .07);
border-color: rgba(0, 0, 0, .14);
margin-top: 0;
}
.skin-hydradark #preferences fieldset {
border-color: rgba(0, 0, 0, .14);
}
.skin-hydradark .mw-search-profile-tabs {
background-color: #4C4C4C;
border: 1px solid gray;
margin-top: 1em;
}
.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a {
color: #FFFFFF;
cursor: default;
}
.skin-hydradark fieldset#mw-searchoptions {
background: rgba(0, 0, 0, .07);
border: none!important;
/* Overrides the User-Agent Stylesheet */
}
.skin-hydradark fieldset#mw-searchoptions div.divider {
border-bottom: 1px solid rgba(0, 0, 0, .07);
}
/******************
* Editor Styling *
******************/
body textarea {
background-color: rgba(51, 51, 51, 0.8);
color: #C1C1C1;
font-family: courier, monospace;
padding: 1em;
border: none;
}
#msupload-div {
background: rgba(20, 20, 20, 0.9) none repeat scroll 0 0;
border: 1px solid rgba(85, 85, 85, 0.5);
}
#msupload-dropzone {
border: 1px inset #DDDDDD;
}
.skin-hydradark td.diff-addedline .diffchange {
color: #44a268;
}
.skin-hydradark td.diff-addedline .diffchange {
background: #c8d8fe none repeat scroll 0 0;
}
body .ui-dialog .ui-icon-closethick {
background: rgba(0, 0, 0, 0) url("//hydra-media.cursecdn.com/skyforge.gamepedia.com/0/09/CloseIcon-0.svg") no-repeat scroll 50% 50% !important;
/* Forces change across all browsers */
}
body .ui-dialog .ui-widget-header,
.ui-widget-header {
background: #2F2F2F !important;
border: 1px solid #CCCCCC;
}
.ui-widget-content,
.ui-dialog .ui-state-default,
.ui-dialog .ui-corner-all {
background: #181818 !important;
/* Overrides Imported StyleSheet */
color: #FFFFFF;
}
.ui-dialog .ui-button:hover,
.ui-widget-content .ui-state-default {
background: #2f2f2f !important;
/* Overrides Imported StyleSheet */
color: #FFFFFF;
}
.ui-dialog .ui-corner-all .ui-button,
.ui-dialog .ui-button:active {
background: #434343 !important;
/* Overrides Imported StyleSheet */
}
.ui-corner-all .ui-button-text-only:hover {
background: #434343 !important;
/* Overrides Imported StyleSheet */
}
body .ui-button:active,
body .ui-button:focus,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
border-color: #C0A766 !important;
/* Overrides Imported StyleSheet */
box-shadow: #C0A766;
color: #FFFFFF;
}
.ui-widget-header .ui-state-hover {
border: 1px solid #FFFFFF;
}
div.wikiEditor-publish-dialog-summary input,
div.wikiEditor-publish-dialog-options input,
.sitedir-ltr input,
.mw-input select,
select.mw-month-selector {
color: #FFFFFF;
background-color: #202020;
}
/****************
* File Styling *
****************/
#file img:hover,
.filehistory a img {
background: url(//hydra-media.cursecdn.com/commons.gamepedia.com/8/84/Dark_checker.svg) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.filehistory a img:hover {
background: rgba(0, 0, 0, 0);
}
#ca-unwatch.icon a {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjMmVkZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNjhiZGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEzLjQ3IiB5MT0iMTQuMzYzIiB4Mj0iNC41OTYiIHkyPSIzLjM5NyIgaWQ9ImIiIHhsaW5rOmhyZWY9IiNhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSJ1cmwoI2IpIiBzdHJva2U9IiM3Y2I1ZDEiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+);
}
#ca-watch.icon a {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSIjZmZmIiBzdHJva2U9IiM3Y2I1ZDEiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+);
}
#ca-unwatch.icon a:hover,
#ca-unwatch.icon a:focus {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjMmVkZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNjhiZGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEzLjQ3IiB5MT0iMTQuMzYzIiB4Mj0iNC41OTYiIHkyPSIzLjM5NyIgaWQ9ImIiIHhsaW5rOmhyZWY9IiNhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSJ1cmwoI2IpIiBzdHJva2U9IiNjOGIyNTAiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+);
}
#ca-watch.icon a:hover,
#ca-watch.icon a:focus {
background-image: linear-gradient(transparent, transparent),
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSIjZmZmIiBzdHJva2U9IiNjOGIyNTAiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+);
}
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
animation-delay: 0;
animation-direction: normal;
animation-duration: 700ms;
animation-fill-mode: none;
animation-iteration-count: infinite;
animation-name: rotate;
animation-play-state: running;
animation-timing-function: linear;
background-image: linear-gradient(transparent, transparent),
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSIjZmZmIiBzdHJva2U9IiNkMWQxZDEiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+);
background-position: 50% 60%;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium;
transform-origin: 50% 57% 0;
}
/*********************
* Template Examples *
*********************/
span.templateexmaple {
font-family: fixed-width;
}
span.templateexample span.templatelink {
font-weight: 700;
}
span.templateexample span.paramvalue {
color: #777777;
font-style: italic;
}
/********************
* Notice Templates *
********************/
.topNotice {
border: 2px solid #FF9900;
background: #FFFFFF;
color: #333333;
margin: 0 0 10px;
padding: 3px 6px;
overflow: auto;
}
.topNotice .heading {
color: #222222;
font-size: 132%;
font-weight: 700;
margin: 0 0 8px;
padding: 0;
}
.topNotice.delete {
border: 2px solid #FF0000;
}
.topNotice.move,
.topnotice.merge,
.topnotice.split {
border: 2px solid #BB8800;
}
.topNotice.pagestub,
.topNotice.imagerequest,
.topNotice.nowalkthrough {
border: 2px solid #008000;
}
/******************
* Image Licenses *
******************/
.imageLicense {
border: 2px solid #FF6600;
background: #FFFFFF;
color: #333333;
margin: 0 0 10px;
padding: 3px 6px;
}
.imageLicense.nolicense {
border: 2px solid #FF0000;
}
/********************
* Main page layout *
********************/
#mp-layout {
display: flex;
flex-wrap: wrap;
}
#mp-layout .mp-block {
background: rgba(0,0,0,0.3);
display: flex;
flex-direction: column;
border: solid 1px #D1A766;
border-radius: 1em;
padding: .5em;
margin: .5em;
}
#mp-layout .mp-block .mp-heading {
color: #fdd563;
font-size: 120%;
flex: auto 0 0;
}
#mp-layout .mp-block .mp-content {
flex: auto 1 1;
}
.mp-beta-button {
text-align: center;
}
div#content .mp-beta-button a.external {
display: inline-block;
background: linear-gradient(to bottom,#d43232 0%,#bb2020 27%,#bb2020 77%,#cd2d2d 100%);
padding: 1em;
text-transform: uppercase;
font-weight: bold;
color: #ffffff;
border: 1px solid #f45757;
border-radius: 3px;
text-shadow: 1px 1px rgba(0,0,0,0.1);
box-shadow: inset 0 0 0 0 #ff8c8c;
}
div#content .mp-beta-button a.external:hover {
color: #ffffff;
background: linear-gradient(to bottom,#d43232 0%,#eb2727 27%,#eb2727 77%,#eb2727 100%);
box-shadow: inset 0px 0px 20px 5px #ff8c8c;
}
#mp-layout #welcome {
flex: 100% 1 1;
text-align: center;
}
#mp-layout #about {
flex: 30em 1 1;
}
#mp-layout #video {
padding: 0;
overflow: hidden;
}
#mp-layout #video iframe {
display: block;
}
#mp-layout #gameplay {
flex: auto 1 1;
}
#mp-layout #world {
flex: auto 1 1;
}
#mp-layout .mp-block#news {
flex: 30em 1 1;
}
#mp-layout .mp-block#news .mp-content {
flex: 20em 1 1;
overflow-y: scroll;
}
#gameplay-layout {
display: flex;
flex-wrap: wrap;
}
#gameplay-layout > div {
flex: auto 0 0;
margin: .5em;
}
#world-layout {
display: flex;
flex-wrap: wrap;
}
#world-layout > div {
flex: auto 0 0;
margin: .5em;
}
/*******************
* Infobox Styling *
*******************/
.va-infobox-cont,
.va-infobox-group,
.va-infobox-mainimage-table,
.va-infobox-spacing-h,
.va-infobox-spacing-v {
background: transparent none repeat scroll 0 0;
}
.va-infobox {
background-color: rgba(30, 30, 30, 0.8);
border: 2px solid #DBB676;
border-radius: 3px;
float: right;
font-size: 11px;
line-height: 16px;
margin: 0 0 5px 10px;
position: relative;
}
.va-infobox-content,
.va-infobox-footer,
.va-infobox-header,
.va-infobox-image,
.va-infobox-label,
.va-infobox-title {
padding: 1px 2px;
}
.va-infobox-title {
background-color: rgba(46, 46, 46, 0.8);
border: 1px solid #DBB676;
border-radius: 3px;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
width: 100%;
}
.va-infobox-content {
background-color: rgba(30, 30, 30, 0.8);
border: 1px solid #DBB676;
border-radius: 3px;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
width: 100%;
}
.va-infobox-header,
.va-infobox-icon {
background-color: rgba(46, 46, 46, 0.8);
border: 1px solid #DBB676;
border-radius: 3px;
font-weight: 700;
}
.va-infobox-label {
background-color: rgba(46, 46, 46, 0.8);
border: 1px solid #DBB676;
border-radius: 3px;
font-weight: 700;
}
.va-infobox-spacing-h {
border-right: 1px solid transparent;
width: 0;
}
.va-infobox-mainimage-table img {
margin: 0 25px;
position: relative;
}
.vectorMenu h3 span {
color: #bd9a60;
text-transform: uppercase;
display: block;
font-size: .8em;
font-weight: 400;
margin-right: 20px;
padding-left: .7em;
padding-top: .9em;
}
/*******************
* Profile Styling *
*******************/
.curseprofile .rightcolumn {
width: 33%;
border: 2px solid #DBB676;
border-radius: 2px;
}
.curseprofile .rightcolumn h3 {
background: #2e2e2e none repeat scroll 0 0;
border: 1px solid #C0A766;
border-radius: 5px;
margin: 5px;
}
h3 .mw-headline {
padding: 5px;
}
.favorite img {
border-radius: 2px;
}
.rightcolumn .borderless.section {
padding: 0 6px;
}
img.GP-brand {
margin-bottom: 0;
}
img.level {
margin: .5em 0;
width: 140px;
}
.activity,
.comments {
border: 2px solid #DBB676;
}
.rightcolumn .section {
border: none;
}
.section h3 {
margin: 0 0 -.3em;
}
.section.stats dl {
width: auto;
}
.section.stats dd {
margin-right: 12px;
}
.section.stats dt,
.section .friends {
margin-left: 12px;
}
.section.achievements {
margin-left: 12px;
border-bottom: none;
}
.section.achievements h3 {
margin-left: -7px;
}
.section.friends h3 a,
.section.achievements h3 a {
font-size: .8em;
}
.section.friends ul.friends li {
margin-bottom: .2em;
}
.section.achievements h4 {
margin-bottom: .4em;
}
.curseprofile .entryform textarea {
box-sizing: border-box;
height: 6em;
}
/*******************
* Various Styling *
*******************/
.grad {
background: rgb(10, 22, 51);
background: -moz-linear-gradient(top, rgba(10, 22, 51, 1) 0%, rgba(92, 148, 170, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(10, 22, 51, 1)), color-stop(100%, rgba(92, 148, 170, 1)));
background: -webkit-linear-gradient(top, rgba(10, 22, 51, 1) 0%, rgba(92, 148, 170, 1) 100%);
background: -o-linear-gradient(top, rgba(10, 22, 51, 1) 0%, rgba(92, 148, 170, 1) 100%);
background: -ms-linear-gradient(top, rgba(10, 22, 51, 1) 0%, rgba(92, 148, 170, 1) 100%);
background: linear-gradient(to bottom, rgba(10, 22, 51, 1) 0%, rgba(92, 148, 170, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0a1633', endColorstr='#5c94aa', GradientType=0);
}
#gradHeader {
text-align: center;
color: #FFFFFF;
font-size: 90%;
padding: 5px 5px 4px 4px;
border: 1px solid #C0A766;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.slideboxlightshow .lb-container,
.lb-outerContainer {
background-color: #181818;
}
/***********
* Cleanup *
***********/
.uls-trigger,
.rss_item dl,
.rss_item .date_epoch,
#right-navigation #ca-view,
#p-claimWiki,
#p-socialProfiles,
#p-claimWiki,
#p-sharing,
.tipsy-inner,
.tipsy-arrow,
.imeselector,
#wikiEditor-section-advanced #msupload-select,
.uls-trigger,
#mw-panel div#p-remove {
display: none !important;
/* Ensures that these items will be removed */
}
.rss_item b:not(span) {
visibility: hidden !important;
/* Removes username in RSS Feed */
}
.rss_item span {
visibility: visible !important;
/* Ensures ONLY the username is removed */
}
/*******************
* Standard Search *
*******************/
div#simpleSearch {
border: 1px solid #D1A766;
background-color: rgba(0,0,0,0.6);
}
.skin-hydradark .suggestions-results,
.skin-hydradark .suggestions-special {
border-color: rgb(96,32,32);
background-color: rgba(0,0,0,.5);
}
.skin-hydradark .suggestions-result {
background-color: transparent;
color: #FFFFFF;
}
.skin-hydradark .suggestions-result:hover {
background-color: rgba(255,255,255,.1);
}
/*******************
* Advanced Search *
*******************/
.skin-hydradark .mw-search-profile-tabs {
background: rgb(48,16,16);
border: none;
}
.skin-hydradark .mw-search-profile-tabs div.search-types ul li a {
color: #ffffff;
}
.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a {
color: #ffffff;
background: linear-gradient(to top, #ffffff 0%, #ffffff 3px, transparent 3px);
}
.skin-hydradark fieldset#mw-searchoptions {
background: rgba(0,0,0,.2);
border-color: rgb(48,16,16) !important;
}
.skin-hydradark fieldset#mw-searchoptions div.divider {
border-color: rgb(96,32,32);
}
/*****************************************************************/
/* this section governs the responsive 3 column main page layout */
/*****************************************************************/
.fpmain {
width: 100%;
overflow: hidden;
z-index: 1;
}
.fpbanner {
background: rgba(0, 0, 0, 0.1);
border: 1px solid #505050;
box-shadow: 0 2px 5px #505050;
color: #B3B4B7;
margin: 0 5px 5px 5px;
padding: 5px;
min-height: 80px;
}
.fpbannertable {
display: table;
border: none;
background: transparent;
width: 100%;
min-height: 75px;
margin: 0;
padding: 5px;
}
.fpbannercell {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.fpbannerblock {
border: none;
color: #ffffff;
font-weight: bold;
text-shadow: 0 0 8px rgba(255, 255, 255, 0.75);
font-size: 132%;
width: 100%;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}
.fpmidsections {
float: left;
width: 100%;
overflow: hidden;
}
.fpbox {
background: rgba(0, 0, 0, 0.1);
border: 1px solid #d1a766;
box-shadow: 0 2px 5px #d1a766;
color: #B3B4B7;
margin: 5px;
padding: 5px;
overflow: auto;
}
.fpbox .mainheading {
border: none;
border-bottom: 1px solid #505050;
font-size: 150%;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
overflow: auto;
}
.fpbox .heading {
border: 1px solid #d1a766;
text-align: center;
font-size: 100%;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
overflow: auto;
color: #d1a766;
background: rgb(10, 22, 51);
background: -moz-linear-gradient(top, rgba(10, 22, 51, 1) 0%, rgba(92, 148, 170, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(10, 22, 51, 1)), color-stop(100%, rgba(92, 148, 170, 1)));
background: -webkit-linear-gradient(top, rgba(10, 22, 51, 1) 0%, rgba(92, 148, 170, 1) 100%);
background: -o-linear-gradient(top, rgba(10, 22, 51, 1) 0%, rgba(92, 148, 170, 1) 100%);
background: -ms-linear-gradient(top, rgba(10, 22, 51, 1) 0%, rgba(92, 148, 170, 1) 100%);
background: linear-gradient(to bottom, rgba(10, 22, 51, 1) 0%, rgba(92, 148, 170, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0a1633', endColorstr='#5c94aa', GradientType=0);
}
.fpmain .columns .leftcol {
width: 100%;
margin: 0;
padding: 0;
}
.fpmain .columns .rightcol {
width: 100%;
margin: 0;
padding: 0;
}
.fpsection1, .fpsection2, .fpsection3, .fpsection4 {
float: left;
clear: both;
width: 100%;
}
div.fp2columnonly, div.fp3columnonly {
display: none;
}
@media (min-width: 790px) {
.fpsection1 {
float: left;
clear: none;
width: 50%;
}
.fpmidsections {
clear: none;
float: right;
width: 50%;
}
.fpsection4 {
float: left;
clear: none;
width: 50%;
}
div.fp2columnonly {
display: block;
}
}
@media (min-width: 990px) {
.fpmain .columns .leftcol {
float: left;
width: 50%;
margin: 0;
padding: 0;
}
.fpmain .columns .rightcol {
float: right;
width: 50%;
margin: 0;
padding: 0;
}
}
@media (min-width: 1390px) {
.fpmidsections {
clear: none;
float: right;
width: 66.667%;
}
.fpsection1 {
clear: none;
width: 33.333%;
}
.fpsection2 {
clear: none;
width: 50%;
}
.fpsection3 {
clear: none;
width: 50%;
}
.fpsection4 {
clear: left;
width: 33.333%;
}
div.fp2columnonly {
display: none;
}
div.fp3columnonly {
display: block;
}
}
.fpbox.plain {
background: transparent;
border: none;
box-shadow: none;
}
.fpimagelist ul {
list-style-type: none;
list-style-image: none;
}
.fpvideos {
margin: 0 auto;
overflow: hidden;
text-align: center;
}
.fpvideo {
display: inline-block;
margin: 0 5px;
}
/*****************************/
/* end for 3 col resp layout */
/*****************************/
/* multiple fixes */
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
background-color: #181818;
color: #36c;
}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {
background-color:#181818;
color:#E0E0E0;
}
.mw-echo-ui-pageNotificationsOptionWidget-count {
background-color: #181818;
color: #E0E0E0;
}
.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
.oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
.oo-ui-iconElement .oo-ui-iconElement-icon,
.oo-ui-iconElement.oo-ui-iconElement-icon {
filter: invert(100%);
}
.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-notificationItemWidget-unread:hover {
background-color: #181818;
}
.mw-echo-ui-notificationsInboxWidget-main-toolbar-affixed {
background: #181818;
}
.mw-echo-ui-placeholderItemWidget {
background-color: #1F1F1F;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color:#202020;
color:#E0E0E0;
}
.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled,
.oo-ui-popupToolGroup.oo-ui-widget-enabled,
.oo-ui-popupWidget-popup {
background: #202020;
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
background-color: #202020;
}
.oo-ui-indicator-down,
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
filter:invert(100%);
}
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
color: #E0E0E0;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #666;
}
/*****************/
/* Visual Editor */
/*****************/
.skin-hydradark .oo-ui-toolbar-bar {
background: rgba(79,79,79,1);
background: -moz-linear-gradient(center top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: -webkit-gradient(center top, center top, color-stop(0%, rgba(79,79,79,1)), color-stop(100%, rgba(77,77,77,1)));
background: -webkit-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: -o-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: -ms-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: linear-gradient(to top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
border-bottom: 1px solid #333;
color: white;
}
.skin-hydradark .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button {
background: rgba(242,242,242,1);
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(207,207,207,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(100%, rgba(207,207,207,1)));
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(207,207,207,1) 100%);
background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(207,207,207,1) 100%);
background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(207,207,207,1) 100%);
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(207,207,207,1) 100%);
border: 1px solid rgba(242, 242, 242, 1);
}
.skin-hydradark .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button.oo-ui-buttonedElement-active,
.skin-hydradark .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
background: rgba(207,207,207,1);
background: -moz-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(207,207,207,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(207,207,207,1) 0%, rgba(242,242,242,1) 100%);
border: 1px solid rgba(207,207,207,1);;
}
.skin-hydradark .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled,
.skin-hydradark .oo-ui-popupToolGroup.oo-ui-widget-enabled,
.skin-hydradark .oo-ui-popupWidget-popup {
background: rgba(122,122,122,1);
background: -moz-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(128,128,128,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(122,122,122,1)), color-stop(100%, rgba(128,128,128,1)));
background: -webkit-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(128,128,128,1) 100%);
background: -o-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(128,128,128,1) 100%);
background: -ms-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(128,128,128,1) 100%);
background: linear-gradient(to bottom, rgba(122,122,122,1) 0%, rgba(128,128,128,1) 100%);
border-color: rgba(0, 0, 0, 0.2);
box-shadow: 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07) inset;
}
.skin-hydradark .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-popupTool,
.skin-hydradark .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
background: rgba(191,191,191,1);
background: -moz-linear-gradient(top, rgba(191,191,191,1) 0%, rgba(199,199,199,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(191,191,191,1)), color-stop(100%, rgba(199,199,199,1)));
background: -webkit-linear-gradient(top, rgba(191,191,191,1) 0%, rgba(199,199,199,1) 100%);
background: -o-linear-gradient(top, rgba(191,191,191,1) 0%, rgba(199,199,199,1) 100%);
background: -ms-linear-gradient(top, rgba(191,191,191,1) 0%, rgba(199,199,199,1) 100%);
background: linear-gradient(to bottom, rgba(191,191,191,1) 0%, rgba(199,199,199,1) 100%);
}
.skin-hydradark .oo-ui-popupToolGroup .oo-ui-toolGroup-tools,
.skin-hydradark .oo-ui-popupWidget .oo-ui-popupWidget-popup .oo-ui-buttonWidget {
background-color: rgba(191, 191, 191, 1);
border: 1px solid #888;
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
background-color: #444444;
}
.ve-ui-commentContextItem .ve-ui-linearContextItem-body {
color: white;
font-family: monospace,"Courier";
line-height: 1.25em;
margin-bottom: 1em;
margin-left: 0.5em;
margin-right: 0.5em;
margin-top: 0;
max-height: 10em;
overflow-x: auto;
overflow-y: auto;
padding-bottom: 0;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 0.5em;
white-space: pre-wrap;
}
/* iframe popups */
body.oo-ui-frame-body,
.skin-hydradark .oo-ui-popupWidget .oo-ui-popupWidget-popup {
background: rgba(79,79,79,1);
background: -moz-linear-gradient(center top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: -webkit-gradient(center top, center top, color-stop(0%, rgba(79,79,79,1)), color-stop(100%, rgba(77,77,77,1)));
background: -webkit-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: -o-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: -ms-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
background: linear-gradient(to top, rgba(79,79,79,1) 0%, rgba(77,77,77,1) 100%);
color: white;
}
.oo-ui-window-head .oo-ui-window-title {
color: #eee;
}
.oo-ui-window-body .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected {
background-color: #4e4e4e;
}
.oo-ui-window-body .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected,
body.oo-ui-window-body .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget .oo-ui-optionWidget-selected {
background-color: rgba(191, 191, 191, 1);
}
.oo-ui-window-body .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed {
background-color: #4e4e4e;
}
.oo-ui-fieldLayout-field .oo-ui-textInputWidget.oo-ui-widget-disabled input,
.oo-ui-fieldLayout-field .oo-ui-textInputWidget.oo-ui-widget-disabled input:focus,
.oo-ui-fieldLayout-field .oo-ui-textInputWidget.oo-ui-widget-disabled textarea,
.oo-ui-fieldLayout-field .oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus,
.skin-hydradark .oo-ui-popupWidget .oo-ui-popupWidget-popup .oo-ui-buttonWidget label {
color: #333;
}
.oo-ui-panelLayout.oo-ui-bookletLayout-outlinePanel {
border-right: 1px solid #666;
}
.skin-hydradark .oo-ui-dialog .oo-ui-window-frame {
border: 1px solid #666;
}
body.oo-ui-window-body .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget .oo-ui-optionWidget-selected {
text-shadow: none;
}
.skin-hydradark .mw-search-profile-tabs {
background-color: #404040;
border:1px solid gray;
margin-top: 1em;
}
.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a {
color: white;
cursor: default;
}