diff options
| author | Kelly Rauchenberger <fefferburbia@gmail.com> | 2019-03-13 15:48:14 -0400 |
|---|---|---|
| committer | Kelly Rauchenberger <fefferburbia@gmail.com> | 2019-03-13 15:48:14 -0400 |
| commit | b62d43ccde70aa6fccf5341e57a695a2cfb289c1 (patch) | |
| tree | 8e612d68c89e8358c80663f2dcfab35f33ba89c3 /app/assets/stylesheets | |
| parent | b6018ad11156d8b38a87dc682064495cd788608c (diff) | |
| download | thoughts-b62d43ccde70aa6fccf5341e57a695a2cfb289c1.tar.gz thoughts-b62d43ccde70aa6fccf5341e57a695a2cfb289c1.tar.bz2 thoughts-b62d43ccde70aa6fccf5341e57a695a2cfb289c1.zip | |
Game list is sortable
Diffstat (limited to 'app/assets/stylesheets')
| -rw-r--r-- | app/assets/stylesheets/main/games.scss | 40 |
1 files changed, 40 insertions, 0 deletions
| diff --git a/app/assets/stylesheets/main/games.scss b/app/assets/stylesheets/main/games.scss index 98aca43..901d30d 100644 --- a/app/assets/stylesheets/main/games.scss +++ b/app/assets/stylesheets/main/games.scss | |||
| @@ -18,6 +18,36 @@ | |||
| 18 | td { | 18 | td { |
| 19 | padding: 0.5em; | 19 | padding: 0.5em; |
| 20 | } | 20 | } |
| 21 | |||
| 22 | thead { | ||
| 23 | th { | ||
| 24 | border-bottom: 1px solid #aaa; | ||
| 25 | text-align: left; | ||
| 26 | padding: 0.5em; | ||
| 27 | |||
| 28 | a { | ||
| 29 | text-decoration: none; | ||
| 30 | |||
| 31 | &:visited { | ||
| 32 | color: blue; | ||
| 33 | } | ||
| 34 | } | ||
| 35 | |||
| 36 | .current { | ||
| 37 | padding-right: 12px; | ||
| 38 | background-repeat: no-repeat; | ||
| 39 | background-position: right center; | ||
| 40 | |||
| 41 | &.asc { | ||
| 42 | background-image: image-url("up_arrow.gif"); | ||
| 43 | } | ||
| 44 | |||
| 45 | &.desc { | ||
| 46 | background-image: image-url("down_arrow.gif"); | ||
| 47 | } | ||
| 48 | } | ||
| 49 | } | ||
| 50 | } | ||
| 21 | } | 51 | } |
| 22 | 52 | ||
| 23 | .game-progress p { | 53 | .game-progress p { |
| @@ -34,3 +64,13 @@ | |||
| 34 | font-size: 0.8em; | 64 | font-size: 0.8em; |
| 35 | color: #777; | 65 | color: #777; |
| 36 | } | 66 | } |
| 67 | |||
| 68 | h2#games-title { | ||
| 69 | background-color: #d6aeff; | ||
| 70 | display: block; | ||
| 71 | font-size: 20px; | ||
| 72 | font-family: 'Roboto', sans-serif; | ||
| 73 | padding: 0.5em 20px; | ||
| 74 | border-top: 1px solid #edf; | ||
| 75 | border-bottom: 1px solid #edf; | ||
| 76 | } | ||