MediaWiki:Common.css:修订间差异
MJ Hamster(留言 | 贡献) 小无编辑摘要 |
MJ Hamster(留言 | 贡献) 小无编辑摘要 |
||
| (未显示2个用户的43个中间版本) | |||
| 第1行: | 第1行: | ||
/* | /**** 本站使用的样式 ****/ | ||
/** 用于[[Template:黑幕]] **/ | |||
.heimu { | |||
background-color: #252525; | |||
color: #252525; | |||
transition: color 0.5s; | |||
} | |||
.heimu:hover { | |||
color: #ffffff; | |||
} | |||
/** 用于[[Template:折叠]](使折叠按键紧贴文本) **/ | |||
.mw-collapsible-toggle { | |||
float: none; | |||
display: inline; | |||
margin-left: 0.3em; | |||
margin-right: 0.2em; | |||
} | } | ||
/**** 搬运自维基百科的样式 ****/ | |||
/* Default styling for Navbar template */ | |||
.navbar { | |||
display: inline; | |||
font-weight: normal; | |||
} | |||
.navbar ul { | |||
display: inline; | |||
white-space: nowrap; | |||
} | |||
.navbar li { | |||
word-spacing: -0.125em; | |||
} | |||
.navbar.mini li abbr[title] { | |||
font-variant: small-caps; | |||
border-bottom: none; | |||
text-decoration: none; | |||
cursor: inherit; | |||
} | |||
/* Navbar styling when nested in navbox */ | |||
.navbox .navbar { | |||
display: block; | |||
} | |||
.navbox-title .navbar { | |||
/* @noflip */ | |||
float: left; | |||
/* @noflip */ | |||
text-align: left; | |||
/* @noflip */ | |||
margin-right: 0.5em; | |||
width: 8em; | |||
} | |||
/* Style for horizontal lists (separator following item) */ | |||
.skin-monobook .hlist dl, | |||
.skin-modern .hlist dl, | |||
.skin-vector .hlist dl { | |||
line-height: 1.5em; | |||
} | |||
.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; | |||
} | |||
/* for IE 8 */ | |||
.hlist dd.nopunct:after, | |||
.hlist dt.nopunct:after, | |||
.hlist li.nopunct: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) " "; | |||
} | } | ||
. | /* | ||
== Infobox == | |||
*/ | |||
.infobox { | |||
border: 1px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
color: black; | |||
margin-bottom: 0.5em; | |||
margin-left: 1em; | |||
padding: 0.2em; | |||
float: right; | |||
clear: right; | |||
} | |||
.infobox td, | |||
.infobox th { | |||
vertical-align: top; | |||
} | |||
.infobox caption { | |||
font-size: larger; | |||
} | |||
.infobox.bordered { | |||
border-collapse: collapse; | |||
} | |||
.infobox.bordered td, | |||
.infobox.bordered th { | |||
border: 1px solid #a2a9b1; | |||
} | |||
.infobox.bordered .borderless td, | |||
.infobox.bordered .borderless th { | |||
border: 0; | |||
} | } | ||
. | .infobox.sisterproject { | ||
width: 20em; | |||
font-size: 90%; | |||
} | } | ||
. | /* styles for bordered infobox with merged rows */ | ||
.infobox.bordered .mergedtoprow td, | |||
.infobox.bordered .mergedtoprow th { | |||
border: 0; | |||
border-top: 1px solid #a2a9b1; | |||
border-right: 1px solid #a2a9b1; | |||
} | } | ||
. | .infobox.bordered .mergedrow td, | ||
.infobox.bordered .mergedrow th { | |||
border: 0; | |||
border-right: 1px solid #a2a9b1; | |||
} | } | ||
. | /* styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */ | ||
.infobox.geography { | |||
text-align: left; | |||
border-collapse: collapse; | |||
line-height: 1.2em; | |||
font-size: 90%; | |||
} | } | ||
. | .infobox.geography td, | ||
.infobox.geography th { | |||
border-top: solid 1px #a2a9b1; | |||
padding: 0.4em 0.6em 0.4em 0.6em; | |||
} | |||
.infobox.geography .mergedtoprow td, | |||
.infobox.geography .mergedtoprow th { | |||
border-top: solid 1px #a2a9b1; | |||
padding: 0.4em 0.6em 0.2em 0.6em; | |||
} | } | ||
.infobox.geography .mergedrow td, | |||
.infobox.geography .mergedrow th { | |||
border: 0; | |||
padding: 0 0.6em 0.2em 0.6em; | |||
} | } | ||
. | .infobox.geography .mergedbottomrow td, | ||
.infobox.geography .mergedbottomrow th { | |||
border-top: 0; | |||
border-bottom: solid 1px #a2a9b1; | |||
padding: 0 0.6em 0.4em 0.6em; | |||
} | } | ||
.infobox.geography .maptable td, | |||
.infobox.geography .maptable th { | |||
border: 0; | |||
padding: 0; | |||
} | } | ||
/* | |||
== MetaBox == | |||
*/ | |||
/* | /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ | ||
. | th.mbox-text, | ||
. | td.mbox-text { | ||
/* The message body cell(s) */ | |||
. | border: none; | ||
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; | |||
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ | |||
text-align: center; | |||
} | |||
td.mbox-imageright { | |||
/* The right image cell */ | |||
border: none; | |||
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 #a2a9b1; | |||
border-left: 10px solid #36c; /* Default "notice" blue */ | |||
background: #f8f9fa; | |||
} | |||
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 */ | |||
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ | |||
} | |||
.ambox td.mbox-imageright { | |||
/* The right image cell */ | |||
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ | |||
} | } | ||
. | table.ambox-notice { | ||
. | border-left: 10px solid #36c; /* Blue */ | ||
. | } | ||
table.ambox-speedy { | |||
border-left: 10px solid #b32424; /* Red */ | |||
background: #fee7e6; /* Pink */ | |||
} | |||
table.ambox-delete { | |||
border-left: 10px solid #b32424; /* Red */ | |||
} | |||
table.ambox-content { | |||
border-left: 10px solid #f28500; /* Orange */ | |||
} | |||
table.ambox-style { | |||
border-left: 10px solid #fc3; /* Yellow */ | |||
} | |||
table.ambox-move { | |||
border-left: 10px solid #9932cc; /* Purple */ | |||
} | |||
table.ambox-protection { | |||
border-left: 10px solid #a2a9b1; /* Gray-gold */ | |||
} | } | ||
. | /* Image message box styles */ | ||
. | table.imbox { | ||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 3px solid #36c; /* Default "notice" blue */ | |||
background: #f8f9fa; | |||
} | |||
.imbox .mbox-text .imbox { | |||
/* For imboxes inside imbox-text cells. */ | |||
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */ | |||
} | |||
.mbox-inside .imbox { | |||
/* For imboxes inside other templates. */ | |||
margin: 4px; | |||
} | } | ||
. | table.imbox-notice { | ||
border: 3px solid #36c; /* Blue */ | |||
} | |||
table.imbox-speedy { | |||
border: 3px solid #b32424; /* Red */ | |||
background: #fee7e6; /* Pink */ | |||
} | |||
table.imbox-delete { | |||
border: 3px solid #b32424; /* Red */ | |||
} | |||
table.imbox-content { | |||
border: 3px solid #f28500; /* Orange */ | |||
} | |||
table.imbox-style { | |||
border: 3px solid #fc3; /* Yellow */ | |||
} | |||
table.imbox-move { | |||
border: 3px solid #9932cc; /* Purple */ | |||
} | |||
table.imbox-protection { | |||
border: 3px solid #a2a9b1; /* Gray-gold */ | |||
} | |||
table.imbox-license { | |||
border: 3px solid #88a; /* Dark gray */ | |||
background: #f7f8ff; /* Light gray */ | |||
} | |||
table.imbox-featured { | |||
border: 3px solid #cba135; /* Brown-gold */ | |||
} | |||
/* Category message box styles */ | |||
table.cmbox { | |||
margin: 3px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #a2a9b1; | |||
background: #eaf3ff; /* Default "notice" blue */ | |||
} | } | ||
. | table.cmbox-notice { | ||
background: #eaf3ff; /* Blue */ | |||
} | |||
table.cmbox-speedy { | |||
margin-top: 4px; | |||
margin-bottom: 4px; | |||
border: 4px solid #b32424; /* Red */ | |||
background: #fee7e6; /* Pink */ | |||
} | |||
table.cmbox-delete { | |||
background: #fee7e6; /* Red */ | |||
} | |||
table.cmbox-content { | |||
background: #ffe7ce; /* Orange */ | |||
} | |||
table.cmbox-style { | |||
background: #fff9db; /* Yellow */ | |||
} | |||
table.cmbox-move { | |||
background: #e4d8ff; /* Purple */ | |||
} | |||
table.cmbox-protection { | |||
background: #efefe1; /* Gray-gold */ | |||
} | } | ||
/* Other pages message box styles */ | |||
table.ombox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #a2a9b1; /* Default "notice" gray */ | |||
background: #f8f9fa; | |||
} | } | ||
# | table.ombox-notice { | ||
border: 1px solid #a2a9b1; /* Gray */ | |||
} | |||
table.ombox-speedy { | |||
border: 2px solid #b32424; /* Red */ | |||
background: #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 */ | |||
} | |||
/* Talk page message box styles */ | |||
table.tmbox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #c0c090; /* Default "notice" gray-brown */ | |||
background: #f8eaba; | |||
} | |||
.mediawiki .mbox-inside .tmbox { | |||
/* For tmboxes inside other templates. The "mediawiki" */ | |||
margin: 2px 0; /* class ensures that this declaration overrides other */ | |||
width: 100%; /* For Safari and Opera */ /* styles (including mbox-small above) */ | |||
} | |||
.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. */ | |||
} | |||
table.tmbox-speedy { | |||
border: 2px solid #b32424; /* Red */ | |||
background: #fee7e6; /* Pink */ | |||
} | |||
table.tmbox-delete { | |||
border: 2px solid #b32424; /* Red */ | |||
} | |||
table.tmbox-content { | |||
border: 2px solid #f28500; /* Orange */ | |||
} | |||
table.tmbox-style { | |||
border: 2px solid #fc3; /* Yellow */ | |||
} | |||
table.tmbox-move { | |||
border: 2px solid #9932cc; /* Purple */ | |||
} | |||
table.tmbox-protection, | |||
table.tmbox-notice { | |||
border: 1px solid #c0c090; /* Gray-brown */ | |||
} | |||
/* Disambig and set index box styles */ | |||
table.dmbox { | |||
clear: both; | |||
margin: 0.9em 1em; | |||
border-top: 1px solid #ccc; | |||
border-bottom: 1px solid #ccc; | |||
background: transparent; | |||
font-size: small; | |||
} | |||
/* Footer and header message box styles */ | |||
table.fmbox { | |||
clear: both; | |||
margin: 0.2em 0; | |||
width: 100%; | |||
border: 1px solid #a2a9b1; | |||
background: #f8f9fa; /* Default "system" gray */ | |||
} | |||
table.fmbox-system { | |||
background: #f8f9fa; | |||
} | |||
table.fmbox-warning { | |||
border: 1px solid #bb7070; /* Dark pink */ | |||
background: #ffdbdb; /* Pink */ | |||
} | |||
table.fmbox-editnotice { | |||
background: transparent; | |||
} | |||
/* Div based "warning" style fmbox messages. */ | |||
div.mw-warning-with-logexcerpt, | |||
div.mw-lag-warn-high, | |||
div.mw-cascadeprotectedwarning, | |||
#mw-protect-cascadeon { | |||
clear: both; | |||
margin: 0.2em 0; | |||
border: 1px solid #bb7070; | |||
background: #ffdbdb; | |||
padding: 0.25em 0.9em; | |||
} | |||
/* Div based "system" style fmbox messages. Used in | |||
[[MediaWiki:Noarticletext]]. */ | |||
div.noarticletext, | |||
div.fmbox-system { | |||
clear: both; | |||
margin: 0.2em 0; | |||
border: 1px solid #a2a9b1; | |||
background: #f8f9fa; | |||
padding: 0.25em 0.9em; | |||
} | |||
/* These mbox-small classes must be placed after all other | |||
ambox/tmbox/ombox etc classes. "body.mediawiki" is so | |||
they override "table.ambox + table.ambox" above. */ | |||
body.mediawiki table.mbox-small { | |||
/* For the "small=yes" option. */ | |||
clear: right; | |||
float: right; | |||
margin: 4px 0 4px 1em; | |||
width: 238px; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
body.mediawiki table.mbox-small-left { | |||
/* For the "small=left" option. */ | |||
margin: 4px 1em 4px 0; | |||
width: 238px; | |||
border-collapse: collapse; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
/* CODE FOR COMPACT AMBOX */ | |||
/* Remove borders, backgrounds, padding, etc. */ | |||
.compact-ambox table.ambox { | |||
border: none; | |||
border-collapse: collapse; | |||
background: transparent; | |||
margin: 0 0 0 1.6em !important; | |||
padding: 0 !important; | |||
width: auto; | |||
display: block; | |||
} | |||
body.mediawiki .compact-ambox table.mbox-small-left { | |||
font-size: 100%; | |||
width: auto; | |||
margin: 0; | |||
} | |||
/* Style the text cell as a list item and remove its padding */ | |||
.compact-ambox table .mbox-text { | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
} | |||
.compact-ambox table .mbox-text-span { | |||
display: list-item; | |||
line-height: 1.5em; | |||
list-style-type: square; | |||
list-style-image: url("data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs="); | |||
} | |||
/* Style for compact ambox */ | |||
/* Hide the images */ | |||
.compact-ambox table .mbox-image, | |||
.compact-ambox table .mbox-imageright, | |||
.compact-ambox table .mbox-empty-cell { | |||
display: none; | |||
} | |||
#siteNotice div { | |||
margin: 0; | |||
} | |||
#mw-dismissable-notice { | |||
background: transparent; | |||
} | |||
#wpSummary, | |||
#wpSummaryLabel, | |||
input#wpSummary, | |||
input.mw-summary { | |||
margin-top: 0; | |||
margin-bottom: 0; | |||
} | |||
/* | |||
== Navbox == | |||
*/ | |||
.navbox { | |||
/* Navbox container style */ | |||
border: 1px solid #a2a9b1; | |||
width: 100%; | |||
margin: auto; | |||
clear: both; | |||
font-size: 88%; | |||
text-align: center; | |||
padding: 1px; | |||
} | |||
.navbox-inner, | |||
.navbox-subgroup { | |||
width: 100%; | |||
} | |||
.navbox th, | |||
.navbox-title, | |||
.navbox-abovebelow { | |||
text-align: center; /* Title and above/below styles */ | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
} | |||
th.navbox-group { | |||
/* Group style */ | |||
white-space: nowrap; | |||
/* @noflip */ | |||
text-align: right; | |||
} | |||
.navbox, | |||
.navbox-subgroup { | |||
background: #fdfdfd; /* Background color */ | |||
} | |||
.navbox-list { | |||
border-color: #fdfdfd; /* Must match background color */ | |||
} | |||
.navbox th, | |||
.navbox-title { | |||
background: #ccccff; /* Level 1 color */ | |||
} | |||
.navbox-abovebelow, | |||
th.navbox-group, | |||
.navbox-subgroup .navbox-title { | |||
background: #ddddff; /* Level 2 color */ | |||
} | |||
.navbox-subgroup .navbox-group, | |||
.navbox-subgroup .navbox-abovebelow { | |||
background: #e6e6ff; /* Level 3 color */ | |||
} | |||
.navbox-even { | |||
background: #f7f7f7; /* Even row striping */ | |||
} | |||
.navbox-odd { | |||
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 */ | |||
} | |||
/* Default styling for Navbar template */ | |||
.navbar { | |||
display: inline; | |||
font-weight: normal; | |||
} | |||
.navbar ul { | |||
display: inline; | |||
white-space: nowrap; | |||
} | |||
.navbar li { | |||
word-spacing: -0.125em; | |||
} | |||
.navbar.mini li abbr[title] { | |||
font-variant: small-caps; | |||
border-bottom: none; | |||
text-decoration: none; | |||
cursor: inherit; | |||
} | |||
/* Navbar styling when nested in navbox */ | |||
.navbox .navbar { | |||
display: block; | |||
} | |||
.navbox-title .navbar { | |||
/* @noflip */ | |||
float: left; | |||
/* @noflip */ | |||
text-align: left; | |||
/* @noflip */ | |||
margin-right: 0.5em; | |||
width: 8em; | |||
} | |||
/* '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; | |||
} | |||
/* In navboxes, the show/hide button balances the v·d·e links | |||
from [[Template:Navbar]], so they need to be the same width. */ | |||
.navbox .collapseButton { | |||
width: 8em; | |||
} | } | ||