MediaWiki:Common.css: Difference between revisions

From Now That's What I Call Music Wiki
No edit summary
No edit summary
 
(189 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
* 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; }
.tocnumber { display: none; }
Line 21: Line 34:


#mw-headline {
#mw-headline {
    font-family: Trebuchet MS;
font: 20px;
color: #dddddd;
}
.mw-headline {
     font-family: Trebuchet MS;
     font-family: Trebuchet MS;
font: 20px;
font: 20px;
Line 41: Line 60:
     color: #dddddd;
     color: #dddddd;
}
}
span.whitelink a { color: white; }


#footer-places { display: none; }
#footer-places { display: none; }


#edittab { display: none; }
#edittab { display: none; }
.mw-editsection { display: none; }


body{ background: dark charcoal; }
body{ background: dark charcoal; }
Line 58: Line 78:
}
}


#site-tools { background-color: #555555 !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;}
color: #dddddd;}


Line 68: Line 99:


#catlinks-sidebar { background-color: #555555 !important;  
#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;}
color: #dddddd;}


/* standard link colors */
/* standard link colors */
a:link { color: #1a8bf3; } /* normal unvisited links */
a:link { color: #1a8bf3; } /* normal unvisited links */
a:link:visited { color: #1a8bf3; } /* visited links */
a:link:visited { color: #6bb1f2; } /* visited links */
a:link:active { color: #00ff00; } /* active links */
a:link:active { color: #1a67f3; } /* active links */
a:link.new { color: #f31aa4; } /* new links */
a:link.new { color: #f31aa4; } /* new links */
a:link.extiw { color: #00ff00; } /* interwiki links */
a:link.extiw { color: #1a67f3; } /* interwiki links */
a:link.external { color: #00ff00; } /* external links */
a:link.external { color: #1a67f3; } /* external links */
a:link.stub { color: #0056a5; } /* hovered links */
a:link.stub { color: #009da5; } /* hovered links */


a:link {color: #1a8bf3}
a:link {color: #1a8bf3}
a:visited {color: #1a8bf3}
a:visited {color: #6bb1f2}
a:hover {color: #0056a5}
a:hover {color: #729c0c}
a:hover:visited {color: #729c0c}
a:active {color: #00ff00}
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;}
.mw-body-content {color: #dddddd;}
Line 92: Line 147:
}
}


#mw-header-container {background-color: #111111 ; }
@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-header-container {color: #eeeeee!important;}
Line 140: Line 210:
     background: none !important;
     background: none !important;
     padding: 0 !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
}
}
}

Latest revision as of 13:18, 10 August 2023

* 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
 }
}