MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 11: Line 11:
.mw-redirect:active { color: #990000;}
.mw-redirect:active { color: #990000;}


/* 通常のリンク(未訪問) */
a {
  color: #1E90FF;
}
/* 訪問済みリンク */
a:visited {
  color: blue;
}
/* マウスホバー時のリンク */
a:hover {
  color: orange;
}
/* 新しいページへのリンク(未作成ページ) */
a.new {
  color: red !important;
}
/*
* 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,
cite,
dfn {
dfn {
Line 62: Line 87:
}
}


/* Make the list of references smaller
/* Different margin on references */
* Keep in sync with Template:Refbegin/styles.css
.references {
* And Template:Reflist/styles.css
*/
ol.references {
font-size: 90%;
margin-bottom: 0.5em;
margin-bottom: 0.5em;
}
}


/* Cite customizations for Parsoid
/* Cite customizations */
* Once everything uses the one true parser these are just customizations
*/
span[ rel="mw:referencedBy" ] {
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
counter-reset: mw-ref-linkback 0;
Line 92: Line 111:
span[ rel="mw:referencedBy" ]::before {
span[ rel="mw:referencedBy" ]::before {
content: "^ ";
content: "^ ";
}
.mw-ref > a[data-mw-group=lower-alpha]::after {
content: '[' counter( mw-Ref, lower-alpha ) ']';
}
.mw-ref > a[data-mw-group=upper-alpha]::after {
content: '[' counter( mw-Ref, upper-alpha ) ']';
}
.mw-ref > a[data-mw-group=decimal]::after {
content: '[' counter( mw-Ref, decimal ) ']';
}
.mw-ref > a[data-mw-group=lower-roman]::after {
content: '[' counter( mw-Ref, lower-roman ) ']';
}
.mw-ref > a[data-mw-group=upper-roman]::after {
content: '[' counter( mw-Ref, upper-roman ) ']';
}
.mw-ref > a[data-mw-group=lower-greek]::after {
content: '[' counter( mw-Ref, lower-greek ) ']';
}
}


Line 151: Line 146:


/* System messages styled similarly to fmbox */
/* System messages styled similarly to fmbox */
div.mw-warning-with-logexcerpt,
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div.mw-cascadeprotectedwarning,
Line 158: Line 157:
margin: 0.2em 0;
margin: 0.2em 0;
border: 1px solid #bb7070;
border: 1px solid #bb7070;
background-color: #ffdbdb;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
padding: 0.25em 0.9em;
box-sizing: border-box;
box-sizing: border-box;
Line 164: Line 163:


/* default colors for partial block message */
/* default colors for partial block message */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: #fc3;
border-color: #fc3;
background-color: #fef6e7;
background-color: var(--background-color-warning-subtle, #fef6e7);
}
}


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


Line 185: Line 187:
#wikiDiff {
#wikiDiff {
clear: both;
clear: both;
}
/* Styling for tags in changes pages */
.mw-tag-markers {
font-style: italic;
font-size: 90%;
}
}


Line 263: Line 259:
#siteSub {
#siteSub {
display: block;
display: block;
}
/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}
}
}
Line 279: Line 283:
  * BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
  * BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
  * SEE [[MediaWiki talk:Common.css/to do]]
  * SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
  */
  */


/* Infobox template style */
/* Infoboxes */
.infobox {
.infobox {
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
font-size: 88%;
line-height: 1.5em;
line-height: 1.5em;
width: 22em;
border-spacing: 3px;
}
 
@media screen {
.infobox {
background-color: #f8f9fa;
    }
}
 
@media (max-width: 640px) {
.infobox {
width: 100%;
}
   
.infobox .nowrap {
white-space: normal;
}
}
 
@media (min-width: 640px) {
.infobox {
/* @noflip */
margin: 0.5em 0 0.5em 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}
}


Line 383: Line 408:


/* texhtml class for inline math (based on generic times-serif class) */
/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
font-size: 118%;
line-height: 1;
line-height: 1;
white-space: nowrap;
/* Force tabular and lining display for texhtml */
/* 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-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
font-kerning: none;
Line 397: Line 420:
span.texhtml span.texhtml {
span.texhtml span.texhtml {
font-size: 100%;
font-size: 100%;
}
@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}
/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}
}


Line 405: Line 444:
}
}


/* Put anything you mean to be a sitewide addition above the TemplateStyles
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
  * comment above.
  * comment above.
  */
  */