about summary refs log tree commit diff stats
path: root/app/assets
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets')
-rw-r--r--app/assets/stylesheets/pokeviewer/pokedex.scss85
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}