Template:Tag: Difference between revisions

Revision as of 07:20, January 2, 2013

{{Tag|tag|width|bgcolor|border color|left bgcolor|text|text color}}
{{Tag|tag|width|text|enable}}
tag = doc, content, step
text = Text in right portion
enable = blank for enable, - for disable

{{#css: .tag { margin: 0; padding: 0; height: 18px; border: 1px solid #2B2B2B; } .tag.disable { opacity: 0.5; } .tagicon { float: left; width: 20px; height: 18px; text-align: center; border-right: 1px solid #2B2B2B; } .tagtext { float: left; padding: 0 2px; } .tag span { font-weight: bold; } }}

@@ Line 1: / Line 1: @@
 {{#if: {{{1|}}} | {{#switch: {{{1|}}}
-|doc={{#vardefine:docimage|Doctag.png}}{{#vardefine:docbg|#78787E}}{{#vardefine:docborder|#2B2B2B}}{{#vardefine:dociconbg|#9D9DA8}}{{#vardefine:doctext|#C2C8Cd}}
+|doc={{#vardefine:icon|Doctag.png}}{{#vardefine:bg|#78787E}}{{#vardefine:iconbg|#9D9DA8}}{{#vardefine:textcolor|#C9C9D3}}
-|content=Contenttag.png
+|content={{#vardefine:icon|Contenttag.png}}{{#vardefine:tbg|#6E7174}}{{#vardefine:contenticonbg|#90969B}}{{#vardefine:textcolor|#C2C8CD}}
-|step=Steptag.png
+|step={{#vardefine:icon|Steptag.png}}{{#vardefine:bg|#737A77}}{{#vardefine:iconbg|#97A39E}}{{#vardefine:textcolor|#C5D1CC}}
 }}
-{{Fc|{{#var:docbg}}|BACKGROUND}} {{Fc|{{#var:docborder}}|BORDER}} {{Fc|{{#var:dociconbg}}|ICON BACKGROUND}} {{Fc|{{#var:doctext}}|TEXT}}
+<div title="{{{3}}}"  {{#ifeq:{{{4|}}}|-|class="tag disable"|class="tag"}}class="tag" style="background-color:{{#var:bg}}; width:{{{2}}}px;">
+<div class="tagicon" style="background-color:{{#var:iconbg}};">[[File:{{#var:icon}}|frameless|link=]]</div>
+<div class="tagtext"><span style="color:{{#var:textcolor}};">{{{3}}}</span></div>
+</div>
 }}<noinclude>
-<div title="This is the tooltip" style="background-color:{{{3}}};border:1px solid {{{4}}};height:18px;width:{{{2}}}px;margin:0;padding:0;{{#ifeq: {{{8|}}} | - | opacity:0.5;}}">
-<div style="float:left;width:20px;height:18px;border-right:1px solid {{{4}}};text-align:center;background-color:{{{5}}};margin:0;padding:0;">
-[[File:Doctag.png|frameless|link=]]</div><div style="float:left;margin:0;padding:0 2px;">
-<span style="color:{{{7}}};font-weight:bold;">{{{6}}}</span>
-</div>
-</div>
 <pre>
 {{Tag|tag|width|bgcolor|border color|left bgcolor|text|text color}}
-{{Tag|tag|text|enable}}
+{{Tag|tag|width|text|enable}}
 tag = doc, content, step
 text = Text in right portion
@@ Line 26: / Line 23: @@
 	padding: 0;
 	height: 18px;
+	border: 1px solid #2B2B2B;
 }
 .tag.disable {
 	opacity: 0.5;
 }
-.icon {
+.tagicon {
 	float: left;
 	width: 20px;
 	height: 18px;
 	text-align: center;
+	border-right: 1px solid #2B2B2B;
+}
+.tagtext {
+	float: left;
+	padding: 0 2px;
 }
 .tag span {