Browse Source

Adjust move and action button styling

tags/v0.1.3
Fen Dweller 5 years ago
parent
commit
0b6650d2eb
1 changed files with 33 additions and 2 deletions
  1. +33
    -2
      satiate.css

+ 33
- 2
satiate.css View File

@@ -307,11 +307,27 @@ a:hover {
flex: 0 0 50px; flex: 0 0 50px;
width: 250px; width: 250px;
background-color: #888; background-color: #888;
border-color: #ddd;
color: #eee; color: #eee;
margin: 5px; margin: 5px;
font-size: 16pt; 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 { #desc {
padding: 25px; padding: 25px;
@@ -369,9 +385,26 @@ a:hover {
background-color: #888; background-color: #888;
color: #eee; color: #eee;
border-radius: 5px; border-radius: 5px;
border-style: outset;
border-color: #999;
font-size: 24px; 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 { #move-up-left {
grid-column-start: 1; grid-column-start: 1;
} }
@@ -418,12 +451,10 @@ a:hover {


.disabled { .disabled {
background-color: #444; background-color: #444;
border: none;
} }


.disabled:active { .disabled:active {
background-color: #444; background-color: #444;
border: none;
} }


.disabled:focus { .disabled:focus {


Loading…
Cancel
Save