diff options
Diffstat (limited to 'app/assets')
-rw-r--r-- | app/assets/stylesheets/pokeviewer/pokedex.scss | 85 |
1 files changed, 85 insertions, 0 deletions
diff --git a/app/assets/stylesheets/pokeviewer/pokedex.scss b/app/assets/stylesheets/pokeviewer/pokedex.scss new file mode 100644 index 0000000..5cecb28 --- /dev/null +++ b/app/assets/stylesheets/pokeviewer/pokedex.scss | |||
@@ -0,0 +1,85 @@ | |||
1 | // Place all the styles related to the Pokedex controller here. | ||
2 | // They will automatically be included in application.css. | ||
3 | // You can use Sass (SCSS) here: http://sass-lang.com/ | ||
4 | |||
5 | .pkvd-table { | ||
6 | border-spacing: 5px; | ||
7 | |||
8 | th { | ||
9 | text-align: right; | ||
10 | font-family: 'Power Green'; | ||
11 | font-weight: normal; | ||
12 | padding-right: 0.5em; | ||
13 | |||
14 | img { | ||
15 | image-rendering: pixelated; | ||
16 | } | ||
17 | } | ||
18 | |||
19 | td { | ||
20 | padding: 0 0.5em; | ||
21 | text-align: center; | ||
22 | font-family: 'Power Green'; | ||
23 | |||
24 | &.pkvd-unseen { | ||
25 | border: 1px dashed gray; | ||
26 | color: gray; | ||
27 | } | ||
28 | |||
29 | &.pkvd-seen { | ||
30 | border-width: 3px; | ||
31 | border-style: solid; | ||
32 | font-weight: bold; | ||
33 | |||
34 | &.ruby { | ||
35 | border-color: #D67873; | ||
36 | color: #D67873; | ||
37 | } | ||
38 | |||
39 | &.sapphire { | ||
40 | border-color: #445E9C; | ||
41 | color: #445E9C; | ||
42 | } | ||
43 | |||
44 | &.firered { | ||
45 | border-color: #F5AC78; | ||
46 | color: #F5AC78; | ||
47 | } | ||
48 | |||
49 | &.leafgreen { | ||
50 | border-color: #A7DB8D; | ||
51 | color: #A7DB8D; | ||
52 | } | ||
53 | |||
54 | &.emerald { | ||
55 | border-color: #4E8234; | ||
56 | color: #4E8234; | ||
57 | } | ||
58 | } | ||
59 | |||
60 | &.pkvd-caught { | ||
61 | color: black; | ||
62 | font-weight: bold; | ||
63 | |||
64 | &.ruby { | ||
65 | background-color: #D67873; | ||
66 | } | ||
67 | |||
68 | &.sapphire { | ||
69 | background-color: #445E9C; | ||
70 | } | ||
71 | |||
72 | &.firered { | ||
73 | background-color: #F5AC78; | ||
74 | } | ||
75 | |||
76 | &.leafgreen { | ||
77 | background-color: #A7DB8D; | ||
78 | } | ||
79 | |||
80 | &.emerald { | ||
81 | background-color: #4E8234; | ||
82 | } | ||
83 | } | ||
84 | } | ||
85 | } | ||