diff options
| -rw-r--r-- | style.css | 28 | 
1 files changed, 12 insertions, 16 deletions
| @@ -66,6 +66,7 @@ h2 { | |||
| 66 | .block-header, .juice { | 66 | .block-header, .juice { | 
| 67 | min-width: 480px; | 67 | min-width: 480px; | 
| 68 | width: 50%; | 68 | width: 50%; | 
| 69 | max-width: 32em; | ||
| 69 | margin: 0.5em auto 0 auto; | 70 | margin: 0.5em auto 0 auto; | 
| 70 | } | 71 | } | 
| 71 | 72 | ||
| @@ -186,34 +187,30 @@ h2 { | |||
| 186 | text-align: center; | 187 | text-align: center; | 
| 187 | border-radius: 10px; | 188 | border-radius: 10px; | 
| 188 | text-transform: uppercase; | 189 | text-transform: uppercase; | 
| 189 | transition-duration: 0.4s; | 190 | transition-duration: 0.2s; | 
| 190 | cursor: pointer; | 191 | cursor: pointer; | 
| 191 | } | 192 | } | 
| 192 | 193 | ||
| 193 | .button-red:hover { | ||
| 194 | background-color: white; | ||
| 195 | color: #E65946; | ||
| 196 | } | ||
| 197 | |||
| 198 | .button-red { | 194 | .button-red { | 
| 199 | float: right; | 195 | float: right; | 
| 200 | border: 2px solid #E65946; | ||
| 201 | background-color: #E65946; | 196 | background-color: #E65946; | 
| 202 | } | 197 | } | 
| 203 | 198 | ||
| 199 | .button-green { | ||
| 200 | float: right; | ||
| 201 | background-color: #8ECA63; | ||
| 202 | } | ||
| 203 | |||
| 204 | .button-green:hover { | 204 | .button-green:hover { | 
| 205 | background-color: white; | 205 | background-color: #c2ca63; | 
| 206 | color: #8ECA63; | ||
| 207 | } | 206 | } | 
| 208 | 207 | ||
| 209 | .two-buttons .button-green { | 208 | .button-red:hover { | 
| 210 | float: left; | 209 | background-color: #E646D3; | 
| 211 | } | 210 | } | 
| 212 | 211 | ||
| 213 | .button-green { | 212 | .two-buttons .button-green { | 
| 214 | float: right; | 213 | float: left; | 
| 215 | border: 2px solid #8ECA63; | ||
| 216 | background-color: #8ECA63; | ||
| 217 | } | 214 | } | 
| 218 | 215 | ||
| 219 | body { | 216 | body { | 
| @@ -258,7 +255,6 @@ ul { | |||
| 258 | .done { | 255 | .done { | 
| 259 | float: right; | 256 | float: right; | 
| 260 | font-size: 24pt; | 257 | font-size: 24pt; | 
| 261 | margin-top: -0.2em; | ||
| 262 | visibility: hidden; | 258 | visibility: hidden; | 
| 263 | } | 259 | } | 
| 264 | 260 | ||
