MediaWiki:Hydradark.css

/************************************** *           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-Bold'; src: local('OpenSans-Bold'), local('OpenSans-Bold'), url('/media/hydra/fonts/OpenSans-Bold.ttf') format('truetype'); }

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

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

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

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

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

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

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

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

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

/******************* * General Styling * *******************/

body { background-image: url(https://static.wikia.nocookie.net/skyforge_gamepedia/images/2/2c/Planetbg.jpg/revision/latest?cb=20150407171427); background-position: center top; background-attachment: fixed; background-repeat: no-repeat; background-color: #000000; background-size: cover; color: #000000; font-family: "OpenSans-Regular"; }

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 * ****************/	background-size: 100%; margin-top: 24px; background-position: 50% 50%; }
 * 1) p-logo a {

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

margin-top: calc( 35px - 1.25em ); }
 * 1) left-navigation,
 * 2) right-navigation {

margin-left: 11em; }
 * 1) left-navigation {

margin-right: 0; }
 * 1) right-navigation {

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-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; }   text-transform: capitalize; }
 * 1) mw-navigation #mw-panel {

/**************** * 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, 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; }
 * 1) catlinks,

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(https://static.wikia.nocookie.net/skyforge_gamepedia/images/7/7a/Bullet.png/revision/latest?cb=20150408102147); } fieldset { border: 1px solid rgba(0, 0, 0, .14); }

/* Page History */

border-color: transparent; }   border: 1px dashed rgba(0, 0, 0, .14); } .mw-enhancedchanges-arrow.mw-collapsible-toggle-collapsed { background-image: url(//backtoschool.gamepedia.com/media/backtoschool.gamepedia.com/9/9f/Arrow-collapsed-ltr.png); } .mw-enhancedchanges-arrow.mw-collapsible-toggle-expanded { background-image: url(//backtoschool.gamepedia.com/media/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; }
 * 1) pagehistory li {
 * 1) pagehistory li.selected {

/* 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: "OpenSans-Regular"; padding: 1em; border: none; }   background: rgba(20, 20, 20, 0.9) none repeat scroll 0 0; border: 1px solid rgba(85, 85, 85, 0.5); }   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("https://static.wikia.nocookie.net/skyforge_gamepedia/images/0/09/CloseIcon-0.svg/revision/latest?cb=20160426203417") 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; }
 * 1) msupload-div {
 * 1) msupload-dropzone {

/**************** * File Styling * ****************/

.filehistory a img { background: url(https://static.wikia.nocookie.net/commons_hydra/images/8/84/Dark_checker.svg) repeat scroll 0 0 rgba(0, 0, 0, 0); } .filehistory a img:hover { background: rgba(0, 0, 0, 0); }   background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjMmVkZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNjhiZGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEzLjQ3IiB5MT0iMTQuMzYzIiB4Mj0iNC41OTYiIHkyPSIzLjM5NyIgaWQ9ImIiIHhsaW5rOmhyZWY9IiNhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSJ1cmwoI2IpIiBzdHJva2U9IiM3Y2I1ZDEiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+); }   background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSIjZmZmIiBzdHJva2U9IiM3Y2I1ZDEiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+); }   background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjMmVkZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNjhiZGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEzLjQ3IiB5MT0iMTQuMzYzIiB4Mj0iNC41OTYiIHkyPSIzLjM5NyIgaWQ9ImIiIHhsaW5rOmhyZWY9IiNhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSJ1cmwoI2IpIiBzdHJva2U9IiNjOGIyNTAiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+); }   background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSIjZmZmIiBzdHJva2U9IiNjOGIyNTAiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+); }   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; }
 * 1) file img:hover,
 * 1) ca-unwatch.icon a {
 * 1) ca-watch.icon a {
 * 1) ca-unwatch.icon a:hover,
 * 2) ca-unwatch.icon a:focus {
 * 1) ca-watch.icon a:hover,
 * 2) ca-watch.icon a:focus {
 * 1) ca-unwatch.icon a.loading,
 * 2) ca-watch.icon a.loading {

/********************* * Template Examples * *********************/

span.templateexmaple { font-family: "OpenSans-Regular"; } 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 * ********************/

display: flex; flex-wrap: wrap; }
 * 1) mp-layout {

background: rgba(0,0,0,0.3); display: flex; flex-direction: column; border: solid 1px #D1A766; border-radius: 1em; padding: .5em; margin: .5em; }
 * 1) mp-layout .mp-block {

color: #fdd563; font-size: 120%; flex: auto 0 0; }
 * 1) mp-layout .mp-block .mp-heading {

flex: auto 1 1; }
 * 1) mp-layout .mp-block .mp-content {

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

flex: 100% 1 1; text-align: center; }
 * 1) mp-layout #welcome {

flex: 30em 1 1; }
 * 1) mp-layout #about {

padding: 0; overflow: hidden; }
 * 1) mp-layout #video {

display: block; }
 * 1) mp-layout #video iframe {

flex: auto 1 1; }
 * 1) mp-layout #gameplay {

flex: auto 1 1; }
 * 1) mp-layout #world {

flex: 30em 1 1; }
 * 1) mp-layout .mp-block#news {

flex: 20em 1 1; overflow-y: scroll; }
 * 1) mp-layout .mp-block#news .mp-content {

display: flex; flex-wrap: wrap; }
 * 1) gameplay-layout {

flex: auto 0 0; margin: .5em; }
 * 1) gameplay-layout > div {

display: flex; flex-wrap: wrap; }
 * 1) world-layout {

flex: auto 0 0; margin: .5em; }
 * 1) world-layout > div {

/******************* * 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); }

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; }
 * 1) gradHeader {

.slideboxlightshow .lb-container, .lb-outerContainer { background-color: #181818; }

/*********** * Cleanup * ***********/

.uls-trigger, .rss_item dl, .rss_item .date_epoch, .tipsy-inner, .tipsy-arrow, .imeselector, .uls-trigger, 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 */ }
 * 1) right-navigation #ca-view,
 * 2) p-socialProfiles,
 * 3) p-sharing,
 * 1) wikiEditor-section-advanced #msupload-select,
 * 1) mw-panel div#p-remove {

/******************* * 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 */ /*****************************/

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

.mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background: inherit; }