No edit summary |
Game widow (talk | contribs) No edit summary |
||
Line 236: | Line 236: | ||
border: none; |
border: 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%; |
||
+ | } |
||
+ | |||
+ | .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; |
||
+ | } |
||
+ | |||
+ | .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 #505050; |
||
+ | 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; |
||
+ | } |
||
+ | /* End of new Navbox styling */ |
Revision as of 13:18, 21 May 2019
/* For elements which only display in the mobile view */
.mobileonly {
display: none;
}
/* Hide main page header */
body.page-Avorion_Wiki h1.firstHeading {
display:none;
}
/* FRAMEWORK */
/* planet https://gamepedia.cursecdn.com/avorion_gamepedia_en/f/f2/Planet_test.jpg */
/* trailer ship: https://avorion.gamepedia.com/media/avorion.gamepedia.com/7/77/TrailerShip_Flying.jpg */
body {
background: #171717 url(https://gamepedia.cursecdn.com/avorion_gamepedia_en/1/1d/Planet.jpg) no-repeat fixed left bottom;
background-size: cover;
}
#pageWrapper {
margin-right: 15px;
}
/* HEADER */
div#mw-head {
margin-top: 52px;
padding-right: 2px;
background: transparent;
}
div#mw-page-base {
background: transparent;
height: 80px;
}
div#mw-head-base {
display: none;
}
/* TABS */
/* set basic stuff */
#ca-unwatch, #ca-unwatch {
background-image: none;
}
div.vectorTabs,
div.vectorTabs ul,
div.vectorTabs span {
background: #171717;
background-image: none;
border-right: 1px solid #000;
}
div.vectorTabs li,
div.vectorTabs li span a,
h3#p-sharing-label span,
h3#p-cactions-label span,
div.vectorTabs li.new span a {
background-image: none;
background: #171717;
}
div.vectorTabs li.selected a,
div.vectorTabs li.selected a span,
div.vectorTabs li.selected a:visited,
div.vectorTabs li.selected a:visited span {
background-image: none;
font-weight: bold;
text-decoration: none;
background: #202020;
text-align: center;
}
div.vectorTabs li a {
background-image: none;
text-decoration: none;
}
div#mw-head div.vectorMenu h3 {
background-image: none;
background-color: #171717;
background-repeat: repeat;
}
/* share menu with nicely centered icons */
div#p-sharing .menu {
margin-left: 13px;
min-width: 0px;
width: 48px;
border: none;
background: #171717;
}
#p-sharing #socialIconImages img {
width: 90%;
padding: 2px;
}
#p-sharing #socialIconImages a {
width: 40px;
}
/* More menu with nice blue color */
div#p-cactions .menu {
margin-left: 5px;
min-width: 0px;
width: auto;
border: 0;
color: #70c0ff;
background: #202020;
}
div#p-cactions div.menu ul li a {
color: #70c0ff;
background: #171717;
}
/* SEARCH BAR */
#p-search {
margin-right: 14px;
}
/* LOGO */
#p-logo {
width: 350px;
height: 80px;
margin-top: 10px;
}
#p-logo a {
width: 350px;
height: 80px;
}
/* SIDEBAR */
.skin-hydradark div#mw-panel div.portal div.body,
.skin-hydradark #mw-panel.collapsible-nav .portal {
background-image: none;
background: #transparent;
}
.skin-hydradark div#mw-panel div.portal div.body ul li a,
.skin-hydradark div#mw-panel div.portal div.body ul li a:visited {
color: #f0f0f0;
text-shadow:-1px -1px 0px #000,
1px 1px 0px #000,
1px -1px 0px #000,
-1px 1px 0px #000;
}
/* change arrow color */
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH3wQBEiskN1GrWQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAT0lEQVQ4y+2TOwrAMAxD9Upy/wsH1KlQQlRcskabjSX/sa0dXNrEEZDaZFdXQqqAP+TUAlVynAHQK74oYHu8CUC3PZbJvk4ZaI9gjDm/oBt1WxYtuhHX/wAAAABJRU5ErkJggg==");
background-position: left center;
background-repeat: no-repeat;
}
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH3wQBEikUI775dwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAT0lEQVQ4y9WTUQrAIAxDE9H7H3jC2wnqxKqw/OeRpq0BZVSU1FEAOxKwYwRs11QHwBNBpkuMIPfWaLsBfQkQmSWpzvhH5/6VwJkO/I9negFpGhkjDUKRdAAAAABJRU5ErkJggg==");
background-position: left center;
background-repeat: no-repeat;}
/* have section titles in lighter color and uppercase */
.skin-hydradark div#mw-panel div.portal h3,
.skin-hydradark div#mw-panel div.portal h3:visited,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a:visited,
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a:visited,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
color: #f0f0f0;
font-weight: bold;
text-transform: uppercase;
text-shadow:-1px -1px 0px #000,
1px 1px 0px #000,
1px -1px 0px #000,
-1px 1px 0px #000;
}
/* CONTENT */
div#content {
position: relative;
border: #202020 solid 1px;
background: #202020;
margin-top: 52px;
margin-left: 174px;
}
/* code within text */
code {
background-color: #303030;
border: 1px solid #505050;
padding: 1px;
color: #b0b0b0;
}
/* links */
a,
div#content a.extiw,
div#content a.external,
.skin-hydradark #mw-indicator-mw-helplink a {
color: #70c0ff;
}
a:visited,
div#content a.extiw:visited,
div#content a.external:visited {
color: #4e86b2;
#catlinks,
#toc,
.toc,
.mw-warning {
background-color: #171717;
border-color: #4e86b2;
color: #fff;
}
pre,
.mw-code {
background-color: #171717;
border-color: #4e86b2;
border-style: dashed;
}
/* Notifications fix */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
background: inherit;
}
/* Tables */
.skin-hydradark .wikitable td {
padding: 2px 10px;
}
div#content #toctitle h2 {
background: none;
border: 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%;
}
.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;
}
.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 #505050;
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;
}
/* End of new Navbox styling */