seperate objection and normal buttons

5 files changed, 55 insertions, 5 deletions

diff --git a/webAO/client.html b/webAO/client.html
index 5197bed..dd036a6 100644
--- a/webAO/client.html
+++ b/webAO/client.html
@@ -121,12 +121,12 @@
 			<br>
 			<div id="character_options">
 				<div id="emote_options">
-				<button id="button_1" alt="Hold it!" class="client_button" onclick="toggleShout(1)">Hold it!</button>
-				<button id="button_2" alt="OBJECTION!" class="client_button"
-					onclick="toggleShout(2)">OBJECTION!</button>
-				<button id="button_3" alt="Take That!" class="client_button" onclick="toggleShout(3)">Take
+				<button id="button_1" alt="Hold it!" class="objection_button" onclick="toggleShout(1)">Hold it!</button>
+				<button id="button_2" alt="Objection!" class="objection_button"
+					onclick="toggleShout(2)">Objection!</button>
+				<button id="button_3" alt="Take That!" class="objection_button" onclick="toggleShout(3)">Take
 					That!</button>
-				<button id="button_4" alt="Custom" class="client_button" onclick="toggleShout(4)" style="display: none">
+				<button id="button_4" alt="Custom" class="objection_button" onclick="toggleShout(4)" style="display: none">
 					Custom</button>
 				<br>
 				<br>
diff --git a/webAO/styles/cyber.css b/webAO/styles/cyber.css
index 5856cbc..036938d 100644
--- a/webAO/styles/cyber.css
+++ b/webAO/styles/cyber.css
@@ -93,6 +93,17 @@ img {
 	border: green solid 1px;
 }
 
+.objection_button {
+	min-width: 6em;
+	margin: 1px;
+	padding: 6px 2px;
+	cursor: pointer;
+	text-align: center;
+	color: black;
+	background-color: green;
+	border: greenyellow solid 1px;
+}
+
 #client_log {
 	color: white;
 	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat;
diff --git a/webAO/styles/default.css b/webAO/styles/default.css
index 0d6fd21..5e941e0 100644
--- a/webAO/styles/default.css
+++ b/webAO/styles/default.css
@@ -22,6 +22,21 @@ img {
 	box-shadow: 1px 1px inset;
 }
 
+.objection_button {
+	margin: 1px;
+	padding: 7px 15px;
+	cursor: pointer;
+	text-align: center;
+	font-weight: bold;
+	color: white;
+	background-color: #7b2900;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	border-color: #fff;
+	box-shadow: 1px 1px inset;
+}
+
 .evi_icon {
 	width: 70px;
 	min-width: 70px;
diff --git a/webAO/styles/soj.css b/webAO/styles/soj.css
index 2366c5f..ffc3b42 100644
--- a/webAO/styles/soj.css
+++ b/webAO/styles/soj.css
@@ -36,6 +36,19 @@ body {
 	outline-offset: -1px;
 }
 
+.objection_button {
+	margin: 1px;
+	padding: 2px 15px;
+	cursor: pointer;
+	text-align: center;
+	font-weight: bold;
+	color: #fff;
+	background: linear-gradient(to bottom, #6b3c10, #422008);
+	border: 1px solid #211408;
+	outline: 1px solid #846129;
+	outline-offset: -1px;
+}
+
 #client_log {
 	position: relative;
 	height: 100%;
diff --git a/webAO/styles/trilogy.css b/webAO/styles/trilogy.css
index 82cabc9..9848bb7 100644
--- a/webAO/styles/trilogy.css
+++ b/webAO/styles/trilogy.css
@@ -13,6 +13,17 @@ body {
 	border: 2px solid white;
 }
 
+.objection_button {
+	margin: 1px;
+	padding: 2px 15px;
+	cursor: pointer;
+	text-align: center;
+	font-weight: bold;
+	color: white;
+	background-color: #2781b2;
+	border: 2px solid white;
+}
+
 .client_button:hover {
     outline:  1px solid #ffc31d;
     outline-offset: 7px;