MediaWiki:Common.css: Difference between revisions
From Now That's What I Call Music Wiki
No edit summary Tag: Reverted |
Tag: Undo |
||
Line 1: | Line 1: | ||
* CSS placed here will be applied to all skins */ | |||
.tocnumber { | .tocnumber { display: none; } | ||
label.checkboxLabel { | |||
width: 200px; | |||
display: block; | |||
float: left; | |||
} | } | ||
label.radioButtonItem { | label.radioButtonItem { | ||
width: 200px; | |||
display: block; | |||
float: left; | |||
} | } | ||
h1 | h1 { | ||
font-family: Trebuchet MS; | |||
color: #dddddd; | |||
} | } | ||
# | #mw-headline { | ||
font-family: Trebuchet MS; | |||
font: 20px; | |||
color: #dddddd; | |||
} | } | ||
.mw- | .mw-headline { | ||
font-family: Trebuchet MS; | |||
font: 20px; | |||
color: #dddddd; | |||
} | } | ||
# | #firstHeading{ | ||
font:bold 30px Trebuchet MS; | |||
color: #dddddd; | |||
# | border-bottom:0px !important; | ||
} | } | ||
body { | .mw-body-content h2 { | ||
font:italic 20px Trebuchet MS; | |||
color: #dddddd; | |||
} | } | ||
.mw-body-content h2 { | |||
font-family: Tahoma, sans-serif; | |||
color: #dddddd; | |||
} | } | ||
#mw-content { | #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;} | |||
a:active { | /* 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.new:visited { | 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 */ | /* Whitelink */ | ||
span.whitelink a:link | span.whitelink a:link { color: #ffffff; } /* normal unvisited links */ | ||
span.whitelink a:visited | span.whitelink a:link:hover { color: #000000; } /* normal unvisited links */ | ||
span.whitelink a:link:active | span.whitelink a:visited { color: #ffffff; } /* visited links */ | ||
span.whitelink a:link.new | span.whitelink a:link:active { color: #ffffff; } /* active links */ | ||
span.whitelink a:link.extiw | span.whitelink a:link.new { color: #ffffff; } /* new links */ | ||
span.whitelink a:link.external | span.whitelink a:link.extiw { color: #ffffff; } /* interwiki links */ | ||
span.whitelink a:link.external.visited | span.whitelink a:link.external { color: #ffffff; } /* external links */ | ||
span.whitelink a:link.stub { | 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; | ||
} | } | ||
.mw- | @media screen and (max-width: 850px) { | ||
.thumbcaption{ | |||
width: 120px!important; | |||
}} | |||
#mw-header-container {background-color: #111111 ; | |||
font-family: Trebuchet MS; | |||
} | } | ||
.mw- | .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) { | @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) { | @media only screen and (min-width: 850px) { | ||
ul.smw-format.ul-format.columnsul { | |||
column-count: 2; | column-count: 2; | ||
} | |||
} | |||
@media only screen and (min-width: 850px) { | |||
ul.smw-format.ul-format.columnsmainserieslist { | |||
column-count: 8; | column-count: 8; | ||
} | |||
ul.smw-format.ul-format.columnsthreelist { | |||
column-count: 3; | column-count: 3; | ||
} | |||
ul.smw-format.ul-format.columnstwolist { | |||
column-count: 2; | column-count: 2; | ||
} | |||
ul.smw-format.ul-format.columnsfourlist { | |||
column-count: 4; | column-count: 4; | ||
} | |||
ul.smw-format.ul-format.columnsfivelist { | |||
column-count: 5; | column-count: 5; | ||
} | |||
ul.smw-format.ul-format.columnssixlist { | |||
column-count: 6; | column-count: 6; | ||
} | } | ||
} | |||
@media only screen and (max-width: 849px) { | @media only screen and (max-width: 849px) { | ||
ul.smw-format.ul-format.columnsmainserieslist { | |||
column-count: 2; | column-count: 2; | ||
} | |||
} | } | ||
.jumbotron { | .jumbotron {color: #333333 !important; | ||
} | } | ||
/* even and odd in tables */ | /* even and odd in tables */ | ||
.sortable .row-even | .sortable .row-even { | ||
background-color: #343a40; | |||
color: #dddddd; | |||
border-top: none !important; | |||
border-width: 0px; | |||
padding: 15px; | |||
} | } | ||
.sortable .row-odd { | |||
.smwtable .song a { | background-color: #373d43; | ||
color: #dddddd; | |||
border: none !important; | |||
border-width: 0px; | |||
padding: 15px; | |||
} | |||
.smwtable .song a{ | |||
font-weight: bold; | font-weight: bold; | ||
padding: 15px; | |||
border-width: 0px; | |||
} | } | ||
.sortable .headerSort { | .sortable .headerSort{ | ||
background-color: #2c3237!important; | |||
color: #dddddd; | |||
border: none; | |||
border-width: 0px; | |||
padding: 15px; | |||
} | } | ||
.wikitable{ | |||
.wikitable { | border: none !important; | ||
border-width: 0px; | |||
} | } | ||
#td{ | |||
#td { | background-color: #343a40; | ||
color: #dddddd; | |||
border-top: none !important; | |||
border-width: 0px; | |||
padding: 15px; | |||
} | } | ||
.thumbinner { | .thumbinner{ | ||
background-color: rgba(201, 76, 76, 0.0)!important; | |||
border: none !important; | |||
border-width: 0px; | |||
} | } | ||
.magnify { | .magnify { display: none; } | ||
} | |||
.oo-ui-widget { | .oo-ui-widget{ | ||
padding: 2px; | |||
font-size: 100%; | font-size: 100%; | ||
} | } | ||
.oo-ui-labelElement-label { | .oo-ui-labelElement-label{ | ||
font-size: 85%!important; | |||
} | } | ||
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-tabOptionWidget { | .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); | background-image: linear-gradient(to bottom, #1a8ef3, #195d9c); | ||
font-size: 85%; | font-size: 85%; | ||
padding: 4px; | padding: 4px; | ||
margin: 3px; | margin:3px; | ||
color: #ffffff; | color: #ffffff; | ||
} | } | ||
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-tabOptionWidget:hover { | .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); | background-image: linear-gradient(to bottom, #f62f25, #8c1a14); | ||
font-size: 85%; | font-size: 85%; | ||
padding: 4px; | padding: 4px; | ||
margin: 3px; | margin:3px; | ||
color: #ffffff!important; | color: #ffffff!important; | ||
} | } | ||
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-tabSelectWidget.oo-ui-tabSelectWidget-framed.oo-ui-selectWidget-pressed | .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-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-framed.oo-ui-tabPanelLayout.oo-ui-tabPanelLayout-active | .oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-tabSelectWidget.oo-ui-tabSelectWidget-framed.oo-ui-selectWidget-unpressed | ||
.mw-header-tabs-wrapper | { | ||
.section-1.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-framed.oo-ui-tabPanelLayout { | 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 { | .nowraplinks a, | ||
.nowraplinks .selflink { | |||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
body.page-Category_Year #mw-subcategories | body.page-Category_Year #mw-subcategories {display: none} | ||
body.page-Category_Year #mw-pages { | body.page-Category_Year #mw-pages {display: none} | ||
} |
Revision as of 00:02, 18 July 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, #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}