MediaWiki:Common.css: Difference between revisions

From Now That's What I Call Music Wiki
No edit summary
No edit summary
Line 341: Line 341:
{     
{     
border:none!important;
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;
}
}

Revision as of 01:18, 15 April 2023

* CSS placed here will be applied to all skins */

.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, #256f9c);
  background-image: -moz-linear-gradient(top, #1a8ef3, #256f9c);
  background-image: -ms-linear-gradient(top, #1a8ef3, #256f9c);
  background-image: -o-linear-gradient(top, #1a8ef3, #256f9c);
  background-image: linear-gradient(to bottom, #1a8ef3, #256f9c);
  -webkit-border-radius: 60;
  -moz-border-radius: 60;
  border-radius: 60px;
  font-size: 85%;
  padding: 5px;
  margin:4px;
  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;
}