| Tyler Scott | 3c17d5f | 2015-06-23 17:49:29 -0600 | [diff] [blame] | 1 | html, body { |
| 2 | width: 100%; |
| 3 | height: 100%; |
| 4 | margin: 0; |
| 5 | } |
| 6 | |
| Tyler Scott | 3c17d5f | 2015-06-23 17:49:29 -0600 | [diff] [blame] | 7 | .sidebar { |
| 8 | height: 100%; |
| 9 | max-height: 100%; |
| 10 | overflow: auto; |
| 11 | } |
| Tyler Scott | f08ab96 | 2015-06-30 16:31:29 -0600 | [diff] [blame] | 12 | |
| Tyler Scott | a1ac69d | 2015-07-02 17:42:03 -0600 | [diff] [blame] | 13 | .fail { |
| Tyler Scott | f65b710 | 2015-06-30 18:40:14 -0600 | [diff] [blame] | 14 | color: red; |
| 15 | } |
| 16 | |
| Tyler Scott | a1ac69d | 2015-07-02 17:42:03 -0600 | [diff] [blame] | 17 | .sucess { |
| Tyler Scott | f65b710 | 2015-06-30 18:40:14 -0600 | [diff] [blame] | 18 | color: green; |
| Tyler Scott | f08ab96 | 2015-06-30 16:31:29 -0600 | [diff] [blame] | 19 | } |
| Tyler Scott | 7d076e2 | 2015-07-06 19:21:50 -0600 | [diff] [blame] | 20 | |
| 21 | .subnav { |
| 22 | display: none; |
| 23 | max-height: 500px; |
| 24 | overflow: auto; |
| 25 | margin-left: 15px; |
| 26 | border-left: gray 3px solid; |
| 27 | } |
| Tyler Scott | e815d3e | 2015-07-09 16:56:17 -0600 | [diff] [blame] | 28 | |
| 29 | #filters { |
| 30 | margin-bottom: 10px; |
| 31 | visibility: visible; |
| 32 | opacity: 1; |
| 33 | transition: visibility 1s ease-out, opacity 1s ease-out, margin-bottom 1s ease-out; |
| 34 | } |
| 35 | |
| 36 | #filters .label { |
| 37 | /* display: none; */ |
| 38 | font-size: inherit; |
| 39 | transition: background-color 1s, |
| 40 | |
| 41 | border-color 2s; |
| Tyler Scott | 087aef7 | 2015-07-14 14:11:59 -0600 | [diff] [blame] | 42 | cursor: pointer; |
| Tyler Scott | e815d3e | 2015-07-09 16:56:17 -0600 | [diff] [blame] | 43 | } |
| 44 | |
| 45 | #filters .label:hover { |
| 46 | /* font-size: 0; */ |
| 47 | background-color: red; |
| 48 | border-color: red; |
| 49 | } |
| 50 | |
| 51 | #filters .label:hover::before { |
| 52 | content: "Remove "; |
| 53 | } |
| 54 | |
| 55 | #filters .label:hover::after { |
| 56 | content: "?"; |
| 57 | } |
| 58 | |
| 59 | #filters .label:not(:last-child) { |
| 60 | margin-right: 5px; |
| 61 | } |
| 62 | |
| 63 | #filters:empty { |
| 64 | visibility: hidden; |
| 65 | opacity: 0; |
| 66 | margin-bottom: 0; |
| 67 | } |
| 68 | |
| 69 | /* Magic filters text that won't get picked up in jquery.text */ |
| 70 | #filters:not(:empty)::before { |
| 71 | content: "Filters: "; |
| 72 | } |