MediaWiki:Hydradark.css

From Risk of Rain 2 Wiki
Jump to navigation Jump to search

CSS and Javascript changes must comply with the wiki design rules.

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Hydradark skin */
div#content {
    background: #141414E6;
    color: #FFFFFF;
    padding-top: 50px;
    border: 1px solid #108ABD;
    border-image: linear-gradient(#108ABD 0%, #000000 20%, #000000 80%, #108ABD 100%) 1;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5), inset 0 0 1px #108ABD, 0 0 10px rgba(0,0,0,0.75);
}
#mw-page-base {
    background: transparent !important;   
}
#mw-head-base {
    background: transparent !important; 
    height: 40px;
}
#pageWrapper {
    margin-right: 10px;
}

/* -------------------------------------------------- [D] Top Navigation */
div.vectorTabs li.new a {
    color: #991F1F !important;
}

div.vectorTabs {
    background-color: #00000000;
    background-image: none;
    height: 33px;
    margin-top: 8px;
    margin-left: 2px;
}

div.vectorTabs #ca-addsection a:after {
    content: "New Comment";
}

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

div.vectorMenu h3 span {
    padding: 2px 5px;
}

div.vectorTabs li a {
    background-image: none;
    margin-top: -15px;
}

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

div.vectorTabs li span {
    background: #7189d3;
    background:-moz-linear-gradient(top, #7189d3 35%, #71afd3 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(35%, #7189d3), color-stop(100%,#71afd3));
    background:-webkit-linear-gradient(top, #7189d3 35%, #71afd3 100%);
    background:-o-linear-gradient(top, #7189d3 35%, #71afd3 100%);
    background:-ms-linear-gradient(top, #7189d3 35%, #71afd3 100%);
    background: linear-gradient(to bottom, #7189d3 35%, #71afd3 100%);
    display: inline-block;
    border: 1px solid #7189d3;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 0 3px 2px;
    height: 19px;
    text-align: center;
}

div.vectorTabs span {
    background-color: #00000000;
    background-image: none;
}

div.vectorTabs li.selected {
    background-color: #00000000;
    background-image: none;
    color: white;
}

div.vectorTabs ul { 
    background-color: #00000000;
    background-image: none;
}

div.vectorTabs ul li {
    background-color: #00000000;
    background-image: none;
}

div.vectorTabs li a,
div.vectorTabs li a span {
    color: white;
    cursor: pointer;
    font-weight: bold;
}

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

div.vectorMenu div.menu {
    border-color: inherit;
}

div.vectorMenu h3 a {
    background-color: #00000000;
    background-image: none;
    border: 0;
}

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

div#mw-head div.vectorMenu li a:hover {
    color: white;
}

div#mw-head div.vectorMenu ul {
    background-color: #15181a;
    background-image: none;
    border: 1px solid #7189d3;
}

div#mw-head div.vectorMenu h3 {
    background-image: none;
    background: #7189d3;
    background:-moz-linear-gradient(top, #7189d3 35%, #71afd3 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(35%,#7189d3), color-stop(100%,#71afd3 65%));
    background:-webkit-linear-gradient(top, #7189d3 35%, #71afd3 100%);
    background:-o-linear-gradient(top, #7189d3 35%, #71afd3 100%);
    background:-ms-linear-gradient(top, #7189d3 35%, #71afd3 100%);
    background: linear-gradient(to bottom, #7189d3 35%, #71afd3 100%);
    display: inline-block;
    border: 1px solid #7189d3;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    padding: 2px 10px;
    margin-top: 8px;
    height: 19px;
    text-align: center;
    margin-bottom: 0.5em;
    margin-left: 3px;
}
.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a {
    padding-top: 1.2em;
}
div.vectorMenu h3 span::after { display:none; }

/* Footer link color fix */
#footer a {
   color: #F17F31;
}

/* -------------------------------------------------- [D] Searchbar */
div.suggestions-result {
    padding: 0.3em;
}

/* -------------------------------------------------- [D] Sidebar */
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-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a {
    color: #F17F31;
    font-weight: bold;
}
div#mw-panel div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) {
    background: #141414A0;
    border-radius: 5px;
    margin: 5px;
    padding-bottom: 10px;
}
div#mw-panel div#p-navigation {
    padding-bottom: 7px !important;
}

/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}

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

/* -------------------------------------------------- Visited links */
a:visited,
div#content a.external:visited,
div#content a.extiw:visited {
    color: #3280D0;
}

/* copyright images tweak */
.skin-hydradark .copyright-icon {
    background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
    background-size: 100%;
    height: 32px;
    width: 32px;
}
Retrieved from "https://riskofrain2.wiki.gg/index.php?title=MediaWiki:Hydradark.css&oldid=10398"