MediaWiki:Common.css: Difference between revisions

From SoftDiamond Wiki
Jump to navigationJump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
/*
/* CSS placed here will be applied to all skins */
* This is the CSS common to all desktop skins on en.Wikipedia.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}


/* Straight quote marks for <q> */
#f-list #privacy { display: none; }
q {
#f-list #disclaimer { display: none; }
quotes: '"' '"' "'" "'";
}


/* Avoid collision of blockquote with floating elements by swapping margin and padding */
/* Navbox template style */
blockquote {
table.navbox {
overflow: hidden;
    border: 1px solid #aaa;
margin: 1em 0;
    clear: both;
padding: 0 40px;
    /*font-size: 12px;*/
    margin-top: 0.75em !important;
    /*text-align: center;*/
    width: 100%;
    border-radius: 8px;
    padding: 6px;
    background-color: var(--template-background-color-1);
}
}


/* Consistent size for <small>, <sub> and <sup> */
/* Border between adjacent navboxes */
small {
table.navbox + table.navbox {
font-size: 85%;
    margin-top: -1px;
}
}


.mw-body-content sub,
.navbox-title,
.mw-body-content sup {
.navbox-abovebelow,
font-size: 80%;
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}
}


/* Same spacing for indented and unindented paragraphs on talk pages */
.navbox-group {
.ns-talk .mw-body-content dd {
    font-weight: bold;
margin-top: 0.4em;
    padding-left: 1em;
margin-bottom: 0.4em;
    padding-right: 1em;
    white-space: nowrap;
}
}


/* Reduce page jumps by hiding collapsed/dismissed content */
/* Base background */
.client-js .mw-special-Watchlist #watchlist-message,
.navbox, .navbox-subgroup {
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
    background: rgba(0, 0, 0, 0.1);
 
/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,
 
/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}
}


/* Make the list of references smaller
.navbox-list {
* Keep in sync with Template:Refbegin/styles.css
    border-color: rgba(0, 0, 0, 0.1); /* Must match background color */
* And Template:Reflist/styles.css
*/
ol.references {
font-size: 90%;
margin-bottom: 0.5em;
}
}


/* Cite customizations for Parsoid
/** CSS placed here will be applied to all skins */
* Once everything uses the one true parser these are just customizations
div#norate{
*/
display:none;
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}
}


span[ rel='mw:referencedBy' ] > a::before {
#bottom{
content: counter( mw-ref-linkback, lower-alpha );
width:730px;
font-size: 80%;
margin: 0 auto;
font-weight: bold;
margin-top: 10px;
font-style: italic;
}
}


a[ rel="mw:referencedBy" ]::before {
#ca-rater{
font-weight: bold;
margin-left:1.7em !important;
content: "^";
}
}


span[ rel="mw:referencedBy" ]::before {
.rater_red{
content: "^ ";
color:#A00;
}
}


.mw-ref > a[data-mw-group=lower-alpha]::after {
.rater_green{
content: '[' counter( mw-Ref, lower-alpha ) ']';
color:#0A0;
}
}


.mw-ref > a[data-mw-group=upper-alpha]::after {
.rater_box{
content: '[' counter( mw-Ref, upper-alpha ) ']';
border: 1px #AAA solid;
padding: 5px;
padding-top:0px;
margin-bottom:7px;
}
}


.mw-ref > a[data-mw-group=decimal]::after {
table.pre-table pre {
content: '[' counter( mw-Ref, decimal ) ']';
padding: 0;
margin: 0;
border: 0;
background: inherit;
}
}
 
table.prettytable td, table.prettytable th {
.mw-ref > a[data-mw-group=lower-roman]::after {
position: relative; /* for {{text anchor}} */
content: '[' counter( mw-Ref, lower-roman ) ']';
}
}


.mw-ref > a[data-mw-group=upper-roman]::after {
a.new, #p-personal a.new {
content: '[' counter( mw-Ref, upper-roman ) ']';
color: #9D1212;
}
}
a.new, #quickbar a.new { color: #9D1212; }


.mw-ref > a[data-mw-group=lower-greek]::after {
a.new:visited, #p-personal a.new:visited {
content: '[' counter( mw-Ref, lower-greek ) ']';
color: #9D1212;
}
}
 
#p-cactions .new a {
/* Styling for jQuery makeCollapsible, matching that of collapseButton */
color: #9D1212;
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}
}


.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
a {
/* @noflip */
text-decoration: none;
float: left;
color: #36b;
background: none;
}
}
 
a:visited {
/* Lists in wikitable data cells are always left-aligned */
color: #322588;
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}
}
 
a:active {
/* Change the external link icon to a PDF icon for all PDF files */
color: #CA7A02;
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}
}
 
a:hover {
/* System messages styled similarly to fmbox */
text-decoration: underline;
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: #ffdbdb;
padding: 0.25em 0.9em;
box-sizing: border-box;
}
}
 
a.stub {
/* default colors for partial block message */
color: #772233;
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
border-color: #fc3;
background-color: #fef6e7;
}
}


/* Increase the height of the image upload box */
#wpUploadDescription {
height: 13em;
}


/* Minimum thumb width */
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}


/* Prevent floating boxes from overlapping any category listings,
body.page-Main_Page h1.firstHeading { display: none !important; }
  file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}


/* Styling for tags in changes pages */
pre, .mw-code {
.mw-tag-markers {
    overflow-x: auto;
font-style: italic;
font-size: 90%;
}
}


/* Hide stuff meant for accounts with special permissions. Made visible again in
#f-poweredbyico { display: none; }
  [[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
  [[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
  [[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
  [[MediaWiki:Group-extendedconfirmed.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}


/* Hide the redlink generated by {{Editnotice}},
div.topicon {
  this overrides the ".sysop-show { display: none; }" above that applies
    top: -3.2em;
  to the same link as well. See [[phab:T45013]]
    position: absolute;
 
    z-index: 10;
  Hide the images in editnotices to keep them readable in VE view.
    display: block !important;
  Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}
}


/* Remove bullets when there are multiple edit page warnings */
.text-anchor > a, .text-anchor > a:visited {
ul.permissions-errors {
  color: #339;
margin: 0;
}
}


ul.permissions-errors > li {
/* Cell sizes for *mbox message boxes */
list-style: none;
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
    border: none;
    /* @noflip */
    padding: 0.25em 0.9em;    /* 0.9em left/right */
    width: 100%;              /* Make all mboxes the same width regardless of text length */
}
}
 
td.mbox-image {                /* The left image cell */
/* larger inline math */
    border: none;
span.mwe-math-mathml-inline {
    /* @noflip */
font-size: 118%;
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center;
}
}
 
td.mbox-imageright {          /* The right image cell */
/* Make <math display="block"> be left aligned with one space indent for
    border: none;
* compatibility with style conventions
    /* @noflip */
*/
    padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
.mwe-math-fallback-image-display,
    text-align: center;
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}
}
 
td.mbox-empty-cell {           /* An empty narrow cell */
.mwe-math-mathml-display math {
    border: none;
display: inline;
    padding: 0px;
    width: 1px;
}
}
 
@media screen {
/* Article message box styles */
/* Gallery styles background changes are restricted to screen view.
table.ambox {
  In printing we should avoid applying backgrounds. */
    margin: 0px 10%;                 /* 10% = Will not overlap with other elements */
/* The backgrounds for galleries. */
    border: 1px solid #aaa;
#content .gallerybox div.thumb {
    /* @noflip */
/* Light gray padding */
    border-left: 10px solid #1e90ff; /* Default "notice" blue */
background-color: #f8f9fa;
    background: #fbfbfb;
}
/* Put a chequered background behind images, only visible if they have transparency.
  '.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
.gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}
/* But not on articles, user pages, or portals. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img {
background-image: none;
}
 
/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
  do not apply to print mode */
#siteSub {
display: block;
}
}
}
 
table.ambox + table.ambox {      /* Single border between stacked boxes. */
/* Hide FlaggedRevs notice UI when there are no pending changes */
    margin-top: -1px;
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}
}
 
.ambox th.mbox-text,
/*
.ambox td.mbox-text {            /* The message body cell(s) */
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
    padding: 0.25em 0.5em;       /* 0.5em left/right */
* SEE [[MediaWiki talk:Common.css/to do]]
*/
 
/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em;
}
 
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
vertical-align: top;
}
 
.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
 
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}
 
.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
padding: 0.2em;
}
}
 
.ambox td.mbox-image {          /* The left image cell */
/* Remove .infobox when element selectors above are removed */
    /* @noflip */
.infobox .infobox-header,
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}
}
 
.ambox td.mbox-imageright {      /* The right image cell */
/* Remove .infobox when element selectors above are removed */
    /* @noflip */
.infobox .infobox-navbar {
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
/* @noflip */
text-align: right;
}
}
 
/* Normal font styling for wikitable row headers with scope="row" tag */
table.ambox-notice {
.wikitable.plainrowheaders th[scope=row],
    /* @noflip */
.wikitable.plainrowheaders th[scope=rowgroup] {
    border-left: 10px solid #1e90ff;   /* Blue */
font-weight: normal;
/* @noflip */
text-align: left;
}
}
 
table.ambox-speedy {
/* Remove underlines from certain links */
    /* @noflip */
.nounderlines a,
    border-left: 10px solid #b22222;    /* Red */
.IPA a:link,
    background: #fee;                   /* Pink */
.IPA a:visited {
text-decoration: none !important;
}
}
 
table.ambox-delete {
/* Prevent line breaks in silly places where desired (nowrap)
    /* @noflip */
  and links when we don't want them to (nowraplinks a) */
    border-left: 10px solid #b22222;   /* Red */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}
}
 
table.ambox-content {
/* But allow wrapping where desired: */
    /* @noflip */
.wrap,
    border-left: 10px solid #f28500;   /* Orange */
.wraplinks a {
white-space: normal;
}
}
 
table.ambox-style {
/* texhtml class for inline math (based on generic times-serif class) */
    /* @noflip */
span.texhtml {
    border-left: 10px solid #f4c430;   /* Yellow */
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
white-space: nowrap;
/* Force tabular and lining display for texhtml */
-webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
font-feature-settings: "lnum", "tnum", "kern" 0;
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}
}
 
table.ambox-move {
span.texhtml span.texhtml {
    /* @noflip */
font-size: 100%;
    border-left: 10px solid #9932cc;   /* Purple */
}
}
 
table.ambox-protection {
@media screen {
    /* @noflip */
.nochecker .gallerybox .thumb img {
    border-left: 10px solid #bba;       /* Gray-gold */
background-image: none;
}
}
}
/* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/

Latest revision as of 09:32, 19 March 2023

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

#f-list #privacy { display: none; }
#f-list #disclaimer { display: none; }

/* Navbox template style */
table.navbox {
    border: 1px solid #aaa;
    clear: both;
    /*font-size: 12px;*/
    margin-top: 0.75em !important;
    /*text-align: center;*/
    width: 100%; 
    border-radius: 8px;
    padding: 6px;
    background-color: var(--template-background-color-1);
}

/* Border between adjacent navboxes */
table.navbox + table.navbox {
    margin-top: -1px;
}

.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.navbox-group {
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

/* Base background */
.navbox, .navbox-subgroup {
    background: rgba(0, 0, 0, 0.1);
}

.navbox-list {
    border-color: rgba(0, 0, 0, 0.1); /* Must match background color */
}

/** CSS placed here will be applied to all skins */
div#norate{
display:none;
}

#bottom{
width:730px;
margin: 0 auto;
margin-top: 10px;
}

#ca-rater{
margin-left:1.7em !important;
}

.rater_red{
color:#A00;
}

.rater_green{
color:#0A0;
}

.rater_box{
border: 1px #AAA solid;
padding: 5px;
padding-top:0px;
margin-bottom:7px;
}

table.pre-table pre { 
	padding: 0; 
	margin: 0; 
	border: 0; 
	background: inherit;
}
table.prettytable td, table.prettytable th {
	position: relative; /* for {{text anchor}} */
}

a.new, #p-personal a.new {
	color: #9D1212;
}
a.new, #quickbar a.new { color: #9D1212; }

a.new:visited, #p-personal a.new:visited {
	color: #9D1212;
}
#p-cactions .new a {
	color: #9D1212;
}

a {
	text-decoration: none;
	color: #36b;
	background: none;
}
a:visited {
	color: #322588;
}
a:active {
	color: #CA7A02;
}
a:hover {
	text-decoration: underline;
}
a.stub {
	color: #772233;
}



body.page-Main_Page h1.firstHeading { display: none !important; }

pre, .mw-code {
    overflow-x: auto;
}

#f-poweredbyico { display: none; }

div.topicon {
    top: -3.2em;
    position: absolute; 
    z-index: 10; 
    display: block !important;
}

.text-anchor > a, .text-anchor > a:visited {
  color: #339;
}

/* Cell sizes for *mbox message boxes */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
    border: none;
    /* @noflip */
    padding: 0.25em 0.9em;     /* 0.9em left/right */
    width: 100%;               /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                /* The left image cell */
    border: none;
    /* @noflip */
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center;
}
td.mbox-imageright {           /* The right image cell */
    border: none;
    /* @noflip */
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
    text-align: center;
}
td.mbox-empty-cell {           /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}
 
/* Article message box styles */
table.ambox {
    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa;
    /* @noflip */
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
    background: #fbfbfb;
}
table.ambox + table.ambox {      /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    /* @noflip */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    /* @noflip */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
table.ambox-notice {
    /* @noflip */
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    /* @noflip */
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    /* @noflip */
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    /* @noflip */
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    /* @noflip */
    border-left: 10px solid #bba;       /* Gray-gold */
}