Description:
shows problem descriptions on first page
Commit status:
[Not Reviewed]
References:
Comments:
0 Commit comments 0 Inline Comments
Unresolved TODOs:
There are no unresolved TODOs
Add another comment

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,2
1 + .sass-cache
2 +
@@ -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 - <% end -%>
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 - </td>
25 + </div>
26 - </tr>
26 + </div>
@@ -8,32 +8,28
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 body {
1 body {
3 - background: white url(../images/topbg.jpg) repeat-x top center;
2 + background: white url(../images/topbg.jpg) repeat-x top center;
4 - font-size: 13px;
3 + font-size: 13px;
5 - font-family: Tahoma, "sans-serif";
4 + font-family: Tahoma, "sans-serif";
6 - margin: 10px;
5 + margin: 10px;
7 - padding: 10px;
6 + padding: 10px; }
8 - }
9
7
10 - /* Form Font */
11 input {
8 input {
12 - font-family: Tahoma, "sans-serif";
9 + font-family: Tahoma, "sans-serif"; }
13 - }
14
10
15 - /* Heading 1&2 */
16 h1 {
11 h1 {
17 - font-size: 24px;
12 + font-size: 24px;
18 - color: #334488;
13 + color: #334488;
19 - line-height: 2em;
14 + line-height: 2em; }
20 - }
21
15
22 h2 {
16 h2 {
23 - font-size: 18px;
17 + font-size: 18px;
24 - color: #5566bb;
18 + color: #5566bb;
25 - line-height: 1.5em;
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 - margin: 10px 0;
61 + margin: 10px 0;
87 - border: 1px solid #666666;
62 + border: 1px solid #666666;
88 - border-collapse: collapse;
63 + border-collapse: collapse;
89 - font-size: 12px;
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 - background: #777777;
76 + background: #777777;
107 - color: white;
77 + color: white; }
108 - }
109
78
110 tr.info-odd {
79 tr.info-odd {
111 - background: #eeeeee;
80 + background: #eeeeee; }
112 - }
113
81
114 tr.info-even {
82 tr.info-even {
115 - background: #f9f9f9;
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 - div.errorExplanation {
93 + .errorExplanation {
131 - border: 1px dotted gray;
94 + border: 1px dotted gray;
132 - color: #bb2222;
95 + color: #bb2222;
133 - padding: 5px 15px 5px 15px;
96 + padding: 5px 15px 5px 15px;
134 - margin-bottom: 5px;
97 + margin-bottom: 5px;
135 - background-color: white;
98 + background-color: white;
136 - font-weight: normal;
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 - border-collapse: collapse;
105 + border-collapse: collapse;
150 - border: 1px solid black;
106 + border: 1px solid black;
151 - font-size: 13px;
107 + font-size: 13px; }
152 - }
153
108
154 td.uinfo {
109 td.uinfo {
155 - vertical-align: top;
110 + vertical-align: top;
156 - border: 1px solid black;
111 + border: 1px solid black;
157 - padding: 5px;
112 + padding: 5px; }
158 - }
159
113
160 th.uinfo {
114 th.uinfo {
161 - background: lightgreen;
115 + background: lightgreen;
162 - vertical-align: top;
116 + vertical-align: top;
163 - text-align: right;
117 + text-align: right;
164 - border: 1px solid black;
118 + border: 1px solid black;
165 - padding: 5px;
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 - div.task-menu {
124 + .task-menu {
176 - text-align: center;
125 + text-align: center;
177 - font-size: 13px;
126 + font-size: 13px;
178 - line-height: 1.75em;
127 + line-height: 1.75em;
179 - font-weight: bold;
128 + font-weight: bold;
180 - border-top: 1px dashed gray;
129 + border-top: 1px dashed gray;
181 - border-bottom: 1px dashed gray;
130 + border-bottom: 1px dashed gray;
182 - margin-top: 2px;
131 + margin-top: 2px;
183 - margin-bottom: 4px;
132 + margin-bottom: 4px; }
184 - }
185
133
186 - /*******************************
187 - [Submission]
188 - ********************************/
189 table.taskdesc {
134 table.taskdesc {
190 - border: 2px solid #dddddd;
135 + border: 2px solid #dddddd;
191 - border-collapse: collapse;
136 + border-collapse: collapse;
192 - margin: 10px auto;
137 + margin: 10px auto;
193 - width: 90%;
138 + width: 90%;
194 - font-size: 13px;
139 + font-size: 13px; }
195 - }
140 + table.taskdesc p {
196 -
141 + font-size: 13px; }
197 - table.taskdesc p {
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 - div.announcementbox {
159 + .announcementbox {
228 - margin: 10px 0px;
160 + margin: 10px 0px;
229 - background: #bbddee;
161 + background: #bbddee;
230 - padding: 1px;
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 - font-weight: normal;
190 + font-weight: normal;
263 - float: right;
191 + float: right;
264 - font-size: 80%;
192 + font-size: 80%; }
265 - }
266 -
267 .announcement .announcement-title {
193 .announcement .announcement-title {
268 - font-weight: bold;
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 - padding: 0 5px;
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 - line-height: 2em;
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