diff options
Diffstat (limited to 'rails/app/assets/stylesheets')
| -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 |