Paragon Wiki

We've Moved! Just as Gamepedia has joined forces with Fandom, this wiki had joined forces with our Fandom equivalent. The wiki has been archived and we ask that readers and editors move to the now combined wiki on Fandom. Click to go to the new wiki.

READ MORE

Paragon Wiki
Don't have an account?
Register
Advertisement
Register
Paragon Wiki
Paragon Wiki
97
pages

Hydradark.css

MediaWiki page
Revision as of 01:12, 3 January 2016 by Malvodion (talk | contribs)
Sign in to edit

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Hydra skin */
/* For mobile view only */
.mobileonly {
    display: none;
}

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

/* Framework */
body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background: url("http://hydra-media.cursecdn.com/paragon.gamepedia.com/7/7a/Backg.jpg") no-repeat fixed top center / cover #000000;
}

body #pageWrapper {
    margin-right: 1px;
}

/* Logo */
#p-logo {
    height: 30px;
    left: 0;
    margin-bottom: 1em;
    position: relative;
    top: -140px;
    width: 10em;
}

/* Head */
div#mw-head {
    top: 1em;
}

div#mw-page-base {
    background: transparent;
    background-image: none;
}

#mw-head-base {
    background: transparent;
    background-image: none;
    border-bottom: 0px;
    height: 3em;
}

/* Tabs */
#left-navigation {
   left: 0px;
   margin-top: 1em;
}

#right-navigation {
    margin-right: 1.75em;
    margin-top: 1em;
}

div.vectorTabs {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    height: 33px;
    margin-top: 8px;
}

div.vectorTabs span,
div.vectorTabs li.selected,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs li a {
    background: rgba(0, 0, 0, 0);
}

div.vectorTabs li span {
    background:#434b4d;
    background:-moz-linear-gradient(top, #354145 35%, #192327 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(35%,#354145), color-stop(100%,#192327));
    background:-webkit-linear-gradient(top, #354145 35%, #192327 100%);
    background:-o-linear-gradient(top, #354145 35%, #192327 100%);
    background:-ms-linear-gradient(top, #354145 35%, #192327 100%);
    background: linear-gradient(to bottom, #354145 35%, #192327 100%);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #10d4ea;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    border-radius: 4px;
    padding: 2px 10px;
    margin: 0 3px 0 3px;
    height: 19px;
}

#p-sharing {
    background:#434b4d;
    background:-moz-linear-gradient(top, #354145 35%, #192327 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(35%,#354145), color-stop(100%,#192327));
    background:-webkit-linear-gradient(top, #354145 35%, #192327 100%);
    background:-o-linear-gradient(top, #354145 35%, #192327 100%);
    background:-ms-linear-gradient(top, #354145 35%, #192327 100%);
    background: linear-gradient(to bottom, #354145 35%, #192327 100%);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #10d4ea;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    padding: 2px 10px;
    margin: 0.5em 3px;
    height: 19px;
}

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

.vectorTabs li a span,
div#mw-head div.vectorTabs a {
    margin-top: -1.2em;
}

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

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

#p-sharing a {
    background: url("http://hydra-media.cursecdn.com/commons.cursetech.com/0/0b/Vector_menu_downarrow.png") no-repeat scroll center center transparent;
    margin-top: -0.5em !important;
}

div#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 0.2em;
    text-shadow: none;
}

div.vectorMenu h3 a,
div.vectorMenu h5 a {
    background-color: transparent;
    background-image: none;
    border: 0px;
}

div#mw-head div.vectorMenu li.selected a,
div#mw-head div.vectorMenu li.selected a:visited {
    color: #ffffff;
}

div#mw-head div.vectorMenu li a {
    color: #10d4ea;
}

div.vectorMenu ul {
    background-color: #012437;
    background-image: none;
    border-right: 5px none;
    box-shadow: 0 0.1em 0.75em #012437;
}

div#mw-panel div.portal h3 {
    color: #ffffff;
    text-shadow: 1px 1px #000000;
    font-weight: bold;
    font-size: 130%;
}

#mw-panel.collapsible-nav .portal h3 a {
    color: #ffffff;
    text-shadow: 1px 1px #000000;
    font-weight: bold;
    font-size: 130%;
}

#mw-panel.collapsible-nav .portal.collapsed h3 a {
    color: #ffffff;
    text-shadow: 1px 1px #000000;
    font-weight: bold;
    font-size: 130%;
}

/* Sidebar */
.skin-hydradark #mw-panel.collapsible-nav .portal {
    background-image: none;
}

div#mw-panel {
    position: static;
    margin: 6em 0em 0em 0em;
    margin-top: 6em;
    margin-right: 0em;
    margin-bottom: 0em;
    margin-left: 0em;
    width: 160px;
}

div#mw-panel div.portal h3,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a:visited,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
    color: ffffff;
}
 
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;
}

div#mw-panel div.portal div.body ul li a:hover {
    color: #a7a7a7;
}

/* social media add-on fix */
div#mw-panel div.portal#p-socialProfiles {
    background: none;
    border: none;
    padding: 0;
    margin: 10px 0;
}

div#mw-panel div.portal#p-sitePromos {
    background: none;
    border: none;
    margin-left: 10px !important;
    padding: 0;
}

div#mw-panel div.portal#p-socialProfiles h5,
div#mw-panel div.portal#p-sitePromos h5 {
    display: none;
}

div#mw-panel div.portal#p-socialProfiles div.body,
div#mw-panel div.portal#p-sitePromos div.body {
    background: none;
    padding: 0;
    margin-left: 0 !important;
    text-align: center;
}

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

/* Content */
div#content {
    background: rgba(0, 7, 11, 0.7);
    border: 1px solid #ffffff;
    margin-top: 1.5em;
    box-shadow: 0 0.1em 0.75em #012437;
    box-sizing: border-box;
    color: #FFFFFF;
    display: inline-block;
    width: 99%;
}

/* anchors */
a, 
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external, 
div#content a.external:visited {
    color: #989296;
}

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

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

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

.CategoryTreeEmptyBullet {
    color: #c0c0c0;
}

.catlinks li {
    border-left: none;
}

.CategoryTreeToggle {
    color: #989296;
}

code {
    background-color: #012437;
}

/* Footer */
div#footer {
    background-image: none;
}

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

div#footer a { 
    color: #ffffff;
}

div#footer a:hover { 
    color: #989296;
}

/* Page history */
.skin-hydradark #pagehistory li {
    background-color: transparent;
    border: none;
    padding: 3px;
}

.skin-hydradark #pagehistory li.selected {
    background-color: #01060c;
    background-image: none;
    border: 1px dashed #012437;
    padding: 3px;
}

.skin-hydradark table.diff {
    background: transparent;
}

/* thumbnails and galleries and image file history */
div.thumb {
    border: 1px solid #012437;
    margin: 2px;
    margin-left: 6px;
}

img.thumbborder {
    border: 1px solid #012437;
    padding: 5px;
}

div.thumbinner {
    background-color: rgba(0, 0, 0, 0.2);
    border: medium none;
}

li.gallerybox div.thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #012437;
}

html .thumbimage {
    border: 1px solid #012437;
}

div.tright div.tleft {
    border: 1px solid #012437 !important;
}

div.tright {
    clear: right;
    float: right;
}

#file img:hover,
.filehistory a img {
    background: url("http://hydra-media.cursecdn.com/commons.cursetech.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);
}

/* tables */
.skin-hydradark table.wikitable {
    background: none repeat scroll 0 0 transparent;
}

.skin-hydradark table.wikitable > caption {
    color: #ffffff;
}

.skin-hydradark table.wikitable > tr > th,
.skin-hydradark table.wikitable > * > tr > th {
    background: #012437;
    border: 1px solid #01060c;
    color: #FFFFFF;
    text-align: center;
}

.skin-hydradark table.wikitable > tr > td,
.skin-hydradark table.wikitable > * > tr > td {
    border: 1px solid #01060c;
    padding: 0.2em;
}

.skin-hydradark .wikitable th {
    background-color: #012437;
    border: 1px solid #01060c;
    color: #FFFFFF;
    padding: 0.2em;
}

.skin-hydradark .wikitable td {
    border: 1px solid #01060c;
    color: #c0c0c0;
    padding: 0.2em;
}

table.mw_metadata th {
    background: #012437;
    border: 1px solid #01060c;
    color: #FFFFFF;
}

table.mw_metadata td {
    background-color: transparent;
    border: 1px solid #01060c;
    color: #c0c0c0;
}

.mw-datatable th {
    border: 1px solid #01060c;
}

.mw-datatable,
.mw-datatable td {
    border: 1px solid #01060c;
}

.TablePager {
    border:1px solid #01060c;
    color: #c0c0c0;
    padding:0 0.15em;
}

.TablePager th {
    background-color: #012437;
    color: #ffffff;
    border:1px solid #01060c;
    padding:0 0.15em;
}

.TablePager tr:hover td {
    background-color: rgba(0, 0, 0, 0.2) !important;
    color: #FFFFFF;
}

.TablePager th a {
    background-color: #012437;
    color: #FFFFFF !important;
}
 
.TablePager td {
    background: transparent !important;
    border: 1px solid #01060c;
    color: #c0c0c0;
}

/* colour fix for advanced search options box */
fieldset#mw-searchoptions {
    background-color: rgba(0, 0, 0, 0);
    border-color: #012437 !important;
}

.mw-search-formheader {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #012437;
    margin-top: 1em;
}

.mw-search-formheader div.search-types ul li.current a {
    color: #FFFFFF;
}

/* Preferences */
.skin-hydradark #preftoc {
    background-color: rgba(1, 36, 55, 0.5);
    border: 0px;
    margin: 0 0 4px !important;
}

.skin-hydradark #preftoc,
.skin-hydradark #preftoc li,  
.skin-hydradark #preferences, 
.skin-hydradark #preftoc li a {
    background-image: none;
    background-color: transparent;
    color: #c0c0c0;
}

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

.skin-hydradark #preftoc li.selected a {
    background-color: rgba(1, 36, 55, 0.5);
    background-image: none;
    border-color: #01060c;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #FFFFFF;
}

.skin-hydradark #preferences {
    background-color: rgba(1, 36, 55, 0.5);
    border: 1px solid #01060c;
}

.skin-hydradark #preferences fieldset {
    border-color: #01060c;
}


#mw-createaccount-join {
    box-shadow: 4px 4px 4px 4px rgba(255, 255, 255, 0.2);
}

/* Wiki editor fixes */
div.wikiEditor-ui {
    background: rgba(0, 0, 0, 0);
    border: medium none;
}

div.wikiEditor-ui-buttons {
    background-color: rgba(0, 0, 0, 0);
    border-top: medium none;
    margin-right: 5px;
}

div.wikiEditor-ui-controls {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #012437;
}

div.wikiEditor-ui-tabs {
    background-color: #01060c;
    border-left: 1px solid #012437;
    border-top: 1px solid #012437;
}

div.wikiEditor-ui-tabs div {
    background-color: #01060c;
    border-right: 1px solid #012437;
    border-bottom: 1px solid #012437;
}

div.wikiEditor-ui-tabs div a {
     background: #01060c;  /* you can use a gradient here if you want to get fancy */
     color: #ffffff;
}

div.wikiEditor-ui-tabs div.current {
    background-color: #01060c;
    border-bottom: 1px solid #012437;
}

div.wikiEditor-ui-tabs div.current a {
    color: #989296;
    font-weight: bold;
}

div.wikiEditor-ui .wikiEditor-ui-top {
   border-bottom: 1px solid #012437;
}

div.wikiEditor-toolbar-spritedButton {
    background: url('http://hydra-media.cursecdn.com/help.gamepedia.com/5/5c/Editbar_sprites.png');
}

div.wikiEditor-ui-toolbar {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

div.wikiEditor-ui-toolbar .group {
    border-right: 1px solid #012437;
}

div.wikiEditor-ui-toolbar .group-search {
   border-left: 1px solid #012437;
   border-right: none;
}

div.wikiEditor-ui-toolbar .group .label {
   color: #ffffff;
}

.tab {
   border-color: transparent;
}

div.wikiEditor-ui-toolbar .tabs span.tab a,
div.wikiEditor-ui-toolbar .tabs span.tab a:visited {
   color: #ffffff;
}

div.wikiEditor-ui-toolbar .tabs span.tab a.current,
div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
   color: #ffffff;
}

div.wikiEditor-ui-toolbar .group .tool-select .label {
   color: #000000;
}

div.wikiEditor-ui-toolbar .sections .section {
    background-color: rgba(0, 0, 0, 0.2);
    border-top: 1px solid #012437;
}

div.wikiEditor-ui-toolbar .booklet .index div {
    color: #989296;
}

div.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: transparent;
    color: #ffffff;
}

div.wikiEditor-ui-toolbar .booklet .pages {
    background-color: transparent;
}

div.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #012437;
    color: #ffffff;
}

div.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #012437;
    color: #989296;
}

div.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid #012437;
    color: #ffffff;
}

div.wikiEditor-preview-loading {
    background-color: transparent;
}

div.wikiEditor-preview-contents {
    background-color: transparent;
    border-color: -moz-use-text-color #012437 #012437;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

div.editOptions {  
    background-color: transparent;
    border-color: -moz-use-text-color #012437 #012437;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

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


/**********************/
/* Claim wiki button  */
/**********************/

.claimwikibutton {
  text-align: center;
}

.claimwikibutton a {
    background: url("http://media-mercury.cursecdn.com/attachments/1/716/claim_wiki_button.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
    color: transparent;
    display: block;
    height: 57px;
    margin: 0 auto;
    max-width: 100%;
    width: 200px;
}

.claimwikibutton a:hover {
    background: url("http://media-mercury.cursecdn.com/attachments/1/717/claim_wiki_button_hover.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
    color: transparent;
}

/* copyright images tweak */
.skin-hydradark .copyright-icon {
    background-image: url("http://hydra-media.cursecdn.com/commons.cursetech.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
    background-size: 100%;
    height: 32px;
    width: 32px;
}
Community content is available under CC BY-NC-SA unless otherwise noted.
Advertisement