MediaWiki:Common.css
From Now That's What I Call Music Wiki
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 */
*Mailchimp Form*/
#mc_embed_signup{
false;clear:left;
}
.mailchimpform{
background: rgba(0, 0, 0, 0.3);!important
padding: 5;!important
}
.tocnumber { display: none; }
label.checkboxLabel {
width: 200px;
display: block;
float: left;
}
label.radioButtonItem {
width: 200px;
display: block;
float: left;
}
h1 {
font-family: Trebuchet MS;
color: #dddddd;
}
#mw-headline {
font-family: Trebuchet MS;
font: 20px;
color: #dddddd;
}
.mw-headline {
font-family: Trebuchet MS;
font: 20px;
color: #dddddd;
}
#firstHeading{
font:bold 30px Trebuchet MS;
color: #dddddd;
border-bottom:0px !important;
}
.mw-body-content h2 {
font:italic 20px Trebuchet MS;
color: #dddddd;
}
.mw-body-content h2 {
font-family: Tahoma, sans-serif;
color: #dddddd;
}
#footer-places { display: none; }
#edittab { display: none; }
.mw-editsection { display: none; }
body{ background: dark charcoal; }
#mw-content-container { background-color: #333333;
border-bottom: solid 4px #ffc411;
}
#mw-content { background-color: rgba(201, 76, 76, 0.0);
border-style: none !important;
}
.templateForm { background-color: rgba(201, 76, 76, 0.0);
border-style: none !important;
}
#site-tools { display: none;
background-color: #555555 !important;
color: #dddddd;}
#smw-property-req-violation-change-propagation-locked-error {
color: #000000;}
.multipleTemplateInstance { background-color: #555555 !important;
color: #dddddd;}
#site-navigation { background-color: #555555 !important;
color: #dddddd;}
#page-tools { background-color: #555555 !important;
color: #dddddd;}
#catlinks-sidebar { background-color: #555555 !important;
color: #dddddd;}
.select2-match-entire { background-color: #555555 !important;
color: #dddddd;}
.select2-selection__choice { background-color: #555555 !important;
color: #dddddd;}
/* standard link colors */
a:link { color: #1a8bf3; } /* normal unvisited links */
a:link:visited { color: #6bb1f2; } /* visited links */
a:link:active { color: #1a67f3; } /* active links */
a:link.new { color: #f31aa4; } /* new links */
a:link.extiw { color: #1a67f3; } /* interwiki links */
a:link.external { color: #1a67f3; } /* external links */
a:link.stub { color: #009da5; } /* hovered links */
a:link {color: #1a8bf3}
a:visited {color: #6bb1f2}
a:hover {color: #729c0c}
a:hover:visited {color: #729c0c}
a:active {color: #00ff00}
a.new:visited { color: #f31aa4 !IMPORTANT; }
/* Whitelink */
span.whitelink a:link { color: #ffffff; } /* normal unvisited links */
span.whitelink a:link:hover { color: #000000; } /* normal unvisited links */
span.whitelink a:visited { color: #ffffff; } /* visited links */
span.whitelink a:link:active { color: #ffffff; } /* active links */
span.whitelink a:link.new { color: #ffffff; } /* new links */
span.whitelink a:link.extiw { color: #ffffff; } /* interwiki links */
span.whitelink a:link.external { color: #ffffff; } /* external links */
span.whitelink a:link.external.visited { color: #ffffff; } /* external links */
span.whitelink a:link.stub { color: #ffffff; } /* hovered links */
.mw-body-content a.external {color: #ffc411 !important;}
.mw-body-content a.external:visited {color: #ffc411 !important;}
.mw-body-content a.external:hover {color: #ff7b11 !important;}
.mw-body-content {color: #dddddd;}
.p-banner a {color: #dddddd;
}
.siteSub {color: #dddddd;
}
@media screen and (max-width: 850px) {
.thumbcaption{
width: 120px!important;
}}
#mw-header-container {background-color: #111111 ;
font-family: Trebuchet MS;
}
.mw-wiki-title long {
font-family: Trebuchet MS;
}
#p-banner {
font-family: Trebuchet MS;
}
#mw-header-container {color: #eeeeee!important;}
.mw-page-header-links {color: #eeeeee!important;}
#mw-header-container a {color: #eeeeee!important;}
.mw-page-header-links a {color: #eeeeee!important;}
#mw-page-header-links {color: #eeeeee!important;}
.mw-page-header-links {color: #eeeeee!important;}
#mw-page-header-links a {color: #eeeeee!important;}
.mw-page-header-links a {color: #eeeeee!important;}
#personal .dropdown {
background: #222!important;
border: solid #000;
}
@media screen and (max-width: 850px) {
#mw-content-block {
padding: 20px;
background: #333333;
}}
.color-left {
background: #f63025;
}
.color-right {
background: #729c0c;
}
.color-middle {
background: #1a8bf3;
}
@media screen and (max-width: 719px) {
.thumb {
float: none;
}
.thumb, .thumbinner {
margin-left: auto;
margin-right: auto;
}
}
#content a.external {
background: none !important;
padding: 0 !important;
}
.instanceMain { padding: 0px !important;
}
.multipleTemplateInstance { padding: 0px !important;
}
@media only screen and (min-width: 850px) {
ul.smw-format.ul-format.columnsul {
column-count: 2;
}
}
@media only screen and (min-width: 850px) {
ul.smw-format.ul-format.columnsmainserieslist {
column-count: 8;
}
ul.smw-format.ul-format.columnsthreelist {
column-count: 3;
}
ul.smw-format.ul-format.columnstwolist {
column-count: 2;
}
ul.smw-format.ul-format.columnsfourlist {
column-count: 4;
}
ul.smw-format.ul-format.columnsfivelist {
column-count: 5;
}
ul.smw-format.ul-format.columnssixlist {
column-count: 6;
}
}
@media only screen and (max-width: 849px) {
ul.smw-format.ul-format.columnsmainserieslist {
column-count: 2;
}
}
.jumbotron {color: #333333 !important;
}
/* even and odd in tables */
.sortable .row-even {
background-color: #343a40;
color: #dddddd;
border-top: none !important;
border-width: 0px;
padding: 15px;
}
.sortable .row-odd {
background-color: #373d43;
color: #dddddd;
border: none !important;
border-width: 0px;
padding: 15px;
}
.smwtable .song a{
font-weight: bold;
padding: 15px;
border-width: 0px;
}
.sortable .headerSort{
background-color: #2c3237!important;
color: #dddddd;
border: none;
border-width: 0px;
padding: 15px;
}
.wikitable{
border: none !important;
border-width: 0px;
}
#td{
background-color: #343a40;
color: #dddddd;
border-top: none !important;
border-width: 0px;
padding: 15px;
}
.thumbinner{
background-color: rgba(201, 76, 76, 0.0)!important;
border: none !important;
border-width: 0px;
}
.magnify { display: none; }
.oo-ui-widget{
padding: 2px;
font-size: 100%;
}
.oo-ui-labelElement-label{
font-size: 85%!important;
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-tabOptionWidget
{ background-image: -webkit-linear-gradient(top, #1a8ef3, #195d9c);
background-image: -moz-linear-gradient(top, #1a8ef3, #195d9c);
background-image: -ms-linear-gradient(top, #1a8ef3, #195d9c);
background-image: -o-linear-gradient(top, #1a8ef3, #195d9c);
background-image: linear-gradient(to bottom, #1a8ef3, #195d9c);
font-size: 85%;
padding: 4px;
margin:3px;
color: #ffffff;
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-tabOptionWidget:hover
{ background-image: -webkit-linear-gradient(top, #f62f25, #8c1a14);
background-image: -moz-linear-gradient(top, #f62f25, #8c1a14);
background-image: -ms-linear-gradient(top, #f62f25, #8c1a14);
background-image: -o-linear-gradient(top, #f62f25, #8c1a14);
background-image: linear-gradient(to bottom, #f62f25, #8c1a14);
font-size: 85%;
padding: 4px;
margin:3px;
color: #ffffff!important;
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-tabSelectWidget.oo-ui-tabSelectWidget-framed.oo-ui-selectWidget-pressed {
background-color: rgb(234, 236, 240, 0)!important;
text-align: center;
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-tabSelectWidget.oo-ui-tabSelectWidget-framed.oo-ui-selectWidget-unpressed
{
background-color: rgb(234, 236, 240, 0)!important;
text-align: center;
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
{
background-color: rgb(234, 236, 240, 0)!important;
text-align: center;
}
.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-framed.oo-ui-tabPanelLayout.oo-ui-tabPanelLayout-active
{
border:none!important;
padding-right: 0!important;
padding-left: 0!important;
}
.mw-header-tabs-wrapper
{
border:none!important;
}
.section-1.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-framed.oo-ui-tabPanelLayout
{
border:none!important;
padding-right: 0!important;
padding-left: 0!important;
}
.nowraplinks a,
.nowraplinks .selflink {
white-space: nowrap;
}
body.page-Category_Year #mw-subcategories {display: none}
body.page-Category_Year #mw-pages {display: none}
* Styles for Home page tables*
.mw-parser-output .mp-box {
padding:0 0.5em 0.5em;
margin-top:4px
}
.mw-parser-output .mp-h2,
body.skin-timeless .mw-parser-output .mp-h2 {
margin:0.5em 0;
padding:0.2em 0.4em;
font-size:120%;
font-weight:bold;
font-family:inherit
}
.mw-parser-output .mp-later {
font-size:85%;
font-weight:normal
}
.mw-parser-output #mp-topbanner {
}
.mw-parser-output #mp-welcomecount {
text-align:center;
margin:0.4em
}
.mw-parser-output #mp-welcome {
font-size:162%;
padding:0.1em
}
.mw-parser-output #mp-welcome h1 {
font-size:inherit;
font-family:inherit;
display:inline;
border:none
}
.mw-parser-output #mp-free {
font-size:95%
}
.mw-parser-output #articlecount {
font-size:85%
}
.mw-parser-output .mp-contains-float::after {
content:"";
display:block;
clear:both
}
.mw-parser-output #mp-banner {
}
.mw-parser-output #mp-left {
background: rgba(0, 0, 0, 0.2);!important
padding:10px;!important
}
.mw-parser-output #mp-tfa{
margin:10px;!important
padding:10px;!important
}
.mw-parser-output #mp-left .mp-h2 {
}
.mw-parser-output #mp-right {
background: rgba(0, 0, 0, 0.2);!important
padding:10px;!important
}
.mw-parser-output #mp-right .mp-h2 {
}
.mw-parser-output #mp-middle {
}
.mw-parser-output #mp-middle .mp-h2 {
}
.mw-parser-output #mp-lower {
}
.mw-parser-output #mp-lower .mp-h2 {
}
.mw-parser-output #mp-bottom {
}
.mw-parser-output #mp-bottom .mp-h2 {
}
@media(max-width:875px) {
.mw-parser-output #mp-tfp table,
.mw-parser-output #mp-tfp tr,
.mw-parser-output #mp-tfp td,
.mw-parser-output #mp-tfp tbody {
display:block!important;
width:100%!important;
box-sizing:border-box
}
.mw-parser-output #mp-tfp tr:first-child td:first-child a {
text-align:center;
display:table;
margin:0 auto
}
}
@media(min-width:875px) {
.mw-parser-output #mp-upper {
display:flex
}
.mw-parser-output #mp-left {
flex:1 1 55%;
margin-right:2px
}
.mw-parser-output #mp-right {
flex:1 1 45%;
margin-left:2px
}
}
.nav-tabs .nav-link {
color: gray;
border: 0;
border-bottom: 1px solid grey;
}
.nav-tabs .nav-link:hover {
border: 0;
border-bottom: 1px solid grey;
}
.nav-tabs .nav-link.active {
color: #000000;
border: 0;
border-radius: 0;
border-bottom: 2px solid blue;
}