diff options
| author | sD <stoned@derpymail.org> | 2020-02-11 18:05:10 +0100 |
|---|---|---|
| committer | sD <stoned@derpymail.org> | 2020-02-11 18:05:10 +0100 |
| commit | 2bab2d9acd91218537283bf7ccfc5e933b6cd13e (patch) | |
| tree | 04bcce93f0af008045179f3e0aa36a2afb7c375c /webAO | |
| parent | 222c2bc1188aae4fa23d0ff8da738198fc862a9c (diff) | |
give buttons the shape they have
Diffstat (limited to 'webAO')
| -rw-r--r-- | webAO/client.css | 12 | ||||
| -rw-r--r-- | webAO/client.html | 8 |
2 files changed, 9 insertions, 11 deletions
diff --git a/webAO/client.css b/webAO/client.css index d649ba1..1deea9b 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -473,18 +473,16 @@ img { } .client_button { + min-width: 6em; margin: 1px; - padding: 2px 15px; + padding: 6px 2px; + clip-path: polygon(75% 0, 100% 50%, 100% 100%, 0 100%, 0 50%, 25% 0); 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; + text-shadow: 0 0 4px #000; + border: 1px solid #000; } .client_button.hover_button.inactive { diff --git a/webAO/client.html b/webAO/client.html index 3d725f2..1eeec51 100644 --- a/webAO/client.html +++ b/webAO/client.html @@ -70,9 +70,9 @@ <input type="checkbox" id="sendsfx" name="sendsfx" value="sendsfx"> <br> <br> - <button id="button_flip" alt="Flip" class="client_button" onclick="toggleFlip()"><b>Flip</b></button> - <button id="button_effect_1" alt="Flash" class="client_button" onclick="toggleEffect(1)"><b>Flash</b></button> - <button id="button_effect_2" alt="Shake" class="client_button" onclick="toggleEffect(2)"><b>Shake</b></button> + <button id="button_flip" alt="Flip" class="client_button" onclick="toggleFlip()">Flip</button> + <button id="button_effect_1" alt="Flash" class="client_button" onclick="toggleEffect(1)">Flash</button> + <button id="button_effect_2" alt="Shake" class="client_button" onclick="toggleEffect(2)">Shake</button> </div> <fieldset style="margin:10px;"> <legend>Actions</legend> @@ -216,7 +216,7 @@ <div id="evidences"></div> <br> <button id="button_present" alt="Present" class="client_button" - onclick="togglePresent()"><i>Present</i></button> + onclick="togglePresent()" style="letter-spacing: 3px; width: 8em;"><i>Present</i></button> </span> <!-- Settings section --> |