| OLD | NEW |
| 1 /* Special alert areas at the top of the page. */ | 1 /* Special alert areas at the top of the page. */ |
| 2 .todo-div { | 2 .todo-div { |
| 3 background-color: #bbffbb; | 3 background-color: #bbffbb; |
| 4 } | 4 } |
| 5 .warning-div { | 5 .warning-div { |
| 6 background-color: #ffbb00; | 6 background-color: #ffbb00; |
| 7 } | 7 } |
| 8 | 8 |
| 9 .tab-wrapper { |
| 10 margin-top: 10px; |
| 11 } |
| 12 |
| 13 .tab { |
| 14 display: inline-block; |
| 15 font-size: 20px; |
| 16 padding: 5px; |
| 17 border-top-left-radius: 5px; |
| 18 border-top-right-radius: 5px; |
| 19 position: relative; |
| 20 } |
| 21 |
| 9 /* Tab which has been selected. */ | 22 /* Tab which has been selected. */ |
| 10 .tab-true { | 23 .tab-true { |
| 11 background-color: #ccccff; | 24 background-color: #ccccff; |
| 12 display: inline-block; | 25 border: 1px solid black; |
| 13 font-size: 20px; | 26 border-bottom-width: 0px; |
| 27 bottom: -1px; |
| 14 } | 28 } |
| 15 /* All other tabs. */ | 29 /* All other tabs. */ |
| 16 .tab-false { | 30 .tab-false { |
| 17 background-color: #8888ff; | 31 background-color: #8888ff; |
| 18 display: inline-block; | 32 cursor: pointer; |
| 19 font-size: 20px; | |
| 20 } | 33 } |
| 34 |
| 35 .tab-false:hover { |
| 36 background-color: #aa88ff; |
| 37 } |
| 38 |
| 21 /* Spacers between tabs. */ | 39 /* Spacers between tabs. */ |
| 22 .tab-spacer { | 40 .tab-spacer { |
| 23 display: inline-block; | 41 display: inline-block; |
| 24 } | 42 } |
| 25 /* The main working area (connected to the selected tab). */ | 43 /* The main working area (connected to the selected tab). */ |
| 26 .tab-main { | 44 .tab-main { |
| 27 background-color: #ccccff; | 45 background-color: #ccccff; |
| 46 border: 1px solid black; |
| 28 } | 47 } |
| 29 | 48 |
| 30 .update-results-button { | 49 .update-results-button { |
| 31 font-size: 30px; | 50 font-size: 30px; |
| 32 } | 51 } |
| 33 | 52 |
| 34 .show-only-button { | 53 .show-only-button { |
| 35 font-size: 8px; | 54 font-size: 8px; |
| 36 } | 55 } |
| 37 .show-all-button { | 56 .show-all-button { |
| 38 font-size: 8px; | 57 font-size: 8px; |
| 39 } | 58 } |
| 40 | 59 |
| 41 .image-link { | 60 .image-link { |
| 42 text-decoration: none; | 61 text-decoration: none; |
| 43 } | 62 } |
| OLD | NEW |