Vorlage:ButtonAus/Test: Unterschied zwischen den Versionen

@@ Zeile 1: / Zeile 1: @@
 <span style="
+		<!-- äußerer (unsichtbarer) Rahmen -->
 		background: white;
 		border: 0px solid rgba(0, 0, 0, 0.125);
@@ Zeile 18: / Zeile 19: @@
 		padding-left: 17px;
 		vertical-align: 15px;"
-	>{{#if: ||{{{1|}}} }}</span><span style="
+	>{{#if: ||{{{1|}}} }}</span>
+<span style="
+		<!-- graue Schiebeleiste -->
 		background-image: {{Farbe|grau}}
 		border: 1px solid #999999;
@@ Zeile 36: / Zeile 39: @@
 		xbox-shadow: 0 0 6px -2px black;
 		clear: both"
-	">&#8195;&#8197;</span><span style="
+	">&#8195;&#8197;</span>
-		background-image: linear-gradient(#c7c7c7,#e8e8e8);
+<span style="
-		border: 1px solid #999999;
+		<!-- Button -->
+		background-image: #ededed 0%,#c4c4c4 100%);
+		border: 1px solid red;
 		border-radius:9999px;
 		display: block;
@@ Zeile 44: / Zeile 49: @@
 		top: 0px;
 		bottom: 0px;
-		background: #fff;
 		position: absolute;
-		-webkit-transition: 0.3s;
-		transition: 0.3s;
 		border-radius: 11px;
 		width: 15px;
 		height: 15px;
-		-webkit-box-shadow: 0 0 6px -1px black;
+		box-shadow: 0 0 6px -2px black;
-		box-shadow: 0 0 6px -1px black;
+		clear: both"
+	"></span>
+----
+<span style="
+		<!-- Button -->
+		background-image: #ededed 0%,#c4c4c4 100%);
+		border: 1px solid rgba(0, 0, 0, 0.6);
+		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"
-	">&#8195;&#8197;</span>
+	"></span>

Version vom 12. März 2019, 14:51 Uhr