about summary refs log tree commit diff stats
path: root/app/assets
diff options
context:
space:
mode:
authorKelly Rauchenberger <fefferburbia@gmail.com>2017-09-27 20:07:58 -0400
committerKelly Rauchenberger <fefferburbia@gmail.com>2017-09-27 20:07:58 -0400
commitd18a7da044b8fdb4ded49e05865b3dc743c4fb58 (patch)
treed82c290e5badbe76a09e1a3e05267dfcf5599abd /app/assets
parent3e4e4583fb751fb47013580ce86e2cc3a0e8353b (diff)
downloadpokeviewer-d18a7da044b8fdb4ded49e05865b3dc743c4fb58.tar.gz
pokeviewer-d18a7da044b8fdb4ded49e05865b3dc743c4fb58.tar.bz2
pokeviewer-d18a7da044b8fdb4ded49e05865b3dc743c4fb58.zip
Continued working on design, added moves
Still a very early design

Also, for Pokémon that have Natures that don't benefit and hinder the
same stat, there is now a + next to the stat that the Nature benefits,
and a - next to the stat it hinders.
Diffstat (limited to 'app/assets')
-rw-r--r--app/assets/stylesheets/pokeviewer/pokemon.css.scss99
1 files changed, 89 insertions, 10 deletions
diff --git a/app/assets/stylesheets/pokeviewer/pokemon.css.scss b/app/assets/stylesheets/pokeviewer/pokemon.css.scss index 766a0e0..077aaf7 100644 --- a/app/assets/stylesheets/pokeviewer/pokemon.css.scss +++ b/app/assets/stylesheets/pokeviewer/pokemon.css.scss
@@ -3,10 +3,34 @@
3 They will automatically be included in application.css. 3 They will automatically be included in application.css.
4*/ 4*/
5 5
6body {
7
8}
9
10#left-sidebar, #right-sidebar {
11 flex: 3 0px;
12}
13
14#container {
15 display: flex;
16
17}
18
19#banner {
20 box-sizing: border-box;
21 height: 10em;
22 margin: 0 auto;
23 width: 60%;
24}
25
26#content {
27 flex: 10 0px;
28}
29
6.trainer { 30.trainer {
7 margin: 1em; 31 margin: 1em;
8 font-family: 'Power Green'; 32 font-family: 'Power Green';
9 width: 758px; 33/* width: 758px;*/
10 box-sizing: border-box; 34 box-sizing: border-box;
11 background-color: #f7f7f7; 35 background-color: #f7f7f7;
12 border: 1px solid #999; 36 border: 1px solid #999;
@@ -70,6 +94,7 @@
70 .pc-boxes { 94 .pc-boxes {
71 display: flex; 95 display: flex;
72 flex-wrap: wrap; 96 flex-wrap: wrap;
97 justify-content: space-between;
73 98
74 .party { 99 .party {
75 margin: 0; 100 margin: 0;
@@ -192,32 +217,86 @@
192 margin: .5em; 217 margin: .5em;
193 } 218 }
194 219
195 .pokemon-memo { 220 .pokemon-column {
221 display: flex;
222 flex-direction: column;
196 border-left: 1px solid #aaa; 223 border-left: 1px solid #aaa;
224
225 &>div + div {
226 border-top: 1px solid #aaa;
227 }
228 }
229
230 .pokemon-row {
231 display: flex;
232 flex: 1 0px;
233
234 &>div + div {
235 border-left: 1px solid #aaa;
236 }
237 }
238
239 .pokemon-memo {
197 background-color: #e7e8ff; 240 background-color: #e7e8ff;
241 flex-grow: 1;
198 242
199 .pd-details { 243 .pd-details {
200 background-color: #2068e0; 244 background-color: #be3ff8; /*#d078f8;*/
245 }
246 }
247
248 .pokemon-moves {
249 flex-grow: 1;
250
251 .pd-details {
252 background-color: #3fb5f8;
253 }
254
255 ul {
256 display: flex;
257 flex-direction: column;
258 justify-content: space-between;
259 margin: 0;
260 padding: 0;
261
262 li {
263 display: block;
264 padding: 0.25em;
265 box-sizing: border-box;
266 }
201 } 267 }
202 } 268 }
203 269
204 .pokemon-stats { 270 .pokemon-stats {
205 border-left: 1px solid #aaa; 271 background-color: #d7f4f6;
206 272
207 .pd-details { 273 .pd-details {
208 background-color: #d078f8; 274 background-color: #2068e0;
275 border-bottom: 1px solid #A9C6C8;
276 }
277
278 .nature-benefit {
279 color: green;
280 }
281
282 .nature-hinder {
283 color: red;
209 } 284 }
210 285
211 table { 286 table {
212 margin: 0 1em; 287 border-collapse: collapse;
288 border-style: hidden;
289 table-layout: fixed;
213 290
214 th { 291 th, td {
215 text-align: center; 292 text-align: center;
216 padding-right: .5em; 293 border: 1px solid #A9C6C8;
294 padding: 0.25em 0.25em;
295 width: 16.67%;
217 } 296 }
218 297
219 td { 298 th {
220 text-align: right; 299 background-color: #bfdfff;
221 } 300 }
222 } 301 }
223 } 302 }