MediaWiki:Common.css: Difference between revisions

From DemonCrawl Wiki
Jump to navigation Jump to search
mNo edit summary
(Remove bullets for ordered list)
 
(10 intermediate revisions by the same user not shown)
Line 7: Line 7:
ul {list-style-type:none;}
ul {list-style-type:none;}
.mw-body ul {position:relative;}
.mw-body ul {position:relative;}
.mw-body li:before {content:"■";position:absolute;left:-24px;margin-top:-2px;}
.mw-body ul li:before {content:"■";position:absolute;left:-24px;margin-top:-2px;}
.mw-body img {image-rendering:pixelated;image-rendering:-moz-crisp-edges;}
.mw-body img {image-rendering:pixelated;image-rendering:-moz-crisp-edges;}


.mw-body, .parsoid-body {background-color:rgba(0,0,0,0.5);color:#e4f1ff;}
.mw-body, .parsoid-body {background-color:rgba(0,0,0,0.52);color:#e4f1ff;}
h1, h2, h3, h4, h5, h6 {color:#f8b412;}
h1, h2, h3, h4, h5, h6 {color:#f8b412;}


Line 53: Line 53:
.vectorTabs li:hover a {text-decoration:none;}
.vectorTabs li:hover a {text-decoration:none;}
.vectorTabs li.mw-watchlink {display:none;}
.vectorTabs li.mw-watchlink {display:none;}
.vector-menu-portal .vector-menu-content li {font-size:1em;}
.vectorMenu h3 span {color:#fff;font-size:16px;padding-top:0;}
.vectorMenu h3 span {color:#fff;font-size:16px;padding-top:0;}
#mw-head .vectorMenu h3 {background-image:none;}
#mw-head .vectorMenu h3 {background-image:none;}
.vector-menu-portal .vector-menu-content li a {color:#fff !important;}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {background-color:#000;}


#p-cactions {margin-top:5px;}
#p-cactions {margin-top:5px;}
Line 67: Line 71:




#mw-panel .portal h3 {font-size:16px;color:#f8b412;}
#mw-panel .portal h3 {font-size: 1.25em;color: #f8b412;background-position: -55px 35px;margin-bottom: 5px;}


.infobox {float:right;width:300px;background-color:#000;padding-bottom:20px;border:1px solid #fff;margin-left:50px;margin-bottom:50px;}
.infobox {float:right;width:300px;background-color:#000;padding-bottom:20px;border:1px solid #838d99;margin-left:50px;margin-bottom:50px;}
.infobox-title {text-align:center;color:#fff;font-size:20px;}
.infobox-title {text-align:center;color:#fff;font-size:22px;}
.infobox-image {text-align:center;margin:20px 0;}
.infobox-image {text-align:center;margin:20px 0;}
.infobox-image img {width:128px;height:128px;}
.infobox-image img {width:128px;height:128px;}
.infobox th {text-align:right;padding-right:5px;}
.infobox th {text-align:right;padding-right:7px;}
.infobox td {padding:5px 0;}
.infobox table {width:100%;padding:0 10px;}
.infobox table {width:100%;padding:0 10px;}
.infobox.wide {width:600px;}
.infobox.wide {width:600px;}
.infobox .description {font-size:14px;line-height:18px;}
.infobox .description {font-size:15px;line-height:18px;}




Line 112: Line 117:
#mw-content-text {overflow:auto;}
#mw-content-text {overflow:auto;}


.mp-block {background-color:#041548;padding:25px;margin-bottom:30px;border-radius:10px;box-shadow:0px 6px 0px 0px #001447;}
.mp-block {background-color:#021b67;padding:25px;margin-bottom:30px;border-radius:10px;box-shadow:0px 6px 0px 0px #001447;}
.mp-block h2 {margin-top:10px;}
.mp-block h2 {margin-top:10px;}

Latest revision as of 18:49, 13 November 2022

/* CSS placed here will apply to all skins */

@import url('https://fonts.googleapis.com/css?family=Arbutus+Slab&display=swap');
body {font-family:"Arbutus Slab", serif;background:url("//demoncrawl.com/wiki/images/background.png");background-size:cover;image-rendering:pixelated;background-attachment:fixed;}
div#content h1, div#content h2, html, #simpleSearch #searchInput {font-family:"Arbutus Slab", serif}

ul {list-style-type:none;}
.mw-body ul {position:relative;}
.mw-body ul li:before {content:"■";position:absolute;left:-24px;margin-top:-2px;}
.mw-body img {image-rendering:pixelated;image-rendering:-moz-crisp-edges;}

.mw-body, .parsoid-body {background-color:rgba(0,0,0,0.52);color:#e4f1ff;}
h1, h2, h3, h4, h5, h6 {color:#f8b412;}

a, .mw-parser-output a.external, a:visited, .mw-parser-output a.external:visited, a.new:visited, #p-personal a.new:visited {color:#4ab6ff}

/* Red color */
a.new {color:#dc1f1f;}

.toc, .mw-warning, .toccolours {background-color:#0a1c69;}
.toc li:before {display:none;}
.tocnumber {color:#fff;}
.toc .toctitle {text-align:left;}


#mw-head-base {height:6em;}
#mw-page-base {background:transparent;}

.mw-body {border:1px solid #f8b412;margin-right:15px;}
.mw-body-content {font-size:18px;}

#mw-panel .portal .body li a, #mw-panel .portal .body li a:visited {color:#fff;font-size:16px;letter-spacing:0.02em;}


div#mw-panel {width:14em;}
div#footer, #mw-head-base, div#content {margin-left: 14em;}
#left-navigation {left: 14em;}
#p-logo a {width:12em;margin-right:0;}
.mw-wiki-logo:after {content:url("//demoncrawl.com/wiki/images/official-wiki.png");position: absolute;top: 100px;left: 27px;}

@media screen and (min-width: 982px)
{
.mw-body, #mw-head-base, #left-navigation, #footer {margin-left: 14em;}
}

.vectorTabs ul, .vectorTabs, .vectorTabs span {background:none;height:auto;}
.vectorTabs li {background:#041548;border-radius:10px;margin-right:10px;padding:0;}
.vectorTabs span a {padding:5px 15px;float: none;display:inline-block;height:unset;font-size:16px;}
.vectorTabs li a, .vectorTabs li.new a, .vectorTabs li.new a:visited {color:#78b7f8;}
.vectorTabs li.selected a, .vectorTabs li.selected.new a {color:#000;}
.vectorTabs li.selected {background-color:#f8b412;background-image:none;}
.vectorTabs li:hover, .vectorTabs li.selected:hover {background-color:#fff;}
.vectorTabs li:hover a {text-decoration:none;}
.vectorTabs li.mw-watchlink {display:none;}
.vector-menu-portal .vector-menu-content li {font-size:1em;}
.vectorMenu h3 span {color:#fff;font-size:16px;padding-top:0;}
#mw-head .vectorMenu h3 {background-image:none;}
.vector-menu-portal .vector-menu-content li a {color:#fff !important;}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {background-color:#000;}

#p-cactions {margin-top:5px;}

#p-search form {margin-top:0;}

#simpleSearch {background-image:none;border:none;padding:5px;margin-top:0;}
#simpleSearch #searchInput {font-size:16px;background-color: #000;border: 3px solid white;border-radius:0;color: #fff;margin-top:-10px;}
#simpleSearch #searchInput:focus, #simpleSearch #searchInput:active, #simpleSearch #searchInput:hover {border: 3px solid #f8b412 !important;}
#searchButton, #mw-searchButton {top:-8px;right:12px;}
#simpleSearch #searchInput::placeholder {color:#c3c3c3;}


#mw-panel .portal h3 {font-size: 1.25em;color: #f8b412;background-position: -55px 35px;margin-bottom: 5px;}

.infobox {float:right;width:300px;background-color:#000;padding-bottom:20px;border:1px solid #838d99;margin-left:50px;margin-bottom:50px;}
.infobox-title {text-align:center;color:#fff;font-size:22px;}
.infobox-image {text-align:center;margin:20px 0;}
.infobox-image img {width:128px;height:128px;}
.infobox th {text-align:right;padding-right:7px;}
.infobox td {padding:5px 0;}
.infobox table {width:100%;padding:0 10px;}
.infobox.wide {width:600px;}
.infobox .description {font-size:15px;line-height:18px;}



.catlinks {background-color:#000;}
.catlinks ul li:before {display:none;}

#footer ul li {font-size:16px;color:#fff;line-height:unset;padding:0;}

#p-personal {background-color:#000;width:100%;top:0;left:0;}
#p-personal ul {float:right;margin-right:15px;}

.wikitable p, .wikitable {color:#fff;}
table.cargoTable.noMerge thead > tr:nth-child(odd), .wikitable th.header, .wikitable > tr > th, .wikitable > * > tr > th {background-color:#f8b412;color:#000;font-weight:bold;border:0;}
table.cargoTable.noMerge tr:nth-child(odd), .wikitable tr:nth-child(even) {background-color:#041548;}
table.cargoTable.noMerge tr:nth-child(even), .wikitable tr:nth-child(odd) {background-color:#0a1c69;}
table.cargoTable td, .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {border-color:#f8b412;}

table.cargoTable div.tright {float:none;margin:0;}
.cargoTable .field_Image div.thumbinner, .cargoTable .field_Image img {margin:0;min-height:64px !important;min-width:64px !important;border:0;background:none;}
table.cargoTable .field_Image .thumbcaption {display:none;}


.adsbygoogle {background-color:#000;max-height:100px;height:100px;}
#mw-navigation .adsbygoogle {background:transparent;margin-top:20px;}
#mw-navigation #mw-panel .portal {margin-left:0;}
#mw-navigation #mw-panel .portal:last-child h3 {display:none;}
#mw-navigation #mw-panel .portal:last-child .body {background:none;margin-left:0;}

#mw-data-after-content {margin-top:20px;}
#siteNotice {margin-bottom:20px;}

#p-tb {display:none;}

#mw-content-text {overflow:auto;}

.mp-block {background-color:#021b67;padding:25px;margin-bottom:30px;border-radius:10px;box-shadow:0px 6px 0px 0px #001447;}
.mp-block h2 {margin-top:10px;}