Description:
shows problem descriptions on first page
Commit status:
[Not Reviewed]
References:
Diff options:
Comments:
0 Commit comments
0 Inline Comments
Unresolved TODOs:
There are no unresolved TODOs
Author
Jittat Fakcharoenphol
-
r215:776188eca107 - - 7 files changed: 538 inserted, 295 deleted
| @@ -0,0 +1,8 | |||||
|
|
|
1 | + .problem-bar{:id => "problem-bar-#{problem.id}"} | ||
|
|
|
2 | + %a{:href => "#", :onclick => "$$('.problem-panel').each(function(elt) {elt.hide();}); $('problem-panel-#{problem.id}').show(); $('problem-panel-filler').hide(); return false;"} | ||
|
|
|
3 | + %span{:class => 'problem-title'} | ||
|
|
|
4 | + = "#{problem.full_name} (#{problem.name})" | ||
|
|
|
5 | + - if @prob_submissions[problem_title_counter][:count] > 0 | ||
|
|
|
6 | + = "[#{@prob_submissions[problem_title_counter][:count]} trials(s)]" | ||
|
|
|
7 | + - else | ||
|
|
|
8 | + [No trials] | ||
| @@ -0,0 +1,312 | |||||
|
|
|
1 | + body | ||
|
|
|
2 | + background: white url(../images/topbg.jpg) repeat-x top center | ||
|
|
|
3 | + font-size: 13px | ||
|
|
|
4 | + font-family: Tahoma, "sans-serif" | ||
|
|
|
5 | + margin: 10px | ||
|
|
|
6 | + padding: 10px | ||
|
|
|
7 | + | ||
|
|
|
8 | + | ||
|
|
|
9 | + input | ||
|
|
|
10 | + font-family: Tahoma, "sans-serif" | ||
|
|
|
11 | + | ||
|
|
|
12 | + | ||
|
|
|
13 | + h1 | ||
|
|
|
14 | + font-size: 24px | ||
|
|
|
15 | + color: #334488 | ||
|
|
|
16 | + line-height: 2em | ||
|
|
|
17 | + | ||
|
|
|
18 | + | ||
|
|
|
19 | + h2 | ||
|
|
|
20 | + font-size: 18px | ||
|
|
|
21 | + color: #5566bb | ||
|
|
|
22 | + line-height: 1.5em | ||
|
|
|
23 | + | ||
|
|
|
24 | + | ||
|
|
|
25 | + hr | ||
|
|
|
26 | + border-top: 1px solid #dddddd | ||
|
|
|
27 | + border-bottom: 1px solid #eeeeee | ||
|
|
|
28 | + | ||
|
|
|
29 | + | ||
|
|
|
30 | + a | ||
|
|
|
31 | + color: #6666cc | ||
|
|
|
32 | + text-decoration: none | ||
|
|
|
33 | + | ||
|
|
|
34 | + &:link, &:visited | ||
|
|
|
35 | + color: #6666cc | ||
|
|
|
36 | + text-decoration: none | ||
|
|
|
37 | + | ||
|
|
|
38 | + &:hover, &:focus | ||
|
|
|
39 | + color: #111166 | ||
|
|
|
40 | + text-decoration: none | ||
|
|
|
41 | + | ||
|
|
|
42 | + | ||
|
|
|
43 | + .userbar | ||
|
|
|
44 | + line-height: 1.5em | ||
|
|
|
45 | + text-align: right | ||
|
|
|
46 | + font-size: 12px | ||
|
|
|
47 | + | ||
|
|
|
48 | + .title | ||
|
|
|
49 | + padding: 10px 0px | ||
|
|
|
50 | + line-height: 1.5em | ||
|
|
|
51 | + font-size: 13px | ||
|
|
|
52 | + | ||
|
|
|
53 | + span.contest-over-msg | ||
|
|
|
54 | + font-size: 15px | ||
|
|
|
55 | + color: red | ||
|
|
|
56 | + | ||
|
|
|
57 | + table | ||
|
|
|
58 | + width: 100% | ||
|
|
|
59 | + font-weight: bold | ||
|
|
|
60 | + | ||
|
|
|
61 | + td | ||
|
|
|
62 | + &.left-col | ||
|
|
|
63 | + text-align: left | ||
|
|
|
64 | + vertical-align: top | ||
|
|
|
65 | + color: #444444 | ||
|
|
|
66 | + | ||
|
|
|
67 | + &.right-col | ||
|
|
|
68 | + text-align: right | ||
|
|
|
69 | + vertical-align: top | ||
|
|
|
70 | + font-size: 18px | ||
|
|
|
71 | + color: #116699 | ||
|
|
|
72 | + | ||
|
|
|
73 | + | ||
|
|
|
74 | + table.info | ||
|
|
|
75 | + margin: 10px 0 | ||
|
|
|
76 | + border: 1px solid #666666 | ||
|
|
|
77 | + border-collapse: collapse | ||
|
|
|
78 | + font-size: 12px | ||
|
|
|
79 | + | ||
|
|
|
80 | + th | ||
|
|
|
81 | + border: 1px solid #666666 | ||
|
|
|
82 | + line-height: 1.5em | ||
|
|
|
83 | + padding: 0 0.5em | ||
|
|
|
84 | + | ||
|
|
|
85 | + td | ||
|
|
|
86 | + border-left: 1px solid #666666 | ||
|
|
|
87 | + border-right: 1px solid #666666 | ||
|
|
|
88 | + line-height: 1.5em | ||
|
|
|
89 | + padding: 0 0.5em | ||
|
|
|
90 | + | ||
|
|
|
91 | + | ||
|
|
|
92 | + tr.info-head | ||
|
|
|
93 | + background: #777777 | ||
|
|
|
94 | + color: white | ||
|
|
|
95 | + | ||
|
|
|
96 | + tr.info-odd | ||
|
|
|
97 | + background: #eeeeee | ||
|
|
|
98 | + | ||
|
|
|
99 | + tr.info-even | ||
|
|
|
100 | + background: #f9f9f9 | ||
|
|
|
101 | + | ||
|
|
|
102 | + | ||
|
|
|
103 | + .submitbox | ||
|
|
|
104 | + background: #eeeeff | ||
|
|
|
105 | + border: 1px dotted #99aaee | ||
|
|
|
106 | + padding: 5px | ||
|
|
|
107 | + margin: 10px 0px | ||
|
|
|
108 | + color: black | ||
|
|
|
109 | + font-size: 13px | ||
|
|
|
110 | + | ||
|
|
|
111 | + .errorExplanation | ||
|
|
|
112 | + border: 1px dotted gray | ||
|
|
|
113 | + color: #bb2222 | ||
|
|
|
114 | + padding: 5px 15px 5px 15px | ||
|
|
|
115 | + margin-bottom: 5px | ||
|
|
|
116 | + background-color: white | ||
|
|
|
117 | + font-weight: normal | ||
|
|
|
118 | + | ||
|
|
|
119 | + h2 | ||
|
|
|
120 | + color: #cc1111 | ||
|
|
|
121 | + font-weight: bold | ||
|
|
|
122 | + | ||
|
|
|
123 | + | ||
|
|
|
124 | + table.uinfo | ||
|
|
|
125 | + border-collapse: collapse | ||
|
|
|
126 | + border: 1px solid black | ||
|
|
|
127 | + font-size: 13px | ||
|
|
|
128 | + | ||
|
|
|
129 | + | ||
|
|
|
130 | + td.uinfo | ||
|
|
|
131 | + vertical-align: top | ||
|
|
|
132 | + border: 1px solid black | ||
|
|
|
133 | + padding: 5px | ||
|
|
|
134 | + | ||
|
|
|
135 | + | ||
|
|
|
136 | + th.uinfo | ||
|
|
|
137 | + background: lightgreen | ||
|
|
|
138 | + vertical-align: top | ||
|
|
|
139 | + text-align: right | ||
|
|
|
140 | + border: 1px solid black | ||
|
|
|
141 | + padding: 5px | ||
|
|
|
142 | + | ||
|
|
|
143 | + | ||
|
|
|
144 | + .compilermsgbody | ||
|
|
|
145 | + font-family: monospace | ||
|
|
|
146 | + | ||
|
|
|
147 | + .task-menu | ||
|
|
|
148 | + text-align: center | ||
|
|
|
149 | + font-size: 13px | ||
|
|
|
150 | + line-height: 1.75em | ||
|
|
|
151 | + font-weight: bold | ||
|
|
|
152 | + border-top: 1px dashed gray | ||
|
|
|
153 | + border-bottom: 1px dashed gray | ||
|
|
|
154 | + margin-top: 2px | ||
|
|
|
155 | + margin-bottom: 4px | ||
|
|
|
156 | + | ||
|
|
|
157 | + | ||
|
|
|
158 | + table.taskdesc | ||
|
|
|
159 | + border: 2px solid #dddddd | ||
|
|
|
160 | + border-collapse: collapse | ||
|
|
|
161 | + margin: 10px auto | ||
|
|
|
162 | + width: 90% | ||
|
|
|
163 | + font-size: 13px | ||
|
|
|
164 | + | ||
|
|
|
165 | + p | ||
|
|
|
166 | + font-size: 13px | ||
|
|
|
167 | + | ||
|
|
|
168 | + tr.name | ||
|
|
|
169 | + border: 2px solid #dddddd | ||
|
|
|
170 | + background: #dddddd | ||
|
|
|
171 | + color: #333333 | ||
|
|
|
172 | + font-weight: bold | ||
|
|
|
173 | + font-size: 14px | ||
|
|
|
174 | + line-height: 1.5em | ||
|
|
|
175 | + text-align: center | ||
|
|
|
176 | + | ||
|
|
|
177 | + td | ||
|
|
|
178 | + &.desc-odd | ||
|
|
|
179 | + padding: 5px | ||
|
|
|
180 | + padding-left: 20px | ||
|
|
|
181 | + background: #fefeee | ||
|
|
|
182 | + | ||
|
|
|
183 | + &.desc-even | ||
|
|
|
184 | + padding: 5px | ||
|
|
|
185 | + padding-left: 20px | ||
|
|
|
186 | + background: #feeefe | ||
|
|
|
187 | + | ||
|
|
|
188 | + | ||
|
|
|
189 | + .announcementbox | ||
|
|
|
190 | + margin: 10px 0px | ||
|
|
|
191 | + background: #bbddee | ||
|
|
|
192 | + padding: 1px | ||
|
|
|
193 | + | ||
|
|
|
194 | + span.title | ||
|
|
|
195 | + font-weight: bold | ||
|
|
|
196 | + color: #224455 | ||
|
|
|
197 | + padding-left: 10px | ||
|
|
|
198 | + line-height: 1.6em | ||
|
|
|
199 | + | ||
|
|
|
200 | + .announcement | ||
|
|
|
201 | + margin: 2px | ||
|
|
|
202 | + background: white | ||
|
|
|
203 | + padding: 1px | ||
|
|
|
204 | + padding-left: 10px | ||
|
|
|
205 | + padding-right: 10px | ||
|
|
|
206 | + padding-top: 5px | ||
|
|
|
207 | + padding-bottom: 5px | ||
|
|
|
208 | + | ||
|
|
|
209 | + p | ||
|
|
|
210 | + font-size: 12px | ||
|
|
|
211 | + margin: 2px | ||
|
|
|
212 | + | ||
|
|
|
213 | + | ||
|
|
|
214 | + .pub-info | ||
|
|
|
215 | + text-align: right | ||
|
|
|
216 | + font-style: italic | ||
|
|
|
217 | + font-size: 9px | ||
|
|
|
218 | + | ||
|
|
|
219 | + p | ||
|
|
|
220 | + text-align: right | ||
|
|
|
221 | + font-style: italic | ||
|
|
|
222 | + font-size: 9px | ||
|
|
|
223 | + | ||
|
|
|
224 | + | ||
|
|
|
225 | + .announcement | ||
|
|
|
226 | + .toggles | ||
|
|
|
227 | + font-weight: normal | ||
|
|
|
228 | + float: right | ||
|
|
|
229 | + font-size: 80% | ||
|
|
|
230 | + | ||
|
|
|
231 | + .announcement-title | ||
|
|
|
232 | + font-weight: bold | ||
|
|
|
233 | + | ||
|
|
|
234 | + | ||
|
|
|
235 | + .message | ||
|
|
|
236 | + margin: 10px 0 0 | ||
|
|
|
237 | + | ||
|
|
|
238 | + .message | ||
|
|
|
239 | + margin: 0 0 0 30px | ||
|
|
|
240 | + | ||
|
|
|
241 | + .stat | ||
|
|
|
242 | + font-size: 10px | ||
|
|
|
243 | + line-height: 1.75em | ||
|
|
|
244 | + padding: 0 5px | ||
|
|
|
245 | + color: #444444 | ||
|
|
|
246 | + background: #bbbbbb | ||
|
|
|
247 | + font-weight: bold | ||
|
|
|
248 | + | ||
|
|
|
249 | + .body | ||
|
|
|
250 | + border: 2px solid #dddddd | ||
|
|
|
251 | + background: #fff8f8 | ||
|
|
|
252 | + padding-left: 5px | ||
|
|
|
253 | + | ||
|
|
|
254 | + .reply-body | ||
|
|
|
255 | + border: 2px solid #bbbbbb | ||
|
|
|
256 | + background: #fffff8 | ||
|
|
|
257 | + padding-left: 5px | ||
|
|
|
258 | + | ||
|
|
|
259 | + .stat | ||
|
|
|
260 | + font-size: 10px | ||
|
|
|
261 | + line-height: 1.75em | ||
|
|
|
262 | + padding: 0 5px | ||
|
|
|
263 | + color: #333333 | ||
|
|
|
264 | + background: #dddddd | ||
|
|
|
265 | + font-weight: bold | ||
|
|
|
266 | + | ||
|
|
|
267 | + .contest-title | ||
|
|
|
268 | + color: white | ||
|
|
|
269 | + text-align: center | ||
|
|
|
270 | + line-height: 2em | ||
|
|
|
271 | + | ||
|
|
|
272 | + .registration-desc | ||
|
|
|
273 | + border: 1px dotted gray | ||
|
|
|
274 | + background: #f5f5f5 | ||
|
|
|
275 | + padding: 5px | ||
|
|
|
276 | + margin: 10px 0 | ||
|
|
|
277 | + font-size: 12px | ||
|
|
|
278 | + line-height: 1.5em | ||
|
|
|
279 | + | ||
|
|
|
280 | + .test-desc | ||
|
|
|
281 | + border: 1px dotted gray | ||
|
|
|
282 | + background: #f5f5f5 | ||
|
|
|
283 | + padding: 5px | ||
|
|
|
284 | + margin: 10px 0 | ||
|
|
|
285 | + font-size: 12px | ||
|
|
|
286 | + line-height: 1.5em | ||
|
|
|
287 | + | ||
|
|
|
288 | + .problem-list | ||
|
|
|
289 | + width: 200px | ||
|
|
|
290 | + float: left | ||
|
|
|
291 | + | ||
|
|
|
292 | + .problem-bar | ||
|
|
|
293 | + margin-top: 5px | ||
|
|
|
294 | + padding: 5px | ||
|
|
|
295 | + background: #e0e0e0 | ||
|
|
|
296 | + | ||
|
|
|
297 | + span.problem-title | ||
|
|
|
298 | + font-weight: bold | ||
|
|
|
299 | + font-size: 110% | ||
|
|
|
300 | + | ||
|
|
|
301 | + .problem-content | ||
|
|
|
302 | + float: left | ||
|
|
|
303 | + margin-left: 10px | ||
|
|
|
304 | + width: 700px | ||
|
|
|
305 | + | ||
|
|
|
306 | + .problem-panel | ||
|
|
|
307 | + border: 1px black solid | ||
|
|
|
308 | + padding: 5px | ||
|
|
|
309 | + | ||
|
|
|
310 | + .problem-form | ||
|
|
|
311 | + border: 1px dotted #99aaee | ||
|
|
|
312 | + background: #eeeeff | ||
| @@ -1,26 +1,26 | |||||
|
|
1 | - <tr class="info-<%= (problem_counter%2==0) ? "even" : "odd" %>"> |
|
1 | + <div id="problem-panel-<%= problem.id %>" class="problem-panel" style="display:none"> |
|
|
2 | - <td> |
|
2 | + <div id="problem-form-<%= problem.id %>" class="problem-form"> |
|
|
3 | - <%= "#{problem_counter+1}" %> |
|
3 | + <% form_tag({:action => 'new_input', :id => problem.id}, :method => :post) do -%> |
|
|
4 | - </td> |
|
4 | + <input type="submit" value="New input"/> |
|
|
5 | - <td> |
|
5 | + <% end -%> |
|
|
6 | - <%= "#{problem.full_name} (#{problem.name})" %> |
|
6 | + <% form_tag({ :action => 'download_input', :id => problem.id }, :method => :post) do -%> |
|
|
7 | - <%= link_to "[#{t 'main.problem_desc'}]", problem.url, :popup => true if (problem.url!=nil) and (problem.url!='') %> |
|
7 | + <input type="submit" value="Download input"/> |
|
|
8 | - </td> |
|
8 | + <% end -%> |
|
|
9 | - <td align="center"> |
|
9 | + <% form_tag({ :action => 'submit_solution', :id => problem.id }, :method => :post, :multipart => true) do -%> |
|
|
10 | - <%= @prob_submissions[problem_counter][:count] %> |
|
10 | + <input type="file" name="file"> |
|
|
11 | - </td> |
|
11 | + <input type="submit" value="Submit solution"/> |
|
|
12 | - <td> |
|
12 | + <% end -%> |
|
|
13 | - <span id="problem-form-<%= problem.id %>"> |
|
13 | + </div> |
|
|
14 | - <% form_tag({:action => 'new_input', :id => problem.id}, :method => :post) do -%> |
|
14 | + |
|
|
15 | - <input type="submit" value="New input"/> |
|
15 | + <div class="problem-description"> |
|
|
16 | - <% end -%> |
|
16 | + <% if problem.description!=nil %> |
|
|
17 | - <% form_tag({ :action => 'download_input', :id => problem.id }, :method => :post) do -%> |
|
17 | + <% if problem.description.markdowned %> |
|
|
18 | - <input type="submit" value="Download input"/> |
|
18 | + <%= markdown(problem.description.body) %> |
|
|
19 |
- <% e |
|
19 | + <% else %> |
|
|
20 | - <% form_tag({ :action => 'submit_solution', :id => problem.id }, :method => :post, :multipart => true) do -%> |
|
20 | + <%= problem.description.body %> |
|
|
21 | - <input type="file" name="file"> |
|
21 | + <% end %> |
|
|
22 | - <input type="submit" value="Submit solution"/> |
|
22 | + <% else %> |
|
|
23 | - <% end -%> |
|
23 | + (not available) |
|
|
24 | - </span> |
|
24 | + <% end %> |
|
|
25 |
- </ |
|
25 | + </div> |
|
|
26 | - </tr> |
|
26 | + </div> |
| @@ -1,39 +1,35 | |||||
|
|
1 | - content_for :head do |
|
1 | - content_for :head do |
|
|
2 | = javascript_include_tag :defaults |
|
2 | = javascript_include_tag :defaults |
|
|
3 | %script{:type => 'text/javascript', :src => '/javascripts/announcement_refresh.js'} |
|
3 | %script{:type => 'text/javascript', :src => '/javascripts/announcement_refresh.js'} |
|
|
4 |
|
4 | ||
|
|
5 | = user_title_bar(@user) |
|
5 | = user_title_bar(@user) |
|
|
6 |
|
6 | ||
|
|
7 | - if @announcements.length!=0 |
|
7 | - if @announcements.length!=0 |
|
|
8 | .announcementbox |
|
8 | .announcementbox |
|
|
9 | %span{:class => 'title'} |
|
9 | %span{:class => 'title'} |
|
|
10 | Announcements |
|
10 | Announcements |
|
|
11 | #announcementbox-body |
|
11 | #announcementbox-body |
|
|
12 | = render :partial => 'announcement', :collection => @announcements |
|
12 | = render :partial => 'announcement', :collection => @announcements |
|
|
13 |
|
13 | ||
|
|
14 | - - if Configuration.show_submitbox_to?(@user) |
|
||
|
|
15 | - .submitbox |
|
||
|
|
16 | - = error_messages_for 'submission' |
|
||
|
|
17 | - = render :partial => 'submission_box' |
|
||
|
|
18 | - |
|
||
|
|
19 | - |
|
||
|
|
20 | %hr/ |
|
14 | %hr/ |
|
|
21 |
|
15 | ||
|
|
22 | - if (Configuration.contest_mode) and (@user.site!=nil) | |
|
16 | - if (Configuration.contest_mode) and (@user.site!=nil) | |
|
|
23 | and (@user.site.started!=true) |
|
17 | and (@user.site.started!=true) |
|
|
24 | %p=t 'main.start_soon' |
|
18 | %p=t 'main.start_soon' |
|
|
25 |
|
19 | ||
|
|
26 | - if Configuration.show_tasks_to?(@user) |
|
20 | - if Configuration.show_tasks_to?(@user) |
|
|
27 | - %table.info |
|
21 | + .problem-list |
|
|
28 | - %tr.info-head |
|
22 | + = render :partial => 'problem_title', :collection => @problems, :as => :problem |
|
|
29 | - %th |
|
23 | + .problem-content |
|
|
30 | - %th Tasks |
|
24 | + %span{:id => "problem-panel-filler"} |
|
|
31 | - %th # of sub(s) |
|
25 | + %b Welcome to Code Jom |
|
|
32 | - %th Results |
|
26 | + %br/ |
|
|
|
27 | + Choose problems from the list on the right. | ||
|
|
33 | = render :partial => 'problem', :collection => @problems |
|
28 | = render :partial => 'problem', :collection => @problems |
|
|
34 |
|
29 | ||
|
|
|
30 | + %br{:clear=>'both'}/ | ||
|
|
35 | %hr/ |
|
31 | %hr/ |
|
|
36 |
|
32 | ||
|
|
37 | :javascript |
|
33 | :javascript |
|
|
38 | Announcement.registerRefreshEventTimer(); |
|
34 | Announcement.registerRefreshEventTimer(); |
|
|
39 |
|
35 | ||
| @@ -1,342 +1,266 | |||||
|
|
1 | - /* Main Default */ |
|
||
|
|
2 |
|
|
1 | body { |
|
|
3 |
- |
|
2 | + background: white url(../images/topbg.jpg) repeat-x top center; |
|
|
4 |
- |
|
3 | + font-size: 13px; |
|
|
5 |
- |
|
4 | + font-family: Tahoma, "sans-serif"; |
|
|
6 |
- |
|
5 | + margin: 10px; |
|
|
7 |
- |
|
6 | + padding: 10px; } |
|
|
8 | - } |
|
||
|
|
9 |
|
7 | ||
|
|
10 | - /* Form Font */ |
|
||
|
|
11 | input { |
|
8 | input { |
|
|
12 |
- |
|
9 | + font-family: Tahoma, "sans-serif"; } |
|
|
13 | - } |
|
||
|
|
14 |
|
10 | ||
|
|
15 | - /* Heading 1&2 */ |
|
||
|
|
16 | h1 { |
|
11 | h1 { |
|
|
17 |
- |
|
12 | + font-size: 24px; |
|
|
18 |
- |
|
13 | + color: #334488; |
|
|
19 |
- |
|
14 | + line-height: 2em; } |
|
|
20 | - } |
|
||
|
|
21 |
|
15 | ||
|
|
22 | h2 { |
|
16 | h2 { |
|
|
23 |
- |
|
17 | + font-size: 18px; |
|
|
24 |
- |
|
18 | + color: #5566bb; |
|
|
25 |
- |
|
19 | + line-height: 1.5em; } |
|
|
26 | - } |
|
||
|
|
27 | - |
|
||
|
|
28 | - /* Bar Line Color and Thickness */ |
|
||
|
|
29 | - hr { |
|
||
|
|
30 | - border-top: 1px solid #dddddd; |
|
||
|
|
31 | - border-bottom: 1px solid #eeeeee; |
|
||
|
|
32 | - } |
|
||
|
|
33 |
|
20 | ||
|
|
34 | - /* Link + Anchor Color */ |
|
21 | + hr { |
|
|
35 | - a, a:link, a:visited { |
|
22 | + border-top: 1px solid #dddddd; |
|
|
36 | - color: #6666cc; |
|
23 | + border-bottom: 1px solid #eeeeee; } |
|
|
37 | - text-decoration: none; |
|
||
|
|
38 | - } |
|
||
|
|
39 | - |
|
||
|
|
40 | - a:hover, a:focus { |
|
||
|
|
41 | - color: #111166; |
|
||
|
|
42 | - text-decoration: none; |
|
||
|
|
43 | - } |
|
||
|
|
44 |
|
24 | ||
|
|
45 | - /* This is the main menu bad*/ |
|
25 | + a { |
|
|
46 | - div.userbar { |
|
26 | + color: #6666cc; |
|
|
47 | - line-height: 1.5em; |
|
27 | + text-decoration: none; } |
|
|
48 | - text-align: right; |
|
28 | + a:link, a:visited { |
|
|
49 | - font-size: 12px; |
|
29 | + color: #6666cc; |
|
|
50 | - } |
|
30 | + text-decoration: none; } |
|
|
|
31 | + a:hover, a:focus { | ||
|
|
|
32 | + color: #111166; | ||
|
|
|
33 | + text-decoration: none; } | ||
|
|
51 |
|
34 | ||
|
|
52 | - /* This is the top bar, displaying user's full name */ |
|
35 | + .userbar { |
|
|
53 | - div.title { |
|
36 | + line-height: 1.5em; |
|
|
54 | - // background: #ddddff; |
|
37 | + text-align: right; |
|
|
55 | - // border: 1px dashed blue; |
|
38 | + font-size: 12px; } |
|
|
56 | - padding: 10px 0px; |
|
||
|
|
57 | - line-height: 1.5em; |
|
||
|
|
58 | - font-size: 13px; |
|
||
|
|
59 | - } |
|
||
|
|
60 |
|
39 | ||
|
|
61 | - div.title span.contest-over-msg { |
|
40 | + .title { |
|
|
|
41 | + padding: 10px 0px; | ||
|
|
|
42 | + line-height: 1.5em; | ||
|
|
|
43 | + font-size: 13px; } | ||
|
|
|
44 | + .title span.contest-over-msg { | ||
|
|
62 | font-size: 15px; |
|
45 | font-size: 15px; |
|
|
63 | - color: red; |
|
46 | + color: red; } |
|
|
64 | - } |
|
47 | + .title table { |
|
|
65 | - |
|
||
|
|
66 | - div.title table { |
|
||
|
|
67 | width: 100%; |
|
48 | width: 100%; |
|
|
68 | - font-weight: bold; |
|
49 | + font-weight: bold; } |
|
|
69 | - } |
|
50 | + .title td.left-col { |
|
|
70 | - |
|
||
|
|
71 | - div.title td.left-col { |
|
||
|
|
72 | text-align: left; |
|
51 | text-align: left; |
|
|
73 | vertical-align: top; |
|
52 | vertical-align: top; |
|
|
74 | - color: #444444; |
|
53 | + color: #444444; } |
|
|
75 | - } |
|
54 | + .title td.right-col { |
|
|
76 | - |
|
||
|
|
77 | - div.title td.right-col { |
|
||
|
|
78 | text-align: right; |
|
55 | text-align: right; |
|
|
79 | vertical-align: top; |
|
56 | vertical-align: top; |
|
|
80 | font-size: 18px; |
|
57 | font-size: 18px; |
|
|
81 | - color: #116699; |
|
58 | + color: #116699; } |
|
|
82 | - } |
|
||
|
|
83 |
|
59 | ||
|
|
84 | - /* Standard table with header and rows with alternating background */ |
|
||
|
|
85 | table.info { |
|
60 | table.info { |
|
|
86 |
- |
|
61 | + margin: 10px 0; |
|
|
87 |
- |
|
62 | + border: 1px solid #666666; |
|
|
88 |
- |
|
63 | + border-collapse: collapse; |
|
|
89 |
- |
|
64 | + font-size: 12px; } |
|
|
90 | - } |
|
65 | + table.info th { |
|
|
91 | - |
|
||
|
|
92 | - table.info th { |
|
||
|
|
93 | border: 1px solid #666666; |
|
66 | border: 1px solid #666666; |
|
|
94 | line-height: 1.5em; |
|
67 | line-height: 1.5em; |
|
|
95 | - padding: 0 0.5em; |
|
68 | + padding: 0 0.5em; } |
|
|
96 | - } |
|
69 | + table.info td { |
|
|
97 | - |
|
||
|
|
98 | - table.info td { |
|
||
|
|
99 | border-left: 1px solid #666666; |
|
70 | border-left: 1px solid #666666; |
|
|
100 | border-right: 1px solid #666666; |
|
71 | border-right: 1px solid #666666; |
|
|
101 | line-height: 1.5em; |
|
72 | line-height: 1.5em; |
|
|
102 | - padding: 0 0.5em; |
|
73 | + padding: 0 0.5em; } |
|
|
103 | - } |
|
||
|
|
104 |
|
74 | ||
|
|
105 | tr.info-head { |
|
75 | tr.info-head { |
|
|
106 |
- |
|
76 | + background: #777777; |
|
|
107 |
- |
|
77 | + color: white; } |
|
|
108 | - } |
|
||
|
|
109 |
|
78 | ||
|
|
110 | tr.info-odd { |
|
79 | tr.info-odd { |
|
|
111 |
- |
|
80 | + background: #eeeeee; } |
|
|
112 | - } |
|
||
|
|
113 |
|
81 | ||
|
|
114 | tr.info-even { |
|
82 | tr.info-even { |
|
|
115 |
- |
|
83 | + background: #f9f9f9; } |
|
|
116 | - } |
|
||
|
|
117 |
|
84 | ||
|
|
118 | - /******************************* |
|
85 | + .submitbox { |
|
|
119 | - [Main] |
|
86 | + background: #eeeeff; |
|
|
120 | - ********************************/ |
|
87 | + border: 1px dotted #99aaee; |
|
|
121 | - div.submitbox { |
|
88 | + padding: 5px; |
|
|
122 | - background: #eeeeff; |
|
89 | + margin: 10px 0px; |
|
|
123 | - border: 1px dotted #99aaee; |
|
90 | + color: black; |
|
|
124 | - padding: 5px; |
|
91 | + font-size: 13px; } |
|
|
125 | - margin: 10px 0px; |
|
||
|
|
126 | - color: black; |
|
||
|
|
127 | - font-size: 13px; |
|
||
|
|
128 | - } |
|
||
|
|
129 |
|
92 | ||
|
|
130 |
- |
|
93 | + .errorExplanation { |
|
|
131 |
- |
|
94 | + border: 1px dotted gray; |
|
|
132 |
- |
|
95 | + color: #bb2222; |
|
|
133 |
- |
|
96 | + padding: 5px 15px 5px 15px; |
|
|
134 |
- |
|
97 | + margin-bottom: 5px; |
|
|
135 |
- |
|
98 | + background-color: white; |
|
|
136 |
- |
|
99 | + font-weight: normal; } |
|
|
137 | - } |
|
100 | + .errorExplanation h2 { |
|
|
138 | - |
|
||
|
|
139 | - |
|
||
|
|
140 | - div.errorExplanation h2 { |
|
||
|
|
141 | color: #cc1111; |
|
101 | color: #cc1111; |
|
|
142 | - font-weight: bold; |
|
102 | + font-weight: bold; } |
|
|
143 | - } |
|
||
|
|
144 |
|
103 | ||
|
|
145 | - /******************************* |
|
||
|
|
146 | - [Settings] |
|
||
|
|
147 | - ********************************/ |
|
||
|
|
148 | table.uinfo { |
|
104 | table.uinfo { |
|
|
149 |
- |
|
105 | + border-collapse: collapse; |
|
|
150 |
- |
|
106 | + border: 1px solid black; |
|
|
151 |
- |
|
107 | + font-size: 13px; } |
|
|
152 | - } |
|
||
|
|
153 |
|
108 | ||
|
|
154 | td.uinfo { |
|
109 | td.uinfo { |
|
|
155 |
- |
|
110 | + vertical-align: top; |
|
|
156 |
- |
|
111 | + border: 1px solid black; |
|
|
157 |
- |
|
112 | + padding: 5px; } |
|
|
158 | - } |
|
||
|
|
159 |
|
113 | ||
|
|
160 | th.uinfo { |
|
114 | th.uinfo { |
|
|
161 |
- |
|
115 | + background: lightgreen; |
|
|
162 |
- |
|
116 | + vertical-align: top; |
|
|
163 |
- |
|
117 | + text-align: right; |
|
|
164 |
- |
|
118 | + border: 1px solid black; |
|
|
165 |
- |
|
119 | + padding: 5px; } |
|
|
166 | - } |
|
||
|
|
167 |
|
120 | ||
|
|
168 | - /******************************* |
|
121 | + .compilermsgbody { |
|
|
169 | - [Submission] |
|
122 | + font-family: monospace; } |
|
|
170 | - ********************************/ |
|
||
|
|
171 | - div.compilermsgbody { |
|
||
|
|
172 | - font-family: monospace; |
|
||
|
|
173 | - } |
|
||
|
|
174 |
|
123 | ||
|
|
175 |
- |
|
124 | + .task-menu { |
|
|
176 |
- |
|
125 | + text-align: center; |
|
|
177 |
- |
|
126 | + font-size: 13px; |
|
|
178 |
- |
|
127 | + line-height: 1.75em; |
|
|
179 |
- |
|
128 | + font-weight: bold; |
|
|
180 |
- |
|
129 | + border-top: 1px dashed gray; |
|
|
181 |
- |
|
130 | + border-bottom: 1px dashed gray; |
|
|
182 |
- |
|
131 | + margin-top: 2px; |
|
|
183 |
- |
|
132 | + margin-bottom: 4px; } |
|
|
184 | - } |
|
||
|
|
185 |
|
133 | ||
|
|
186 | - /******************************* |
|
||
|
|
187 | - [Submission] |
|
||
|
|
188 | - ********************************/ |
|
||
|
|
189 | table.taskdesc { |
|
134 | table.taskdesc { |
|
|
190 |
- |
|
135 | + border: 2px solid #dddddd; |
|
|
191 |
- |
|
136 | + border-collapse: collapse; |
|
|
192 |
- |
|
137 | + margin: 10px auto; |
|
|
193 |
- |
|
138 | + width: 90%; |
|
|
194 |
- |
|
139 | + font-size: 13px; } |
|
|
195 | - } |
|
140 | + table.taskdesc p { |
|
|
196 | - |
|
141 | + font-size: 13px; } |
|
|
197 |
- table.taskdesc |
|
142 | + table.taskdesc tr.name { |
|
|
198 | - font-size: 13px; |
|
||
|
|
199 | - } |
|
||
|
|
200 | - |
|
||
|
|
201 | - table.taskdesc tr.name { |
|
||
|
|
202 | border: 2px solid #dddddd; |
|
143 | border: 2px solid #dddddd; |
|
|
203 | background: #dddddd; |
|
144 | background: #dddddd; |
|
|
204 | color: #333333; |
|
145 | color: #333333; |
|
|
205 | font-weight: bold; |
|
146 | font-weight: bold; |
|
|
206 | font-size: 14px; |
|
147 | font-size: 14px; |
|
|
207 | line-height: 1.5em; |
|
148 | line-height: 1.5em; |
|
|
208 | - text-align: center; |
|
149 | + text-align: center; } |
|
|
209 | - } |
|
150 | + table.taskdesc td.desc-odd { |
|
|
210 | - |
|
||
|
|
211 | - table.taskdesc td.desc-odd { |
|
||
|
|
212 | padding: 5px; |
|
151 | padding: 5px; |
|
|
213 | padding-left: 20px; |
|
152 | padding-left: 20px; |
|
|
214 | - background: #fefeee; |
|
153 | + background: #fefeee; } |
|
|
215 | - } |
|
154 | + table.taskdesc td.desc-even { |
|
|
216 | - |
|
||
|
|
217 | - table.taskdesc td.desc-even { |
|
||
|
|
218 | padding: 5px; |
|
155 | padding: 5px; |
|
|
219 | padding-left: 20px; |
|
156 | padding-left: 20px; |
|
|
220 | - background: #feeefe; |
|
157 | + background: #feeefe; } |
|
|
221 | - } |
|
||
|
|
222 | - |
|
||
|
|
223 | - /********************** |
|
||
|
|
224 | - Announcement |
|
||
|
|
225 | - ***********************/ |
|
||
|
|
226 |
|
158 | ||
|
|
227 |
- |
|
159 | + .announcementbox { |
|
|
228 |
- |
|
160 | + margin: 10px 0px; |
|
|
229 |
- |
|
161 | + background: #bbddee; |
|
|
230 |
- |
|
162 | + padding: 1px; } |
|
|
231 | - } |
|
163 | + .announcementbox span.title { |
|
|
232 | - |
|
||
|
|
233 | - div.announcementbox span.title { |
|
||
|
|
234 | font-weight: bold; |
|
164 | font-weight: bold; |
|
|
235 | color: #224455; |
|
165 | color: #224455; |
|
|
236 | padding-left: 10px; |
|
166 | padding-left: 10px; |
|
|
237 | - line-height: 1.6em; |
|
167 | + line-height: 1.6em; } |
|
|
238 | - } |
|
168 | + .announcementbox .announcement { |
|
|
239 | - |
|
||
|
|
240 | - div.announcement { |
|
||
|
|
241 | margin: 2px; |
|
169 | margin: 2px; |
|
|
242 | background: white; |
|
170 | background: white; |
|
|
243 | padding: 1px; |
|
171 | padding: 1px; |
|
|
244 | padding-left: 10px; |
|
172 | padding-left: 10px; |
|
|
245 | padding-right: 10px; |
|
173 | padding-right: 10px; |
|
|
246 | padding-top: 5px; |
|
174 | padding-top: 5px; |
|
|
247 | - padding-bottom: 5px; |
|
175 | + padding-bottom: 5px; } |
|
|
248 | - } |
|
176 | + .announcementbox .announcement p { |
|
|
|
177 | + font-size: 12px; | ||
|
|
|
178 | + margin: 2px; } | ||
|
|
249 |
|
179 | ||
|
|
250 | - .announcement p { |
|
180 | + .pub-info { |
|
|
251 | - font-size: 12px; |
|
181 | + text-align: right; |
|
|
252 | - margin: 2px; |
|
182 | + font-style: italic; |
|
|
253 | - } |
|
183 | + font-size: 9px; } |
|
|
254 | - |
|
184 | + .pub-info p { |
|
|
255 | - div.pub-info, div.pub-info p { |
|
||
|
|
256 | text-align: right; |
|
185 | text-align: right; |
|
|
257 | font-style: italic; |
|
186 | font-style: italic; |
|
|
258 | - font-size: 9px; |
|
187 | + font-size: 9px; } |
|
|
259 | - } |
|
||
|
|
260 |
|
188 | ||
|
|
261 | .announcement .toggles { |
|
189 | .announcement .toggles { |
|
|
262 |
- |
|
190 | + font-weight: normal; |
|
|
263 |
- |
|
191 | + float: right; |
|
|
264 |
- |
|
192 | + font-size: 80%; } |
|
|
265 | - } |
|
||
|
|
266 | - |
|
||
|
|
267 | .announcement .announcement-title { |
|
193 | .announcement .announcement-title { |
|
|
268 |
- |
|
194 | + font-weight: bold; } |
|
|
269 | - } |
|
||
|
|
270 |
|
195 | ||
|
|
271 | - /****************** |
|
196 | + .message { |
|
|
272 | - Messages |
|
197 | + margin: 10px 0 0; } |
|
|
273 | - ******************/ |
|
198 | + .message .message { |
|
|
274 | - |
|
199 | + margin: 0 0 0 30px; } |
|
|
275 | - div.message { |
|
200 | + .message .message .stat { |
|
|
276 | - margin: 10px 0 0; |
|
201 | + font-size: 10px; |
|
|
277 | - } |
|
202 | + line-height: 1.75em; |
|
|
278 | - |
|
203 | + padding: 0 5px; |
|
|
279 | - div.message div.message { |
|
204 | + color: #444444; |
|
|
280 | - margin: 0 0 0 30px; |
|
205 | + background: #bbbbbb; |
|
|
281 | - } |
|
206 | + font-weight: bold; } |
|
|
282 | - |
|
207 | + .message .body { |
|
|
283 | - div.message div.body { |
|
||
|
|
284 | border: 2px solid #dddddd; |
|
208 | border: 2px solid #dddddd; |
|
|
285 | background: #fff8f8; |
|
209 | background: #fff8f8; |
|
|
286 | - padding-left: 5px; |
|
210 | + padding-left: 5px; } |
|
|
287 | - } |
|
211 | + .message .reply-body { |
|
|
288 | - |
|
||
|
|
289 | - div.message div.reply-body { |
|
||
|
|
290 | border: 2px solid #bbbbbb; |
|
212 | border: 2px solid #bbbbbb; |
|
|
291 | background: #fffff8; |
|
213 | background: #fffff8; |
|
|
292 | - padding-left: 5px; |
|
214 | + padding-left: 5px; } |
|
|
293 | - } |
|
215 | + .message .stat { |
|
|
294 | - |
|
||
|
|
295 | - div.message div.stat { |
|
||
|
|
296 | font-size: 10px; |
|
216 | font-size: 10px; |
|
|
297 | line-height: 1.75em; |
|
217 | line-height: 1.75em; |
|
|
298 | padding: 0 5px; |
|
218 | padding: 0 5px; |
|
|
299 | color: #333333; |
|
219 | color: #333333; |
|
|
300 | background: #dddddd; |
|
220 | background: #dddddd; |
|
|
301 | - font-weight: bold; |
|
221 | + font-weight: bold; } |
|
|
302 | - } |
|
222 | + |
|
|
|
223 | + .contest-title { | ||
|
|
|
224 | + color: white; | ||
|
|
|
225 | + text-align: center; | ||
|
|
|
226 | + line-height: 2em; } | ||
|
|
303 |
|
227 | ||
|
|
304 | - div.message div.message div.stat { |
|
228 | + .registration-desc { |
|
|
305 | - font-size: 10px; |
|
229 | + border: 1px dotted gray; |
|
|
306 | - line-height: 1.75em; |
|
230 | + background: #f5f5f5; |
|
|
307 |
- |
|
231 | + padding: 5px; |
|
|
308 | - color: #444444; |
|
232 | + margin: 10px 0; |
|
|
309 | - background: #bbbbbb; |
|
233 | + font-size: 12px; |
|
|
310 | - font-weight: bold; |
|
234 | + line-height: 1.5em; } |
|
|
311 | - } |
|
||
|
|
312 |
|
235 | ||
|
|
313 | - /******************** |
|
236 | + .test-desc { |
|
|
314 | - Registration |
|
237 | + border: 1px dotted gray; |
|
|
315 | - ********************/ |
|
238 | + background: #f5f5f5; |
|
|
316 | - div.contest-title { |
|
239 | + padding: 5px; |
|
|
317 | - color: white; |
|
240 | + margin: 10px 0; |
|
|
318 | - text-align: center; |
|
241 | + font-size: 12px; |
|
|
319 |
- |
|
242 | + line-height: 1.5em; } |
|
|
320 | - } |
|
||
|
|
321 |
|
243 | ||
|
|
322 | - div.registration-desc { |
|
244 | + .problem-list { |
|
|
323 | - border: 1px dotted gray; |
|
245 | + width: 200px; |
|
|
324 | - background: #f5f5f5; |
|
246 | + float: left; } |
|
|
325 | - padding: 5px; |
|
247 | + |
|
|
326 | - margin: 10px 0; |
|
248 | + .problem-bar { |
|
|
327 | - font-size: 12px; |
|
249 | + margin-top: 5px; |
|
|
328 | - line-height: 1.5em; |
|
250 | + padding: 5px; |
|
|
329 | - } |
|
251 | + background: #e0e0e0; } |
|
|
|
252 | + .problem-bar span.problem-title { | ||
|
|
|
253 | + font-weight: bold; | ||
|
|
|
254 | + font-size: 110%; } | ||
|
|
330 |
|
255 | ||
|
|
331 | - /******************** |
|
256 | + .problem-content { |
|
|
332 | - [Test Interface] |
|
257 | + float: left; |
|
|
333 | - ********************/ |
|
258 | + margin-left: 10px; |
|
|
|
259 | + width: 700px; } | ||
|
|
334 |
|
260 | ||
|
|
335 | - div.test-desc { |
|
261 | + .problem-panel { |
|
|
336 | - border: 1px dotted gray; |
|
262 | + border: 1px black solid; |
|
|
337 | - background: #f5f5f5; |
|
263 | + padding: 5px; } |
|
|
338 | - padding: 5px; |
|
264 | + .problem-panel .problem-form { |
|
|
339 | - margin: 10px 0; |
|
265 | + border: 1px dotted #99aaee; |
|
|
340 | - font-size: 12px; |
|
266 | + background: #eeeeff; } |
|
|
341 | - line-height: 1.5em; |
|
||
|
|
342 | - } |
|
||
You need to be logged in to leave comments.
Login now