Description:
update application.css tom sass to scss also add more config to the example
Commit status:
[Not Reviewed]
References:
Comments:
0 Commit comments 0 Inline Comments
Unresolved TODOs:
There are no unresolved TODOs
Add another comment

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 # Enable the asset pipeline
56 # Enable the asset pipeline
57 config.assets.enabled = true
57 config.assets.enabled = true
58
58
59 # Version of your assets, change this if you want to expire all your assets
59 # Version of your assets, change this if you want to expire all your assets
60 config.assets.version = '1.0'
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 config.assets.precompile += ['announcement_refresh.js','effects.js','site_update.js']
70 config.assets.precompile += ['announcement_refresh.js','effects.js','site_update.js']
63 config.assets.precompile += ['local_jquery.js','tablesorter-theme.cafe.css']
71 config.assets.precompile += ['local_jquery.js','tablesorter-theme.cafe.css']
64 %w( announcements configurations contests contest_management graders heartbeat
72 %w( announcements configurations contests contest_management graders heartbeat
65 login main messages problems report site sites sources tasks
73 login main messages problems report site sites sources tasks
66 test user_admin users ).each do |controller|
74 test user_admin users ).each do |controller|
67 config.assets.precompile += ["#{controller}.js", "#{controller}.css"]
75 config.assets.precompile += ["#{controller}.js", "#{controller}.css"]
deleted file
You need to be logged in to leave comments. Login now