diff options
| -rw-r--r-- | webAO/client.css | 25 | ||||
| -rw-r--r-- | webAO/client.html | 16 |
2 files changed, 30 insertions, 11 deletions
diff --git a/webAO/client.css b/webAO/client.css index aecadec..3826866 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -452,6 +452,26 @@ img { transition-property: width; } +.judge_button { + display: inline-block; + min-width: 85px; + min-height: 42px; + margin: 5px 1px; + padding: 2px; + cursor: pointer; + text-align: center; + font-weight: bold; + font-family: sans-serif; + text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; + background-color: #c1c1c1; + border-radius: 5px; + border-style: solid; + border-width: 1px; + border-color: #919191; + box-shadow: 1px 1px white inset; + vertical-align: middle; +} + .client_button { margin: 1px; padding: 2px 15px; @@ -463,8 +483,8 @@ img { border-radius: 3px; border-style: solid; border-width: 1px; - border-color: #fffbf1; - box-shadow: 1px inset; + border-color: #fff; + box-shadow: 1px 1px inset; } .client_button.hover_button.inactive { @@ -527,7 +547,6 @@ img { .menu_icon { cursor: pointer; - font-size: 2em; line-height: 15px; display: inline-table; margin: 10px 15px; diff --git a/webAO/client.html b/webAO/client.html index 99e658b..63f787d 100644 --- a/webAO/client.html +++ b/webAO/client.html @@ -79,30 +79,30 @@ <legend>Actions</legend> <!-- Judge Commands --> <span id="judge_action" style="display:none"> - <img id="menu_wt" onclick="initWT()" class="menu_icon" src="http://s3.wasabisys.com/webao/base/themes/default/witnesstestimony.png"> + <span id="menu_wt" onclick="initWT()" class="judge_button" style="color: blue"><i>Witness<br>Testimony</i></span> - <img id="menu_ce" onclick="initCE()" class="menu_icon" src="http://s3.wasabisys.com/webao/base/themes/default/crossexamination.png"> + <span id="menu_ce" onclick="initCE()" class="judge_button" style="color: red"><i>Cross<br>Examination</i></span> - <img id="menu_nguilty" onclick="notguilty()" class="menu_icon" src="http://s3.wasabisys.com/webao/base/themes/default/notguilty.png"> + <span id="menu_nguilty" onclick="notguilty()" class="judge_button" style="color: white; font-family: serif; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; font-size: 1.5em; line-height: 0.75;">Not<br>Guilty</span> - <img id="menu_guilty" onclick="guilty()" class="menu_icon" src="http://s3.wasabisys.com/webao/base/themes/default/guilty.png"> + <span id="menu_guilty" onclick="guilty()" class="judge_button" style="color: black; font-family: serif; font-size: 1.5em;">Guilty</span> <br> <span style="display:inline-block; vertical-align: middle;"> - <span id="menu_rhpd" onclick="redHPD()" class="menu_icon"> + <span id="menu_rhpd" onclick="redHPD()" class="menu_icon" style="font-size: 2em"> ⊟ </span> <span style="font-size: 1.25em">Defense</span> - <span id="menu_ahpd" onclick="addHPD()" class="menu_icon"> + <span id="menu_ahpd" onclick="addHPD()" class="menu_icon" style="font-size: 2em"> ⊞ </span> </span> <span style="display:inline-block; vertical-align: middle;"> - <span id="menu_ahpp" onclick="addHPP()" class="menu_icon"> + <span id="menu_ahpp" onclick="addHPP()" class="menu_icon" style="font-size: 2em"> ⊞ </span> <span style="font-size: 1.25em">Prosecution</span> - <span id="menu_rhpp" onclick="redHPP()" class="menu_icon"> + <span id="menu_rhpp" onclick="redHPP()" class="menu_icon" style="font-size: 2em"> ⊟ </span> </span> |