Aven Colony Wiki
Don't have an account?
Register
Register
Aven Colony Wiki
Aven Colony Wiki
175
pages

Hydradark.css

MediaWiki page
Back to page
Sign in to edit
No edit summary
Tagaziel (talk | contribs)
No edit summary
Line 15: Line 15:
   
 
body {
  
body {
−
background: url(//hydra-media.cursecdn.com/avencolony.gamepedia.com/6/65/BG.jpg) center top fixed #000;
+
background: url(/media/6/65/BG.jpg) center top fixed #000;
 
-webkit-background-size: cover;
  
-webkit-background-size: cover;
 
-moz-background-size: cover;
  
-moz-background-size: cover;
Line 369: Line 369:
 
ul {
  
ul {
 
list-style-type: disc;
  
list-style-type: disc;
−
list-style-image: url(//hydra-media.cursecdn.com/avencolony.gamepedia.com/7/75/Bulletpoint.png) ;
 +
list-style-image: url(/media/7/75/Bulletpoint.png) ;
−
list-style-image: url(//hydra-media.cursecdn.com/avencolony.gamepedia.com/7/75/Bulletpoint.png) !ie;
 +
list-style-image: url(/media/7/75/Bulletpoint.png) !ie;
 
}
  
}
   
Line 658: Line 658:
 
}
  
}
   
−
/* Claim wiki button - this section can be removed if you remove the claim button from the main page */
  
−
.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 */
  
/* copyright images tweak */

Revision as of 19:57, 9 April 2018

/* CSS placed here will affect users of the Hydradark skin */
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}
 
/* Hide main page header */
body.page-Official_Aven_Colony_Wiki h1.firstHeading {
    display:none;
}


/* BODY STYLING */
/* Background  */

body {
    background: url(/media/6/65/BG.jpg) center top fixed #000; 
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

div#mw-page-base {
    background: transparent; !important
    background-image: none;
    height: 8em;
}

/* Content area */
div#pageWrapper {

    min-height: 25em;
    margin-top: 3em;
}

#mw-head-base {
    background: transparent !important;   
}

div#content {
    background: transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 17px 17px 16px;
    -moz-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/8/8a/Frame3.png) 17 17 16 stretch round;
    -webkit-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/8/8a/Frame3.png) 17 17 16 stretch round;
    -o-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/8/8a/Frame3.png) 17 17 16 stretch round;
    border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/8/8a/Frame3.png) 17 17 16 fill stretch round;
    margin-right: 2em;
    margin-left: 13em;
}

div#footer {
    padding: 0px;
    border-style: solid;
    border-width: 17px 17px 16px;
    -moz-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/8/8a/Frame3.png) 17 17 16 stretch round;
    -webkit-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/8/8a/Frame3.png) 17 17 16 stretch round;
    -o-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/8/8a/Frame3.png) 17 17 16 stretch round;
    border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/8/8a/Frame3.png) 17 17 16 fill stretch round;
    margin-right: 2em;
    margin-left: 13em;
    margin-top: 1em;
    margin-bottom: 1em;
}

div.thumbinner {
    background-color: transparent;
    border-color: #05c5f2;
}

/* TOP NAV STYLING */
div.vectorTabs {
    background-color: transparent;
}

#left-navigation {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 8em;
    margin-left: 13em;
border-style: solid;
border-width: 10px 5px 7px;
-moz-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/2/2b/FrameTop.png) 10 5 7 stretch round;
-webkit-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/2/2b/FrameTop.png) 10 5 7 stretch round;
-o-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/2/2b/FrameTop.png) 10 5 7 stretch round;
border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/2/2b/FrameTop.png) 10 5 7 fill stretch round;
    height: 1.4em;
}

#right-navigation {
    float: right;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #05c5f2;
    margin-top: 8em;
border-style: solid;
border-width: 10px 5px 7px;
-moz-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/2/2b/FrameTop.png) 10 5 7 stretch round;
-webkit-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/2/2b/FrameTop.png) 10 5 7 stretch round;
-o-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/2/2b/FrameTop.png) 10 5 7 stretch round;
border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/2/2b/FrameTop.png) 10 5 7 fill stretch round;
    height: 1.4em;
    margin-right: 2em;
}

div.vectorMenu div.menu {
    background-color: transparent;
    border-color: #05c5f2;
}

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

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

div.vectorTabs ul li {
    background: transparent;
}

div.vectorTabs ul li.selected {
  background: transparent;
}

div.vectorTabs ul li span, div.vectorTabs ul li.selected span {
    font-weight: bold;
}

div.vectorTabs ul li span, div.vectorTabs ul li.selected span {
    font-weight: bold;
    height: margin-top;
    margin-top: -1em;
}

div.vectorTabs li span a {
    background-image: none;
    color: #ffffff;
}

div.vectorTabs span a:visited {
    color: #ffffff;
}

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

div.vectorTabs li.selected {
}

div.vectorTabs li.selected span a {
    color: #ffffff !important;
}

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

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

div.vectorMenu h5 a {
    background-image: none;
}

div.vectorMenu h3 a {
    background-image: none;
}

div.vectorMenu:hover, div.menu, div.vectorMenu div.menuForceShow {
    display: block;
}

div#p-cactions div.menu ul {
    border: 1px solid #ffffff;
}

div#p-cactions div.menu ul li a {
    background: #000000;
    border-radius: 10px;
    color: #ffffff;
}

div#p-cactions div.menu ul li a:visited {
    color: #ffffff;
}

div#p-cactions div.menu ul li a:hover, div#p-cactions div.menu ul li a:visited:hover {
    display: block;
}

div#mw-head div.vectorMenu h4 {
    color: #ffffff;
    font-weight: bold;
    padding-top: 1.29em;
} 

/* Collapsible menus in top nav */

div#p-cactions div.menu ul {
background: transparent;
border: 1px #05c5f2;
}

div.vectorMenu ul {
background: transparent;
border: 1px #05c5f2;
}

div#p-cactions div.menu ul li a {
    background: transparent;
    border-radius: 10px;
    color: #ffffff;
}

div.vectorTabs, div.vectorTabs span, div.vectorTabs li a, div.vectorMenu h3 a {
    background-image: none;
}

div.vectorMenu {
}

/* SIDEBAR */
/* Logo styling */
#p-logo {
    left: 50vw;
    margin-left: -170px;
    margin-top: -3em;
}

#p-logo a {
    display: block;
    width: 20em;
    background-size: contain;
}
div#mw-panel {
    width: 10em;
    z-index: 1000;
    padding: 1em 0 0 0;
    margin-left:0.5em;
    margin-top: 9em;
    margin-left: 1em;
    margin-top: 1em;

}

.skin-hydradark #mw-panel.collapsible-nav {
    border-style: solid;
    border-width: 10px 5px 7px;
    -moz-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/2/2b/FrameTop.png) 10 5 7 stretch round;
    -webkit-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/2/2b/FrameTop.png) 10 5 7 stretch round;
    -o-border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/2/2b/FrameTop.png) 10 5 7 stretch round;
    border-image: url(https://avencolony.gamepedia.com/media/avencolony.gamepedia.com/2/2b/FrameTop.png) 10 5 7 fill stretch round;
}

.skin-hydradark #mw-panel.collapsible-nav .portal#p-claimWiki, .skin-hydradark div#mw-panel.collapsible-nav div.portal#p-socialProfiles {
    border: 0px solid white;
}

div#mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a:link, div#mw-head a, .vectorTabs li a span, div#mw-head div.vectorTabs a, div#mw-head div.vectorMenu a {
    color: #05c5f2;
}


.skin-hydradark #mw-panel.collapsible-nav .portal h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a, div#mw-panel div.portal h3 {
    color: #05c5f2;
    font-variant: small-caps;
}

.skin-hydradark #mw-panel.collapsible-nav .portal h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal h3 {
    color: #05c5f2;
    font-variant: small-caps;
}

div#mw-panel div.portal div.body,
.skin-hydradark #mw-panel.collapsible-nav div.portal,
.skin-hydradark div#mw-panel.collapsible-nav div#p-socialProfiles.portal,
.skin-hydradark #mw-panel.collapsible-nav #p-sitePromos.portal {
    background-image: none;
}

div#mw-head div.vectorMenu h3 {
    background-image: none;
}

div.vectorMenu h3 span {
    padding-top:0.1em;
    color: #05c5f2;
    cursor: pointer;
 text-transform: uppercase; 
    font-weight: bold;
}


/* GENERAL STYLES */

/* Fieldset */
fieldset {
    border-color: #05c5f2;
}

.skin-hydradark fieldset#mw-searchoptions {
    background-color: transparent;
}

/* File page */

.skin-hydradark table.wikitable > * > tr > th {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px #05c5f2 solid;
    color: inherit;
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    border-color: rgba(153, 153, 153, 0.37);
}

/* Miscellaneous messages */

#collapse_expand_all > span {
    color: #05c5f2;
}

/* Search field and page */

div#simpleSearch {
    margin-top: -0.5em;
}

.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-primary {
    background: #05c5f2;
    color: #fff;
    border: 1px solid #05c5f2;
    border-left: none;
    border-right: none;
}

.skin-hydradark .mw-search-profile-tabs {
    background-color: transparent;
    margin-top: 1em;
    border: 1px solid rgba(65,61,52,1);
}

.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a {
    color: white;
    cursor: default;
}

.skin-hydradark fieldset#mw-searchoptions {
    background-color: transparent;
    border: 1px solid rgba(65,61,52,1) !important;
}

/* Category bar styling */
#catlinks, #toc, .toc, .mw-warning, div#simpleSearch, li.gallerybox div.thumb {
    border-color: #05c5f2;
    background-color: transparent;
}

/* Bulletpoint list styling */

ul {
list-style-type: disc;
list-style-image: url(/media/7/75/Bulletpoint.png) ;
list-style-image: url(/media/7/75/Bulletpoint.png) !ie;
}

/* Presentation and code styling */

pre, .mw-code {
    background-color: rgba(0, 0, 0, 0.2);
}


/* LINK STYLING MK II */
/* General link styles */
a:not(.new):not(.cc_btn):not(.visited)
{
    color: #05c5f2 !important;
}

a:visited,
a.external:visited {
    color: #e99223 !important;
}

div#content a.new, #quickbar a.new {
    color: #A63232 !important;
}

a.new:visited, #p-personal a.new:visited {
    color: #a55858 !important;
}

div#netbar a,
footer#footer a {
    color: #aeaeae !important;
}

/* Sidebar */
div#mw-panel div.portal div.body ul li a, 
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a {
    color: #05c5f2 !important;
}

div#mw-panel div.portal h3 {
    color: #fff;
}

/* Top section */
.vectorTabs li a span, 
div#mw-head a,
div.vectorMenu h3 span {
    color: #05c5f2 !important;
    font-weight: bold;
}

div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
    color: #ba0000 !important;
    text-decoration: none;  
}
/* References styling */

ol.references {
    font-size: 80%;
}

/* PREFERENCES PAGE */

.skin-hydradark #preferences {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
}

preftoc a, .skin-hydradark #preftoc a:active {
    color: #05c5f2;
}

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

.skin-hydradark #preftoc li.selected a {
    background-image: none;
    background: #282828;
}

.skin-hydradark #preftoc li, .skin-hydradark #preftoc {
    background-image: none;
}

/* EDITOR STYLING */

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

div.wikiEditor-ui, div.wikiEditor-ui-toolbar, div.wikiEditor-ui-controls, div.wikiEditor-ui-buttons {
    background: transparent;
    border: transparent 1px;

}

div.wikiEditor-ui-tabs {
    background-color: transparent;
}

div.wikiEditor-ui-tabs div.current {
    background-color: transparent !important;
    border-bottom: 1px solid #211C0F;
}

div.wikiEditor-toolbar-dialog {
    background-color: black;
    border: solid 1px #05c5f2;
}

.ui-widget-content {
    background: transparent;
}


/* MW 1.29 Hydra Dark Visual Editor Fix */
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
    border-bottom: 0px solid #222;
    border-top: 0px solid #222;
    background: #ddd !important;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

.oo-ui-popupWidget .oo-ui-popupWidget-popup {
    color: #212121;
}

.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled, .oo-ui-popupToolGroup.oo-ui-widget-enabled, .oo-ui-popupWidget-popup {
    background: #ddd !important;
}

.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
    filter: invert(0%);
}

.ve-ui-mwSaveDialog-license {
    color: white;
}

.skin-hydradark .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
    background-color: #212121;
}

.ve-ui-mwSaveDialog-options,
.oo-ui-textInputWidget.oo-ui-widget-enabled input, 
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
    background-color: white;
    color: black;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
    color: #fff;
    background-color: #212121;
    border-color: #545454;
}
/* THIS SPACE FOR RENT */


/* DEFAULT LOADOUT STYLING */
/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
     border-style: solid solid none;
     border-width: thin;
     border-color: #808080;
     padding:0.25ex 1ex 0ex;
     font-size: 95%;
}

.ambox {
    background-color: #282828;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

.ambox-gray {
    border-left-color: #383838;
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}

.ambox + .ambox {
     margin-top: -2px;
}

.ambox-text {
     padding: 0.25em 0.5em;
}

.ambox-image {
     padding: 2px 0px 2px 0.5em;
     text-align: center;
     width: 60px;
}

.ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}

/* Ambox colors */
.ambox-blue {
     border-left: 10px solid #1e90ff;
}

.ambox-red {
     border-left: 10px solid #b22222;
}

.ambox-orange {
     border-left: 10px solid #f28500;
}

.ambox-yellow {
     border-left: 10px solid #f4c430;
}

.ambox-purple {
     border-left: 10px solid #9932cc;
}

.ambox-gray {
     border-left: 10px solid #bba;
}

.ambox-green {
     border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
     font-size: smaller;
     margin-left:0.8em;
     margin-top:0.5em;
}

/* INFOBOXES: game or book depended color style */
.infoboxtable {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #505050;
    color: #ffffff;
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em; 
    margin-left: 1em; 
    padding: 0.2em; 
    width: 300px;
}

.infoboxtable td {
    vertical-align: top;
}

.infoboxtable td > div {
    background-color: #181818; 
    border: 2px solid inherit; 
    border-radius: 5px; 
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

.infoboxname {
    background-color: #181818; 
    font-size: 110%; 
    font-weight: bold;
    padding: 0.5em; 
}

.infoboxdetails {
    padding: 0em;
}


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