MediaWiki:Common.css:修订间差异

来自偶像大师中文维基
跳转到导航 跳转到搜索
文章翻译表样式
无编辑摘要
第306行: 第306行:
.article-table {
.article-table {
width: 100%;
width: 100%;
border-spacing: 20px 10px;
}
}


.article-table th:nth-child(odd) {
.article-table th {
width: 10%;
width: 5%;
text-align: left;
text-align: left;
word-break: keep-all;
word-break: keep-all;
}
.article-table td:nth-child(2):not(:last-child),
.article-table td:nth-child(4) {
width: 45%;
vertical-align: top;
}
}



2025年9月11日 (四) 03:43的版本

/* 这里放置的CSS将应用于所有皮肤 */
#scrollDiv li {
  list-style: none;
}
/*模糊样式*/
.fuzzy {
  filter: blur(3px);
  text-shadow: 0px 0px 5px white;
  transition: all 0.1s ease-in-out;
}

.fuzzy:hover {
  filter: none;
  text-shadow: none;
}
/*右侧目录*/
#right-navigation {
    margin-top: 157px!important;
}
#left-navigation {
    margin-top: 157px!important;
}
body #mw-head-base {
    display:none;
}
body #mw-page-base {
    display:none;
}
body .mw-body {
    margin-top: 199px;
}
.rtshow #rtocbt {
    display: none;
}
.rthide #rtocbt {
    display: inline-block;
}
.rtshow #rtoculw {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    scrollbar-color: darkgray transparent;
}
#rightToc {
    position: fixed;
    top:20vh;
    right: 0px;
    z-index:999;
}
#rtocbt {
    display: inline-block;
    vertical-align: middle;
    background: #FF74B9;
    color:#FFF;
    opacity: 0.5;
    width: 20px;
    text-align: center;
    padding: 15px 3px;
}
#rtocul {
    margin-left: 5px;
    padding-right: 5px;
    list-style: none;
    max-height: 45vh;
    overflow-y: auto;
}
#rtocul a {
    color: #FF74B9;
}
#rtoculw {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    background-color: rgba(255, 237, 230, 0.6);
    border: 1px solid #a2a9b1;
}
/* 回到顶部 */
.backToTop {
  opacity: 1;
  filter: alpha(opacity=100);
  position: fixed;
  _position: absolute;
  z-index: 9999;
  bottom: 60px;
  right: 20px;
  display: none;
  height: 50px;
  width: 50px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' transform-origin='40% 15%' transform='rotate(-90) scale(2)'%3E%3Cpath d='M11 0c6.08 0 11 4.92 11 11s-4.92 11-11 11S0 17.08 0 11 4.92 0 11 0z' fill='%23ff74b9' fill-rule='evenodd'/%3E%3Cpath data-path='true' d='M10.72 6.29H7.91L13.28 11l-5.37 4.71h2.81L16.09 11l-5.37-4.71z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;
  background-size: contain;
  cursor: pointer;
  border-radius: 50%;
}

/* 隐藏编辑页面中的返回顶部按钮 */
.action-edit .backToTop,
.action-submit .backToTop {
  display: none !important;
}

/* 水平列表 */
.hlist ul {
	display: inline;
	margin: 0;
	padding: 0;
}

.hlist li {
	display: inline;
}

.hlist li:not(:last-child) {
	padding-right: 0.286em;
}

.hlist li:not(:last-child)::after {
	content: "";
	display: inline-block;
	position: relative;
	left: 0.286em;
	bottom: 0.214em;
	background-color: #000;
	height: 3px;
	width: 3px;
}

.hlist li > ul li:first-child::before {
	content: "(";
}

.hlist li > ul li:last-child::after {
	content: ")";
}

.hlist li li li {
	font-size: x-small;
}
/* [[Template:SimpleNavbox]] */
.navbox {
	background: #fff;
	border: 1px solid hsl(0, 0%, 36%);
	margin: 1em auto 0;
	width: 100%;
}

.navbox table {
	background: #fff
}

.navbox table,
.navbox .table-wide {
	margin-left: -4px;
	margin-right: -2px;
}

.navbox table:first-child,
.navbox .table-wide:first-child {
	margin-top: -2px;
}

.navbox table:last-child,
.navbox .table-wide:last-child {
	margin-bottom: -2px;
}

.navbox .table-wide {
	clear: none;
}

.navbox .navbox-top {
	white-space: nowrap;
	background-color: #ccc;
	padding: 0 3px;
	text-align: center;
}

.navbox .navbox-middle {
	white-space: nowrap;
	background-color: #ddd;
	padding: 0 3px;
	text-align: center;
}

.navbox .navbox-thru {
	white-space: nowrap;
	background-color: #eee;
	padding: 0 3px;
	text-align: center;
}

.navbox-navbar,
.navbox-navbar-mini {
	float: left;
	font-size: 80%;
	position: absolute;
}

.navbox-title {
	padding: 0 10px;
	font-size: 110%;
}

.navbox th {
	background-color: #eee;
	padding: 0 10px;
	white-space: nowrap;
	text-align: right;
}

.navbox td {
	width: 100%;
	padding: 0 0 0 2px;
}

.navbox .table-wide::before {
	width: 0;
	height: 0;
	box-shadow: none;
}

.navbox .table-wide-inner,
.navbox .table-wide table {
	margin: 0;
}
/* [[Template:Msg]] */
.wm-msg {
	background: #eee;
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 0.5em;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    max-width: 40em;
    margin: 12px 0;
}
.wm-msg-bar {
	width: 100%;
    padding: 0.5em;
}
.wm-msg-side {
	color: #eee;
    padding: 0.5em 0;
    font-size: 1.5em;
    display: flex;
    width: 2.5em;
    justify-content: center;
}
.wm-msg-main {
	margin: 0.75em 0.25em;
    position: relative;
    display: block;
    width: calc(100% - 5em);
    align-self: baseline;
}
.wm-msg-title {
	font-size: 1.25em;
    font-weight: bold;
    display: block;
    border-bottom: 0.175em solid;
}
.wm-msg-text {
	padding-top: 0.5em;
    display: block;
}
/* [[Template:Column]] */
.div-col {
	margin-top: 0.3em;
	column-width: 30em;
}

.div-col-small {
	font-size: 90%;
}

.div-col-rules {
	column-rule: 1px solid #aaa;
}

/* Reset top margin for lists in div col */
.div-col dl,
.div-col ol,
.div-col ul {
	margin-top: 0;
}

/* Avoid elements breaking between columns
   See also Template:No col break */
.div-col li,
.div-col dd {
	page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */
	break-inside: avoid-column;
}

/* Unbulleted lists */
	
.plainlist ol,
.plainlist ul {
	line-height: inherit;
	list-style: none;
	margin: 0;
}
	
.plainlist ol li,
.plainlist ul li {
	margin-bottom: 0;
}
/* 文章翻译表 */
.article-table {
	width: 100%;
	border-spacing: 20px 10px;
}

.article-table th {
	width: 5%;
	text-align: left;
	word-break: keep-all;
}

.article-table td:nth-child(2):not(:last-child),
.article-table td:nth-child(4) {
	width: 45%;
	vertical-align: top;
}

@media screen and (max-width: 719px) {
	.article-table th {
		display: block;
		padding-top: 1em;
		word-break: normal;
	}
	.article-table td {
		display: block;
	}
}

/*-------------------------< P R O T E C T I O N   I C O N >--------------------

the following line controls the page-protection icon in the upper right corner
it must remain within this comment
	{{sandbox other||}}

*/


/*-------------------------< O V E R R I D E S >--------------------------------

cs1|2 references are wrapped in <cite>...</cite> tags.  Some wikis have not
chosen to override the generic user agent italic styling as en.wiki has.  This
(untested) styling should override the user agent default when cs1|2 templates
are rendered.

Similarly, some languages use different quotation punctuation so that setting
is also made available here.
*/
cite.citation {
	font-style: inherit; /* Remove italics for <cite> */
	/* Break long urls, etc., rather than overflowing box */
	word-wrap: break-word;
}

.citation q {
	/* Straight quote marks for <q>; keep same as [[MediaWiki:Common.css]] */
	quotes: '"' '"' "'" "'";
}

/* Highlight linked elements (such as clicked references) in blue */
.citation:target {
	/* ignore the linter - all browsers of interest implement this */
	background-color: rgba(0, 127, 255, 0.133);
}

/* ID and URL access
Both core and Common.css have selector .mw-parser-output a[href$=".pdf"].external
for PDF pages. All TemplateStyles pages are hoisted to .mw-parser-output. We need
to have specificity equal to a[href$=".pdf"].external for locks to override PDF icon.
That's essentially 2 classes and 1 element.

the .id-lock-... selectors are for use by non-citation templates like
{{Catalog lookup link}}

bg-size `contain` in Minerva and Timeless is too large, so we set a size for them
and then exclude them later
*/
.id-lock-free.id-lock-free a {
	background: url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
		right 0.1em center/9px no-repeat;
}

.id-lock-limited.id-lock-limited a,
.id-lock-registration.id-lock-registration a {
	background: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)
		right 0.1em center/9px no-repeat;
}

.id-lock-subscription.id-lock-subscription a {
	background: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
		right 0.1em center/9px no-repeat;
}

/* Wikisource
Wikisource icon when |chapter= or |title= is wikilinked to Wikisource
as in cite wikisource
*/
.cs1-ws-icon a {
	background: url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)
		right 0.1em center/12px no-repeat;
}

body:not(.skin-timeless):not(.skin-minerva) .id-lock-free a,
body:not(.skin-timeless):not(.skin-minerva) .id-lock-limited a,
body:not(.skin-timeless):not(.skin-minerva) .id-lock-registration a,
body:not(.skin-timeless):not(.skin-minerva) .id-lock-subscription a,
body:not(.skin-timeless):not(.skin-minerva) .cs1-ws-icon a {
	background-size: contain;
	/* Common.css has a padding set for PDF URLs. bg-contain expands to the
	 * size of the padding which makes the icons very large. we "reset" the
	 * padding here. 1em picked out of a hat based on console having a similar
	 * rule from elsewhere
	 */
	padding: 0 1em 0 0;
}

/* Errors and maintenance */
.cs1-code {
	/* <code>...</code> style override: mediawiki's css definition is specified here:
	https://git.wikimedia.org/blob/mediawiki%2Fcore.git/
		69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199
	*/
	color: inherit;
	background: inherit;
	border: none;
	padding: inherit;
}

.cs1-hidden-error {
	display: none;
	color: var(--color-error, #d33);
}

.cs1-visible-error {
	color: var(--color-error, #d33);
}

.cs1-maint {
	display: none;
	color: #085;
	margin-left: 0.3em;
}

/* kerning */
.cs1-kern-left {
	padding-left: 0.2em;
}

.cs1-kern-right {
	padding-right: 0.2em;
}

/* selflinks – avoid bold font style when cs1|2 template links to the current page */
.citation .mw-selflink {
	font-weight: inherit;
}

@media screen {
	/* Small text size
	Set small text size in one place. 0.95 (here) * 0.9 (from references list) is
	~0.85, which is the lower bound for size for accessibility. Old styling for this
	was just 0.85. We could write the rule so that when this template is inside
	references/reflist, only then does it multiply by 0.95; else multiply by 0.85 */
	.cs1-format {
		font-size: 95%;
	}
	
	html.skin-theme-clientpref-night .cs1-maint {
		color: #18911f;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .cs1-maint {
		color: #18911f;
	}
}