“模板:Bulleted list/doc”与“模板:Hatnote/styles.css”:页面之间的差异

来自NebulaeWiki
< 模板:Bulleted list(页面间差异)
(已保护“模板:Bulleted list/doc”([编辑=仅允许管理员](无限期)[移动=仅允许管理员](无限期)))
 
(已保护“模板:Hatnote/styles.css”([编辑=仅允许管理员](无限期)[移动=仅允许管理员](无限期)))
 
第1行: 第1行:
{{Documentation}}
.hatnote {
{{Template shortcut|blist|bulleted|ulist|unordered list}}
display: flex;
{{Wikipedia template}}
align-items: center;
padding: 10px 15px;
margin-top: 0.6rem;
margin-bottom: 0.8rem;
background: var( --color-surface-2 );
border-radius: var( --border-radius--medium );
color: var( --color-base--subtle );
font-size: 0.875rem;
line-height: 1.4;
}


{{t|Bulleted list}} may be used to generate a [[Wikipedia:bulleted list|bulleted list]] in similar vein to [[Wikipedia:HTML|HTML]]'s [[Wikipedia:HTML element|{{tag|ul}} list]]. A typical application is within captions, where the equivalent [[Wikipedia:Help:Wikitext|wiki markup]] (asterisks at the starts of new lines) may be awkward or impossible to use. See [[Wikipedia:Template:Bulleted list|Template:Bulleted list]] on Wikipedia for more details.
.hatnote-icon img {
width: 14px;
height: auto;
margin-right: 10px;
opacity: var( --opacity-icon-base );
}


== Usage ==
/* Dark theme */
:<code><nowiki>{{bulleted list |item1 |item2 |...}}</nowiki></code>
html.skin-citizen-dark .hatnote-icon img {
 
filter: invert( 1 );
== Parameters ==
}
* Positional parameters (<code>1</code>, <code>2</code>, <code>3</code>...) – these are the list items. If no list items are present, the module will output nothing.
* <code>class</code> – a custom class for the {{tag|div}} tags surrounding the list, e.g. <code>plainlinks</code>.
* <code>style</code> – a custom css style for the {{tag|div}} tags surrounding the list, e.g. <code>font-size: 90%;</code>.
* <code>list_style</code> – a custom css style for the list itself. The format is the same as for the {{para|style}} parameter.
* <code>item_style</code> – a custom css style for all of the list items (the {{tag|li}} tags). The format is the same as for the {{para|style}} parameter.
* <code>item1_style</code>, <code>item2_style</code>, <code>item3_style</code>... – custom css styles for each of the list items. The format is the same as for the {{para|style}} parameter.
 
== Example ==
[[File:Carrack Front Top Space.png|thumb|100px|{{bulleted list |one |two |three}}]]
<pre style="overflow:auto;">
[[File:Carrack Front Top Space.png|thumb|100px|{{bulleted list |one |two |three}}]]
</pre>
<includeonly>
<!-- Categories go here, and interwikis go in Wikidata -->
[[Category:Formatting and function templates]]
</includeonly>

2023年9月23日 (六) 22:28的最新版本

.hatnote {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	margin-top: 0.6rem;
	margin-bottom: 0.8rem;
	background: var( --color-surface-2 );
	border-radius: var( --border-radius--medium );
	color: var( --color-base--subtle );
	font-size: 0.875rem;
	line-height: 1.4;
}

.hatnote-icon img {
	width: 14px;
	height: auto;
	margin-right: 10px;
	opacity: var( --opacity-icon-base );
}

/* Dark theme */
html.skin-citizen-dark .hatnote-icon img {
	filter: invert( 1 );
}