MediaWiki:Common.css

From Now That's What I Call Music Wiki
Revision as of 02:28, 3 November 2024 by Admin (talk | contribs)

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; }
.#footer-places { display: none; }


#edittab { display: none; }


.mw-editsection { display: none; }

body{ background: #333333 !important; }

#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;
}
}

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

img {
  max-width: 100%;
  height: auto;
}

.list-group-item.d-flex.justify-content-between.align-items-center{
	box-sizing: border-box;
	position: relative;
	display: flex;
	padding-top: 0.75;
	padding-right: 0.5;
	padding-bottom: 0.75;
	padding-left: 0.5;
	background-color: rgb(40, 40, 40);
	border-top-width: 1;
	border-top-style: solid;
	border-top-color: rgb(40, 40, 40);
	border-right-width: 1;
	border-right-style: solid;
	border-right-color: rgb(40, 40, 40);
	border-bottom-width: 1;
	border-bottom-style: solid;
	border-bottom-color: rgb(40, 40, 40);
	border-left-width: 1;
	border-left-style: solid;
	border-left-color: rgb(40, 40, 40);
	border-image-outset: 0;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	justify-content: space-between;
	align-items: center;
	color: rgb(255, 255, 255);
}

.list-group-item.d-flex.justify-content-between.align-items-center:hover{
	background-color: rgb(30, 30, 30) !important;
}