diff --git a/satiate.css b/satiate.css index 97fec2d..9c3a4d5 100644 --- a/satiate.css +++ b/satiate.css @@ -307,11 +307,27 @@ a:hover { flex: 0 0 50px; width: 250px; background-color: #888; + border-color: #ddd; color: #eee; margin: 5px; font-size: 16pt; + border: 5px; + border-style: outset; } +.action-button:active { + background-color: #666; + border-color: #999; +} + +.action-button.disabled { + border-style: inset; + border-color: #222; +} + +.action-button.disabled:active { + border-color: #222; +} #desc { padding: 25px; @@ -369,9 +385,26 @@ a:hover { background-color: #888; color: #eee; border-radius: 5px; + border-style: outset; + border-color: #999; font-size: 24px; } +.move-button:active { + background-color: #666; + border-color: #333; +} + +.move-button.disabled { + border-style: inset; + border-color: #222; +} + +.move-button.disabled:active { + border-style: inset; + border-color: #222; +} + #move-up-left { grid-column-start: 1; } @@ -418,12 +451,10 @@ a:hover { .disabled { background-color: #444; - border: none; } .disabled:active { background-color: #444; - border: none; } .disabled:focus {