MediaWiki:Common.css
From CPU Grave Yard
Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/*
#footer-info-copyright li {
display: none;
}
#footer-info-copyright::after {
content: 'Contnnnnent is available under <a class="external" rel="nofollow" href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike</a> unless otherwise noted.'
}
*/
/* disable hover to hide richie */
#footer-info-copyright a:hover {
color: #aaa !important;
}
#footer-list {
padding-right: 20%;
padding-left: 20%;
}
/* hide the about, disclamer, etc */
#footer-places {
display: none;
}
#user-tools, aside {
display: none;
}
/*
trickfoot:hover {
color: #cccccc !important;
}*/
.image img {
background-color: #fff;
padding: 0.1em;
}
/* ------------------ Sortable tables ----------- */
/*
.sortable tbody td {
display: list-item;
list-style-type: square;
list-style-position: outside;
margin-left: 20px;
}
.sortable tbody td {
display: inline-block;
}
*/
/*
.sortable th, .sortable td {
border: none;
}
*/
.chip-sortable {
margin-left: 2em;
}
.sortable td{
padding-left: 1em;
}
.sortable tr{
background-color: #404040;
}
.sortable tr:nth-child(even) {
background-color: #454545;
}
/*
.wikitable > * > tr > th, .jquery-tablesorter th.headerSort {
background-color: #2e2e2e;
}*/
.wikitable > tr > th, .wikitable > * > tr > th{
background: #353535;
padding-left: 0.5em;
}
.wikitable {
border: 1px solid #666666;
/*background-color: #303030;*/
/*border: 2px solid #999;*/
/*background-color: #3a3a3a;*/
color: #ddd;
}
/*
.wikitable, {
margin: 0.5em 10%;
border-collapse: collapse;
box-sizing: border-box;
}
*/
/* ------------------ Categories ---------------------- */
.catlinks li {
display: inline-block;
line-height: 1.25em;
border-left: 1px solid #a2a9b1;
margin: 0.125em 0;
padding: 0 0.5em;
}
.catlinks li:first-child {
padding-left: 0.25em;
border-left: 0; /* removes first pipe */
}
.catlinks ul {
display: inline;
margin: 0;
padding: 0;
list-style: none none;
}
.catlinks {
margin: 1.5em 5% 0 5%;
border: 1px solid #999;
background-color: #3a3a3a;
color: #ddd;
border-collapse: collapse;
box-sizing: border-box;
}
/* ------------------ Chip Box ----------------------- */
.chip-box {
border: 2px solid #999;
background-color: #3a3a3a;
padding: 0.5rem;
padding-left: 1rem;
}
.chip-box-title {
font-size: 200%;
font-weight: bold;
text-align: center;
}
.chip-box-image img {
padding: 4px;
border: 4px solid #444;
background-color: #3a3a3a;
margin-bottom: 5%;
}
.chip-box-image {
margin-top: 10%;
}
.box-subtitle {
font-weight: bold;
text-decoration: underline;
}
.box-subtitle p {
margin-bottom: 0.2rem;
margin-top: 0.7rem;
}
.box-parameter, .box-parameter-single {
font-weight: bold;
flex: 0 0 7em;
max-width: 7em;
}
.box-parameter p, .box-parameter-single p {
margin-bottom: 0;
}
.box-value p {
margin-bottom: 0;
}
.box-value {
padding-left: 15px;
}
.spec-row {
margin-left: 10px;
margin-bottom: 0.2rem;
}
.report-error {
text-align: center;
/* padding-left: 40%; */
}
.trade-text {
padding-left: 35%;
}
.missing-image-box {
padding: 4px;
border: 4px solid #444;
background-color: #3a3a3a;
margin-bottom: 5%;
text-align: center;
}
/* ---------------- Text/Fonts ------------------ */
a:hover {
color: #fff;
text-decoration: underline;
}
a:link {
color: #aaa;
}
a:visited {
color: #aaa;
}
a:active {
color: #ccc;
}
/* redlink(newpage) */
a.new {
color: #a55858;
}
span.darker-blue-link a {
color: #0000CC;
}
/* normal links (blue link) */
#content a:not(.new), #siteNotice a:not(.new), .toctogglelabel{
color: #7094db;
}
#content a:not(.new):visited, #siteNotice a:not(.new):visited {
color: #5c85d6;
}
/* warning text */
.mw-destfile-warning {
color: #ffb909
}
h1, h2, h3, h4, h5, h6 {
color: #dddddd;
}
p, text, .tocnumber, .messagebox, .errorbox, .warningbox, .successbox, .mw-mmv-post-image {
color: #cccccc;
}
/* action/edit bar */
aside a:not(.disabled) {
color: #999999;
}
/* nav bar */
#mw-navigation a:not(.disabled) {
color: #aaa;
}
#mw-navigation a:not(.disabled):hover {
color: #ddd;
}
/* navbar title */
#mw-navigation a.nav-link.disabled{
color: #eee;
}
/* footer */
.mw-footer a:hover {
color: #cccccc;
}
/* dropdown menus */
a.dropdown-item:visited {
color: #ccc;
}
a.dropdown-item:link {
color: #c2c2c2;
}
a.dropdown-item:hover {
color: #222;
}
.mw-category-generated h2 {
padding-top: 2em;
font-size: 1.25em;
}
/* code text color */
code {
color: #a4a;
}
/* fix a light color text */
#editpage-copywarn p{
color: #222;
}
/* ---------------------------- hide stuff -------------------------------- */
#footer-info-lastmod {
display: none;
}
/* category pages */
.mw-category-generated p {
display: none;
}
/* section edit tag (hide) */
.mw-editsection {
display: none;
}
/* hide search date */
.mw-search-result-data {
display: none;
}
.mw-mmv-image-metadata {
display: none;
}
/* body.page-Main_Page .mw-changeslist-separator, */
/* hide stuff on main page */
body.page-Main_Page .mw-changeslist-legend,
body.page-Main_Page .mw-changeslist-links,
body.page-Main_Page .mw-changeslist-line-inner-characterDiff,
body.page-Main_Page .mw-changeslist-line-inner-rollback,
body.page-Main_Page .mw-changeslist-line-inner-separatorAftercharacterDiff,
body.page-Main_Page .mw-plusminus-pos,
body.page-Main_Page .mw-diff-bytes {
display: none;
}
/* --------------------------------- Some boxes and tables -------------------------- */
/* darker (headers) */
.mw-datatable th{
background-color: #333;
}
/* standard table-box color */
.mw-datatable td, .warningbox, .mw-search-profile-tabs, div.thumbinner, .mw-mmv-post-image, .mw-warning, .plainlinks{
border: 2px solid #999;
background-color: #3a3a3a;
}
/* (lighter) */
.mw-datatable tr:hover td, .warningbox{
background-color: #444;
}
/* very light color */
code, pre, .mw-code, .plainlinks.imbox.mw-content-ltr.messagebox.plainlinks.layouttemplate{
background-color: #ddd;
border: #555;
}
/* different color background box */
div.licensetpl_wrapper, .mw-destfile-warning, .fileinfo-paramfield {
background-color: #5a5a5a;
}
.filehistory > tr > th, .filehistory th{
background: #444444;
}
.dropdown-menu, div#catlinks.catlinks, div#toc.toc, #filetoc, .filehistory, li.gallerybox div.thumb,
.mw_metadata td, .mw_metadata th, table.imbox, .toccolours {
border: 1px solid #999;
background-color: #3a3a3a;
color: #ddd;
}
div#catlinks.catlinks, div#toc.toc, #filetoc, .filehistory, li.gallerybox div.thumb,
.mw_metadata td, .mw_metadata th {
margin: 0.5em 10%;
border-collapse: collapse;
box-sizing: border-box;
}
div#catlinks.catlinks {
padding-left: 5px;
}
div#toc.toc, #filetoc{
margin: 0;
}
div#catlinks.catlinks {
/* add some margin the top of category */
margin: 1.5em 5% 0 5%;
}
/* Couldn't get this to work: change log boxes: div.mw-mmv-image-metadata.mw-rcfilters-ui-changesListWrapperWidget.mw-changeslist-legend div.mw-changeslist-legend.mw-collapsible.mw-made-collapsible "mw-collapsible-toggle mw-collapsible-toggle-default div.mw-changeslist-legend.mw-collapsible.mw-made-collapsible, .mw-rcfilters-ui-changesListWrapperWidget, .mw-changeslist-legend*/
/* TOC */
.toc ul { padding: 0.5em; }
#toc {
margin: 0;
float: right;
position: relative;
top: 50px;
}
/* mbox */
/* mbox used in licenses */
th.mbox-text, td.mbox-text {
border: none;
padding: 0.25em 0.9em;
}
td.mbox-image {
border: none;
padding: 2px 0 2px 0.9em;
text-align: center;
}
table.imbox {
margin: 4px;
border-collapse: collapse;
box-sizing: border-box;
}
.toccolours {
margin: 4px;
border-collapse: separate;
border-spacing: 0.4em;
}
.mbox-parameter {
width: 16%;
background: #444466;
text-align: right;
vertical-align: top;
padding-right: 0.4em;
border-spacing: 0.4em;
}
.license-box td {
padding: 5px;
margin: 5px;
}
/* ------------ Dieshot boxes --------------- */
.dsbox-table{
background-color: #333;
padding: 0.4em;
margin-bottom: 1em;
}
.dsbox-table-image{
padding: 0.8em;
margin: 0.5em;
}
.dsbox-table-image a{
margin-left: auto;
margin-right: auto;
vertical-align: middle;
}
.dsbox-table-info{
vertical-align: top;
padding-top: 0.8em;
}
.dsbox-table-title{
vertical-align: top;
font-size: 1.5em;
font-weight: 700;
/* white-space: nowrap; */
padding-bottom: 0.75em;
}
.dsbox-table-title2{
font-size: 1.25em;
font-weight: 600;
padding-bottom: 0.5em;
}
.dsbox-table-param{
/* white-space: nowrap; */
font-size: 0.9em;
font-weight: 600;
vertical-align: top;
width: 12.5em;
padding-left: 0.8em;
}
.dsbox-table-value, .dsbox-table-value-3r{
/* white-space: nowrap; */
font-size: 0.9em;
vertical-align: top;
width: 16.6em;
}
.dsbox-table-value-right{
/* white-space: nowrap; */
font-size: 0.9em;
width: 12.5em;
vertical-align: top;
padding-right: 0.8em;
}
/* ---------------- Family/Manufacturer Summary Box -------- */
.box-wide-logo {
margin-bottom:10px;
}
.logobox{
border: solid black 1px;
background: white;
padding: 2px;
margin-bottom:10px;
width: 64px;
}
.sumbox-logo{
vertical-align: top;
width: 80px;
padding: 0.4em;
}
.sumbox-content {
vertical-align: top;
width: 16.5em;
padding: 0.4em 0.4em 0.4em 0.8em;
}
.sumbox-title {
white-space: nowrap;
font-size: 2em;
padding-bottom: 0.8em;
font-weight: bold;
}
.sumbox-value {
width: 16.6em;
padding-left: 1.6em;
padding-right: 1.6em;
white-space: nowrap;
font-size: 12px;
}
.sumbox-param {
width: 8.3em;
padding-right: 0.8em;
padding-left: 1.6em;
white-space: nowrap;
font-size: 1em;
font-weight: bold;
}
/* ---------------- Body --------------------- */
body {
background-color: #444444;
color: #cccccc;
background-image: url(/files/theme/background-lm301.jpg);
}
/* the footer, obviously */
#footer {
background: none;
border: none;
}
/* everything below the navbar */
#mw-main-container {
background: none;
margin-top: 0.8em;
}
/* the top navbar */
#mw-navbar {
background: #666666;
}
/* this is the block for content without any bars */
#content.mw-body {
background-color: #444444;
}
/* This is the main content area */
div.col-12.col-md-9.col-xl-9.py-md-3.px-md-5 {
background-color: #444444;
}
/* Sidebar */
#mw-navigation {
border: none;
}
.mw-portlet-body {
margin-left: 1em;
}
