个人工具

模板:Quarter

出自Meshal Lite

(修订版本间的差异)
跳转到: 导航, 搜索
 
(由1名用户作出的36个中途修订版本未被显示)
第1行: 第1行:
<includeonly>{{#vardefine: indent|{{{indent|0}}}||0|{{{indent|0}}}}}{{#vardefine: contentTextColor|{{#switch: {{{preset|}}}
+
<includeonly>{{#vardefine: iconSymbol|{{#switch:{{{2|{{{preset|}}}}}}
 +
|quest=quest
 +
|info=info
 +
|dialog=dialog
 +
|trade=trade
 +
|secret=secret
 +
|treasure=treasure
 +
|creature=creature
 +
|feature=feature
 +
|ability=ability
 +
|item=item
 +
|file=file
 +
|sys=sys
 +
|tpl=tpl
 +
|#default=sys}}}}{{#vardefine: contentTextColor|{{#switch: {{{2|{{{preset|}}}}}}
 
|quest=inherit
 
|quest=inherit
 
|info=inherit
 
|info=inherit
 +
|dialog=inherit
 
|trade=inherit
 
|trade=inherit
|secret=inherit
+
|secret=rgb(238, 238, 238)
 
|treasure=inherit
 
|treasure=inherit
|#default=inherit}}}}{{#vardefine: contentBgColor|{{#switch: {{{preset|}}}
+
|creature=inherit
|quest=rgb(242,242,242)
+
|feature=inherit
|info=rgb(254,249,227)
+
|ability=inherit
|trade=rgb(238, 237, 233)
+
|item=inherit
|secret=rgb(224,212,197)
+
|file=inherit
 +
|sys=inherit
 +
|tpl=inherit
 +
|#default=inherit}}}}{{#vardefine: contentBgColor|{{#switch: {{{2|{{{preset|}}}}}}
 +
|quest=rgb(240, 243, 246)
 +
|info=rgb(246, 241, 231)
 +
|dialog=rgb(246, 244, 228)
 +
|trade=rgb(246, 247, 254)
 +
|secret=rgb(81, 64, 71)
 
|treasure=rgb(227,231,244)
 
|treasure=rgb(227,231,244)
|#default=rgb(242,242,242)}}}}{{#vardefine: headerTextColor|{{#switch: {{{preset|}}}
+
|creature=rgba(216, 206, 193, .75)
|quest=rgb(255,255,255)
+
|feature=rgba(241, 209, 255, .75)
|info=rgb(255,255,255)
+
|ability=rgba(255, 227, 157, .75)
|trade=rgb(74, 59, 45)
+
|item=rgba(209, 220, 237, .75)
|secret=rgb(255,255,255)
+
|file=rgb(245, 245, 245)
|treasure=rgb(255,255,255)
+
|sys=rgb(245, 245, 245)
|#default=rgb(255,255,255)}}}}{{#vardefine: headerBgColor|{{#switch: {{{preset|}}}|
+
|tpl=rgb(245, 245, 245)
|quest=rgb(116,125,130)
+
|#default=rgb(242,242,242)}}}}{{#vardefine: borderColor|{{#switch: {{{2|{{{preset|}}}}}}
|info=rgb(140,127,104)
+
|quest=rgb(228, 236, 242)
|trade=rgb(203, 198, 188)
+
|info=rgb(233, 215, 210)
|secret=rgb(152,112,88)
+
|dialog=rgb(250, 229, 196)
 +
|trade=rgb(220, 222, 233)
 +
|secret=rgb(76, 61, 75)
 
|treasure=rgb(82,83,136)
 
|treasure=rgb(82,83,136)
|#default=rgb(116,125,130)}}}}<div class="quarter" style="background-color: {{{contentBgColor |{{#var: contentBgColor}}}}}; border-color: {{{headerBgColor |{{#var: headerBgColor}}}}}; width: calc(100% - 1em - {{#var:indent}}em); margin-left: calc(.5em + {{#var:indent}}em);"><div class="quarterTitle" style="background-color: {{{headerBgColor |{{#var: headerBgColor}}}}}; color: {{{headerTextColor|{{#var: headerTextColor}}}}}; {{{headerStyle|}}}">{{{1|{{{title|}}}}}}</div>
+
|creature=rgba(216, 206, 193, .75)
<div class="blockContent" style="color: {{{contentTextColor|{{#var:contentTextColor}}}}}; {{{contentStyle|}}}">
+
|file=rgb(222, 222, 222)
{{{2|{{{text|}}}}}}</div></div></includeonly><noinclude>[[category:模板]]
+
|sys=rgb(222, 222, 222)
<!--模板说明-->
+
|tpl=rgb(222, 222, 222)
 
+
|#default=rgb(116,125,130)}}}}<div class="quarter" style="background-color: {{{contentBgColor |{{#var: contentBgColor}}}}}; border-color: {{{borderColor |{{#var: borderColor}}}}};width: calc(100% - 2px - {{{indent|0}}}em); margin: 1px 1px 1em calc(1px + {{{indent|0}}}em);">
<!--模板额外信息-->
+
{|width=100%
{{block|信息|
+
|style="font-size:1.5em; padding: 8px; width: 40px;"|{{symbol|{{#ifeq:{{{symbol|}}}||{{#var:iconSymbol}}|{{{symbol|}}}}}}}
 
+
|class="quarterText" style="padding: .5em .5em .5em 0; color: {{{contentTextColor|{{#var:contentTextColor}}}}}; {{{contentStyle|}}}"|<span style="float:right; font-size:smaller;">{{{tip|}}}</span>{{{1|{{{text|}}}}}}
|preset=info}}
+
|}
 
+
</div></includeonly><noinclude>{{tpl_helpdoc}}</noinclude>
<!--模板参数-->
+
{{block|参数|
+
参数说明
+
}}
+
 
+
<!--模板使用代码参考-->
+
<source lang="text">
+
代码
+
</source>
+
</noinclude>
+

在2019年11月25日 (一) 16:03的最新修订版本

编辑简介内容 加入一段含有图标样式的文本块,它会以卡片的形式呈现。

编辑帮助内容

使用
{{quarter|
  |[1] text=
  |[2] preset= <rule | info | legend | datalist | feature | ability | item | code | ...> //枚举值的写法
  |tip=
  |contentTextColor=
  |contentBgColor=
  |borderColor=
  |contentStyle=
  |symbol=
  |indent=0
}}
1 text

这段文字的具体内容

2 preset

这段文字的预设配色,决定了这个段落的配色和图标(会被contentBgColorborderColorcontentTextColor覆盖)

tip

位于文本快右上角的提示文字,留空则不显示。

contentTextColor

正文区的文本颜色。

  • 默认为inherit
contentBgColor

正文区的背景色。

  • 默认为rgb(242,242,242)
borderColor

文本块的边框颜色。

  • 默认为rgb(116,125,130)
contentStyle

正文区追加的css样式,可自定义

symbol

自定义使用的符号,可参考symbol模板。

indent

这个区块的缩进尺寸,单位是em。填写1即等于缩进1em。

  • 默认为0