Difference between revisions of "Template:B"

Revision as of 19:25, 2 June 2018

Template documentation[view] [edit] [history] [purge]

Makes SNES buttons pretty.

Multiple buttons can be displayed by a single template call, with several delimiters being recognized as special text.

@@ Line 81: / Line 81: @@
 .snes-button-dpad-mid {
 	display: block;
-	position: relative;
+	position: absolute;
 	width: 14px;
 	height: 14px;
@@ Line 88: / Line 88: @@
 	z-index: 9000;
 	left: 14px;
-	bottom: 42px;
+	bottom: 14px;
 }
 .snes-button-dpad-vert,
 .snes-button-dpad-horz {
-	position: relative;
+	position: absolute;
 	display: block;
 	background: #595E62;
@@ Line 99: / Line 99: @@
 	border-style: solid;
 	border-width: 0;
-	border-color: #FF8080;
+	border-color: #595E62;
+	width: 14px;
+	height: 14px;
 }
 .snes-button-dpad-vert {
 	left: 14px;
-	width: 14px;
+	border-width: 14px 0;
-	height: 42px;
+}
-	min-height: 14px;
-	max-height: 42px;
+.snes-button-dpad-horz {
+	top: 14px;
+	border-width: 0 14px;
 }
 .snes-button-dpad-up .snes-button-dpad-vert {
-	height: 28px;
+	border-top-color: #FF8080;
-	border-top-width: 14px;
 }
 .snes-button-dpad-down .snes-button-dpad-vert {
-	height: 28px;
+	border-bottom-color: #FF8080;
-	border-bottom-width: 14px;
-}
-.snes-button-dpad-up.snes-button-dpad-down .snes-button-dpad-vert {
-	height: 14px;
-	border-top-width: 14px;
-}
-.snes-button-dpad-horz {
-	bottom: 28px;
-	height: 14px;
-	min-width: 14px;
-	max-width: 42px;
 }
 .snes-button-dpad-left .snes-button-dpad-horz {
-	border-left-width: 14px;
+	border-left-color: #FF8080;
 }
 .snes-button-dpad-right .snes-button-dpad-horz {
-	border-right-width: 14px;
+	border-right-color: #FF8080;
 }