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 |