ShellShock Live Wiki
Don't have an account?
Register
Advertisement
Register
ShellShock Live Wiki
ShellShock Live Wiki
380
pages

Hydradark.css

MediaWiki page
Sign in to edit

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: Clear the cache in Tools → Preferences
/* CSS placed here will affect users of the Hydradark skin */

/* Temp logo hack */
.mw-wiki-logo {
    background-image: url('https://static.wikia.nocookie.net/shellshocklive_gamepedia_en/images/f/f3/Wiki-Logo-Final.png/revision/latest');
}

/* Search Box */
div#simpleSearch{
    background:rgba(0,136,255,.1);
    border:1px solid #475e67;
}

div#simpleSearch #searchInput{
    color:#bed2ea !important;
}

/* Content Box*/
div#content {
    background-color: rgba(8,12,22,.9);
    border-color: #1a2b48;
}

div#content, h1, h2, h3, h4, h5, h6, pre, div#content table {
    color: #bed2ea;
}

/* Logo placement */
#p-logo a {
    width: 420px !important;
    height: 140px;
    margin:auto;
    margin-top: 30px;
}

/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}
 
#p-logo {
    height: 140px;
    width: calc(100vw - 31px);
    top:-165px;
}

/* Background */
body {
	background: #004579; /* Old browsers */
	background: -moz-linear-gradient(top, #004579 1%, #5BFF6E 60%, #EC563E 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #004579 1%, #5BFF6E 60%, #EC563E 100%); /* Chrome10-25,Safari5.1-6 */
	background: fixed linear-gradient(to bottom, #004579 1%, #5BFF6E 60%, #EC563E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004579', endColorstr='#5BFF6E',GradientType=0 ); /* IE6-9 */
}

#mw-head, #mw-head-base, #mw-page-base {
    background: transparent;
}

div#mw-head{
    background:none !important;
    margin-top:140px !important;
}

/* Sidebar */
div#mw-panel{
    top:145px;
}

div#mw-panel div.portal div.body, 
.skin-hydradark #mw-panel.collapsible-nav div.portal div.body {
    margin-bottom: 5px;
    /* width: 160px; */
    font-weight: normal;
    background-color: rgba(0,0,0,0.3);
    border: 1px solid black;
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left: 15px;
    margin-left: -10px;
    border-radius: 7px;
}

.skin-hydradark div#mw-panel div.portal div.body {
    background-image: none;
}

div.portal {
    background-image: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 {
    background: transparent;
    border: none;
}

div#mw-panel div.portal {
    background: none;
}

#mw-panel a:link,
#mw-panel a:visited {
    color: #bed2ea !important;
}

#mw-panel h3 a:link,
#mw-panel h3 a:visited,
#mw-panel h3,
#mw-panel h3 {
    color: white !important;
    font-weight: bold !important;
}

div#mw-panel div.portal h3, 
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 {
    margin-bottom: 5px !important;
}

.skin-hydradark #mw-panel.collapsible-nav .portal h3 { background-image: url(https://static.wikia.nocookie.net/commons_hydra/images/7/72/Sidebar_expanded.png); }
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 { background-image: url(https://static.wikia.nocookie.net/commons_hydra/images/3/37/Sidebar_collapsed.png); }

.skin-hydradark #mw-panel #p-logo + .portal#p-navigation .body { margin-left: -10px; }

/* Top nav */
div.vectorMenu h3, 
div.vectorMenu h3 a, 
div.vectorMenu h5 a {
    background-image: none !important;
    background: inherit !important;
}

div.vectorMenu h3 a:link, 
div.vectorMenu h3 a:visited,
div.vectorMenu h5 a:link,
div.vectorMenu h5 a:visited,
div.vectorMenu h3 span,
div.vectorMenu h5 span {
    color: white !important;
    font-weight: bold !important;
}

div.vectorTabs ul li,
div.vectorTabs li.selected {
    background: none !important;
}

div.vectorTabs ul {
    background: none;
}

div.vectorTabs ul li a:link,
div.vectorTabs ul li a:visited,
div.vectorTabs li.selected a:link,
div.vectorTabs li.selected a:visited {
    color: black;
}

div.vectorMenu h3 span,
div.vectorMenu h5 span {
    margin-top: -1px;
}

div.vectorMenu h3, 
div.vectorMenu h3 a, 
div.vectorMenu h5 a {
    background-image: none !important;
    background: inherit !important;
}

div.vectorTabs ul li,
div.vectorTabs li.selected {
    background: none !important;
}

div.vectorTabs span {
    background: none !important;
    font-weight: bold !important;
}

div.vectorTabs {
    background: none !important;
}

div.vectorMenu h3 span,
div.vectorMenu h5 span {
    background: none !important;
    background-image: none !important;
    border:0 !important; 
}

#left-navigation a:link, 
#left-navigation a:visited, 
#right-navigation a:link,
#right-navigation a:visited,
#left-navigation span,
#right-navigation span {
    color:white;
    font-weight: bold;
}

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

/* Share/More rollover link shift */
#p-sharing, #p-cactions {
    margin-top:0;
}

/* Share/More popup menus */
div.vectorMenu div.menu {
    background: rgba(0, 0, 0, 0.85);
    border:none;
}

div.vectorMenu div.menu li a:link, 
div.vectorMenu div.menu li a:visited,
div.menu li a:link,
div.menu li a:visited {
    color:white !important;
}

div#mw-head div.vectorMenu a {
    color: #175FA4;
}

/* Tab line/backing */
div#mw-head {
    background: rgba(0, 0, 0, 1);
    border-bottom: 1px solid #000000;
    color: #fff;
    height: 30px;
    left: 176px;
    margin-top: 130px;
    margin-right: 0px;
    position: absolute;
    width: auto;
}

/* Content shift to accommodate logo height */
#left-navigation, #right-navigation {
	margin-top: -8px !important;
}

#left-navigation {
    margin-left:13px;
}

.mw-body {
    margin-top: 91px !important;
}

/* Weapon Page */
.weaponstats{
    background-color: rgba(0,0,0,0);
    border: 1px solid #505050;
    color: #ffffff;
    float: right;
    font-size: 89%;
    margin:0px;
    padding: 0px;
    width: 200px;
    border-spacing: 0px;
}

.weaponstats tr:nth-child(odd) {
    background-color: rgba(120,180,255,.2);
}

.weaponstats td {
    padding:2px;
}

.weapondesc{
    padding-left:10px;
    vertical-align:top;
}

/* Footer */
div#footer {
    //background: rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 10px;
}

div#footer ul li{
    color: #4d647b;
}

/* Category Links */
#catlinks{
    background-color:rgba(0,0,0,.25);
}

/* Search input shift to accommadate tab backing bar */
#p-search {
    margin-top: 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;
}

/* INFOBOXES: game or book depended color style */
.infoboxtable {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #1a2b48;
    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: rgba(0,136,255,.2);*/
    border: 2px solid inherit; 
    border-radius: 5px; 
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

.infoboxname {
    background-color: rgba(0,136,255,.2); 
    font-size: 110%; 
    font-weight: bold;
    padding: 0.5em; 
}

.infoboxdetails {
    background-color: rgba(0,136,255,.2); 
    padding: 0em;
}

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

/* interwiki table bg fix for active entries */
.mw-interwikitable-local,
.mw-interwikitable-trans {
    text-shadow: 1px 1px 1px #000000;
}

table.wikitable > * > tr > td{
    border-color: #1b273c;
}

#weapontable{
    border:none;
}

#weapontable > * > tr > td{
    border:none;
    padding:5px;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: #1a2b48; }
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border-color: #1a2b48; }
table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: rgba(0,136,255,.2); }

.feature {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px; padding: 10px;
}

/* Navbox template style */
table.navbox {
    border: 1px solid #1a2b48;
    clear: both;
    font-size: 88%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%; 
}

/* Border between adjacent navboxes */
table.navbox + table.navbox {
    margin-top: -1px;
}

.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.navbox-group {
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

/* Base background */
.navbox, .navbox-subgroup {
    background: rgba(0, 0, 0, 0.1);
}

.navbox-list {
    border-color: rgba(0, 0, 0, 0.1); /* Must match background color */
}

/* Level 1 color */
.navbox-title,
table.navbox th {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 3 styling */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

/* Even row striping */
.navbox-even {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}

table.collapsed tr.collapsible {
    display: none;
}

.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
   padding: 0.125em 0; /* Adjust hlist padding in navboxes */
}
/* End of new Navbox styling */

/* Style for horizontal lists (separator following item).
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  @revision 4.3 (2014-01-06)
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
   margin: 0;
   padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
   margin: 0;
   display: inline;
}
/* Display nested lists inline */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
   display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
   content: ": ";
}
.hlist dd:after,
.hlist li:after {
   content: " · ";
   font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
   content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
   content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
   content: " (";
   font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
   content: ") ";
   font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
   content: ") ";
   font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
   counter-reset: listitem;
}
.hlist ol > li {
   counter-increment: listitem;
}
.hlist ol > li:before {
   content: " " counter(listitem) " ";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
   content: " (" counter(listitem) " ";
}

/* Infobox */
.infobox {
    background-color: #f9f9f9;
    color: black;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0.2em;
    float: right;
    background: none;
    border-collapse: separate;
}

.infobox td,
.infobox th {
   vertical-align: top;
}

.infobox caption {
   font-size: larger;
   margin-left: inherit;
}

.infobox th.title {
    background: #333;
    text-shadow: 0 0 5px #3CFEFD;
    font-size: 150%;
    color: white !important;
    border-radius: 7px;
    padding: 5px 0;
}

.infobox th:not(.title) {
    text-align: left;
    padding: 5px 0 5px 10px;
    font-size: 120%;
    color: #222;
}

.infobox td {
    vertical-align: middle;
    text-align: center; 
    font-weight: bold;
    font-size: 120%;
    color: #222;
}

.infobox th:not(.title),
.infobox td:not(.sprite) {
    border-top: 1px solid #bbb;
}

/* Template documentation */
.documentation {
   margin: 0em auto 1em; 
   border: 1px solid #1a2b48; 
   padding: 1em;/*
   background: #EAF4F9;*/
}
 
.documentation_header {
   padding-bottom: 3px; 
   border-bottom: 1px solid #AAAAAA; 
}

body {
   background: 
   url("https://static.wikia.nocookie.net/shellshocklive_gamepedia_en/images/a/a5/WikiBackground4.jpg/revision/latest") no-repeat fixed center top / cover rgb(0, 0, 0);
}

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

/* When title sub line is empty, remove it */
#contentSub:empty {
    margin: 0;
}

/* Gamepedia lines */
footer {
    border-top: #f48020 3px solid;
}

.netbar-flex {
    border-bottom: 1px solid #f48020;
}

/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
    border: 0;
    border-bottom: 1px solid #192f40;
    background-color: rgba(0,136,255,.1);
}

.fpbox {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid #192f40;
    box-shadow: 0 2px 5px #192f40;
}

.fplink:not(.fplink-plain) {
    background: rgba(0,0,0,0.3);
    border: 1px solid #192f40;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
    background: rgba(0,0,0,0.4);
}

.linkslabel {
    border-bottom: 2px solid #192f40;
}

.fpbox.welcomebox {
    border-color: transparent;
    box-shadow: none;
}

/* thumbnail fixes */
html .thumbimage { background-color: transparent; }
Community content is available under CC BY-NC-SA unless otherwise noted.
Advertisement