diff options
| author | Kelly Rauchenberger <fefferburbia@gmail.com> | 2017-09-24 11:23:27 -0400 |
|---|---|---|
| committer | Kelly Rauchenberger <fefferburbia@gmail.com> | 2017-09-24 11:23:27 -0400 |
| commit | 2405727d7d62fce31102520167cde42ee688c198 (patch) | |
| tree | fbbf85f42ca6f0c17573974ca9c265a0d5aaf060 /app/assets/stylesheets | |
| parent | 0df34b64734e686f399ad7081c9b4e4921f75d64 (diff) | |
| download | pokeviewer-2405727d7d62fce31102520167cde42ee688c198.tar.gz pokeviewer-2405727d7d62fce31102520167cde42ee688c198.tar.bz2 pokeviewer-2405727d7d62fce31102520167cde42ee688c198.zip | |
Started working on UI
This commit imports a lot of assets from veekun, as well as a font from http://www.victoryroad.net/showthread.php?t=1507
Diffstat (limited to 'app/assets/stylesheets')
| -rw-r--r-- | app/assets/stylesheets/pokeviewer/application.css.scss (renamed from app/assets/stylesheets/pokeviewer/application.css) | 13 | ||||
| -rw-r--r-- | app/assets/stylesheets/pokeviewer/pokemon.css.scss | 35 |
2 files changed, 47 insertions, 1 deletions
| diff --git a/app/assets/stylesheets/pokeviewer/application.css b/app/assets/stylesheets/pokeviewer/application.css.scss index 0ebd7fe..2d04407 100644 --- a/app/assets/stylesheets/pokeviewer/application.css +++ b/app/assets/stylesheets/pokeviewer/application.css.scss | |||
| @@ -10,6 +10,17 @@ | |||
| 10 | * files in this directory. Styles in this file should be added after the last require_* statement. | 10 | * files in this directory. Styles in this file should be added after the last require_* statement. |
| 11 | * It is generally better to create a new file per style scope. | 11 | * It is generally better to create a new file per style scope. |
| 12 | * | 12 | * |
| 13 | *= require_tree . | 13 | *= require normalize-rails |
| 14 | *= require_self | 14 | *= require_self |
| 15 | *= require_tree . | ||
| 15 | */ | 16 | */ |
| 17 | |||
| 18 | @font-face { | ||
| 19 | font-family: 'Power Green'; | ||
| 20 | src: font-url('PowerGreen.eot'); | ||
| 21 | src: font-url('PowerGreen.eot?#iefix') format('embedded-opentype'), | ||
| 22 | font-url('PowerGreen.woff') format('woff'), | ||
| 23 | font-url('PowerGreen.ttf') format('truetype'); | ||
| 24 | font-weight: normal; | ||
| 25 | font-style: normal; | ||
| 26 | } | ||
| diff --git a/app/assets/stylesheets/pokeviewer/pokemon.css.scss b/app/assets/stylesheets/pokeviewer/pokemon.css.scss new file mode 100644 index 0000000..1f4c068 --- /dev/null +++ b/app/assets/stylesheets/pokeviewer/pokemon.css.scss | |||
| @@ -0,0 +1,35 @@ | |||
| 1 | /* | ||
| 2 | Place all the styles related to the matching controller here. | ||
| 3 | They will automatically be included in application.css. | ||
| 4 | */ | ||
| 5 | |||
| 6 | .pokemon { | ||
| 7 | font-family: 'Power Green'; | ||
| 8 | display: flex; | ||
| 9 | margin: 1em; | ||
| 10 | |||
| 11 | .male { | ||
| 12 | color: blue; | ||
| 13 | } | ||
| 14 | |||
| 15 | .female { | ||
| 16 | color: red; | ||
| 17 | } | ||
| 18 | |||
| 19 | .pokemon-name { | ||
| 20 | font-weight: bold; | ||
| 21 | } | ||
| 22 | |||
| 23 | .pokemon-ivs { | ||
| 24 | margin: 0 1em; | ||
| 25 | |||
| 26 | th { | ||
| 27 | text-align: center; | ||
| 28 | padding-right: .5em; | ||
| 29 | } | ||
| 30 | |||
| 31 | td { | ||
| 32 | text-align: right; | ||
| 33 | } | ||
| 34 | } | ||
| 35 | } | ||
