MediaWiki:Gadget-prism-coy.css

来自萌娘共享
AnnAngela-dbot讨论 | 贡献2024年4月3日 (三) 10:15的版本 (代码变动:2d5d0ae3 - feat(Gadget/prism): 新的代码高亮工具 (#443) by U:AnnAngela, co-authored-by: GH:github-actions[bot],U:Bhsd
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索

注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件
/**
 * -------------------------------------------------------------------------
 * !!! DON'T MODIFY THIS PAGE MANUALLY, YOUR CHANGES WILL BE OVERWRITTEN !!!
 * -------------------------------------------------------------------------
 */
._addText { content: '{{GHIACode|page=GHIA:MoegirlPediaInterfaceCodes/blob/master/src/gadgets/prism-core/MediaWiki:Gadget-prism-coy.css|user=[[U:AnnAngela]]|co-authors=GH:github-actions[bot]、[[U:Bhsd]]|longId=2d5d0ae30421796cfa323a02a78713c0ed261417|shortId=2d5d0ae3|summary=feat(Gadget/prism): 新的代码高亮工具 (#443)|body=<nowiki>Co-authored-by: github-actions[bot] <41898282+github-actions[bot]📧users.noreply.github.com>↩Co-authored-by: Bhsd <55071315+bhsd-harry📧users.noreply.github.com></nowiki>}}'; } 

/* <pre> */

code[class*="language-"],
pre[class*="language-"]{
	color:black;
	background:none;
	font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size:1em;
	text-align:left;
	white-space:pre;
	word-spacing:normal;
	word-break:normal;
	word-wrap:normal;
	line-height:1.5;

	-moz-tab-size:4;
	-o-tab-size:4;
	tab-size:4;

	-webkit-hyphens:none;
	hyphens:none;
}
pre[class*="language-"]{
	position:relative;
	margin:.5em 0;
	overflow:visible;
	padding:1px;
}

pre[class*="language-"] > code{
	position:relative;
	z-index:1;
	border-left:10px solid #358ccb;
	box-shadow:-1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
	background-color:#fdfdfd;
	background-image:linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
	background-size:3em 3em;
	background-origin:content-box;
	background-attachment:local;
}

code[class*="language-"]{
	max-height:inherit;
	height:inherit;
	padding:0 1em;
	display:block;
	overflow:auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"]{
	background-color:#fdfdfd;
	box-sizing:border-box;
	margin-bottom:1em;
}
:not(pre) > code[class*="language-"]{
	position:relative;
	padding:.2em;
	border-radius:0.3em;
	color:#c92c2c;
	border:1px solid rgba(0, 0, 0, 0.1);
	display:inline;
	white-space:normal;
}

pre[class*="language-"]:before,
pre[class*="language-"]:after{
	content:'';
	display:block;
	position:absolute;
	bottom:0.75em;
	left:0.18em;
	width:40%;
	height:20%;
	max-height:13em;
	box-shadow:0px 13px 8px #979797;
	transform:rotate(-2deg);
}

pre[class*="language-"]:after{
	right:0.75em;
	left:auto;
	transform:rotate(2deg);
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata{
	color:#7D8B99;
}

.token.punctuation{
	color:#5F6364;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.function-name,
.token.constant,
.token.symbol,
.token.deleted{
	color:#c92c2c;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.function,
.token.builtin,
.token.inserted{
	color:#2f9c0a;
}

.token.operator,
.token.entity,
.token.url,
.token.variable{
	color:#a67f59;
	background:rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.class-name{
	color:#1990b8;
}

.token.regex,
.token.important{
	color:#e90;
}

.language-css .token.string,
.style .token.string{
	color:#a67f59;
	background:rgba(255, 255, 255, 0.5);
}

.token.important{
	font-weight:normal;
}

.token.bold{
	font-weight:bold;
}
.token.italic{
	font-style:italic;
}

.token.entity{
	cursor:help;
}

.token.namespace{
	opacity:.7;
}

@media screen and (max-width: 767px){
	pre[class*="language-"]:before,
	pre[class*="language-"]:after{
		bottom:14px;
		box-shadow:none;
	}

}
pre[class*="language-"].line-numbers.line-numbers{
	padding-left:0;
}

pre[class*="language-"].line-numbers.line-numbers code{
	padding-left:3.8em;
}

pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows{
	left:0;
}
pre[class*="language-"][data-line]{
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
}
pre[data-line] code{
	position:relative;
	padding-left:4em;
}
pre .line-highlight{
	margin-top:0;
} 

/* </pre> */