「MediaWiki:Common.css」:修訂間差異
imported>NoahLDW 無編輯摘要 |
無編輯摘要 |
||
| (未顯示由 2 位使用者於中間所作的 5 次修訂) | |||
| 第1行: | 第1行: | ||
/* 此 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; | |||
} | |||
/* 介面 */ | /* 介面 */ | ||
| 第56行: | 第66行: | ||
/* 條目顯示 */ | /* 條目顯示 */ | ||
.skin-vector .mw-body-content, .skin-darkvector .mw-body-content{ font-size: 1em; } | .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; } | |||
/* 資訊板 */ | /* 資訊板 */ | ||
| 第112行: | 第189行: | ||
table.fileinfotpl-type-information { background:unset; } | table.fileinfotpl-type-information { background:unset; } | ||
.skin-darkvector table.fileinfotpl-type-information td.fileinfo-paramfield { color: #222; } | .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 */ | /* Template:plainlist */ | ||
| 第477行: | 第559行: | ||
} | } | ||
/* Default | /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript | ||
in [[MediaWiki:Common.js]] are styled here so they can be customised. */ | |||
border: 1px solid # | .collapseButton { | ||
/* @noflip */ | |||
float: right; | |||
font-weight: normal; | |||
/* @noflip */ | |||
margin-left: 0.5em; | |||
/* @noflip */ | |||
text-align: right; | |||
width: auto; | |||
} | |||
/* custom edits */ | |||
/* Default style for navigation boxes */ | |||
.navbox { /* Navbox container style */ | |||
border: 1px solid #a2a9b1; | |||
width: 100%; | width: 100%; | ||
margin: auto; | margin: auto; | ||
| 第487行: | 第583行: | ||
padding: 1px; | padding: 1px; | ||
} | } | ||
.navbox-inner, | |||
.navbox-subgroup { | |||
width: 100%; | |||
} | } | ||
.navbox th, | |||
.navbox-title, | .navbox-title, | ||
.navbox-abovebelow | .navbox-abovebelow { | ||
text-align: center; /* Title and above/below styles */ | |||
text-align: center; | |||
padding-left: 1em; | padding-left: 1em; | ||
padding-right: 1em; | padding-right: 1em; | ||
} | } | ||
.navbox-group { | th.navbox-group { /* Group style */ | ||
white-space: nowrap; | white-space: nowrap; | ||
/* @noflip */ | |||
text-align: right; | text-align: right; | ||
} | } | ||
.navbox, .navbox-subgroup { | .navbox, | ||
background: #fdfdfd; | .navbox-subgroup { | ||
background: #fdfdfd; /* Background color */ | |||
} | } | ||
.navbox-list { | .navbox-list { | ||
border-color: #fdfdfd; | border-color: #fdfdfd; /* Must match background color */ | ||
} | } | ||
.navbox | .navbox th, | ||
.navbox-title { | |||
background:#ccf; /* Level 1 color */ | |||
position: relative; | |||
} | } | ||
.navbox-abovebelow, | .navbox-abovebelow, | ||
.navbox-group, | th.navbox-group, | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { | ||
background: #ddddff; | background: #ddddff; /* Level 2 color */ | ||
} | } | ||
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-group, | ||
background: #e6e6ff; | .navbox-subgroup .navbox-abovebelow { | ||
background: #e6e6ff; /* Level 3 color */ | |||
} | } | ||
.navbox-even { | .navbox-even { | ||
background: #f7f7f7; | background: #f7f7f7; /* Even row striping */ | ||
} | } | ||
.navbox-odd { | .navbox-odd { | ||
background: transparent; /* Odd row striping */ | background: transparent; /* Odd row striping */ | ||
} | |||
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ | |||
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ | |||
} | |||
.navbox .hlist td dl, | |||
.navbox .hlist td ol, | |||
.navbox .hlist td ul, | |||
.navbox td.hlist dl, | |||
.navbox td.hlist ol, | |||
.navbox td.hlist ul { | |||
padding: 0.125em 0; /* Adjust hlist padding in navboxes */ | |||
} | |||
.navbox .hlist dd, | |||
.navbox .hlist dt, | |||
.navbox .hlist li { | |||
white-space: nowrap; /* Nowrap list items in navboxes */ | |||
} | |||
.navbox .hlist dd dl, | |||
.navbox .hlist dt dl, | |||
.navbox .hlist li ol, | |||
.navbox .hlist li ul { | |||
white-space: normal; /* But allow parent list items to be wrapped */ | |||
} | |||
ol + table.navbox, | |||
ul + table.navbox { | |||
margin-top: 0.5em; /* Prevent lists from clinging to navboxes */ | |||
} | |||
/* Style for horizontal lists (separator following item) */ | |||
.hlist dl, | |||
.hlist ol, | |||
.hlist ul { | |||
margin: 0; | |||
} | |||
.hlist dd, | |||
.hlist dt, | |||
.hlist li { | |||
display: inline; | |||
margin: 0; | |||
} | |||
/* Display nested lists inline */ | |||
.hlist.inline, | |||
.hlist.inline dl, | |||
.hlist.inline ol, | |||
.hlist.inline ul, | |||
.hlist dl dl, .hlist dl ol, .hlist dl ul, | |||
.hlist ol dl, .hlist ol ol, .hlist ol ul, | |||
.hlist ul dl, .hlist ul ol, .hlist ul ul { | |||
display: inline; | |||
} | |||
/* Generate interpuncts */ | |||
.hlist dt:after { | |||
content: " :"; | |||
} | |||
.hlist dd:after, | |||
.hlist li:after { | |||
content: " · "; | |||
font-weight: bold; | |||
} | |||
.hlist dd:last-child:after, | |||
.hlist dt:last-child:after, | |||
.hlist li:last-child:after { | |||
content: none; | |||
} | |||
/* Add parens around nested lists */ | |||
.hlist dl dl:before, | |||
.hlist ol ol:before, | |||
.hlist ul ul:before { | |||
content: "("; | |||
} | |||
.hlist dl dl:after, | |||
.hlist ol ol:after, | |||
.hlist ul ul:after { | |||
content: ")"; | |||
} | |||
/* Put numbers in ordered lists */ | |||
.hlist.hnum ol li { | |||
counter-increment: level1; | |||
} | |||
.hlist.hnum ol li:before { | |||
content: counter(level1) " "; | |||
} | |||
.hlist.hnum ol ol li { | |||
counter-increment: level2; | |||
} | |||
.hlist.hnum ol ol li:before { | |||
content: counter(level2) " "; | |||
} | |||
/* Unbulleted lists */ | |||
.plainlist ul { | |||
line-height: inherit; | |||
list-style: none none; | |||
margin: 0; | |||
} | |||
.plainlist ul li { | |||
margin-bottom: 0; | |||
} | |||
.same-bg { background: none } | |||
/* Styling for jQuery makeCollapsible, matching that of collapseButton */ | |||
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) { | |||
font-weight: normal; | |||
/* @noflip */ | |||
text-align: right; | |||
padding-right: 0.2em; | |||
padding-left: 0.2em; | |||
} | } | ||
. | .mw-collapsible-leftside-toggle .mw-collapsible-toggle { | ||
/* @noflip */ | |||
float: left; | |||
/* @noflip */ | |||
text-align: left; | |||
} | } | ||
body.skin-minerva .infobox table { | |||
display: table; | |||
. | |||
} | } | ||
. | body.skin-minerva .infobox caption { | ||
display: table-caption; | |||
} | } | ||