MediaWiki:Common.css：修订间差异

添加的内容删除的内容
行内
2024年7月3日 (三) 18:18的最新版本

/* 所有皮肤共用的CSS */

/*  ===================
    CSS IMPORTS
    ===================
    TODO 移动到模板样式 */
@import url("/w/load.php?mode=articles&only=styles&skin=citizen&articles=MediaWiki:Carousel.css|MediaWiki:Infoboxes.css|MediaWiki:TableGrid.css|MediaWiki:Mainpage.css|MediaWiki:Namespace.css|MediaWiki:Navbox.css|MediaWiki:Tardis.css|MediaWiki:Themes.css|MediaWiki:Transmat.css|MediaWiki:Forum.css|MediaWiki:UserWarning.css|MediaWiki:Familytree.css|MediaWiki:Hlist.css");

/*  ===================
    Google Fonts IMPORTS
    =================== */
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;700&family=Noto+Sans+SC:wght@400;700;900&family=Noto+Sans+TC:wght@400;700;900&family=Noto+Serif+SC:wght@400;700;900&family=Noto+Serif+TC:wght@400;700;900&family=Raleway:wght@300;700&display=swap');

/*  ===================
	Variables
	=================== */
:root {
	--site-background: url(https://static.miraheze.org/zhtardiswiki/b/bc/TARDIS_in_the_vortex.jpg);
	--main-background: url(https://static.miraheze.org/zhtardiswiki/8/80/Site-background.jpg);
}

/* Hide title and edit tools on main page */
.page-首页 .mw-side,
.page-首页 .firstHeading,
.page-首页 #siteSub {
	display: none!important;
}

/*  ===============
    STUBS
    ===============
    This notion is original
    to tardis.fandom.com
    =============== */
#topbox,
.topbox {
    padding:1.5em;
    background:var(--bright-accent-color);
}
.stub-type,
#stub-type,
div#stub-type {
    float:left;
    margin-right:17px;
    margin-top:5px;
}
.stub-type + .stub-type + .stub-type,
#stub-type + .stub-type + .stub-type,
#stub-type + #stub-type + .stub-type,
#stub-type + #stub-type + #stub-type,
#stub-type + .stub-type + #stub-type,
.stub-type + #stub-type + .stub-type,
.stub-type + #stub-type + #stub-type,
.stub-type + .stub-type + #stub-type {
	clear:left;
}

/* ============================
   Poetry 
   ============================ */

/* div.poem {
    margin-left:20px;
}  */

/* Fixing {{il}} output in infoboxes */
/* TODO 移动到模板样式 */
.portable-infobox div.poem {
    margin-left: 0;
}

/*  ===================
    QUOTATIONS
    =================== */

/*  -------------------
    SIMPLE QUOTATIONS
    powers template:sq
    ------------------- */
/* TODO 移动到模板样式 */
/*
.simplequote::before { 
    content: "“";
    float: left;
    height: 60px; 
    margin-top: -20px;
    padding-top: 45px;
    margin-bottom: -50px;
    font-size: 200%;
    color: #fff;
}

.simplequote::after { 
    content: "”";
    float: right;
    height: 25px;
    margin-top: 0px;
    padding-top: 20px; 
    font-size: 200%;
    color: #fff;
}
*/
.simplequote { 
    font-family:Rubik;
    font-style:italic;
    margin:5%;
    font-size: 1.15em;
    line-height: 1.45em;
}

.simplequote[cite]::after {
    display: block;
    text-align: right;
    content: "\2014\ " attr(cite);
    font-style: normal;
    font-size: 1.2em;
    color:#012c57;
}

.simplequote span.author {
    position: relative;
    display: block;
    font-size:100%;
    line-height:90%;
    text-align: right;
    margin-top: 5px;
    color: #012c57;
    font-style:italic;
    top:10px;
}    
.simplequote span.author i {
    position: relative;
    font-size:100%;
    line-height:90%;
    background: #eee;
    font-style: italic;
    z-index: 5;
    padding:1%;
    border: solid .75px transparent;
    border-radius: 4px;
}
/* Makes a decorative line, but honestly 
   this line only works on pages where there's no 
   infobox or image in the way.  
.simplequote span.author::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 35%;
    float:left;
    height: 1px;
    background: #ccc;
    z-index: 1;
    color:#012c57;
}
*/
.simplequote span.author a,
.simplequote span.author a:link {
    color:#012c57;
}

/*  Blockier way of doing quotes */
/* Force override until skin is updated
.skin-citizen blockquote {
	margin: 0.8rem 20px;
	padding: 0;
}  */
blockquote {
    position: relative;
    display: flex;
    background: #eee;
    padding: 40px 30px 30px 60px;
    border-radius: 10px;
    font-size:110%;
    line-height:120%;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    color: #333;
    text-align: left;
    box-shadow: 1px 1px 1px #012c57,
                2px 2px 1px #012c57,
                3px 3px 1px #012c57;
    transition-duration: .3s;
    margin-right:20px;
    margin-left:20px;
    width:auto;
}  
blockquote span.author {
    position: relative;
    display: block;
    font-size: 100%;
    line-height: 120%;
    text-align: right;
    margin-top: 5px;
    color: #999;
    font-style:italic;
}    
blockquote span.author i {
    position: relative;
    font-size: 100%;
    line-height: 120%;
    padding-left: 25px;
    font-style: italic;
    z-index: 5;
    background: #eee;
} 
blockquote a,
blockquote a:link {
    text-decoration:underline;
    color:#012c57;
}
blockquote span.author a,
blockquote span.author a:link {
    color:#012c57;
}
blockquote span.author::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    float:left;
    height: 1px;
    background: #ccc;
    z-index: 1;
}
blockquote:hover {
    box-shadow: 1px 1px 5px #012c57,
                2px 2px 6px #012c57,
                3px 3px 7px #012c57;
}  
blockquote::before {
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    content: "“";
    font-family: "Rubik"; 
    font-size: 150px;
    color: #012c57;
    z-index:6;
}
blockquote p {
	padding: 5px;
	margin-top: 0!important;
}
blockquote p:nth-of-type(n+2) {
  border-left: 1px solid #333;
}

/*  =======================
    RED AND YELLOW CELLS
    ======================= 
    
While MAINLY just used over at [[List of Doctor Who television stories]],
these cells have also found use for pointing out different mediums,
like novels and anthologies, as seen on [[Bernice Summerfield (series)]]. */

table.wikitable .row-red td,
div#block.row-red { 
  background: #b53f3a; /* #b1312c */
  color:#fff;
}
.skin-citizen-light table.wikitable .row-red td,
.skin-citizen-light div#block.row-red {
  background: #f4bbb9; 
  color: inherit;
}
table.wikitable .row-red td a,
table.wikitable .row-red td a.link,
table.wikitable .row-red td a.visited,
div#block.row-red a, 
div#block.row-red a.link
div#block.row-red a.visited { 
    color:#FFF;
    text-decoration:underline;
    text-decoration-color:#e3bdbd; /*This will work in MOST modern browsers.*/
}    
table.wikitable .row-yellow td,
div#block.row-yellow {
    background: #e1ae4a;
    color:#000;
}
.skin-citizen-light table.wikitable .row-yellow td,
.skin-citizen-light div#block.row-yellow {
  background: #fdd6a2; 
  color: inherit;
}
table.wikitable .row-yellow td a,
table.wikitable .row-yellow td a.link,
table.wikitable .row-yellow td a.visited,
div#block.row-yellow a, 
div#block.row-yellow a.link
div#block.row-yellow a.visited,
.skin-citizen-light table.wikitable .row-red td a,
.skin-citizen-light table.wikitable .row-red td a.link,
.skin-citizen-light table.wikitable .row-red td a.visited { 
    color:#000;
    text-decoration:underline;
    text-decoration-color: #543f15; /*This will work in MOST modern browsers.*/
}
/* BLUE cells */
table.wikitable .row-blue td,
div#block.row-blue { 
  background: #7998D3;
  color:#000;
}
table.wikitable .row-blue td a,
table.wikitable .row-blue td a.link,
table.wikitable .row-blue td a.visited,
div#block.row-blue a, 
div#block.row-blue a.link
div#block.row-blue a.visited { 
    color:#000;
    text-decoration:underline;
    text-decoration-color:#543f15; /*This will work in MOST modern browsers.*/
}
/* GREEN cells */
table.wikitable .row-green td,
div#block.row-green { 
  background: #CCECC1;
  color:#000;
}
table.wikitable .row-green td a,
table.wikitable .row-green td a.link,
table.wikitable .row-green td a.visited,
div#block.row-green a, 
div#block.row-green a.link
div#block.row-green a.visited { 
    color:#000;
    text-decoration:underline;
    text-decoration-color:#543f15; /*This will work in MOST modern browsers.*/
}

/* This bit keeps {{il}} working properly,
    that is, not indenting
        within a table
*/
table div.poem {
    margin-left: 0;
}

.wikitable.uncat img {
    max-width: 250px;
}

/*  =====================
    NOARTICLE
    ===================== */

.WikiaArticle .noarticletext {
    border:none;
}
div.noarticle,
.noarticle {
    color:#012C57;
    max-width:500px;
    width:500px;
    margin:0 0 5px 62px; 
    padding-left:70px;
    padding-top:20px;
    padding-bottom:20px;
    padding-right:20px;
    background-color: #ececec;
    overflow:visible;
    background-repeat:no-repeat;
    background-position: 0px 20px;
    line-height:100%;
}
div.noarticle a:link,
div.noarticle a:visited {
    color:#2f2cb8!important;
}
.noarticle p,
div.noarticle p {
    padding:180px 0px 0px 0px;
    background:url('https://images.wikia.nocookie.net/__cb20120118211740/tardis/images/f/f6/Zeroroom.png') no-repeat;
    line-height:110%;
    color:#012c57;
}
div.noarticletext {
    background:none;
    border:none;
}

/* make text in the searchbar on {{tardis manual}} readable */
.pi-navigation .mw-inputbox-centered .searchbox .mw-ui-input.mw-ui-input-inline {
	color: black;
}

/* Hide some Chinese varients */
.ca-variants-zh-Hans, .ca-variants-zh-Hans-MY, .ca-variants-zh-Hans-SG, .ca-variants-zh-Hant, .ca-variants-zh-Hant-MO,
.language-searcher .zh-hans, .language-searcher .zh-hant {
	display: none;
}

/* Template:IPA */
/* TODO 移动到模板样式 */
.IPA {
	font-family: 'Charis SIL', 'Doulos SIL', 'Linux Libertine', 'Segoe UI', 'Lucida Sans Unicode', 'Code2000', 'Gentium', 'Gentium Alternative', 'TITUS Cyberbit Basic', 'Arial Unicode MS', 'IPAPANNEW', 'Chrysanthi Unicode', 'GentiumAlt', 'Bitstream Vera', 'Bitstream Cyberbit', 'Hiragino Kaku Gothic Pro', 'Lucida Grande', sans-serif;
	text-decoration: none !important;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
	text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
   and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
	white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
	white-space: normal;
}

/* Hide some variants in the interface language selector */
#mw-input-wplanguage option:has([value=zh-hans], [value=zh-hant], [value=zh-mo], [value=zh-my]) {
    display: none;
}

/* note counter style */
@counter-style note {
  system: extends decimal;
  prefix: "注";
}

@counter-style note-hant {
  system: extends decimal;
  prefix: "註";
}

.mw-body-content .mw-parser-output .reflist-note {
	list-style-type: note;
}

.mw-body-content .mw-parser-output .reflist-note:lang(zh-Hant) {
	list-style-type: note-hant;
}