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: 21 inserted, 14 deleted
| @@ -1,17 +1,20 | |||||
|
|
1 | <h1>Thailand Code Jom</h1> |
|
1 | <h1>Thailand Code Jom</h1> |
|
|
2 |
|
2 | ||
|
|
3 |
- <div id=" |
|
3 | + <div id="status-content"> |
|
|
4 | - <h2>Bye bye</h2> |
|
4 | + <div id="dead-status"> |
|
|
5 | - <% @dead_users.each do |user| %> |
|
5 | + <h2>Bye bye</h2> |
|
|
6 | - <span class="user-label user-level-dead"><%= user.login %></span> |
|
6 | + <% @dead_users.each do |user| %> |
|
|
7 | - <% end %> |
|
7 | + <span class="user-label user-level-dead"><%= user.login %></span> |
|
|
|
8 | + <% end %> | ||
|
|
|
9 | + </div> | ||
|
|
|
10 | + <div id="alive-status"> | ||
|
|
|
11 | + <% @levels.each do |level| %> | ||
|
|
|
12 | + <div class="region region-level-<%= level %>"> | ||
|
|
|
13 | + <% @level_users[level].each do |user| %> | ||
|
|
|
14 | + <span class="user-label user-level-<%= level %>"><%= user.login %></span> | ||
|
|
|
15 | + <% end %> | ||
|
|
|
16 | + </div> | ||
|
|
|
17 | + <% end %> | ||
|
|
|
18 | + </div> | ||
|
|
|
19 | + <br style="clear:both"/> | ||
|
|
8 | </div> |
|
20 | </div> |
|
|
9 | - <div id="alive-status"> |
|
||
|
|
10 | - <% @levels.each do |level| %> |
|
||
|
|
11 | - <div class="region region-level-<%= level %>"> |
|
||
|
|
12 | - <% @level_users[level].each do |user| %> |
|
||
|
|
13 | - <span class="user-label user-level-<%= level %>"><%= user.login %></span> |
|
||
|
|
14 | - <% end %> |
|
||
|
|
15 | - </div> |
|
||
|
|
16 | - <% end %> |
|
||
|
|
17 | - </div> |
|
||
| @@ -1,54 +1,58 | |||||
|
|
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; |
You need to be logged in to leave comments.
Login now