|
|
(42 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
| /* CSS placed here will affect users of the Vector skin */ | | /* CSS placed here will affect users of the Vector skin */ |
|
| |
|
| /* Hide sidebar items */ | | body { background: #222 url(https://halo.wiki.gallery/images/0/01/HP_Dark-bg.jpg) no-repeat fixed top / cover; } |
| li#n-Gameplay,
| | |
| li#n-Related-sites {
| | /* Indicator icons */ |
| display: none; | | .mw-indicators { |
| | top: 8px; |
| | } |
| | #mw-indicator-rc { |
| | top: 16px; |
| | font-size: 85%; |
| } | | } |
| | .mw-indicators img { |
| | max-height: 32px !important; |
| | width: auto !important; |
| | } |
| | |
| /* External self-links */ | | /* External self-links */ |
| .mw-body a.external[href^="https://www.halopedia.org"] { | | .mw-body a.external[href^="https://www.halopedia.org"] { |
Line 12: |
Line 22: |
| padding: 0; | | padding: 0; |
| } | | } |
| /* Main background */
| | |
| body, div#mw-head {
| |
| background: #222 url(/images/0/01/HP_Dark-bg.jpg) no-repeat fixed top;
| |
| }
| |
| /* Halo fixes */ | | /* Halo fixes */ |
| .action-view .bodySearchWrap .mw-ui-button { | | .action-view .bodySearchWrap .mw-ui-button { |
Line 25: |
Line 32: |
| padding-bottom: 6px !important; | | padding-bottom: 6px !important; |
| } | | } |
| }
| |
|
| |
| /* Larger headings */
| |
| .mw-body h1, .mw-body-content h1 { font-size: 2.00em; }
| |
| .mw-body h2, .mw-body-content h2 { font-size: 1.75em; }
| |
| .mw-body h3, .mw-body-content h3 { font-size: 1.45em; }
| |
| .mw-body h4, .mw-body-content h4 { font-size: 1.32em; }
| |
| .mw-body h5, .mw-body-content h5 { font-size: 1.15em; }
| |
| .mw-body h6, .mw-body-content h6 { font-size: 1.00em; }
| |
| .fakeh2 {
| |
| font-family: 'Linux Libertine','Georgia','Times',serif;
| |
| line-height: 1.3;
| |
| padding: 0;
| |
| margin: 1em 0 0.25em;
| |
| }
| |
| .tabcontainer .fakeh2:nth-of-type(2) {
| |
| margin-top: 0.25em;
| |
| }
| |
| /* Link overrides */
| |
| a:not(.oo-ui-buttonElement-button), div#mw-panel div.portal div.body ul li a {
| |
| color: #009CFF !important;
| |
| }
| |
| a.new {
| |
| color: #FF1A1A !important;
| |
| }
| |
| /* Button overrides */
| |
| input[type="submit"]:not(.searchButton), input[type="button"], button[type="submit"]:not(.mw-ui-button) {
| |
| border: 1px solid #c8ccd1;
| |
| padding: 2px 10px;
| |
| background: #333 !important;
| |
| color: #fff !important;
| |
| }
| |
| input[type="submit"]:not(.searchButton):hover, input[type="button"]:hover, button[type="submit"]:not(.mw-ui-button):hover {
| |
| background: #444 !important;
| |
| }
| |
| .mw-body-content .mw-ui-input,
| |
| .mw-body-content .mw-ui-button {
| |
| background: #555 !important;
| |
| color: #fff !important;
| |
| border-color: #666 !important;
| |
| box-shadow: inset 0 0 0 0.1em #333 !important;
| |
| }
| |
|
| |
| /* Main Page */
| |
| .page-Main_Page #mw-content-text .mw-parser-output div:not(.nomobile):not(.center-template),
| |
| .page-Main_Page #mw-content-text .mw-parser-output table.plainlinks th,
| |
| .page-Main_Page #mw-content-text .mw-parser-output table.plainlinks {
| |
| background: #444 !important;
| |
| color: #fff !important;
| |
| }
| |
|
| |
| /* Vector elements */
| |
| h1, h2, h3, h4, h5, h6, div#mw-panel div.portal h3 {
| |
| color: #fff;
| |
| }
| |
| #simpleSearch, #simpleSearch input {
| |
| background: #333;
| |
| color: #fff
| |
| }
| |
| #p-logo a, #p-logo a:hover {
| |
| height: 175px;
| |
| }
| |
| body.page-Main_Page #footer-info-lastmod {
| |
| display: none;
| |
| }
| |
| /* Indicator icons */
| |
| .mw-indicators {
| |
| top: 8px;
| |
| }
| |
| #mw-indicator-rc {
| |
| top: 16px;
| |
| font-size: 85%;
| |
| }
| |
| /* Site notice */
| |
| #siteNotice {
| |
| margin-bottom: 8px;
| |
| border: 2px solid #808080;
| |
| border-radius: 1em;
| |
| }
| |
| /* Sidebar */
| |
| div#mw-panel div.portal {
| |
| border-radius: 0.5em;
| |
| border: 1px solid #DCDCDC;
| |
| background: #222;
| |
| margin-bottom: 10px;
| |
| }
| |
| /* Article background */
| |
| .mw-body {
| |
| border: 1px solid #777;
| |
| background-color: #2a2a2a;
| |
| color: #fff;
| |
| }
| |
| div#footer {
| |
| background-color: #2a2a2a;
| |
| border: 1px solid #666;
| |
| background: linear-gradient(rgba(34,34,34,.2), #262626);
| |
| }
| |
| #footer ul li {
| |
| font-size: 0.7em;
| |
| }
| |
| #bodyContent {
| |
| background: none !important;
| |
| }
| |
| /* Tabs */
| |
| div.vectorMenu li a, div.vectorMenu h3 span,
| |
| div.vectorTabs li.selected a, div.vectorTabs li a {
| |
| color: #009CFF !important;
| |
| }
| |
| div.vectorTabs li.new a, div.vectorTabs li.new a:visited {
| |
| color: #FF1A1A !important;
| |
| }
| |
| div.vectorTabs ul > li {
| |
| background: #2a2a2a; /* For browsers that do not support gradients */
| |
| background: linear-gradient(rgba(34,34,34,.2), #262626);
| |
| }
| |
| div.vectorTabs li.selected {
| |
| background: #444; /* For browsers that do not support gradients */
| |
| background: linear-gradient(rgba(34,34,34,.2), #2a2a2a);
| |
| }
| |
| div.vectorTabs {
| |
| border-left: 1px solid #777;
| |
| background-image:none;
| |
| }
| |
| div.vectorTabs span {
| |
| border-right: 1px solid #777;
| |
| background-image: none;
| |
| }
| |
| div.vectorMenu div.menu {
| |
| background: #444;
| |
| }
| |
| /* Misc */
| |
| .client-js #preftoc li {
| |
| background: #333 !important;
| |
| }
| |
| #preferences, .client-js #preftoc li.selected a {
| |
| background: #444 !important;
| |
| }
| |
| .client-js #preferences legend {
| |
| color: #999 !important;
| |
| }
| |
| @-moz-document url-prefix() {
| |
| .bodySearchWrap .mw-ui-button, .createboxButton {
| |
| padding-bottom: 6px !important;
| |
| }
| |
| }
| |
| .mw-content-ltr .redirectText li:first-child {
| |
| background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2247%22 height=%2220%22 viewBox=%220 0 47 20%22%3E %3Cpath fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-miterlimit=%2210%22 d=%22M14.98 2.5V11c0 1.04 1.02 1.98 2.02 1.98h6l3 .02%22/%3E %3Cpath fill=%22%23fff%22 d=%22M23.48 9.5l.02 7L30 13z%22/%3E %3C/svg%3E") !important;
| |
| }
| |
| .noticebox, .noticebox td, .noticebox td font, .noticebox div,
| |
| .darker, .darker tr, .darker td, .darker div,
| |
| .history-size, #pagehistory li.selected,
| |
| table.wikitable,
| |
| table.plainlinks,
| |
| .scrollbox {
| |
| color: #fff !important;
| |
| } | | } |