ArcheAge Wiki
Don't have an account?
Register
Register
ArcheAge Wiki
ArcheAge Wiki
11,540
pages

Hydra.css

MediaWiki page
Back to page
Sign in to edit
No edit summary
No edit summary
Line 534: Line 534:
 
}
  
}
   
−
.mw-search-formheader {
 +
..mw-search-profile-tabs {
 
background: rgba(0,0,0,.3);
  
background: rgba(0,0,0,.3);
 
border: none;
  
border: none;
 
}
  
}
   
−
.mw-search-formheader div.search-types ul li a {
 +
..mw-search-profile-tabs div.search-types ul li a {
 
color: white;
  
color: white;
 
}
  
}
   
−
.mw-search-formheader div.search-types ul li.current a {
+
..mw-search-profile-tabs div.search-types ul li.current a {
 
color: #ffffff;
  
color: #ffffff;
 
background-image: linear-gradient( to top, rgba(63,224,136,1) 0%, rgba(63,224,136,1) 3px, rgba(0,0,0,.15) 3px, rgba(0,0,0,0) 75%);
  
background-image: linear-gradient( to top, rgba(63,224,136,1) 0%, rgba(63,224,136,1) 3px, rgba(0,0,0,.15) 3px, rgba(0,0,0,0) 75%);

Revision as of 15:18, 5 February 2016

/* CSS placed here will affect users of the Hydra skin */
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}
 
/****************
 * Custom Fonts *
 ****************/

/* This wiki is not currently using any custom fonts */


/******************
/* General styles *
/******************/

body {
    background-image: url(http://hydra-media.cursecdn.com/archeage.gamepedia.com/1/1f/Background.jpg);
    background-position: center top;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #ffefe2;
    background-size: cover;
    color: #ffffff;
}

body.page-ArcheAge_Wiki h1#firstHeading,
body.page-Main_Page h1#firstHeading { 
    display: none;
}

#pageWrapper {
    padding-right: 1em;
}

/***************
/* Logo styles *
/***************/

#p-logo, #p-logo a {
    height: 68px;
    width: 290px;
}

#p-logo {
    top: -71px;
    left: 1em;
    position: absolute;
}

/*****************
/* Header styles *
/*****************/

div#mw-page-base {
    background: rgba(87,111,118,.9);
    height: 80px;
    margin-bottom: 0;
}

div#mw-head {
    height: 80px;
}
    

#mw-head-base {
    /** 
     * This can be done on most wikis since this box is empty
     * and serves only as a spacer, but by default has a negative
     * margin which makes it take up no space at all. It is easier
     * to just remove it rather from the flow rather than fixing
     * it's height and/or margin.
     */
    display: none;
}

/**************************
/* Article navigation bar *
/**************************/

#left-navigation {
    margin-left: calc( 2em + 290px );
    margin-top: 0;

}

#right-navigation {
    margin-top: 0;
}

div.vectorTabs span,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected,
div.vectorTabs,
div#mw-head div.vectorMenu h3 {
    background: none;
}

div.vectorTabs {
    height: 80px;
}

div.vectorTabs ul li {
    line-height: 80px;
    margin-right: .5em;
}

div.vectorTabs li a,
div.vectorTabs li a:visited,
div#mw-head div.vectorMenu h4,
div.vectorMenu h3 span {
    color: #ffffff;
    height: 80px;
    line-height: 80px;
    padding-top: 0;
}

div.vectorTabs li a {
}

div.vectorTabs li:not(.new) a:hover,
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    color: #ffffff;
}

div.vectorTabs li a:hover,
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    background-color: transparent;
    background-image: url(http://hydra-media.cursecdn.com/archeage.gamepedia.com/7/71/Tab-current-fade.png);
    background-position: left bottom;
    background-repeat: repeat-x;
}

#ca-unwatch.icon a,
#ca-watch.icon a {
    margin-top: 18px;
    background-repeat: no-repeat;
}

div.vectorMenu {
    background-image: url(http://hydra-media.cursecdn.com/archeage.gamepedia.com/b/ba/Arrow-down-icon.png);
    background-position: right center;
}

div#mw-head div.vectorMenu h3 {
    height: 80px;
}

div.vectorMenu div.menu {
    border: none;
    top: 100%;
}

div.vectorMenu ul {
    background: rgba(87,111,118,.9);
    border: none;
}

div.vectorMenu#p-cactions ul {
    left: auto;
    right: 0;
}

div.vectorMenu li a {
    color: #ffffff;
}

div#mw-head div.vectorMenu h4 {
    margin: 0;
    padding: 0 0 0 .5em;
}

#p-search {
}

#p-search input {
}

#p-search input[type=submit] {
}

#p-search input[type=search] {
}

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

/**********************
/* Site notice styles *
/**********************/

/******************
/* Sidebar styles *
/******************/

div#mw-panel {
    top: 80px;
}

div#mw-panel div.portal,
#mw-panel.collapsible-nav .portal {
    background: none;
    border: none;
    margin: 0;
}

div#mw-panel div.portal h3,
#mw-panel.collapsible-nav .portal h3 {
    background-color: transparent;
    color: #ffffff;
    font-family: 'Exo 2', sans-serif;
    font-size: 1.25em;
    font-weight: 900;
    padding: 0.25em 0 0.25em 1em;
    text-transform: uppercase;
     font-weight: 900;
}

#mw-panel.collapsible-nav .portal h3 a {
    color: #ffffff;
}

#mw-panel.collapsible-nav .portal.collapsed h3 a {
    color: #ffffff;
}

div#mw-panel div.portal div.body,
#mw-panel.collapsible-nav .portal div.body; {
    background: none;
    padding-top: 0;
}

div#mw-panel div.portal div.body ul li {}


div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited {
    color: #ffffff;
}

#mw-panel.collapsible-nav .portal.first h3 {
    display: block;
}

#mw-panel.collapsible-nav .portal.persistent .body  {
    margin-left: 1.25em;
}

div#mw-panel div.portal h3,
#mw-panel.collapsible-nav .portal h3,
#mw-panel.collapsible-nav .portal.collapsed h3 {
    background: none;
    padding-left: 0.7em;
}

#mw-panel.collapsible-nav .portal .body {
    display: block !important;
}

/***************
/* Link styles *
/***************/

a,
a:visited,
.mw-body a.external,
.mw-body a.external:visited,
.mw-body a.extiw,
.mw-body a.extiw:visited {
    color: #c8f4ff;
}

div#content a.external,
div#content a.external[href ^="gopher://"] {
}

div#content a.external[href ^="https://"],
.link-https {
}

/******************
/* Article styles *
/******************/

div#content {
    background: rgba(87,111,118,.9);
    color: inherit;
    border: none;
    margin-top: 1em;
}

#contentSub,
#contentSub2 {
    color: #cccccc;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
    border-color: #41db88;
}

li.gallerybox {
    border-color: transparent;
    background: rgba(0,0,0,.15);
}

li.gallerybox div.thumb {
    border: none;
}

div.thumbinner {
    background: rgba(0,0,0,.3);
    border: none;
}

code {
    background: none;
}

pre, .mw-code {
    background: rgba(0,0,0,.3);
    border: 1px dashed #41db88;
    color: #ffffff;
    overflow-x: scroll;
}

#toc, .toc, .mw-warning {
    background: rgba(0,0,0,.15);
    border: none;
}

ul#filetoc,
.catlinks,
div#mw-js-message {
    background: rgba(0,0,0,.15);
    border: none;
    border-radius: .25em;
}

.mw-notification {
	background: rgba(87,111,118,.9);
}

li.gallerybox div.thumb {
    background: none;
    border: none;
}

table.mw_metadata {
    border-collapse: separate;
}

table.mw_metadata,
table.mw_metadata td,
table.mw_metadata th {
    border: none;
}

table.mw_metadata th {
    background: rgba(0,0,0,.3);
}

table.mw_metadata td {
    background: rgba(0,0,0,.15);
}

table.mw_metadata tr.mw-metadata-show-hide-extended td {
}

table.wikitable {
    background: none;
    border-collapse: separate;
    border: none;
    color: white;
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background: rgba(0,0,0,.3);
    border: none;
}

table.wikitable > tr > td,
table.wikitable > * > tr > td {
    background: rgba(0,0,0,.15);
    border: none;
}

.mw-datatable {
    background: none;
    border-collapse: separate;
}

.mw-datatable,
.mw-datatable td,
.mw-datatable th {
    border: none;
}

.mw-datatable th {
    background: rgba(0,0,0,.3);
    border: none;
}

.mw-datatable td {
    background: rgba(0,0,0,.15);
    border: none;
}

.mw-datatable tr:hover td {
    background: rgba(0,0,0,.3);
}

/********************
/* Interface styles *
/********************/

input:not([type]),
input[type=text],
input[type=search],
input[type=password],
textarea {
}

input[type=select],
select {
}

*:focus {
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
}

button:focus:hover,
input[type=button]:focus:hover,
input[type=reset]:focus:hover,
input[type=submit]:focus:hover {
}

ul {
    list-style-image: url(http://hydra-media.cursecdn.com/archeage.gamepedia.com/e/ef/Bullet-icon.png);
}

fieldset {
    border-color: #41db88;
}

#pagehistory li {
    border-color: transparent;
}

#pagehistory li.selected {
    background: rgba(0,0,0,.3);
    border: 1px dashed #41db88;
}

.mw-enhancedchanges-arrow.mw-collapsible-toggle-collapsed {
    background-image: url(http://hydra-media.cursecdn.com/archeage.gamepedia.com/9/9f/Arrow-collapsed-ltr.png);
}

.mw-enhancedchanges-arrow.mw-collapsible-toggle-expanded {
    background-image: url(http://hydra-media.cursecdn.com/archeage.gamepedia.com/f/fc/Arrow-expanded.png);
}

table.diff {
    background: none repeat scroll 0 0 rgba(87, 111, 118, 0.9);
}

td.diff-otitle, td.diff-ntitle { 
  background-color: transparent;
  color: inherit;
}

td.diff-context {
    background: rgba(0,0,0,.3);
    color: #ffffff;
}

td.diff-addedline .diffchange,
td.diff-deletedline .diffchange {
    color: #000000;
}

#preftoc {
    background: rgba(0,0,0,.3);
}

#pretoc ul,
#preftoc li {
    background: none;
}

#preftoc a,
#preftoc a:active {
    color: #ffffff;
}

#preftoc li.selected a {
    color: #ffffff;
    background: linear-gradient( to top, rgba(63,224,136,1) 0%, rgba(63,224,136,1) 3px, rgba(0,0,0,.14) 3px, rgba(0,0,0,0) 75%);
    text-shadow: 0 0 .5em;
}

#preferences {
    background: rgba(0,0,0,.14);
    border: none;
}

#preferences fieldset {
    border-color: #41db88;
}

#preferences legend {
    color: #eeeeee;
}

.htmlform-tip {
    color: #eeeeee;
}

..mw-search-profile-tabs {
    background: rgba(0,0,0,.3);
    border: none;
}

..mw-search-profile-tabs div.search-types ul li a {
    color: white;
}

..mw-search-profile-tabs div.search-types ul li.current a { 
    color: #ffffff;
    background-image: linear-gradient( to top, rgba(63,224,136,1) 0%, rgba(63,224,136,1) 3px, rgba(0,0,0,.15) 3px, rgba(0,0,0,0) 75%);
    text-shadow: 0 0 .5em;
}

fieldset#mw-searchoptions {
    background: rgba(0,0,0,.15);
    border: none !important;
}

fieldset#mw-searchoptions div.divider {
    border-color: #41db88;
}

/*****************
/* Footer styles *
/*****************/

div#footer {
    background: rgba(87,111,118,.9);
    margin-bottom: 1em;
}

div#footer ul li {
    color: white;
}

/**********************
/* Gamepedia Sidebars *
/**********************/

div#mw-panel div.portal#p-claimWiki,
div#mw-panel div.portal#p-sitePromos,
div#mw-panel div.portal#p-socialProfiles {
    background: none;
    border: none;
    padding: 0;
    margin: .5em 0;
}

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

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

.claimSidebar,
.socialSidebar {
    margin: 0 auto;
}

.promoSidebar > a {
    display: block;
}

.plupload {
    display: none;
}

/***************
 * Edit Styles *
 ***************/

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

div.wikiEditor-ui-buttons {
    background: none;
    border: none;
    margin-right: 5px;
}

div.wikiEditor-ui-controls {
    background: none;
    border: none;
}

.wikiEditor-ui .wikiEditor-ui-top {
    border: none;
}

.wikiEditor-preview-loading {
    background: none;
}

.wikiEditor-preview-contents {
    background: none;
    border: none;
}

.editOptions {  
    background: none;
    border: none;
}

/* login screen */
.mw-ui-vform label {
    color: #c0c0c0;
}

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

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

/* copyright images tweak */
.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%;
    width: 32px;
    height: 32px;
}

/* SMW styling */
.smw-editpage-help {
    background: rgba(0, 0, 0, .3);
    border-color: #41DB88;
}
Community content is available under CC BY-NC-SA unless otherwise noted.