Vorlage:ButtonAus/Test: Unterschied zwischen den Versionen

Version vom 12. März 2019, 16:16 Uhr

<span style="

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