diff options
Diffstat (limited to 'app/assets/stylesheets')
-rw-r--r-- | app/assets/stylesheets/pokeviewer/pokemon.css.scss | 54 |
1 files changed, 36 insertions, 18 deletions
diff --git a/app/assets/stylesheets/pokeviewer/pokemon.css.scss b/app/assets/stylesheets/pokeviewer/pokemon.css.scss index 83fac45..766a0e0 100644 --- a/app/assets/stylesheets/pokeviewer/pokemon.css.scss +++ b/app/assets/stylesheets/pokeviewer/pokemon.css.scss | |||
@@ -47,6 +47,14 @@ | |||
47 | background-color: #4E8234; | 47 | background-color: #4E8234; |
48 | } | 48 | } |
49 | 49 | ||
50 | &.unaccounted { | ||
51 | background-color: black; | ||
52 | |||
53 | h2 { | ||
54 | color: white; | ||
55 | } | ||
56 | } | ||
57 | |||
50 | h2 { | 58 | h2 { |
51 | margin: 0; | 59 | margin: 0; |
52 | display: inline-block; | 60 | display: inline-block; |
@@ -114,29 +122,39 @@ | |||
114 | width: 32px; | 122 | width: 32px; |
115 | height: 32px; | 123 | height: 32px; |
116 | } | 124 | } |
117 | |||
118 | .pc-pokemon { | ||
119 | .pc-data { | ||
120 | display: none; | ||
121 | background-color: #111; | ||
122 | color: #fff; | ||
123 | z-index: 1; | ||
124 | padding: .5em; | ||
125 | box-shadow: 0px 0px 2px 1px #B3B3B3; | ||
126 | border-radius: 4px; | ||
127 | position: absolute; | ||
128 | |||
129 | .pc-data-name { | ||
130 | font-weight: bold; | ||
131 | white-space: pre; | ||
132 | } | ||
133 | } | ||
134 | } | ||
135 | } | 125 | } |
136 | } | 126 | } |
137 | } | 127 | } |
138 | } | 128 | } |
139 | 129 | ||
130 | .pc-pokemon { | ||
131 | .pc-data { | ||
132 | display: none; | ||
133 | background-color: #111; | ||
134 | color: #fff; | ||
135 | z-index: 1; | ||
136 | padding: .5em; | ||
137 | box-shadow: 0px 0px 2px 1px #B3B3B3; | ||
138 | border-radius: 4px; | ||
139 | position: absolute; | ||
140 | |||
141 | .pc-data-name { | ||
142 | font-weight: bold; | ||
143 | white-space: pre; | ||
144 | } | ||
145 | } | ||
146 | } | ||
147 | |||
148 | .pokemon-list { | ||
149 | display: flex; | ||
150 | flex-wrap: wrap; | ||
151 | padding: 0 1em; | ||
152 | |||
153 | li { | ||
154 | display: block; | ||
155 | } | ||
156 | } | ||
157 | |||
140 | .pokemon { | 158 | .pokemon { |
141 | font-family: 'Power Green'; | 159 | font-family: 'Power Green'; |
142 | display: flex; | 160 | display: flex; |