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