MediWiki:Hydra.css

/\* CSS placed here will affect users of the Vector skin \*/

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
/\* General styles \*
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
body {

```
 background: #000000 url("http://hydra-media.cursecdn.com/wildstar.gamepedia.com/b/bd/Body\_bg.jpg") left top no-repeat;

```

}

1. mw-page-base {

```
 background: transparent !important;
 height: 128px;

```

}

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

1. p-logo {

```
 position: absolute;
 top: -103px;
 left: 0;
 height: 103px;
 width: 296px;
 margin: 0;
 margin-bottom: 0;
 padding: 0;

```

}

1. p-logo a {

```
 height: 103px;
 width: 296px;

```

}

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

1. mw-head-base {

```
 display: none;

```

}

div#mw-head {

```
 height: 128px;

```

}

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

1. left-navigation {

```
 top: 103px;
 left: 160px;
 margin: 0;
 padding: 0;

```

}

1. right-navigation {

```
 margin: 103px 10px 0 0;
 padding: 0;

```

}

div.vectorTabs {

```
 border: none;
 background: transparent;
 margin:: 0 0 0 160px;
 padding: 0 0 0 1px;

```

}

div.vectorTabs ul {

```
 border: none;
 background: transparent;

```

}

div.vectorTabs ul li, div.vectorTabs ul li.selected {

```
 border: none;
 background: transparent;

```

}

div.vectorTabs ul li span, div.vectorTabs ul li.selected span {

```
 border: none;
 background: transparent;
 font-weight: bold;

```

}

div.vectorTabs li span a {

```
 border: none;
 background: transparent;
 color: #9ccad2;
 height: 25px;
 line-height: 25px;
 padding: 0 6px 0 6px;
 margin: 0;

```

}

div.vectorTabs span a:visited {

```
 color: #adbec1;

```

}

div.vectorTabs li span a:hover, div.vectorTabs span a:visited:hover {

```
 color: #30f9ff;

```

}

div.vectorTabs li.selected span a {

```
 color: #30f9ff !important;

```

}

div.vectorTabs li.new span a {

```
 color: #ff3131 !important;

```

}

div.vectorTabs li.new span a:visited {

```
 color: #cc6464 !important;

```

}

div.vectorTabs li.new span a:hover, div.vectorTabs li.new span a:visited:hover {

```
 color: #30f9ff;

```

}

div.vectorMenu {

```
 width: 22px;
 height: 25px;
 line-height: 25px;

```

}

div.vectorMenu:hover {
}

div.vectorMenu h4 {

```
 border: none;
 background: transparent;
 color: #bbbbbb;
 font-weight: bold;
 height: 25px;
 line-height: 25px;
 padding: 0 6px 0 20px !important;
 margin: 0;

```

}

div.vectorMenu h5 {

```
 height: 25px;
 background: transparent;

```

}

div.vectorMenu h5 a {

```
 background: transparent;

```

}

div.vectorMenu div.menu {

```
 z-index: 3000;

```

}

div#p-sharing div.menu {

```
 top: -25px;

```

}

div.vectorMenu:hover, div.menu, div.vectorMenu div.menuForceShow {

```
 display: block;

```

}

div.vectorMenu div.menu ul {

```
 border: 1px solid #9ccad2;
 box-shadow: 0 2px 5px #687478;
 background: #111b26;
 margin: 0;
 padding: 0;

```

}

div.vectorMenu div.menu ul li {
}

div#p-cactions div.menu ul li a {

```
 background: transparent;
 color: #9ccad2;

```

}

div#p-cactions div.menu ul li a:visited {

```
 color: #adbec1;

```

}

div#p-cactions div.menu ul li a:hover, div#p-cactions div.menu ul li a:visited:hover {

```
 color: #30f9ff;

```

}

1. p-search {

```
 height: 25px;
 line-height: 25px;
 vertical-align: center;
 margin: -8px 2px 0 2px;
 padding: 0;

```

}

1. p-search form {

```
 line-height: 22px;
 vertical-align: center;
 margin-bottom: 11px;

```

}

1. p-search input {

}

1. p-search input[type="submit"], #p-search input[type="button"], #p-search input[type="reset"] {

}

1. searchInput {

}

.os-suggest {

```
 border: 1px solid #48696e;
 background: #82a8af;
 color: #000000;

```

}

.os-suggest-result {

```
 background: #82a8af;
 color: #000000;

```

}

.os-suggest-result-hl {

```
 background: #111b26;
 color: #9ccad2;

```

}

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

1. mw-dismissable-notice {

}

1. mw-dismissable-notice td > a {

}

1. mw-dismissable-notice td > a:hover {

}

1. localNotice {

```
 border: 2px solid #cdcc65;
 background: rgba(0, 0, 0, 0.25);
 color: #b7b7b7;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
/\* Sidebar styles \*
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
div#mw-panel {

```
 top: 0;
 margin-left: 0;
 margin-right: 0;
 margin-top: -25px;
 margin-bottom: 60px;
 padding-left: 0;
 padding-right: 0;
 padding-top: 0;
 padding-right: 0;
 width: 160px;
 overflow: visible;

```

}

div#mw-panel div.portal {

```
 margin: 20px 0 0 0;
 padding-top: 0;
 padding-bottom: 0;
 padding-left: 5px;
 padding-right: 5px;
 width: 150px;

```

}

div#mw-panel div.portal h5 {

```
 border: none;
 background: transparent;
 font-weight: bold;
 text-transform: uppercase;
 color: #80ffba;
 margin: 0 0 0 0;
 padding: 0 0 5px 0;
 width: 150px;

```

}

div#mw-panel div.portal div.body {

```
 background: transparent;
 margin: 0;
 padding: 10px 0 0 0;
 width: 150px;

```

}

div#mw-panel div.portal ul {

```
 color: #9ccad2;

```

}

div#mw-panel div.portal ul li {

```
 color: #9ccad2;

```

}

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

```
 color: #9ccad2;

```

}

div#mw-panel div.portal div.body ul li a:visited {

```
 color: #adbec1;

```

}

div#mw-panel div.portal div.body ul li a:hover {

```
 color: #30f9ff;

```

}

div#mw-panel div.portal div.body ul li a:active {

```
 color: #ffffff;

```

}

div#mw-panel div#p-sitePromos, div#mw-panel div#p-socialProfiles, div#mw-panel div#p-claimWiki {

```
 border: none;
 background: transparent;
 margin: 20px 0 0 0;
 padding: 0;
 width: 160px;

```

}

div#mw-panel div#p-sitePromos h5, div#mw-panel div#p-socialProfiles h5, div#mw-panel div#p-claimWiki h5 {

```
 display: none;

```

}

div#mw-panel div#p-sitePromos div.body, div#mw-panel div#p-socialProfiles div.body, div#mw-panel div#p-claimWiki div.body {

```
 margin: 0 auto 0 auto !important;
 padding: 0 0 0 0 !important;
 width: auto;

```

}

div#mw-panel div#p-sitePromos div.body div.promoSidebar, div#mw-panel div#p-socialProfiles div.body div.socialSidebar {

```
 margin: 0 auto 0 auto !important;
 padding: 0 0 0 0 !important;
 width: auto;
 text-align: center;

```

}

div#mw-panel div#p-claimWiki div.body div.claimSidebar {

```
 margin: 0 auto 0 auto !important;
 padding: 0 0 0 0 !important;

```

}

div.socialLink {

```
 margin: 1px 0 1px 0;

```

}

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
/\* Link styles \*
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
.t-netbar a.new, .t-netbar a.new:link, .t-netbar a.new:visited {

```
 color: #c39999 !important;

```

}

.t-netbar a:active, .t-footer a:active {

```
 color: #ffffff !important;

```

}

.t-netbar a.new:hover, .t-netbar a.new:active {

```
 color: #ffdddd !important;

```

}

a {

```
 color: #30f9ff;

```

}

div#content a:visited, a:visited {

```
 color: #00dde0;

```

}

a.new {

```
 color: #ff3131 !important;

```

}

div#content a.new:visited, a.new:visited {

```
 color: #cc6464 !important;

```

}

a.stub {

```
 color: #31FF31;

```

}

div#content a.stub:visited, a.stub:visited {

```
 color: #7eb27e;

```

}

div#content a.extiw, div#footer a.extiw, div#content a.external, div#footer a.external {

```
 color: #00ffff;

```

}

div#content a.extiw:visited, div#footer a.extiw:visited, div#content a.external:visited, div#footer a.external:visited {

```
 color: #60a09f;

```

}

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

1. pageWrapper {

```
 margin-top: 0;
 margin-left: 0;
 margin-right: 10px;
 margin-bottom: 0;
 padding-top: 0;
 padding-left: 160px;
 padding-right: 0;
 padding-bottom: 0;

```

}

div#content {

```
 border: none;
 background: #111b26 url("http://hydra-media.cursecdn.com/wildstar.gamepedia.com/9/98/Bg.jpg") left top repeat;
 box-shadow: 0 2px 12px rgba(156, 202, 210, 1.0);
 color: #9ccad2;
 margin-top: 0;
 padding: 10px 20px 10px 20px;

```

}

body.page-Main\_Page h1.firstHeading, body.page-Wildstar\_Wiki h1.firstHeading {

```
 display: none;

```

}

div#content #firstHeading {

```
 border: none;
 border-bottom: 1px solid #82a8af;
 color: #80ffba;
 margin: 0 0 10px 0;
 padding: 0 0 5px 0;

```

}

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {

```
 border: none;
 color: #80ffba;
 margin: 20px 0 8px 0;
 padding: 0 0 5px 0;
 overflow: auto;

```

}

div#content h1, div#content h2 {

```
 border-bottom: 1px solid #82a8af;

```

}

span.editsection {

```
 font-family: sans-serif;
 font-weight: normal;

```

}

span.editsection a:link {
}

div#content span.editsection a:active {
}

div#content span.editsection a:visited {
}

div#content span.editsection:active:hover:visited {
}

span.editsection a:hover {
}

.toc, #toc {

```
 border: 1px solid #82a8af;
 box-shadow: 0 2px 5px #687478;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

.toc td, #toc td {
}

1. toctitle {

}

div#content #toctitle h2 {

```
 border: none;

```

}

.toctoggle, #toc .toctoggle {
}

.toctoggle a, #toc .toctoggle a {
}

.toctoggle a:hover, #toc .toctoggle a:hover {
}

hr {

```
 border: none;
 border-bottom: 1px solid #82a8af;

```

}

ul {

}

img {
}

table.wikitable {

```
 border: none;
 box-shadow: 0 2px 5px #687478;
 background: transparent;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

table.wikitable th, table.wikitable tr th, table.wikitable > tr > th, table.wikitable > \* > tr > th {

```
 border: 1px solid #9ccad2;
 background: rgba(0, 0, 0, 0.25);
 color: #82a8af;

```

}

table.wikitable td, table.wikitable tr td, table.wikitable > tr > td, table.wikitable > \* > tr > td {

```
 border: 1px solid #9ccad2;
 background: transparent;
 color: #9ccad2;

```

}

table.jquery-tablesorter th.headerSort {
}

table.jquery-tablesorter th.headerSortDown {
}

table.jquery-tablesorter th.headerSortUp {
}

ul.gallery {
}

li.gallerybox {

```
 border: 2px solid #02535a;
 box-shadow: 0 2px 5px #687478;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

li.gallerybox div.thumb {

```
 border: 1px solid #9ccad2;
 background: transparent;

```

}

div.gallerytext {

```
 text-align: center;

```

}

.thumb {

```
 border: none;
 background: transparent;

```

}

.thumb.tleft {

```
 margin: 0 20px 10px 0;

```

}

.thumb.tright {

```
 margin: 0 0 10px 20px;

```

}

div.thumbinner {

```
 border: 1px solid #9ccad2;
 box-shadow: 0 2px 5px #687478;
 background: transparent;
 margin: 0 0 10px 0;
 padding: 3px 5px !important;

```

}

html .thumbimage {

```
 border: 1px solid #9ccad2;

```

}

.thumbcaption {
}

.gallerytext p, .thumbcaption {
}

.toggle {
}

.sn-small {
}

sub, sup a {
}

sup.reference {
}

pre, .mw-code {

```
 border: 1px dashed #48696e;
 background: #82a8af;
 color: #000000;
 white-space: pre-wrap;
 word-wrap: break-word;
 overflow: auto;

```

}

pre a, pre a:link {

```
 color: #005f60;

```

}

div#content pre a:visited, pre a:visited {

```
 color: #003536;

```

}

pre a.new {

```
 color: #620000;

```

}

div#content pre a.new:visited, pre a.new:visited {

```
 color: #491919;

```

}

pre a.stub, code a.stub {

```
 color: #006000;

```

}

div#content pre a.stub:visited, pre a.stub:visited {

```
 color: #243c24;

```

}

div#content pre a.extiw, div#footer pre a.extiw, div#content pre a.external, div#footer pre a.external {

```
 color: #006262;

```

}

div#content pre a.extiw:visited, div#footer pre a.extiw:visited, div#content pre a.external:visited, div#footer pre a.external:visited {

```
 color: #253d3d;

```

}

pre a:active {

```
 color: #808080;

```

}

code {

```
 background: transparent;
 white-space: pre-wrap;
 word-wrap: break-word;

```

}

1. catlinks {

```
 border: 1px solid #82a8af;
 box-shadow: 0 2px 5px #687478;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 margin: 10px 0 10px 0;
 padding: 3px 6px;

```

}

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
/\* Interface styles \*
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
input, select, textarea {

```
 border: 1px solid #48696e;
 background: #82a8af;
 color: #000000;

```

}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
}

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

```
 background: #3f0b2c;
 border-radius: 5px;
 border: rgba(0, 0, 0, 0.1);
 border-bottom: rgba(0, 0, 0, 0.25);
 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset,
             0 1px 2px rgba(0, 0, 0, 0.05);
 color: #ffffff;
 margin: 0 3px;
 padding: 1px 5px;

```

}

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

```
 background: #5f1143;

```

}

button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {

```
 background: #2a081e;
 border: rgba(0, 0, 0, 0.1);
 border-top: rgba(0, 0, 0, 0.25);

```

}

.usermessage {

```
 border: 2px solid #cdcc65;
 box-shadow: 0 2px 5px #687478;
 background: rgba(0, 0, 0, 0.25);
 color: #b7b7b7;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

1. mw-js-message {

```
 border: 1px solid #82a8af;
 box-shadow: 0 2px 5px #687478;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

div#content fieldset {

```
 border: 1px solid #82a8af;
 box-shadow: 0 2px 5px #687478;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

div#content fieldset legend {

```
 font-weight: bold;
 text-transform: uppercase;
 color: #82a8af;
 margin: 0 0 8px 0;
 padding: 0;

```

}

.mw-search-formheader {

```
 border: 1px solid #82a8af;
 box-shadow: 0 2px 5px #687478;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

.mw-search-formheader div.search-types ul li.current a {

```
 color: #99feff !important;

```

}

1. pagehistory li {

```
 border: none;
 background: transparent;
 padding: 1px 4px;

```

}

1. pagehistory li.selected {

```
 border: 1px solid #82a8af;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 padding: 0 3px;

```

}

table.diff {

```
 border: 1px solid #82a8af;
 box-shadow: 0 2px 5px #687478;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

td.diff-otitle, td.diff-ntitle {

```
 border: none;
 background: transparent;

```

}

td.diff-addedline {

```
 background: rgba(0, 64, 0, 0.75);
 color: #cccccc;

```

}

td.diff-deletedline {

```
 background: rgba(64, 64, 0, 0.75);
 color: #cccccc;

```

}

td.diff-context {

```
 background: rgba(32, 32, 32, 0.75);
 color: #bbbbbb;

```

}

.diffchange {

```
 color: #ff3333;

```

}

fieldset#mw-searchoptions {

```
 border: 1px solid #82a8af !important;
 box-shadow: 0 2px 5px #687478;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 margin: -10px 0 10px 0;
 padding: 3px 6px;

```

}

fieldset#mw-searchoptions h4 {

```
 margin: 0 0 8px 0;
 padding: 0 0 5px 0;

```

}

fieldset#mw-searchoptions div.divider {

```
 border: none;
 border-bottom: 1px solid #82a8af;

```

}

div#preferences {

```
 border: none;
 background-color: transparent;
 background-image: none;

```

}

div#preferences fieldset {

```
 border: 1px solid #82a8af;
 box-shadow: 0 2px 5px #687478;
 background: transparent;
 color: #9ccad2;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

div#preferences fieldset legend {

```
 font-weight: bold;
 text-transform: uppercase;
 color: #82a8af;
 margin: 0 0 8px 0;
 padding: 0;

```

}

div#preferences fieldset fieldset {

```
 border: 1px solid #82a8af;
 box-shadow: 0 2px 5px #687478;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

div#preferences fieldset fieldset legend {

```
 font-weight: bold;
 text-transform: uppercase;
 color: #82a8af;
 margin: 0 0 8px 0;
 padding: 0;

```

}

1. preferences td.htmlform-tip {

```
 color: #50a2ae;

```

}

1. preftoc {

```
 border: none;
 background: transparent;

```

}

1. preftoc li {

```
 border: none;
 background: transparent;

```

}

1. preftoc li a, #preftoc li a:active {

```
 border: none;
 background: transparent;
 color: #30f9ff;

```

}

1. preftoc li a:visited {

```
 color: #30f9ff;

```

}

1. preftoc li a:hover, #preftoc li.selected a:hover {

```
 background: transparent;
 color: #99feff;

```

}

1. preftoc li.selected a {

```
 background: transparent;
 color: #99feff;

```

}

1. preftoc li a:active {

```
 color: #ffffff;

```

}

ul#filetoc {

```
 border: 1px solid #82a8af;
 box-shadow: 0 2px 5px #687478;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

table.mw\_metadata {

```
 border: none;
 box-shadow: 0 2px 5px #687478;
 background: transparent;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

table.mw\_metadata th {

```
 border: 1px solid #9ccad2;
 background: rgba(0, 0, 0, 0.25);
 color: #82a8af;

```

}

table.mw\_metadata td {

```
 border: 1px solid #9ccad2;
 background: transparent;
 color: #9ccad2;

```

}

.TablePager {

```
 border: none;
 box-shadow: 0 2px 5px #687478;
 background: transparent;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

.TablePager th {

```
 border: 1px solid #9ccad2;
 background: rgba(0, 0, 0, 0.25);
 color: #82a8af;

```

}

.TablePager td {

```
 border: 1px solid #9ccad2;
 background: transparent;
 color: #9ccad2;

```

}

.TablePager tr:hover td {
}

1. other\_options div {

```
 border: 1px solid #82a8af;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

table.smwtable {

```
 border: none;
 background: transparent;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

table.smwtable th {

```
 border: 1px solid #9ccad2;
 background: rgba(0, 0, 0, 0.25);
 color: #82a8af;

```

}

table.smwtable td {

```
 border: 1px solid #9ccad2;
 background: transparent;
 color: #9ccad2;

```

}

.smwrdflink {
}

.smwfact {
}

.smwfact a, .smwfact a:hover {
}

.smwfact a:visited, .smwfact a:visited:hover {
}

.smwfacttable {

```
 border: none;
 background: transparent;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

.smwfacttable tr {
}

.smwfacttable tr td {
}

table.mw-abuselog-details {

```
 border: none;
 background: transparent;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

table.mw-abuselog-details tr th {

```
 border: 1px solid #9ccad2;
 background: rgba(0, 0, 0, 0.25);
 color: #82a8af;

```

}

table.mw-abuselog-details tr td {

```
 border: 1px solid #9ccad2;
 background: transparent;
 color: #9ccad2;

```

}

.mw-abusefilter-history-changed {
}

.wikiEditor-preview-contents {

```
 background: #111b26 url("http://hydra-media.cursecdn.com/wildstar.gamepedia.com/9/98/Bg.jpg") left top repeat;
 border: 1px solid #ffffff;

```

}

table.mw-abuselog-details {

```
 border: none;
 box-shadow: 0 2px 5px #687478;
 background: transparent;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

table.mw-abuselog-details tr th {

```
 border: 1px solid #9ccad2;
 background: rgba(0, 0, 0, 0.25);
 color: #82a8af;

```

}

table.mw-abuselog-details tr td {

```
 border: 1px solid #9ccad2;
 background: transparent;
 color: #9ccad2;

```

}

.mw-abusefilter-history-changed {
}

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
/\* Footer styles \*
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
div#footer {

```
 border: none;
 background: transparent;
 color: #9ccad2;
 margin: 0 0 20px 0;
 padding: 10px 20px 10px 20px;
 overflow: hidden;

```

}

div#footer ul li {

```
 color: #9ccad2;

```

}

.t-footer {

```
 clear: both;

```

}

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
/\* Notice templates \*
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
.topNotice {

```
 border: 2px solid #65cdcc;
 background: rgba(0, 0, 0, 0.25);
 color: #b7b7b7;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

.topNotice .heading {

```
 font-size: 116%;

```

}

.topNotice.delete {

```
 border: 2px solid #cd6565;
 background: rgba(0, 0, 0, 0.25);
 color: #b7b7b7;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

.topNotice.move, .topnotice.merge, .topnotice.split {

```
 border: 2px solid #cd9865;
 background: rgba(0, 0, 0, 0.25);
 color: #b7b7b7;
 margin: 0 0 10px 0;
 padding: 3px 6px;
}

```

.topNotice.pagestub {

```
 border: 2px solid #65cd65;
 background: rgba(0, 0, 0, 0.25);
 color: #b7b7b7;
 margin: 0 0 10px 0;
 padding: 3px 6px;

```

}

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
/\* Front page styles \*
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
.fpmain {

```
 width: 100%;
 overflow: hidden;
 z-index: 1;

```

}

.fpbanner {

```
 border: 1px solid #82a8af;
 box-shadow: 0 2px 5px #687478;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 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;

```

}

.fpbanner1 .fpbannertable {

```
 background: url("http://hydra-media.cursecdn.com/soma.gamepedia.com/f/f2/Fpbox\_left\_1.png") left center no-repeat,
             #ffffff url("http://hydra-media.cursecdn.com/soma.gamepedia.com/5/5c/Fpbox\_right\_1.png") right center no-repeat;

```

}

.fpmidsections {

```
 float: left;
 width: 100%;
 overflow: hidden;

```

}

.fpbox {

```
 border: 1px solid #82a8af;
 box-shadow: 0 2px 5px #687478;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 margin: 5px 5px 5px 5px;
 padding: 5px 5px 5px 5px;
 overflow: auto;

```

}

.fpbox .mainheading {

```
 border: none;
 border-bottom: 1px solid #82a8af;
 color: #f4d456;
 font-size: 150%;
 font-weight: bold;
 margin: 0 0 10px 0;
 padding: 0 0 5px 0;
 overflow: auto;

```

}

.fpbox .heading {

```
 border: none;
 border-bottom: 1px solid #82a8af;
 color: #f4d456;
 font-size: 132%;
 margin: 0 0 10px 0;
 padding: 0 0 5px 0;
 overflow: auto;

```

}

.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 {

```
 border: none;
 box-shadow: none;
 background: transparent;

```

}

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

```

}

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
/\* Infobox styles \*
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/

1. bodyContent .stdinfobox {

```
 float: right;
 border: 1px solid #82a8af;
 box-shadow: 0 2px 5px #687478;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 margin: 0 0 10px 20px;
 padding: 3px 6px;
 vertical-align: top;
 width: 280px;

```

}

1. bodyContent .stdinfobox2 {

```
 clear: right;
 margin-top: 10px;

```

}

1. bodyContent .stdinfobox .title {

```
 border: none;
 border-bottom: 1px solid #82a8af;
 background: transparent;
 font-size: 150%;
 color: #82a8af;
 text-align: left;
 margin: 0 0 8px 0;
 padding: 0 0 5px 0;
 overflow: auto;

```

}

1. bodyContent .stdinfobox img {

}

1. bodyContent .stdinfobox .caption {

```
 text-align: center;

```

}

1. bodyContent .stdinfobox .caption {

```
 background: transparent;
 font-size: 94%;
 color: #9ccad2;
 text-align: center;
 padding: 0 3px 1px 3px;
 margin: 0 0 8px 0;

```

}

1. bodyContent .stdinfobox .body {

```
 margin: 0;
 padding: 0 5px 5px 5px;

```

}

1. bodyContent .stdinfobox .image {

```
 text-align: center;
 padding: 10px 0 0 0;
 margin: 0;

```

}

1. bodyContent .stdinfobox .image .image {

```
 padding: 0;
 margin: 0;

```

}

1. bodyContent .stdinfobox .image img {

```
 margin: 0;
 padding: 0;

```

}

1. bodyContent .stdinfobox .image .image img {

```
 margin: 0;
 padding: 0;

```

}

1. bodyContent .stdinfobox table {

```
 width: 100%;

```

}

1. bodyContent .stdinfobox table tr th {

```
 color: #f4d456;
 text-align: left;
 vertical-align: top;
 padding: 0 3px 1px 0;
 white-space: nowrap;
 width: 1%;

```

}

1. bodyContent .stdinfobox table tr th.wide {

```
 padding: 0 0 1px 0;

```

}

1. bodyContent .stdinfobox table tr td {

```
 color: #9ccad2;
 text-align: left;
 vertical-align: center;
 padding: 0 0 1px 3px;

```

}

1. bodyContent .stdinfobox table tr td.wide {

```
 padding: 0 0 1px 0;

```

}

1. bodyContent .stdinfobox table tr td.wide.indent {

```
 padding: 0 0 1px 2em;

```

}

1. bodyContent .stdinfobox table tr th.header {

```
 border: none;
 border-bottom: 1px solid #82a8af;
 background: transparent;
 font-size: 132%;
 color: #82a8af;
 text-align: center;
 margin: 0 0 8px 0;
 padding: 0 0 5px 0;

```

}

1. bodyContent .stdinfobox table tr td.listlabel {

```
 border: none;
 border-bottom: 1px solid #82a8af;
 background: transparent;
 font-size: 116%;
 color: #82a8af;
 text-align: center;
 margin: 0 0 8px 0;
 padding: 0 0 5px 0;

```

}

1. bodyContent .stdinfobox table tr td.listentries {

```
 text-align: center;
 color: #9ccad2;
 margin: 0 0 1px 0;
 padding: 0 0 0 0;

```

}

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
/\* General styles \*
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
.contentbox {

```
 border: 1px solid #82a8af;
 box-shadow: 0 2px 5px #687478;
 background: rgba(0, 0, 0, 0.25);
 color: #9ccad2;
 margin: 0 0 10px 0;
 padding: 3px 6px;
 overflow: auto;

```

}

span.bullet {

```
 background: transparent url("") no-repeat center 60%;
 width: 9px;
 font-size: 11px;
 vertical-align: baseline;

```

}

.dablink {

```
 padding: 2px 36px 10px 36px;
 font-style: italic;

```

}

span.ghost {

```
 color: #50a2ae; /* For any text that appear fainter for some reason */

```

}

.columns {

```
 padding: 0;
 margin: 10px 0 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;

```

}

.mw-echo-notification {

```
 color: #9ccad2;
 border: 1px solid #6D6D6D;

```

}

1. mw-echo-special-container .mw-echo-notification.mw-echo-unread, #mw-echo-special-container .mw-echo-notification.mw-echo-unread:hover {

```
   background-color: transparent;

```

}

1. mw-echo-special-container .mw-echo-notification {

```
   background-color: transparent;

```

}

1. mw-echo-special-container .mw-echo-notification:hover {

```
   background-color: #000000;

```

}