Description:
changed styling on status view
Commit status:
[Not Reviewed]
References:
Diff options:
Comments:
0 Commit comments
0 Inline Comments
Unresolved TODOs:
There are no unresolved TODOs
Author
Jittat Fakcharoenphol
-
r221:68329c4240e1 - - 2 files changed: 7 inserted, 0 deleted
| @@ -1,17 +1,20 | |||
|
|
1 | 1 | <h1>Thailand Code Jom</h1> |
|
|
2 | 2 | |
|
|
3 | + <div id="status-content"> | |
|
|
3 | 4 | <div id="dead-status"> |
|
|
4 | 5 | <h2>Bye bye</h2> |
|
|
5 | 6 | <% @dead_users.each do |user| %> |
|
|
6 | 7 | <span class="user-label user-level-dead"><%= user.login %></span> |
|
|
7 | 8 | <% end %> |
|
|
8 | 9 | </div> |
|
|
9 | 10 | <div id="alive-status"> |
|
|
10 | 11 | <% @levels.each do |level| %> |
|
|
11 | 12 | <div class="region region-level-<%= level %>"> |
|
|
12 | 13 |
|
|
|
13 | 14 | <span class="user-label user-level-<%= level %>"><%= user.login %></span> |
|
|
14 | 15 |
|
|
|
15 | 16 | </div> |
|
|
16 | 17 | <% end %> |
|
|
17 | 18 | </div> |
|
|
19 | + <br style="clear:both"/> | |
|
|
20 | + </div> | |
| @@ -1,79 +1,83 | |||
|
|
1 | 1 | h1 { |
|
|
2 | 2 | height: 25px; |
|
|
3 | 3 | color: black; |
|
|
4 | 4 | text-align: center; |
|
|
5 | 5 | } |
|
|
6 | 6 | |
|
|
7 | + #status-content { | |
|
|
8 | + background: black; | |
|
|
9 | + } | |
|
|
10 | + | |
|
|
7 | 11 | #dead-status { |
|
|
8 | 12 | float: right; |
|
|
9 | 13 | width: 200px; |
|
|
10 | 14 | background: black; |
|
|
11 | 15 | color: white; |
|
|
12 | 16 | height: 1000px; |
|
|
13 | 17 | padding: 10px; |
|
|
14 | 18 | line-height: 30px; |
|
|
15 | 19 | } |
|
|
16 | 20 | |
|
|
17 | 21 | .region { |
|
|
18 | 22 | padding: 10px; |
|
|
19 | 23 | text-align: center; |
|
|
20 | 24 | line-height: 30px; |
|
|
21 | 25 | } |
|
|
22 | 26 | |
|
|
23 | 27 | .region-level-0 { |
|
|
24 | 28 | background: #f7f7ff; |
|
|
25 | 29 | } |
|
|
26 | 30 | .region-level-1 { |
|
|
27 | 31 | background: #f0f0ff; |
|
|
28 | 32 | } |
|
|
29 | 33 | .region-level-2 { |
|
|
30 | 34 | background: #e0e0f0; |
|
|
31 | 35 | } |
|
|
32 | 36 | .region-level-3 { |
|
|
33 | 37 | background: #d0d0f0; |
|
|
34 | 38 | } |
|
|
35 | 39 | .region-level-4 { |
|
|
36 | 40 | background: #c0c0d0; |
|
|
37 | 41 | } |
|
|
38 | 42 | .region-level-5 { |
|
|
39 | 43 | background: #b0b0c0; |
|
|
40 | 44 | } |
|
|
41 | 45 | .region-level-6 { |
|
|
42 | 46 | background: #a0a0b0; |
|
|
43 | 47 | } |
|
|
44 | 48 | .region-level-7 { |
|
|
45 | 49 | background: #808090; |
|
|
46 | 50 | } |
|
|
47 | 51 | .region-level-8 { |
|
|
48 | 52 | background: #606080; |
|
|
49 | 53 | } |
|
|
50 | 54 | .region-level-9 { |
|
|
51 | 55 | background: #404080; |
|
|
52 | 56 | } |
|
|
53 | 57 | .region-level-10 { |
|
|
54 | 58 | background: #202060; |
|
|
55 | 59 | } |
|
|
56 | 60 | |
|
|
57 | 61 | .user-label { |
|
|
58 | 62 | -moz-border-radius: 5px; |
|
|
59 | 63 | color: white; |
|
|
60 | 64 | font-weight: bold; |
|
|
61 | 65 | padding-top: 2px; |
|
|
62 | 66 | padding-bottom: 2px; |
|
|
63 | 67 | padding-left: 20px; |
|
|
64 | 68 | padding-right: 20px; |
|
|
65 | 69 | margin: 2px; |
|
|
66 | 70 | } |
|
|
67 | 71 | |
|
|
68 | 72 | .user-level-dead { background: #707070; color: black; } |
|
|
69 | 73 | .user-level-0 { background: #a0a0ff; } |
|
|
70 | 74 | .user-level-1 { background: #7070ff; } |
|
|
71 | 75 | .user-level-2 { background: #6060ff; } |
|
|
72 | 76 | .user-level-3 { background: #5050ff; } |
|
|
73 | 77 | .user-level-4 { background: #5050e0; } |
|
|
74 | 78 | .user-level-5 { background: #5050d0; } |
|
|
75 | 79 | .user-level-6 { background: #4040d0; } |
|
|
76 | 80 | .user-level-7 { background: #4040c0; } |
|
|
77 | 81 | .user-level-8 { background: #4040b0; } |
|
|
78 | 82 | .user-level-9 { background: #2020a0; } |
|
|
79 | 83 | .user-level-10 { background: #202070; } |
You need to be logged in to leave comments.
Login now