diff options
Diffstat (limited to 'rails/app/assets')
-rw-r--r-- | rails/app/assets/stylesheets/lingo/main.css.scss | 37 |
1 files changed, 34 insertions, 3 deletions
diff --git a/rails/app/assets/stylesheets/lingo/main.css.scss b/rails/app/assets/stylesheets/lingo/main.css.scss index c5bdad0..a65cd94 100644 --- a/rails/app/assets/stylesheets/lingo/main.css.scss +++ b/rails/app/assets/stylesheets/lingo/main.css.scss | |||
@@ -1,11 +1,12 @@ | |||
1 | body { | 1 | body { |
2 | background-color: black; | 2 | background-color: black; |
3 | color: white; | 3 | color: white; |
4 | font-family: sans-serif; | ||
4 | } | 5 | } |
5 | 6 | ||
6 | #header { | 7 | #header { |
7 | width: 100%; | 8 | width: 100%; |
8 | 9 | ||
9 | img { | 10 | img { |
10 | max-width: 80%; | 11 | max-width: 80%; |
11 | margin: 0 auto; | 12 | margin: 0 auto; |
@@ -15,10 +16,40 @@ body { | |||
15 | 16 | ||
16 | h2 { | 17 | h2 { |
17 | text-align: center; | 18 | text-align: center; |
18 | font-family: sans-serif; | ||
19 | } | 19 | } |
20 | 20 | ||
21 | #scores { | 21 | #scores { |
22 | width: 50%; | ||
23 | margin: 0 auto; | 22 | margin: 0 auto; |
23 | border-spacing: 0px; | ||
24 | tr { | ||
25 | &.even { | ||
26 | background-color: gray; | ||
27 | } | ||
28 | &.odd { | ||
29 | background-color: purple; | ||
30 | } | ||
31 | th { | ||
32 | text-align: left; | ||
33 | padding-left: 0.5em; | ||
34 | padding-bottom: 0.5em; | ||
35 | } | ||
36 | td { | ||
37 | padding-right: 1em; | ||
38 | padding-top: 0.5em; | ||
39 | padding-bottom: 0.5em; | ||
40 | border-collapse: collapse; | ||
41 | &:first-child { | ||
42 | padding-left: 1em; | ||
43 | } | ||
44 | img { | ||
45 | width: 2em; | ||
46 | } | ||
47 | &.score-pfp { | ||
48 | width: 2em; | ||
49 | } | ||
50 | &.score-value { | ||
51 | text-align: center; | ||
52 | } | ||
53 | } | ||
54 | } | ||
24 | } \ No newline at end of file | 55 | } \ No newline at end of file |