add a trapzoid-y looking button

1 files changed, 23 insertions, 0 deletions

diff --git a/webAO/client.css b/webAO/client.css
index 84af5d5..fdf9ceb 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -459,6 +459,29 @@ img {
 	box-shadow: 1px inset;
 }
 
+.trapezoid_button {
+	color: white;
+	text-align: center;
+	background: #7b2900;
+	display: inline-block;
+	height: 30px;
+	margin-left: 20px;
+	margin-top: 55px;
+	position: relative;
+	width: 100px;
+  }
+  .trapezoid_button:before {
+	border-bottom: 15px solid #7b2900;
+	border-left: 50px solid transparent;
+	border-right: 50px solid transparent;
+	content: "";
+	height: 0;
+	left: 0;
+	position: absolute;
+	top: -15px;
+	width: 0;
+  }
+
 .client_button.hover_button.inactive {
 	display: none;
 }