diff options
| author | Kelly Rauchenberger <fefferburbia@gmail.com> | 2017-09-28 23:54:38 -0400 |
|---|---|---|
| committer | Kelly Rauchenberger <fefferburbia@gmail.com> | 2017-09-28 23:54:38 -0400 |
| commit | 25bce2b0b189ec34123510041925cdb1143421fc (patch) | |
| tree | d26fc6f34bd33230bb6e7ff4384103b4e1853137 /app/assets | |
| parent | d18a7da044b8fdb4ded49e05865b3dc743c4fb58 (diff) | |
| download | pokeviewer-25bce2b0b189ec34123510041925cdb1143421fc.tar.gz pokeviewer-25bce2b0b189ec34123510041925cdb1143421fc.tar.bz2 pokeviewer-25bce2b0b189ec34123510041925cdb1143421fc.zip | |
Added contest diagram
Diffstat (limited to 'app/assets')
| -rw-r--r-- | app/assets/stylesheets/pokeviewer/pokemon.css.scss | 53 |
1 files changed, 51 insertions, 2 deletions
| diff --git a/app/assets/stylesheets/pokeviewer/pokemon.css.scss b/app/assets/stylesheets/pokeviewer/pokemon.css.scss index 077aaf7..c9560d4 100644 --- a/app/assets/stylesheets/pokeviewer/pokemon.css.scss +++ b/app/assets/stylesheets/pokeviewer/pokemon.css.scss | |||
| @@ -215,11 +215,10 @@ body { | |||
| 215 | 215 | ||
| 216 | .pokemon-basics { | 216 | .pokemon-basics { |
| 217 | margin: .5em; | 217 | margin: .5em; |
| 218 | min-width: 5em; | ||
| 218 | } | 219 | } |
| 219 | 220 | ||
| 220 | .pokemon-column { | 221 | .pokemon-column { |
| 221 | display: flex; | ||
| 222 | flex-direction: column; | ||
| 223 | border-left: 1px solid #aaa; | 222 | border-left: 1px solid #aaa; |
| 224 | 223 | ||
| 225 | &>div + div { | 224 | &>div + div { |
| @@ -300,4 +299,54 @@ body { | |||
| 300 | } | 299 | } |
| 301 | } | 300 | } |
| 302 | } | 301 | } |
| 302 | |||
| 303 | .pokemon-condition { | ||
| 304 | background-color: #b9d7f2; | ||
| 305 | border-left: 1px solid #aaa; | ||
| 306 | flex: 1 0px; | ||
| 307 | |||
| 308 | .pkcv-cool-circle { | ||
| 309 | fill: #f59a55; | ||
| 310 | } | ||
| 311 | |||
| 312 | .pkcv-beauty-circle { | ||
| 313 | fill: #8095ff; | ||
| 314 | } | ||
| 315 | |||
| 316 | .pkcv-cute-circle { | ||
| 317 | fill: #f5a8d3; | ||
| 318 | } | ||
| 319 | |||
| 320 | .pkcv-smart-circle { | ||
| 321 | fill: #79e15c; | ||
| 322 | } | ||
| 323 | |||
| 324 | .pkcv-tough-circle { | ||
| 325 | fill: #f7f100; | ||
| 326 | } | ||
| 327 | |||
| 328 | .pkcv-outline { | ||
| 329 | stroke: gray; | ||
| 330 | stroke-width: 5; | ||
| 331 | stroke-linejoin: round; | ||
| 332 | fill: white; | ||
| 333 | fill-opacity: 0.3; | ||
| 334 | } | ||
| 335 | |||
| 336 | .pkcv-data { | ||
| 337 | fill: #4ee100; | ||
| 338 | } | ||
| 339 | |||
| 340 | .pkcv-label, .pkcv-label-outline { | ||
| 341 | font-family: "Power Green"; | ||
| 342 | font-size: 50px; | ||
| 343 | text-anchor: middle; | ||
| 344 | } | ||
| 345 | |||
| 346 | .pkcv-label-outline { | ||
| 347 | stroke: #f0f8f8; | ||
| 348 | stroke-width: 6; | ||
| 349 | stroke-linejoin: butt; | ||
| 350 | } | ||
| 351 | } | ||
| 303 | } | 352 | } |