檢視 MediaWiki:Common.css 的原始碼

/* 此 CSS 會套用至所有的介面外觀 */

/* 首頁 */
div.mainpageNavbox > ul{
	display: flex;
}
body.page-首頁.action-view h1.firstHeading, body.page-首頁.action-submit h1.firstHeading { display: none; }

div.mainpageNavbox > ul > li{
	display: flex;
}

/* 介面 */
#ca-talk, #pt-mytalk { display: none!important; }
.ns-2 #ca-talk { display: block!important; }
#ca-viewsource { display: none!important; }
.mw-diff-edit { display: none!important; }
li#t-urlshortener { display: none!important; }
a.mw-jump-link { display: none; }

/* Cookies Warning */
div.mw-cookiewarning-text a { color:#FFF!important; }

/* WikiEditor */
.skin-darkvector .wikiEditor-ui a.oo-ui-buttonElement-button { background-color: inherit !important; }

/* 搜尋 */
.mw-advancedSearch-namespace-6, .mw-advancedSearch-namespace-7 { display: none; }

/* 標誌 */
.mw-wiki-logo {
    background-image: url()
}

.skin-darkvector .mw-wiki-logo {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio:2), (min--moz-device-pixel-ratio:2), (min-resolution:2dppx), (min-resolution:192dpi) {
    .mw-wiki-logo {
        background-image: url();
        background-size: 135px auto
    }
    .skin-darkvector .mw-wiki-logo {
        background-image: url();
        background-size: 135px auto
    }
}

/* 主條目（模板:More/Main/Further） */
div.hatnote, div.rellink.further { padding-left: 2em; margin-bottom: 0.8em; margin-top: 0.8em; font-size: small; font-style: italic;}

/* 模板文檔 */
div.template-documentation { clear: both; margin: 1em 0 0 0; border: 1px solid #a2a9b1; background-color: #ecfcf4; padding: 1em;}

/* 法律內文列表格式 */
span.legalTitle { font-size: 1.5em; font-weight: normal; line-height: 1.3; margin: 1em 0 0.25em 0; padding: 0; border-bottom: 1px solid #a2a9b1; font-family: 'Linux Libertine', 'Georgia', 'Times', serif; display: block; }
span.legalSubtitle { font-size: 1.2em; font-weight: bold; line-height: 1.6; display: block; margin: 0.3em 0 0; padding: 0.5em 0 0; }
ol.legal > li > ol { counter-reset: subsection; font-size: inherit; }
ol.legal > li > ol > li { list-style: none; position: relative; font-size: inherit; }
ol.legal > li > ol > li:before { counter-increment: subsection; content: "(" counter(subsection) ") "; left: -2em; font-size: inherit; }
ol.legal > li > ol > li > ol { counter-reset: subsubsection; font-size: inherit; }
ol.legal > li > ol > li > ol > li { list-style: none; position: relative; font-size: inherit; }
ol.legal > li > ol > li > ol > li:before { counter-increment: subsubsection; content: "(" counter(subsubsection, lower-roman) ") "; left: -2em; font-size: inherit; }

/* 條目顯示 */
.skin-vector .mw-body-content, .skin-darkvector .mw-body-content{ font-size: 1em; }

/* Navbox */
table.navbox th {
	position: relative;
	text-align: center;
}

table.navbox th span.navbox-bar {
	position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 85%;
    font-weight: normal;
}

table.mw-collapsible.navbox th span.mw-collapsible-toggle {
	position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

table.mw-collapsible.navbox tr:not(:first-child) td {
	font-size: 85%;
	padding: 0 10px;
}

table.lineGraph td {
	padding: 0!important;
}

table.mw-collapsible.navbox tr:not(:first-child) td:first-child {
	text-align: center;
	width: 7.5%;
}

table.navbox ul:not(.normal) {
	margin: 0;
	display: inline;
	padding: 0;
}

table.navbox ul:not(.normal) ul:not(.normal):before {
	content:"（";
}

table.navbox ul:not(.normal) ul:not(.normal):after {
	content:"）";
}

table.navbox ul:not(.normal) li {
	display: inline-block;
	margin: 0;
}

table.navbox ul:not(.normal) li:not(:last-child):after {
	content:" ·";
	font-weight:bold;
}

.skin-darkvector table.navbox { border: 1px solid #a2a9b1; }
table.navbox { border: 1px solid #024A64; }

/* 資訊板 */
table.infobox {
    border:1px solid #a2a9b1;
    margin-bottom:0.5em;
    margin-left:1em;
    padding:0.2em;
    float:right;
    clear:right;
}

.skin-vector table.infobox {
    background-color:#f8f9fa;
}

/* 警告提示 */
.rellink {
    padding-left:1.6em;
    margin-bottom:0.5em;
}
table.ambox {
    margin:0px 10%;
    border:1px solid #a2a9b1;
    border-left:10px solid #36c;
}
.skin-vector table.ambox { background:#f8f9fa; }
table.mbox-small-left {
    margin:4px 1em 4px 0;
    width:238px;
    border-collapse:collapse;
    font-size:88%;
    line-height:1.25em;
}
td.mbox-image {
    border:none;
    padding:2px 0 2px 0.9em;
    text-align:center;
}
.ambox td.mbox-image {
    padding:2px 0 2px 0.5em;
}
th.mbox-text, td.mbox-text {
    border:none;
    padding:0.25em 0.9em;
    width:100%;
}
.ambox th.mbox-text, .ambox td.mbox-text {
    padding:0.25em 0.5em;
}
table.ambox-content {
    border-left:10px solid #f28500;
}

/* 檔案摘要 */
table.fileinfotpl-type-information { background:unset; }
.skin-darkvector table.fileinfotpl-type-information td.fileinfo-paramfield { color: #222; }

/* NavBar */
.navbar > ul { display: inline; margin: 0; }
.navbar > ul > li { display: inline; }
.navbar > ul > li:not(:last-child):after { content: " · "; font-weight: bold; }

/* Template:plainlist */
div.plainlist ul, div.plainlist ol { list-style: none; }

/* NoArticleText */
div.hint-row{
	display: inline-table;
	margin-top: 0.5em;
}
div.hint-icon-cell{
	display: table-cell;
	width: 100px;
	text-align: center;
	padding: 0 20px 0 0;
	vertical-align: middle;
}
div.hint-caption-text{
	display: inline-table;
	text-align: justify;
	vertical-align: middle;
}
div.hint-caption-table > div{
	display: table-row;
}
div.hint-caption-text p{
	margin: 0.25em 0 0 0;
}
div.hint-caption-text p:first-of-type{
	margin-top: 0.5em;
}

/* Responsive Button */
div.ResponsiveBtn{
	display: inline-block;
	padding: 8px 16px;
	margin: 5px 10px;
	background: #3366CC;
	font-size: 105%;
	border-radius: 5px;
}
div.ResponsiveBtn, div.ResponsiveBtn a{
	color: #FFF!important;
}
div.plainlinks{
	display: inline-block;
}
div.ResponsiveBtn:hover{
	background: #447FF5;
}

/* mbox */
.tmbox.mbox-small {
	min-width: 0;                /* reset the min-width of tmbox above        */
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
	margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */
	width: 100%;                 /* For Safari and Opera */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
	line-height: 1.5em;          /* also "nested", so reset styles that are   */
	font-size: 100%;             /* set in "mbox-small" above.                */
}

/* These mbox-small classes must be placed after all other
   ambox/tmbox/ombox etc classes. "html body.mediawiki" is so
   they override "table.ambox + table.ambox" above. */
html body.mediawiki .mbox-small {   /* For the "small=yes" option. */
	/* @noflip */
	clear: right;
	/* @noflip */
	float: right;
	/* @noflip */
	margin: 4px 0 4px 1em;
	box-sizing: border-box;
	width: 238px;
	font-size: 88%;
	line-height: 1.25em;
}

/* Other pages message box styles */
table.ombox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 1px solid #a2a9b1;    /* Default "notice" gray */
	background-color: #f8f9fa;
	box-sizing: border-box;
}

table.ombox-notice {
	border: 1px solid #a2a9b1;    /* Gray */
}
table.ombox-speedy {
	border: 2px solid #b32424;    /* Red */
	background-color: #fee7e6;    /* Pink */
}
table.ombox-delete {
	border: 2px solid #b32424;    /* Red */
}
table.ombox-content {
	border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
	border: 1px solid #fc3;       /* Yellow */
}
table.ombox-move {
	border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
	border: 2px solid #a2a9b1;    /* Gray-gold */
}

/* Namespace backgrounds */
.ns-828 #content { background: #cce6ff; }
.ns-828 #ca-nstab-module.selected, .ns-828 #ca-view.selected, .ns-828 #ca-edit.selected, .ns-828 #ca-history.selected, .ns-828 #ca-watch.selected { background: #cce6ff; background: linear-gradient(white, #cce6ff); }
.ns-28 #content { background: #ffffe6; }
.ns-28 #ca-nstab-官方文件.selected, .ns-28 #ca-view.selected, .ns-28 #ca-edit.selected, .ns-28 #ca-history.selected, .ns-28 #ca-watch.selected { background: #ffffe6; background: linear-gradient(white, #ffffe6); }
.ns-14 #content { background: #ffddcc; }
.ns-14 #ca-nstab-category.selected, .ns-14 #ca-view.selected, .ns-14 #ca-edit.selected, .ns-14 #ca-history.selected, .ns-14 #ca-watch.selected { background: #ffddcc; background: linear-gradient(white, #ffddcc); }
.ns-10 #content { background: #f3e6ff; }
.ns-10 #ca-nstab-template.selected, .ns-10 #ca-view.selected, .ns-10 #ca-edit.selected, .ns-10 #ca-history.selected, .ns-10 #ca-watch.selected { background: #f3e6ff; background: linear-gradient(white, #f3e6ff); }
.ns-8 #content, .ns-4 #content { background: #ffe6ee; }
.ns-8 #ca-nstab-mediawiki.selected, .ns-8 #ca-view.selected, .ns-8 #ca-edit.selected, .ns-8 #ca-history.selected, .ns-8 #ca-watch.selected,
.ns-4 #ca-nstab-project.selected, .ns-4 #ca-view.selected, .ns-4 #ca-edit.selected, .ns-4 #ca-history.selected, .ns-4 #ca-watch.selected { background: #ffe6ee; background: linear-gradient(white, #ffe6ee); }

/* CodeMirror Customised for Dark Mode */
.skin-darkvector div.CodeMirror-scroll { background-color: #4c4c4c; }

/* RottenLinks Table */
.mw-special-RottenLinks table.mw-datatable { width: 100%; word-wrap: break-word; table-layout: fixed; }
.mw-special-RottenLinks table.mw-datatable thead th:nth-child(2), .mw-special-RottenLinks table.mw-datatable thead th:nth-child(3) {
	width: 100px;

/* Tabs */
/*源自萌娘百科 https://zh.moegirl.org.cn/MediaWiki:Gadget-site-styles.css */
.tab .TabLabelText {
    padding: 1px;
    background: #fff;
    cursor: pointer;
    flex: none;
}
 
.tab .TabLabel {
    z-index: 2;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: flex;
    flex-wrap: wrap;
}
 
.tab .TabLabelText.selected {
    padding: 1px;
    background: white;
}
 
.tab .TabContent {
    background: white;
    padding: 20px 30px;
    position: relative;
    z-index: 1;
    border: 1px solid #aaa;
}
 
.tab .TabContentText {
    display: none;
}
 
.tab .TabContentText.selected {
    display: block;
}
 
.tab .tabLabelTop .TabLabelText {
    border-top: 3px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
 
.tab .tabLabelTop .TabLabelText.selected {
    border-top: 3px solid green;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.tab .tabLabelTop.reverse .TabLabelText {
    border-bottom: 3px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
}
 
.tab .tabLabelTop.reverse .TabLabelText.selected {
    border-bottom: 3px solid green;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-top: 1px solid transparent;
}
 
.tab .tabLabelBottom .TabLabelText {
    border-bottom: 3px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
 
.tab .tabLabelBottom .TabLabelText.selected {
    border-bottom: 3px solid green;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.tab .tabLabelBottom.reverse .TabLabelText {
    border-top: 3px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
 
.tab .tabLabelBottom.reverse .TabLabelText.selected {
    border-top: 3px solid green;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid transparent;
}
 
.tab .tabLabelLeft .TabLabelText {
    border-left: 3px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
 
.tab .tabLabelLeft .TabLabelText.selected {
    border-left: 3px solid green;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
 
.tab .tabLabelLeft.reverse .TabLabelText {
    border-right: 3px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
}
 
.tab .tabLabelLeft.reverse .TabLabelText.selected {
    border-right: 3px solid green;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid transparent;
}
 
.tab .tabLabelRight .TabLabelText {
    border-right: 3px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
 
.tab .tabLabelRight .TabLabelText.selected {
    border-right: 3px solid green;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
 
.tab .tabLabelRight.reverse .TabLabelText {
    border-left: 3px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
}
 
.tab .tabLabelRight.reverse .TabLabelText.selected {
    border-left: 3px solid green;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid transparent;
}
 
.tab .Tabs .TabDivider {
    width: 100%;
    order: 2;
}
 
.tab .Tabs.reverse .TabDivider {
    height: 2px;
}
 
.tab .Tabs.tabLabelLeft .TabLabel,
.tab .Tabs.tabLabelRight .TabContent {
    order: 1;
}
 
.tab .Tabs.tabLabelLeft .TabContent,
.tab .Tabs.tabLabelRight .TabLabel {
    order: 3;
}
 
.tab .Tabs.tabLabelLeft,
.tab .Tabs.tabLabelRight {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
}
 
.tab .Tabs.tabLabelLeft .TabDivider,
.tab .Tabs.tabLabelRight .TabDivider {
    height: 100%;
    width: 0;
}
 
.tab .Tabs.tabLabelLeft.reverse .TabDivider,
.tab .Tabs.tabLabelRight.reverse .TabDivider {
    width: 1px;
}
 
.tab .Tabs.tabLabelLeft .TabLabel,
.tab .Tabs.tabLabelRight .TabLabel {
    flex-direction: column;
}
 
.tab .Tabs.tabLabelLeft:not(.AutoWidth) .TabContent,
.tab .Tabs.tabLabelRight:not(.AutoWidth) .TabContent{
    flex: 1;
}
 
.Tabs {
    max-width: 100%;
}
 
.Tabs.AutoWidth {
    width: max-content;
    display: flow-root;
}
 
.Tabs.FloatLeft {
    float: left;
    margin-right: 1em;
}
 
.Tabs.FloatRight {
    float: right;
    margin-left: 1em;
}
 
.Tabs .Tab {
    border-bottom: 1px solid #aaa;
}
 
.Tabs .Tab:first-child {
    border-top: 1px solid #aaa;
}
 
.Tabs .Tab .TabLabelText {
    padding: 7px;
}
 
.Tabs .Tab .TabContentText {
    padding: 3px;
}
 
.infotemplatebox>table td>.Tabs .TabLabel,
.infotemplatebox>table td>.Tabs .TabContent {
    margin: 0 -1px;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {       
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
	text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
	/* @noflip */
	text-align: right;
}