Description:
update application.css tom sass to scss
also add more config to the example
Commit status:
[Not Reviewed]
References:
Diff options:
Comments:
0 Commit comments
0 Inline Comments
Unresolved TODOs:
There are no unresolved TODOs
r586:33adfce0cffa - - 3 files changed: 556 inserted, 433 deleted
This diff has been collapsed as it changes many lines, (548 lines changed) Show them Hide them | |||
@@ -0,0 +1,548 | |||
|
1 | + /* This is a manifest file that'll be compiled into application.css, which will include all the files | |
|
2 | + * listed below. | |
|
3 | + * | |
|
4 | + * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, | |
|
5 | + * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path. | |
|
6 | + * | |
|
7 | + * You're free to add application-wide styles to this file and they'll appear at the bottom of the | |
|
8 | + * compiled file so the styles you add here take precedence over styles defined in any styles | |
|
9 | + * defined in the other CSS/SCSS files in this directory. It is generally better to create a new | |
|
10 | + * file per style scope. | |
|
11 | + * | |
|
12 | + * // bootstrap says that we should not do this, but @import each file instead | |
|
13 | + * # *= require_tree . | |
|
14 | + * # *= require_self | |
|
15 | + */ | |
|
16 | + | |
|
17 | + @import "jquery.ui.all"; | |
|
18 | + @import "jquery.ui.core"; | |
|
19 | + @import "jquery.ui.theme"; | |
|
20 | + @import "jquery.ui.datepicker"; | |
|
21 | + @import "jquery.ui.slider"; | |
|
22 | + @import "jquery-ui-timepicker-addon"; | |
|
23 | + @import "jquery-tablesorter/theme.metro-dark"; | |
|
24 | + @import "jquery.countdown"; | |
|
25 | + @import "tablesorter-theme.cafe"; | |
|
26 | + | |
|
27 | + //bootstrap | |
|
28 | + @import "bootstrap-sprockets"; | |
|
29 | + @import "bootstrap"; | |
|
30 | + @import "select2"; | |
|
31 | + @import "select2-bootstrap"; | |
|
32 | + | |
|
33 | + //@import bootstrap3-switch | |
|
34 | + @import "bootstrap-toggle"; | |
|
35 | + @import "bootstrap-sortable"; | |
|
36 | + | |
|
37 | + //bootstrap navbar color (from) | |
|
38 | + $bgDefault: #19197b; | |
|
39 | + $bgHighlight: #06064b; | |
|
40 | + $colDefault: #8e8eb4; | |
|
41 | + $colHighlight: #ffffff; | |
|
42 | + $dropDown: false; | |
|
43 | + | |
|
44 | + @font-face { | |
|
45 | + font-family: 'Glyphicons Halflings'; | |
|
46 | + src: font-path('bootstrap/glyphicons-halflings-regular.eot'); | |
|
47 | + src: font-path('bootstrap/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), | |
|
48 | + font-path('bootstrap/glyphicons-halflings-regular.woff') format('woff'), | |
|
49 | + font-path('bootstrap/glyphicons-halflings-regular.ttf') format('truetype'), | |
|
50 | + font-path('bootstrap/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); | |
|
51 | + } | |
|
52 | + | |
|
53 | + | |
|
54 | + .navbar-default { | |
|
55 | + background-color: $bgDefault; | |
|
56 | + border-color: $bgHighlight; | |
|
57 | + | |
|
58 | + .navbar-brand { | |
|
59 | + color: $colDefault; | |
|
60 | + | |
|
61 | + &:hover, &:focus { | |
|
62 | + color: $colHighlight; | |
|
63 | + } | |
|
64 | + } | |
|
65 | + | |
|
66 | + .navbar-text { | |
|
67 | + color: $colDefault; | |
|
68 | + } | |
|
69 | + | |
|
70 | + .navbar-nav { | |
|
71 | + > li { | |
|
72 | + > a { | |
|
73 | + color: $colDefault; | |
|
74 | + | |
|
75 | + &:hover, &:focus { | |
|
76 | + color: $colHighlight; | |
|
77 | + } | |
|
78 | + } | |
|
79 | + | |
|
80 | + @if $dropDown { | |
|
81 | + > .dropdown-menu { | |
|
82 | + background-color: $bgDefault; | |
|
83 | + | |
|
84 | + > li { | |
|
85 | + > a { | |
|
86 | + color: $colDefault; | |
|
87 | + | |
|
88 | + &:hover, &:focus { | |
|
89 | + color: $colHighlight; | |
|
90 | + background-color: $bgHighlight; | |
|
91 | + } | |
|
92 | + } | |
|
93 | + | |
|
94 | + > .divider { | |
|
95 | + background-color: $bgHighlight; | |
|
96 | + } | |
|
97 | + } | |
|
98 | + } | |
|
99 | + } | |
|
100 | + } | |
|
101 | + | |
|
102 | + @if $dropDown { | |
|
103 | + .open .dropdown-menu > .active { | |
|
104 | + > a, > a:hover, > a:focus { | |
|
105 | + color: $colHighlight; | |
|
106 | + background-color: $bgHighlight; | |
|
107 | + } | |
|
108 | + } | |
|
109 | + } | |
|
110 | + | |
|
111 | + > .active { | |
|
112 | + > a, > a:hover, > a:focus { | |
|
113 | + color: $colHighlight; | |
|
114 | + background-color: $bgHighlight; | |
|
115 | + } | |
|
116 | + } | |
|
117 | + | |
|
118 | + > .open { | |
|
119 | + > a, > a:hover, > a:focus { | |
|
120 | + color: $colHighlight; | |
|
121 | + background-color: $bgHighlight; | |
|
122 | + } | |
|
123 | + } | |
|
124 | + } | |
|
125 | + | |
|
126 | + .navbar-toggle { | |
|
127 | + border-color: $bgHighlight; | |
|
128 | + | |
|
129 | + &:hover, &:focus { | |
|
130 | + background-color: $bgHighlight; | |
|
131 | + } | |
|
132 | + | |
|
133 | + .icon-bar { | |
|
134 | + background-color: $colDefault; | |
|
135 | + } | |
|
136 | + } | |
|
137 | + | |
|
138 | + .navbar-collapse, | |
|
139 | + .navbar-form { | |
|
140 | + border-color: $colDefault; | |
|
141 | + } | |
|
142 | + | |
|
143 | + .navbar-link { | |
|
144 | + color: $colDefault; | |
|
145 | + | |
|
146 | + &:hover { | |
|
147 | + color: $colHighlight; | |
|
148 | + } | |
|
149 | + } | |
|
150 | + } | |
|
151 | + | |
|
152 | + @media (max-width: 767px) { | |
|
153 | + .navbar-default .navbar-nav .open .dropdown-menu { | |
|
154 | + > li > a { | |
|
155 | + color: $colDefault; | |
|
156 | + | |
|
157 | + &:hover, &:focus { | |
|
158 | + color: $colHighlight; | |
|
159 | + } | |
|
160 | + } | |
|
161 | + | |
|
162 | + > .active { | |
|
163 | + > a, > a:hover, > a:focus { | |
|
164 | + color: $colHighlight; | |
|
165 | + background-color: $bgHighlight; | |
|
166 | + } | |
|
167 | + } | |
|
168 | + } | |
|
169 | + } | |
|
170 | + | |
|
171 | + .secondnavbar { | |
|
172 | + top: 50px; | |
|
173 | + } | |
|
174 | + | |
|
175 | + // --------------- bootstrap file upload ---------------------- | |
|
176 | + .btn-file { | |
|
177 | + position: relative; | |
|
178 | + overflow: hidden; | |
|
179 | + } | |
|
180 | + | |
|
181 | + .btn-file input[type=file] { | |
|
182 | + position: absolute; | |
|
183 | + top: 0; | |
|
184 | + right: 0; | |
|
185 | + min-width: 100%; | |
|
186 | + min-height: 100%; | |
|
187 | + font-size: 100px; | |
|
188 | + text-align: right; | |
|
189 | + filter: alpha(opacity = 0); | |
|
190 | + opacity: 0; | |
|
191 | + outline: none; | |
|
192 | + background: white; | |
|
193 | + cursor: inherit; | |
|
194 | + display: block; | |
|
195 | + } | |
|
196 | + | |
|
197 | + body { | |
|
198 | + background: white image-url("topbg.jpg") repeat-x top center; | |
|
199 | + | |
|
200 | + //font-size: 13px | |
|
201 | + //font-family: Tahoma, "sans-serif" | |
|
202 | + margin: 10px; | |
|
203 | + padding: 10px; | |
|
204 | + padding-top: 60px; | |
|
205 | + } | |
|
206 | + | |
|
207 | + // ------------------ bootstrap sortable -------------------- | |
|
208 | + table.sortable th { | |
|
209 | + padding-right: 20px !important; | |
|
210 | + | |
|
211 | + span.sign { | |
|
212 | + right: (-15px) !important; | |
|
213 | + } | |
|
214 | + | |
|
215 | + &.text-right { | |
|
216 | + padding-left: 20px !important; | |
|
217 | + padding-right: 8px !important; | |
|
218 | + | |
|
219 | + &:after, span.sign { | |
|
220 | + left: (-15px) !important; | |
|
221 | + } | |
|
222 | + } | |
|
223 | + } | |
|
224 | + | |
|
225 | + input { | |
|
226 | + font-family: Tahoma, "sans-serif"; | |
|
227 | + } | |
|
228 | + | |
|
229 | + h1 { | |
|
230 | + font-size: 24px; | |
|
231 | + color: #334488; | |
|
232 | + line-height: 2em; | |
|
233 | + } | |
|
234 | + | |
|
235 | + h2 { | |
|
236 | + font-size: 18px; | |
|
237 | + color: #5566bb; | |
|
238 | + line-height: 1.5em; | |
|
239 | + } | |
|
240 | + | |
|
241 | + hr { | |
|
242 | + border-top: 1px solid #dddddd; | |
|
243 | + border-bottom: 1px solid #eeeeee; | |
|
244 | + } | |
|
245 | + | |
|
246 | + //#a | |
|
247 | + // color: #6666cc | |
|
248 | + // text-decoration: none | |
|
249 | + // | |
|
250 | + // &:link, &:visited | |
|
251 | + // color: #6666cc | |
|
252 | + // text-decoration: none | |
|
253 | + // | |
|
254 | + // &:hover, &:focus | |
|
255 | + // color: #111166 | |
|
256 | + // text-decoration: none | |
|
257 | + | |
|
258 | + div { | |
|
259 | + &.userbar { | |
|
260 | + line-height: 1.5em; | |
|
261 | + text-align: right; | |
|
262 | + font-size: 12px; | |
|
263 | + } | |
|
264 | + | |
|
265 | + &.title { | |
|
266 | + padding: 10px 0px; | |
|
267 | + line-height: 1.5em; | |
|
268 | + font-size: 13px; | |
|
269 | + | |
|
270 | + span.contest-over-msg { | |
|
271 | + font-size: 15px; | |
|
272 | + color: red; | |
|
273 | + } | |
|
274 | + | |
|
275 | + table { | |
|
276 | + width: 100%; | |
|
277 | + font-weight: bold; | |
|
278 | + } | |
|
279 | + | |
|
280 | + td { | |
|
281 | + &.left-col { | |
|
282 | + text-align: left; | |
|
283 | + vertical-align: top; | |
|
284 | + color: #444444; | |
|
285 | + } | |
|
286 | + | |
|
287 | + &.right-col { | |
|
288 | + text-align: right; | |
|
289 | + vertical-align: top; | |
|
290 | + font-size: 18px; | |
|
291 | + color: #116699; | |
|
292 | + } | |
|
293 | + } | |
|
294 | + } | |
|
295 | + } | |
|
296 | + | |
|
297 | + table.info { | |
|
298 | + margin: 10px 0; | |
|
299 | + border: 1px solid #666666; | |
|
300 | + border-collapse: collapse; | |
|
301 | + font-size: 12px; | |
|
302 | + | |
|
303 | + th { | |
|
304 | + border: 1px solid #666666; | |
|
305 | + line-height: 1.5em; | |
|
306 | + padding: 0 0.5em; | |
|
307 | + } | |
|
308 | + | |
|
309 | + td { | |
|
310 | + border-left: 1px solid #666666; | |
|
311 | + border-right: 1px solid #666666; | |
|
312 | + line-height: 1.5em; | |
|
313 | + padding: 0 0.5em; | |
|
314 | + } | |
|
315 | + } | |
|
316 | + | |
|
317 | + tr { | |
|
318 | + &.info-head { | |
|
319 | + background: #777777; | |
|
320 | + color: white; | |
|
321 | + } | |
|
322 | + | |
|
323 | + &.info-odd { | |
|
324 | + background: #eeeeee; | |
|
325 | + } | |
|
326 | + | |
|
327 | + &.info-even { | |
|
328 | + background: #fcfcfc; | |
|
329 | + } | |
|
330 | + } | |
|
331 | + | |
|
332 | + @mixin basicbox { | |
|
333 | + background: #eeeeff; | |
|
334 | + border: 1px dotted #99aaee; | |
|
335 | + padding: 5px; | |
|
336 | + margin: 10px 0px; | |
|
337 | + color: black; | |
|
338 | + font-size: 13px; | |
|
339 | + } | |
|
340 | + | |
|
341 | + .infobox { | |
|
342 | + @include basicbox; | |
|
343 | + } | |
|
344 | + | |
|
345 | + .submitbox { | |
|
346 | + @include basicbox; | |
|
347 | + } | |
|
348 | + | |
|
349 | + .errorExplanation { | |
|
350 | + border: 1px dotted gray; | |
|
351 | + color: #bb2222; | |
|
352 | + padding: 5px 15px 5px 15px; | |
|
353 | + margin-bottom: 5px; | |
|
354 | + background-color: white; | |
|
355 | + font-weight: normal; | |
|
356 | + | |
|
357 | + h2 { | |
|
358 | + color: #cc1111; | |
|
359 | + font-weight: bold; | |
|
360 | + } | |
|
361 | + } | |
|
362 | + | |
|
363 | + table.uinfo { | |
|
364 | + border-collapse: collapse; | |
|
365 | + border: 1px solid black; | |
|
366 | + font-size: 13px; | |
|
367 | + } | |
|
368 | + | |
|
369 | + td.uinfo { | |
|
370 | + vertical-align: top; | |
|
371 | + border: 1px solid black; | |
|
372 | + padding: 5px; | |
|
373 | + } | |
|
374 | + | |
|
375 | + th.uinfo { | |
|
376 | + background: lightgreen; | |
|
377 | + vertical-align: top; | |
|
378 | + text-align: right; | |
|
379 | + border: 1px solid black; | |
|
380 | + padding: 5px; | |
|
381 | + } | |
|
382 | + | |
|
383 | + div { | |
|
384 | + &.compilermsgbody { | |
|
385 | + font-family: monospace; | |
|
386 | + } | |
|
387 | + | |
|
388 | + &.task-menu { | |
|
389 | + text-align: center; | |
|
390 | + font-size: 13px; | |
|
391 | + line-height: 1.75em; | |
|
392 | + font-weight: bold; | |
|
393 | + border-top: 1px dashed gray; | |
|
394 | + border-bottom: 1px dashed gray; | |
|
395 | + margin-top: 2px; | |
|
396 | + margin-bottom: 4px; | |
|
397 | + } | |
|
398 | + } | |
|
399 | + | |
|
400 | + table.taskdesc { | |
|
401 | + border: 2px solid #dddddd; | |
|
402 | + border-collapse: collapse; | |
|
403 | + margin: 10px auto; | |
|
404 | + width: 90%; | |
|
405 | + font-size: 13px; | |
|
406 | + | |
|
407 | + p { | |
|
408 | + font-size: 13px; | |
|
409 | + } | |
|
410 | + | |
|
411 | + tr.name { | |
|
412 | + border: 2px solid #dddddd; | |
|
413 | + background: #dddddd; | |
|
414 | + color: #333333; | |
|
415 | + font-weight: bold; | |
|
416 | + font-size: 14px; | |
|
417 | + line-height: 1.5em; | |
|
418 | + text-align: center; | |
|
419 | + } | |
|
420 | + | |
|
421 | + td { | |
|
422 | + &.desc-odd { | |
|
423 | + padding: 5px; | |
|
424 | + padding-left: 20px; | |
|
425 | + background: #fefeee; | |
|
426 | + } | |
|
427 | + | |
|
428 | + &.desc-even { | |
|
429 | + padding: 5px; | |
|
430 | + padding-left: 20px; | |
|
431 | + background: #feeefe; | |
|
432 | + } | |
|
433 | + } | |
|
434 | + } | |
|
435 | + | |
|
436 | + .announcementbox { | |
|
437 | + margin: 10px 0px; | |
|
438 | + background: #bbddee; | |
|
439 | + padding: 1px; | |
|
440 | + | |
|
441 | + span.title { | |
|
442 | + font-weight: bold; | |
|
443 | + color: #224455; | |
|
444 | + padding-left: 10px; | |
|
445 | + line-height: 1.6em; | |
|
446 | + } | |
|
447 | + } | |
|
448 | + | |
|
449 | + .announcement { | |
|
450 | + margin: 2px; | |
|
451 | + background: white; | |
|
452 | + padding: 1px; | |
|
453 | + padding-left: 10px; | |
|
454 | + padding-right: 10px; | |
|
455 | + padding-top: 5px; | |
|
456 | + padding-bottom: 5px; | |
|
457 | + } | |
|
458 | + | |
|
459 | + .announcement p { | |
|
460 | + font-size: 12px; | |
|
461 | + margin: 2px; | |
|
462 | + } | |
|
463 | + | |
|
464 | + .pub-info { | |
|
465 | + text-align: right; | |
|
466 | + font-style: italic; | |
|
467 | + font-size: 9px; | |
|
468 | + | |
|
469 | + p { | |
|
470 | + text-align: right; | |
|
471 | + font-style: italic; | |
|
472 | + font-size: 9px; | |
|
473 | + } | |
|
474 | + } | |
|
475 | + | |
|
476 | + .announcement { | |
|
477 | + .toggles { | |
|
478 | + font-weight: normal; | |
|
479 | + float: right; | |
|
480 | + font-size: 80%; | |
|
481 | + } | |
|
482 | + | |
|
483 | + .announcement-title { | |
|
484 | + font-weight: bold; | |
|
485 | + } | |
|
486 | + } | |
|
487 | + | |
|
488 | + div { | |
|
489 | + &.message { | |
|
490 | + margin: 10px 0 0; | |
|
491 | + | |
|
492 | + div { | |
|
493 | + &.message { | |
|
494 | + margin: 0 0 0 30px; | |
|
495 | + } | |
|
496 | + | |
|
497 | + &.body { | |
|
498 | + border: 2px solid #dddddd; | |
|
499 | + background: #fff8f8; | |
|
500 | + padding-left: 5px; | |
|
501 | + } | |
|
502 | + | |
|
503 | + &.reply-body { | |
|
504 | + border: 2px solid #bbbbbb; | |
|
505 | + background: #fffff8; | |
|
506 | + padding-left: 5px; | |
|
507 | + } | |
|
508 | + | |
|
509 | + &.stat { | |
|
510 | + font-size: 10px; | |
|
511 | + line-height: 1.75em; | |
|
512 | + padding: 0 5px; | |
|
513 | + color: #333333; | |
|
514 | + background: #dddddd; | |
|
515 | + font-weight: bold; | |
|
516 | + } | |
|
517 | + | |
|
518 | + &.message div.stat { | |
|
519 | + font-size: 10px; | |
|
520 | + line-height: 1.75em; | |
|
521 | + padding: 0 5px; | |
|
522 | + color: #444444; | |
|
523 | + background: #bbbbbb; | |
|
524 | + font-weight: bold; | |
|
525 | + } | |
|
526 | + } | |
|
527 | + } | |
|
528 | + | |
|
529 | + &.contest-title { | |
|
530 | + color: white; | |
|
531 | + text-align: center; | |
|
532 | + line-height: 2em; | |
|
533 | + } | |
|
534 | + | |
|
535 | + &.registration-desc, &.test-desc { | |
|
536 | + border: 1px dotted gray; | |
|
537 | + background: #f5f5f5; | |
|
538 | + padding: 5px; | |
|
539 | + margin: 10px 0; | |
|
540 | + font-size: 12px; | |
|
541 | + line-height: 1.5em; | |
|
542 | + } | |
|
543 | + } | |
|
544 | + | |
|
545 | + h2.contest-title { | |
|
546 | + margin-top: 5px; | |
|
547 | + margin-bottom: 5px; | |
|
548 | + } |
@@ -56,12 +56,20 | |||
|
56 | 56 | # Enable the asset pipeline |
|
57 | 57 | config.assets.enabled = true |
|
58 | 58 | |
|
59 | 59 | # Version of your assets, change this if you want to expire all your assets |
|
60 | 60 | config.assets.version = '1.0' |
|
61 | 61 | |
|
62 | + # ---------------- IMPORTANT ---------------------- | |
|
63 | + # If we deploy the app into a subdir name "grader", be sure to do "rake assets:precompile RAILS_RELATIVE_URL_ROOT=/grader" | |
|
64 | + # moreover, using the following line instead also known to works | |
|
65 | + #config.action_controller.relative_url_root = '/grader' | |
|
66 | + | |
|
67 | + #font path | |
|
68 | + config.assets.paths << "#{Rails}/vendor/assets/fonts" | |
|
69 | + | |
|
62 | 70 | config.assets.precompile += ['announcement_refresh.js','effects.js','site_update.js'] |
|
63 | 71 | config.assets.precompile += ['local_jquery.js','tablesorter-theme.cafe.css'] |
|
64 | 72 | %w( announcements configurations contests contest_management graders heartbeat |
|
65 | 73 | login main messages problems report site sites sources tasks |
|
66 | 74 | test user_admin users ).each do |controller| |
|
67 | 75 | config.assets.precompile += ["#{controller}.js", "#{controller}.css"] |
deleted file |
You need to be logged in to leave comments.
Login now