Vorlage:ButtonAus: Unterschied zwischen den Versionen

Version vom 12. März 2019, 15:19 Uhr

Syntax: {{ ButtonAus | Optional Parameter1: Text in Schaltfläche | optional Parameter2: Anwendung }}

Erstellt einen Aus-Button.
Darstellung variiert je nach Anwendung. Die Anwendung wird über die URL identifizert oder kann optional angegeben werden.

Optionaler Parameter	Wert	Darstellung
\| 1	Aus	Fließtext
\|1	ban	Fließtext
\| 2 oder \| Anw=	UTM Default	Fließtext
	AV RSP MS USR SUB ICS	Fließtext
	MSI	Fließtext
	MSA	<span style=" Fließtext
	MST	Fließtext
\| 2 oder \| Anw=	UTM Default	Fließtext

Diese Dokumentation befindet sich auf einer eingebundenen Unterseite [ Bearbeiten].
Syntax-Beispiel befindet sich auf der Syntaxseite [Bearbeiten].
Anwendungsbeispiele und Funktionalitätsprüfungen befinden sich auf der Testseite [Bearbeiten].
Liste der Unterseiten.

@@ Zeile 45: / Zeile 45: @@
 	">&#8195;&#8197;</span></span>
 	| MSA=<span style="
-		background: #fafafa;
+		<!-- äußerer (unsichtbarer) Rahmen -->
-		border: 1px solid rgba(0, 0, 0, 0.125);
+		background: white;
+		border: 0px solid rgba(0, 0, 0, 0.125);
 		overflow: hidden;
 		display: inline-block;
-		width: 32px;
+		width: 23px;
 		height: 16px;
 		position: relative;
@@ Zeile 59: / Zeile 60: @@
 		color: rgba(0, 0, 0, 0.6);
 		clear: both"
-		"><span style="
+	">
-		font-size: 50%;
+	<span style="
-		padding-left: 17px;
+			font-size: 50%;
-		vertical-align: 15px;"
+			padding-left: 17px;
-	>{{#if: ||{{{1|}}} }}</span><span style="
+			vertical-align: 15px;"
-		background-image: linear-gradient(#c7c7c7,#e8e8e8);
+		>{{#if: ||{{{1|}}} }}
-		border: 0px solid #999999;
+	</span>
-		border-radius:9999px;
+	<span style="
-		display: block;
+			<!-- graue Schiebeleiste -->
-		left: 0px;
+			background-image: {{Farbe|grau}}
-		top: 0px;
+			border: 1px solid #999999;
-		bottom: 0px;
+			border-radius:9999px;
-		background: #fff;
+			display: block;
-		position: absolute;
+			left: 0px;
-		-webkit-transition: 0.3s;
+			top: 3px;
-		transition: 0.3s;
+			bottom: 0px;
-		border-radius: 11px;
+			background: {{Farbe|grau}}
-		width: 14px;
+			position: absolute;
-		height: 14px;
+			-webkit-transition: 0.3s;
-		-webkit-box-shadow: 0 0 6px -2px black;
+			transition: 0.3s;
-		box-shadow: 0 0 6px -2px black;
+			border-radius: 19px;
-		clear: both"
+			width: 23px;
-	">&#8195;&#8197;</span></span>
+			height: 9px;
-	| #default=<span style="
+			x-webkit-box-shadow: 0 0 6px -2px black;
+			xbox-shadow: 0 0 6px -2px black;
+			clear: both"
+		">&#8195;&#8197;
+	</span>
+	<span style="
+			<!-- Button -->
+			<span style="
 		background-image: linear-gradient(#ebebeb, #c7c7c7);
-		border: 1px solid #999999;
+			border: 1px solid #999999;
-		border-radius:9999px;
+			border-radius:9999px;
-		overflow: hidden;
+			overflow: hidden;
-		display: inline-block;
+			display: inline-block;
-		width: 40px;
+			width: 15px;
-		height: 17px;
+			height: 15px;
-		position: relative;
+			position: absolute;
-		top: 5px;
+			top: 0px;
-		margin-right: 0px;
+			margin-right: 0px;
-		cursor: pointer;
+			cursor: pointer;
-		color: grey;
+			color: grey;
-		clear: both"
+			clear: both"
-		"><span style="
+			">
-		font-size: 75%;
+			<span style="
-		padding-left: 17px;
+				font-size: 75%;
-		vertical-align: 15px;"
+				padding-left: 17px;
-	>{{#if: ||{{{1|}}} }}</span><span style="
+				vertical-align: 15px;"
-		background-image: #ededed 0%,#c4c4c4 100%);
+				>
-		border: 0px solid rgba(0, 0, 0, 0.6);
+			</span>
-		border-radius:9999px;
+		</span>
-		display: block;
+</span>
-		left: 0px;
-		top: 0px;
-		bottom: 0px;
-		position: absolute;
-		border-radius: 11px;
-		width: 15px;
-		height: 15px;
-		box-shadow: 0 0 6px -2px black;
-		clear: both"
-	"></span></span>
 }}<noinclude>
 {{Dokumentation}}
 </noinclude>