Download as
Browse Code »

Commit e6d72ea1d0a74bf91f7e24d46d3c7d536d3b1ce3

Authored by Arthur Nogueira Neves
2 parents 9a4dd080 33c74fb3
Exists in master and in 1 other branch production

Merge pull request #641 from alphagov/fix_assets 

Use asset_path helper for images in css.
Showing 6 changed files with 983 additions and 983 deletions   Show diff stats
app/assets/stylesheets/errbit.css
View file @9a4dd08
... ... @@ -1,918 +0,0 @@
1   -html {
2   - margin: 0; padding: 0;
3   - color: #585858;
4   - background-color: #e6e6e6;
5   - font-size: 62.8%; font-family: Helvetica, "Lucida Grande","Lucida Sans",Arial,sans-serif;
6   -}
7   -body {
8   - margin: 0; padding: 0;
9   - font-size: 1.3em; line-height: 1.4em;
10   -}
11   -
12   -/* Convenience Classes */
13   -.float-left { float: left; }
14   -.float-right { float: right; }
15   -.clear { clear: both; }
16   -.clear-left { clear: left; }
17   -.clear-right { clear: right; }
18   -.nowrap { white-space: nowrap; }
19   -
20   -/* Headings */
21   -h1, h2, h3, h4, h5, h6 { padding: 0.2em 0; margin-bottom: 1em; border-bottom: 1px solid #dedede;}
22   -h1 { font-size: 2.0em; line-height: 1.2em; text-shadow: 1px 1px 0px #FFF; -webkit-text-shadow: 1px 1px 0px #FFF;}
23   -h2 { font-size: 1.7em; line-height: 1.2em; }
24   -h3 { font-size: 1.5em; line-height: 1.2em; }
25   -h4 { font-size: 1.3em; line-height: 1.2em; }
26   -h5 { font-size: 1.1em; line-height: 1.2em; }
27   -h6 { font-size: 0.9em; line-height: 1.2em; }
28   -
29   -/* General */
30   -p { margin-bottom: 1em; }
31   -
32   -/* Links */
33   -a { color: #0069cc; text-decoration: none;}
34   -a:visited { color: #0069cc;}
35   -a:hover { color: #0069cc; text-decoration: underline; }
36   -a.action { float: right; font-size: 0.9em;}
37   -
38   -#header > div, #content-wrapper, #footer {
39   - width: 930px;
40   - margin: 0 auto;
41   - position: relative;
42   -}
43   -
44   -/* Header */
45   -#header {
46   - margin-bottom: 24px;
47   - height: 71px;
48   - border-bottom: 1px solid #fff;
49   - position:relative;
50   - background: #000000;
51   -}
52   -#header > div {
53   - height: 71px;
54   -}
55   -#header #site-name {
56   - display: block;
57   - width: 88px;
58   - height: 31px;
59   - position: absolute;
60   - top: 22px;
61   - left: 2px;
62   - background: transparent url(images/logo.png) 0 0 no-repeat;
63   - text-indent: -5000em;
64   -}
65   -
66   -#header #session-links {
67   - position: absolute;
68   - top: 20px;
69   - right: 0;
70   - font-size: 0.9em;
71   -}
72   -#header #session-links li {
73   - float: right;
74   - margin-left: 10px;
75   - color: #ccc;
76   - background-color: #1e1e1e;
77   - border-radius: 30px;
78   - -moz-border-radius: 30px;
79   - -webkit-border-radius: 30px;
80   - border: 1px solid #484B4F;
81   - font-size: 14px;
82   -}
83   -#header #session-links li:hover {
84   - box-shadow: 0 0 3px #69c;
85   - -moz-box-shadow: 0 0 3px #69c;
86   - -webkit-box-shadow: 0 0 3px #69c;
87   -}
88   -#header #session-links li:hover a {
89   - color: white;
90   -}
91   -#header #session-links a {
92   - color: #ccc;
93   - padding: 0 14px;
94   - line-height: 30px;
95   -}
96   -#header #session-links #sign-out {
97   - background: transparent url(images/icons/bullet-red-sm.png) 12px 50% no-repeat;
98   - padding-left: 29px;
99   -}
100   -#header #session-links a:hover {
101   - text-decoration: none;
102   -}
103   -
104   -/* Navigation */
105   -#nav-bar {
106   - position: absolute;
107   - bottom: 0;
108   - left: 172px;
109   -}
110   -#nav-bar li {
111   - float: left;
112   - height: 34px;
113   - margin-right: 12px;
114   - color: #666;
115   - background-color: #d0d0d0;
116   - background-image: none;
117   - border-top-left-radius: 12px;
118   - border-top-right-radius: 12px;
119   - -moz-border-top-left-radius: 12px;
120   - -moz-border-top-right-radius: 12px;
121   - -webkit-border-top-left-radius: 12px;
122   - -webkit-border-top-right-radius: 12px;
123   - border: 1px solid #bbb;
124   -}
125   -#nav-bar li.active {
126   - border-color: #fff;
127   - background: #FFF url(images/button-bg.png) 0 -2px repeat-x;
128   - border-width:1px 1px 0;
129   - margin-bottom:-2px;
130   - height: 37px;
131   -}
132   -#nav-bar li.active a {
133   - color: #333;
134   -}
135   -
136   -#nav-bar li a {
137   - color: #666;
138   - display: block;
139   - padding: 0 20px 0 40px;
140   - font-size: 14px;
141   - font-weight: bold;
142   - line-height: 37px;
143   - text-decoration: none;
144   - text-shadow: 1px 1px 0px #FFF;
145   - -webkit-text-shadow: 1px 1px 0px #FFF;
146   - background: transparent 10px 6px no-repeat;
147   -}
148   -#nav-bar li a:hover { color: #666;}
149   -#nav-bar li.apps a { background-image: url(images/icons/briefcase.png); }
150   -#nav-bar li.errs a { background-image: url(images/icons/error.png); }
151   -#nav-bar li.users a { background-image: url(images/icons/user.png); }
152   -#nav-bar li:not(.active):hover {
153   - box-shadow: 0 0 3px #69c;
154   - -moz-box-shadow: 0 0 3px #69c;
155   - -webkit-box-shadow: 0 0 3px #69c;
156   -}
157   -
158   -/* Content Wrapper */
159   -#content-wrapper {
160   - border: 1px solid #C6C6C6;
161   -}
162   -
163   -/* Content Title and Comments */
164   -#content-title, #content-comments {
165   - padding: 30px 24px;
166   - border-top: 1px solid #FFF;
167   - border-bottom: 1px solid #FFF;
168   - background-color: #f2f2f2;
169   -}
170   -
171   -/* Make err title bar bigger to fit more buttons */
172   -#content-title.err_show {
173   - padding: 43px 24px 37px;
174   -}
175   -
176   -#content-title.err_show.resolved{
177   - background-color: #90EE90;
178   -}
179   -
180   -#content-comments {
181   - background-color: #ffffff;
182   -}
183   -#content-title h1, #content-comments h3 {
184   - padding: 0; margin: 0;
185   - width: 85%;
186   - border: none;
187   - color: #636363;
188   - font-size: 2em; line-height: 1em; font-weight: bold; font-family: arial, sans-serif;
189   - word-wrap: break-word;
190   -}
191   -#content-comments h3 {
192   - font-size: 1.5em;
193   - margin-bottom: 14px;
194   -}
195   -
196   -#content-title .meta { font-size: 0.9em; color: #787878; }
197   -
198   -/* Action Bar */
199   -#action-bar {
200   - position: absolute;
201   - text-align: right;
202   - top: 22px; right: 24px;
203   -}
204   -#action-bar span {
205   - display: inline-block;
206   - margin-left: 18px;
207   - margin-bottom: 16px;
208   - text-decoration: none;
209   - color: #666;
210   - background: #FFF url(images/button-bg.png) 0 bottom repeat-x;
211   - border-radius: 50px;
212   - -moz-border-radius: 50px;
213   - -webkit-border-radius: 50px;
214   - border: 1px solid #bbb;
215   -}
216   -#action-bar span a {
217   - color: #666;
218   - display: block;
219   - padding: 0 20px 0 40px;
220   - font-size: 14px; font-weight: bold; line-height: 39px; text-decoration: none;
221   - text-shadow: 1px 1px 0px #FFF; -webkit-text-shadow: 1px 1px 0px #FFF;
222   - background: transparent 10px 8px no-repeat;
223   -}
224   -#action-bar a:hover { text-decoration: none;}
225   -#action-bar span:hover {
226   - box-shadow: 0 0 3px #69c;
227   - -moz-box-shadow: 0 0 3px #69c;
228   - -webkit-box-shadow: 0 0 3px #69c;
229   -}
230   -#action-bar a.add {
231   - background-image: url(images/icons/add.png);
232   -}
233   -
234   -#action-bar .calendar_link {
235   - background: url(images/icons/ical.png) no-repeat scroll 12px 6px transparent;
236   - padding-left: 47px;
237   -}
238   -
239   -#action-bar span.github a { background: url(images/icons/github.png) no-repeat 6px 5px; }
240   -#action-bar span.unlink_github a { background: url(images/icons/unlink_github.png) no-repeat 6px 5px; }
241   -
242   -/* Content */
243   -#content {
244   - padding: 20px; border-top: 1px solid #C6C6C6;
245   - background-color: #FFF;
246   -}
247   -
248   -#content a.button {
249   - float: right;
250   - display: block;
251   - margin-bottom: 10px;
252   -}
253   -
254   -/* Footer */
255   -#footer {
256   - padding: 20px 0;
257   - font-size: 0.8em; text-align: center;
258   - color: #929292;
259   -}
260   -
261   -/* Flash Messages */
262   -#flash-messages li {
263   - padding: 13px 45px;
264   - margin-bottom:25px;
265   - border: 1px solid #C6C6C6;
266   - background-color: #F9F9F9;
267   - line-height: 1em;
268   -}
269   -#flash-messages li.notice {
270   - padding-left: 20px;
271   - background-color: #b5eeff;
272   - border: 1px solid #6cf;
273   -}
274   -#flash-messages li.success {
275   - background: #cfc url(images/icons/success.png) 16px 50% no-repeat;
276   - border: 1px solid #6c3;
277   -}
278   -#flash-messages li.error {
279   - background: #fcc url(images/icons/error.png) 16px 50% no-repeat;
280   - border: 1px solid #f99;
281   -}
282   -#flash-messages .alert {
283   - background: #ffc url(images/icons/warning.png) 10px 7px no-repeat;
284   - border-color: #e4bb69;
285   -}
286   -
287   -/* Forms */
288   -form#new_user,
289   -form.edit_user,
290   -form#new_app,
291   -form.edit_app {
292   - width: 620px;
293   -}
294   -form > div, form fieldset > div { margin: 1em 0;}
295   -form fieldset {
296   - padding: 0.8em; margin-bottom: 1em;
297   - background-color: #F0F0F0; border: 1px solid #C6C6C6; border-left: none; border-right: none;
298   -}
299   -form fieldset legend {
300   - font-size: 1.2em; font-weight: bold; text-transform: uppercase;
301   - color: #555;
302   -}
303   -form label {
304   - font-weight: bold; text-transform: uppercase; line-height: 1.6em;
305   - display: inline-block;
306   -}
307   -form label.inline { display: inline; }
308   -form .checkbox label { display: inline; }
309   -form .required label { padding-right: 20px; background: transparent url(images/icons/required.png) right 50% no-repeat; }
310   -form .field_with_errors label { color: #900; }
311   -form input[type=text], form input[type=password], form input[type=email] {
312   - width: 96%; padding: 0.8em;
313   - font-size: 1em;
314   - color: #787878; border: 1px solid #C6C6C6;
315   -}
316   -form textarea {
317   - width: 100%; padding: 0.8em;
318   - font-size: inherit; font-family: inherit;
319   - color: #787878; border: 1px solid #C6C6C6;
320   -}
321   -form textarea.short { height: 8em; }
322   -form textarea.supershort { height: 4em; }
323   -form input[type=text]:focus, form input[type=password]:focus, form input[type=email]:focus, form textarea:focus {
324   - box-shadow: 0px 0px 4px #69C;
325   - -moz-box-shadow: 0px 0px 4px #69C;
326   - -webkit-box-shadow: 0px 0px 4px #69C
327   -}
328   -form input[type=checkbox]:focus + label{
329   - color: #69C;
330   -}
331   -form input[type=submit] {
332   - display:block; width: auto; padding: 0.5em;
333   - font-size: 1.2em; line-height: 1em; text-transform: uppercase;
334   - border: none; color: #FFF; background-color: #387fc1;
335   - cursor: pointer;
336   -}
337   -form input[type=submit].button {
338   - font-size: 1em;
339   - text-transform: none;
340   -}
341   -form div.buttons {
342   - color: #666;
343   - background: #FFF url(images/button-bg.png) 0 bottom repeat-x;
344   - border-radius: 50px;
345   - -moz-border-radius: 50px;
346   - -webkit-border-radius: 50px;
347   - border: 1px solid #bbb;
348   - display: inline-block;
349   -}
350   -form div.buttons:hover {
351   - color: #666;
352   - box-shadow: 0 0 3px #69c;
353   - -moz-box-shadow: 0 0 3px #69c;
354   - -webkit-box-shadow: 0 0 3px #69c;
355   -}
356   -form div.buttons input, form div.buttons button {
357   - padding: 0 20px;
358   - color: #666;
359   - background: none;
360   - display: inline-block;
361   - height: 36px;
362   - font-size: 14px; font-weight: bold; line-height: 36px; text-decoration: none;
363   - text-shadow: 1px 1px 0px #FFF;
364   - -moz-text-shadow: 1px 1px 0px #FFF;
365   - -webkit-text-shadow: 1px 1px 0px #FFF;
366   - border: none;
367   -}
368   -form div.buttons button.sign_in {
369   - padding-left: 40px;
370   - background: transparent url(images/icons/right-arrow.png) 3px 3px no-repeat;
371   -}
372   -form strong.option {
373   - display: block;
374   - margin: 0.7em 0;
375   - color: #999;
376   -}
377   -
378   -form .nested {
379   - border-top: 1px dotted #BBB;
380   - margin-top: 1.5em;
381   - padding-top: 1.5em;
382   -}
383   -
384   -form legend + .nested {
385   - border: none;
386   - margin-top: 0;
387   - padding-top: 0;
388   -}
389   -
390   -form .error-messages {
391   - padding: 13px;
392   - background: #fcc;
393   - border: 1px solid #f99;
394   -}
395   -
396   -form .error-messages h2 {
397   - font-size: 1.2em;
398   - border-color: #F99;
399   -}
400   -form .error-messages ul {
401   - margin-left: 2em;
402   - list-style-type: square;
403   -}
404   -
405   -form .field-helpertext {
406   - display: inline;
407   -}
408   -
409   -form input#app_email_at_notices {
410   - width: 130px;
411   - margin: 0 5px;
412   -}
413   -
414   -
415   -/* Tables */
416   -table {
417   - width: 100%;
418   - border: 1px solid #C6C6C6;
419   - margin-bottom: 1.5em;
420   - border-collapse: separate;
421   -}
422   -table thead th {
423   - border-top: 1px solid #FFF;
424   - border-bottom: 1px solid #FFF;
425   -}
426   -table th, table td {
427   - border-top: 1px solid #C6C6C6;
428   - padding: 10px 8px;
429   - text-align: left;
430   -}
431   -table tbody tr:first-child th, table tbody tr:first-child td {
432   - border-top: none;
433   -}
434   -table thead + tbody tr:first-child td {
435   - border-top: 1px solid #C6C6C6;
436   -}
437   -table th { background-color: #ececec; font-weight: bold; text-transform: uppercase; white-space: nowrap; }
438   -table tbody tr:nth-child(odd) td { background-color: #F9F9F9; }
439   -table .main { width: 100%; }
440   -
441   -table.single_user {
442   - border-top: none;
443   -}
444   -
445   -.raw_data {
446   - width: 100%;
447   - color: #f0f0f0;
448   - background-color: #222;
449   - overflow: auto;
450   -}
451   -
452   -/* Code */
453   -pre {
454   - padding: 0.8em;
455   - margin-bottom: 1em;
456   - font-family: monaco, courier, monospace;
457   - font-size: 1.1em;
458   -}
459   -
460   -/* HTML Styling */
461   -.html { padding-left: 1em; border-left: 2px solid #C6C6C6;}
462   -.html h1, .html h2, .html h3, .html h4, .html h5, .html h6 {
463   - border: none;
464   -}
465   -.html ul, .html ol { margin-left: 2em; margin-bottom: 1em; }
466   -.html ul li { margin-bottom: 0.5em; list-style: disc; }
467   -.html ol li { margin-bottom: 0.5em; list-style: decimal; }
468   -
469   -/* Pagination */
470   -.pagination {
471   - margin: 0 0 25px;
472   - font-size: 17px;
473   - text-align: center;
474   -}
475   -.pagination em {
476   - font-style: normal;
477   - font-weight: bold;
478   -}
479   -
480   -
481   -/* Buttons */
482   -input[type="submit"].button,
483   -a.button {
484   - display: inline-block;
485   - padding: 0 0.8em;
486   - margin-left: 0.5em;
487   - color: #666;
488   - background-color: #dadada;
489   - border: 1px solid #BBB;
490   - border-radius: 30px;
491   - -moz-border-radius: 30px;
492   - -webkit-border-radius: 30px;
493   - line-height: 30px;
494   - min-width: 54px;
495   - text-align: center;
496   - text-shadow: 0 1px 0 #fff;
497   -}
498   -input[type="submit"]:hover.button,
499   -a:hover.button {
500   - box-shadow: 0px 0px 4px #bfbfbf;
501   - -moz-box-shadow: 0px 0px 4px #bfbfbf;
502   - -webkit-box-shadow: 0px 0px 4px #bfbfbf;
503   - text-decoration: none;
504   - background-color: #e5e5e5;
505   -}
506   -a.button.active {
507   - border-color: #fff;
508   - background-color: #CCC;
509   - background-image: none;
510   -}
511   -
512   -
513   -/* Tab Bar */
514   -.tab-bar {
515   - margin-top: 12px;
516   -}
517   -#content .tab-bar a.button {
518   - border-bottom:0;
519   - margin-bottom:0;
520   - border-top-left-radius:12px;
521   - border-top-right-radius:12px;
522   - border-bottom-left-radius:0;
523   - border-bottom-right-radius:0;
524   - height:30px;
525   -}
526   -#content .tab-bar a.button.active {
527   - background: #FFF;
528   - color: #444;
529   - border-color:#ccc;
530   - border-style:solid;
531   - border-width:1px 1px 0;
532   - margin-bottom:-1px;
533   - height:31px;
534   -}
535   -.tab-bar ul {
536   - padding: 9px 0 0;
537   - line-height:0;
538   -}
539   -.tab-bar li {
540   - display: inline-block;
541   -}
542   -
543   -/* Watchers / Issue Tracker / Notification Forms */
544   -div.watcher.nested .watcher_params, div.issue_tracker.nested .tracker_params, div.notification_service.nested .notification_params {
545   - display: none;
546   -}
547   -
548   -div.nested .chosen {
549   - display: block !important;
550   -}
551   -div.nested .choose {
552   - margin-bottom: 0.5em;
553   -}
554   -
555   -div.issue_tracker.nested .choose, div.notification_service.nested .choose {
556   - background-color: #ebebeb;
557   - border: 1px solid #dddddd;
558   - margin: 0 0 15px;
559   - padding: 12px;
560   -}
561   -div.issue_tracker.nested img, div.notification_service.nested img {
562   - vertical-align: middle;
563   -}
564   -
565   -/* Icons for Issue Tracker Radio Buttons */
566   -div.issue_tracker.nested label.label_radio, div.notification_service.nested label.label_radio {
567   - color: #929292;
568   - padding-left: 33px;
569   - margin-bottom: 6px;
570   - margin-right: 8px;
571   - line-height: 30px;
572   -}
573   -div.issue_tracker.nested .choose, div.notification_service.nested .choose {
574   - padding-bottom: 6px;
575   -}
576   -div.issue_tracker.nested label.label_radio:hover, div.notification_service.nested label.label_radio:hover {
577   - color: #696969;
578   -}
579   -div.issue_tracker.nested .label_radio input, div.notification_service.nested .label_radio input {
580   - position: absolute; left: -9999px;
581   -}
582   -
583   -div.issue_tracker.nested label.r_on, div.issue_tracker.nested label.r_on:hover, div.notification_service.nested label.r_on, div.notification_service.nested label.r_on:hover {
584   - color: #191919;
585   -}
586   -
587   -/* Icons need to be preloaded, otherwise it looks bad */
588   -.image_preloader { display: none; }
589   -
590   -/* Apps Table */
591   -table.apps tbody tr:hover td ,table.errs tbody tr:hover td { background-color: #F2F2F2;}
592   -
593   -table.apps td.name, table.errs td.message { width: 100%; }
594   -table.apps td { padding: 16px 20px; }
595   -table.apps th { padding: 10px 20px; }
596   -
597   -table.apps td.issue_tracker, table.apps td.count, table.apps td.deploy {
598   - text-align: center;
599   -}
600   -table.apps td.issue_tracker, table.apps td.count {
601   - padding: 10px 8px;
602   -}
603   -table.apps td.issue_tracker img { vertical-align: top; }
604   -
605   -td.message .line {
606   - display:inline-block;
607   - margin-left:1em;
608   -}
609   -td.deploy {
610   - white-space: nowrap;
611   -}
612   -td.latest {
613   - white-space: nowrap;
614   -}
615   -td.count, td.issue_link {
616   - text-align: center;
617   -}
618   -
619   -.count a {
620   - display: inline-block;
621   - padding: 0.1em 0.7em;
622   - margin-top: 3px;
623   - color: #fff;
624   - background: #cc0033 url(images/error-badge-bg.png) 0 bottom repeat-x;
625   - border: 1px solid #900;
626   - border-radius: 18px;
627   - -moz-border-radius: 18px;
628   - -webkit-border-radius: 18px;
629   - font-weight: bold;
630   - opacity: 0.8;
631   - -moz-opacity: 0.8;
632   - -webkit-opacity: 0.8
633   -}
634   -.count a.resolved {
635   - background: #05B81d url(images/resolved-badge-bg.png) 0 bottom repeat-x;
636   - border: 1px solid #080;
637   -}
638   -.count a:hover {
639   - text-decoration: none;
640   - opacity: 1;
641   - -moz-opacity: 1;
642   - -webkit-opacity: 1;
643   -}
644   -
645   -/* Err Tables */
646   -table.errs td.app {
647   - padding-right: 2em;
648   - width: 20%;
649   -}
650   -table.errs td.app .environment {
651   - font-size: 0.8em;
652   - color: #999;
653   -}
654   -table.errs td.message a {
655   - display: block;
656   - word-wrap: break-word;
657   - /* PjpG - configuration in WHAT & WHERE table's columns using ellipsis to avoid oversizing table's width */
658   - width: 300px;
659   - overflow: hidden;
660   - text-overflow: ellipsis;
661   - -o-text-overflow: ellipsis;
662   - /* ------ */
663   -}
664   -table.errs td.message em {
665   - color: #727272;
666   - font-size: 0.9em;
667   -}
668   -
669   -table.errs tr.resolved td > * {
670   - opacity: 0.5;
671   - -moz-opacity: 0.5;
672   - -webkit-opacity: 0.5;
673   -}
674   -
675   -/* Tally tables */
676   -table.tally {
677   - border:none;
678   -}
679   -table.tally td,
680   -table.tally th {
681   - border:none !important;
682   - background:none !important;
683   - padding:8px 0 0;
684   -}
685   -table.tally tbody tr:first-child td,
686   -table.tally tbody tr:first-child th {
687   - padding-top:0;
688   -}
689   -table.tally td.percent {
690   - padding-right: 10px;
691   -}
692   -table.tally th.value {
693   - width: 100%;
694   - text-transform: none;
695   -}
696   -
697   -/* Deploys table */
698   -table.deploys td.when {
699   - width: 102px;
700   -}
701   -
702   -/* Resolve Errs */
703   -#action-bar a.resolve {
704   - background: transparent url(images/icons/thumbs-up.png) 6px 5px no-repeat;
705   -}
706   -
707   -/* Go Up */
708   -#action-bar a.up {
709   - background: transparent url(images/icons/up.png) 6px 5px no-repeat;
710   -}
711   -
712   -/* Notices Pagination */
713   -.notice-pagination {
714   - float: left;
715   - margin-right: 10px;
716   -}
717   -
718   -.notice-pagination-loader {
719   - visibility: hidden;
720   - float: left;
721   - width: 16px;
722   - height: 16px;
723   - margin-right: 1em;
724   -}
725   -.notice-pagination-loader img {
726   - vertical-align: middle
727   -}
728   -
729   -
730   -/* Backtrace */
731   -.window {
732   - width: 100%;
733   - margin-bottom: 1em;
734   - overflow: auto;
735   - border:1px solid #ccc;
736   - padding:1px;
737   -}
738   -
739   -.window table {
740   - margin: 0;
741   -}
742   -
743   -table.backtrace {
744   - padding: 8px 0;
745   - background-color: #222;
746   -}
747   -
748   -table.backtrace td {
749   - width: 100%;
750   - padding: 0;
751   - margin: 0;
752   - color: #C7C7C7;
753   - background-color: #222;
754   -}
755   -
756   -table.backtrace td, table.backtrace th {
757   - border-top: none;
758   -}
759   -
760   -/* remove alternating color rules */
761   -table.backtrace tr:nth-child(2n+1) td { background-color: #222; }
762   -table.backtrace tr:first-child td { border-top: 0; }
763   -
764   -table.backtrace th.line-numbers {
765   - border-bottom: 1px solid #F0F0F0;
766   - font-size: 13px;
767   - text-align: right;
768   - vertical-align: top;
769   - padding: 1px 6px 1px 7px;
770   -}
771   -
772   -table.backtrace td.line {
773   - font-size: 13px;
774   - padding: 2px 8px;
775   - vertical-align: top;
776   - white-space: nowrap;
777   -}
778   -table.backtrace td.line .file {
779   - font-weight: bold;
780   -}
781   -table.backtrace td.line .method {
782   - color: #aaa;
783   - font-weight: bold;
784   -}
785   -
786   -table.backtrace td.line.in-app {
787   - color: #2adb2e;
788   - background-color: #2f2f2f;
789   -}
790   -table.backtrace td.line.in-app .path,
791   -table.backtrace td.line.in-app .number { color: #2ACB2E; }
792   -table.backtrace td.line.in-app .file { color: #3AFB3E; }
793   -table.backtrace td.line.in-app .method { color: #2ACB2E; }
794   -
795   -table.backtrace td.line.in-app a .path,
796   -table.backtrace td.line.in-app a .number,
797   -table.backtrace td.line.in-app a:hover { color: #21B4FF; }
798   -table.backtrace td.line.in-app a .file { color: #31C4FF; }
799   -
800   -/* External backtrace classes and separators */
801   -table.backtrace tr.hidden_external_backtrace {
802   - display: none;
803   -}
804   -table.backtrace td.backtrace_separator span {
805   - cursor: pointer;
806   - display: inline-block;
807   - font-size: 17px;
808   - font-weight: bold;
809   - padding: 0px 11px 5px;
810   - margin: 4px 0;
811   - background-color: #444444;
812   - border: 1px solid #555555;
813   -}
814   -table.backtrace td.backtrace_separator span:hover {
815   - background-color: #666666;
816   - border: 1px solid #777777;
817   -}
818   -
819   -
820   -
821   -/* Extra empty rows at top and bottom of table */
822   -table.backtrace tr.padding th, table.backtrace tr.padding td {
823   - height: 10px;
824   - margin: 0;
825   - padding: 0;
826   -}
827   -
828   -h3#watchers_toggle, h3#repository_toggle, h3#deploys_toggle {
829   - cursor: pointer;
830   -}
831   -
832   -span.click_span {
833   - font-size: 0.7em;
834   -}
835   -
836   -#deploys_div, #repository_div, #watchers_div {
837   - display: none;
838   -}
839   -
840   -/* Comments */
841   -#content-comments form p {
842   - margin: 30px 0 0 0;
843   - text-transform: uppercase;
844   -}
845   -table.comment tbody th {
846   - text-transform: none;
847   - font-weight: normal;
848   - height: 20px;
849   - line-height: 0.5em;
850   -}
851   -table.comment th span, table.comment th img {
852   - vertical-align: middle;
853   -}
854   -table.comment th span.comment-info {
855   - line-height: 21px;
856   - float: left;
857   -}
858   -table.comment img.gravatar {
859   - margin-right: 7px;
860   - float: left;
861   -}
862   -
863   -table.comment tbody td {
864   - background-color: #F9F9F9;
865   -}
866   -#content-comments a.destroy-comment {
867   - color: #EE0000;
868   - margin-right: 5px;
869   - margin-top: 2px;
870   - font-size: 21px;
871   - line-height: 1;
872   - float: right;
873   -}
874   -#content-comments a.destroy-comment:hover {
875   - text-decoration: none;
876   - color: #AA0000;
877   -}
878   -#content-comments #comment_submit {
879   - margin-top: 15px;
880   -}
881   -/* Inline comments in tables */
882   -table.errs tr td.message .inline_comment {
883   - display: inline-block;
884   - padding: 3px 7px;
885   - margin: 6px 0;
886   - background-color: #DAE5FF;
887   - border: 1px solid #E2E2E2;
888   - text-shadow: 0 1px 0 #FAFAFA;
889   - font-style: normal;
890   -}
891   -table.errs tr:hover td.message .inline_comment {
892   - background-color: #D5E0FA;
893   - border-color: #DBDBDB;
894   - text-shadow: 0 1px 0 #FFFFFF;
895   -}
896   -table.errs tr td.message .inline_comment em {
897   - color: #444;
898   -}
899   -table.errs tr td.message .inline_comment em.commenter {
900   - color: #777;
901   -}
902   -
903   -textarea#comment_body {
904   - width: 420px;
905   - height: 80px;
906   -}
907   -
908   -.current.asc:after { content: ' ↑'; }
909   -.current.desc:after { content: ' ↓'; }
910   -
911   -
912   -table.users td {
913   - vertical-align: middle;
914   -}
915   -table.users td img.gravatar {
916   - vertical-align: middle;
917   - margin-left: 3px;
918   -}
app/assets/stylesheets/errbit.css.erb 0 → 100644
  Diff comments   View file @e6d72ea
... ... @@ -0,0 +1,918 @@
  1 +html {
  2 + margin: 0; padding: 0;
  3 + color: #585858;
  4 + background-color: #e6e6e6;
  5 + font-size: 62.8%; font-family: Helvetica, "Lucida Grande","Lucida Sans",Arial,sans-serif;
  6 +}
  7 +body {
  8 + margin: 0; padding: 0;
  9 + font-size: 1.3em; line-height: 1.4em;
  10 +}
  11 +
  12 +/* Convenience Classes */
  13 +.float-left { float: left; }
  14 +.float-right { float: right; }
  15 +.clear { clear: both; }
  16 +.clear-left { clear: left; }
  17 +.clear-right { clear: right; }
  18 +.nowrap { white-space: nowrap; }
  19 +
  20 +/* Headings */
  21 +h1, h2, h3, h4, h5, h6 { padding: 0.2em 0; margin-bottom: 1em; border-bottom: 1px solid #dedede;}
  22 +h1 { font-size: 2.0em; line-height: 1.2em; text-shadow: 1px 1px 0px #FFF; -webkit-text-shadow: 1px 1px 0px #FFF;}
  23 +h2 { font-size: 1.7em; line-height: 1.2em; }
  24 +h3 { font-size: 1.5em; line-height: 1.2em; }
  25 +h4 { font-size: 1.3em; line-height: 1.2em; }
  26 +h5 { font-size: 1.1em; line-height: 1.2em; }
  27 +h6 { font-size: 0.9em; line-height: 1.2em; }
  28 +
  29 +/* General */
  30 +p { margin-bottom: 1em; }
  31 +
  32 +/* Links */
  33 +a { color: #0069cc; text-decoration: none;}
  34 +a:visited { color: #0069cc;}
  35 +a:hover { color: #0069cc; text-decoration: underline; }
  36 +a.action { float: right; font-size: 0.9em;}
  37 +
  38 +#header > div, #content-wrapper, #footer {
  39 + width: 930px;
  40 + margin: 0 auto;
  41 + position: relative;
  42 +}
  43 +
  44 +/* Header */
  45 +#header {
  46 + margin-bottom: 24px;
  47 + height: 71px;
  48 + border-bottom: 1px solid #fff;
  49 + position:relative;
  50 + background: #000000;
  51 +}
  52 +#header > div {
  53 + height: 71px;
  54 +}
  55 +#header #site-name {
  56 + display: block;
  57 + width: 88px;
  58 + height: 31px;
  59 + position: absolute;
  60 + top: 22px;
  61 + left: 2px;
  62 + background: transparent url(<%= asset_path 'images/logo.png' %>) 0 0 no-repeat;
  63 + text-indent: -5000em;
  64 +}
  65 +
  66 +#header #session-links {
  67 + position: absolute;
  68 + top: 20px;
  69 + right: 0;
  70 + font-size: 0.9em;
  71 +}
  72 +#header #session-links li {
  73 + float: right;
  74 + margin-left: 10px;
  75 + color: #ccc;
  76 + background-color: #1e1e1e;
  77 + border-radius: 30px;
  78 + -moz-border-radius: 30px;
  79 + -webkit-border-radius: 30px;
  80 + border: 1px solid #484B4F;
  81 + font-size: 14px;
  82 +}
  83 +#header #session-links li:hover {
  84 + box-shadow: 0 0 3px #69c;
  85 + -moz-box-shadow: 0 0 3px #69c;
  86 + -webkit-box-shadow: 0 0 3px #69c;
  87 +}
  88 +#header #session-links li:hover a {
  89 + color: white;
  90 +}
  91 +#header #session-links a {
  92 + color: #ccc;
  93 + padding: 0 14px;
  94 + line-height: 30px;
  95 +}
  96 +#header #session-links #sign-out {
  97 + background: transparent url(<%= asset_path "images/icons/bullet-red-sm.png" %>) 12px 50% no-repeat;
  98 + padding-left: 29px;
  99 +}
  100 +#header #session-links a:hover {
  101 + text-decoration: none;
  102 +}
  103 +
  104 +/* Navigation */
  105 +#nav-bar {
  106 + position: absolute;
  107 + bottom: 0;
  108 + left: 172px;
  109 +}
  110 +#nav-bar li {
  111 + float: left;
  112 + height: 34px;
  113 + margin-right: 12px;
  114 + color: #666;
  115 + background-color: #d0d0d0;
  116 + background-image: none;
  117 + border-top-left-radius: 12px;
  118 + border-top-right-radius: 12px;
  119 + -moz-border-top-left-radius: 12px;
  120 + -moz-border-top-right-radius: 12px;
  121 + -webkit-border-top-left-radius: 12px;
  122 + -webkit-border-top-right-radius: 12px;
  123 + border: 1px solid #bbb;
  124 +}
  125 +#nav-bar li.active {
  126 + border-color: #fff;
  127 + background: #FFF url(<%= asset_path "images/button-bg.png" %>) 0 -2px repeat-x;
  128 + border-width:1px 1px 0;
  129 + margin-bottom:-2px;
  130 + height: 37px;
  131 +}
  132 +#nav-bar li.active a {
  133 + color: #333;
  134 +}
  135 +
  136 +#nav-bar li a {
  137 + color: #666;
  138 + display: block;
  139 + padding: 0 20px 0 40px;
  140 + font-size: 14px;
  141 + font-weight: bold;
  142 + line-height: 37px;
  143 + text-decoration: none;
  144 + text-shadow: 1px 1px 0px #FFF;
  145 + -webkit-text-shadow: 1px 1px 0px #FFF;
  146 + background: transparent 10px 6px no-repeat;
  147 +}
  148 +#nav-bar li a:hover { color: #666;}
  149 +#nav-bar li.apps a { background-image: url(<%= asset_path "images/icons/briefcase.png" %>); }
  150 +#nav-bar li.errs a { background-image: url(<%= asset_path "images/icons/error.png" %>); }
  151 +#nav-bar li.users a { background-image: url(<%= asset_path "images/icons/user.png" %>); }
  152 +#nav-bar li:not(.active):hover {
  153 + box-shadow: 0 0 3px #69c;
  154 + -moz-box-shadow: 0 0 3px #69c;
  155 + -webkit-box-shadow: 0 0 3px #69c;
  156 +}
  157 +
  158 +/* Content Wrapper */
  159 +#content-wrapper {
  160 + border: 1px solid #C6C6C6;
  161 +}
  162 +
  163 +/* Content Title and Comments */
  164 +#content-title, #content-comments {
  165 + padding: 30px 24px;
  166 + border-top: 1px solid #FFF;
  167 + border-bottom: 1px solid #FFF;
  168 + background-color: #f2f2f2;
  169 +}
  170 +
  171 +/* Make err title bar bigger to fit more buttons */
  172 +#content-title.err_show {
  173 + padding: 43px 24px 37px;
  174 +}
  175 +
  176 +#content-title.err_show.resolved{
  177 + background-color: #90EE90;
  178 +}
  179 +
  180 +#content-comments {
  181 + background-color: #ffffff;
  182 +}
  183 +#content-title h1, #content-comments h3 {
  184 + padding: 0; margin: 0;
  185 + width: 85%;
  186 + border: none;
  187 + color: #636363;
  188 + font-size: 2em; line-height: 1em; font-weight: bold; font-family: arial, sans-serif;
  189 + word-wrap: break-word;
  190 +}
  191 +#content-comments h3 {
  192 + font-size: 1.5em;
  193 + margin-bottom: 14px;
  194 +}
  195 +
  196 +#content-title .meta { font-size: 0.9em; color: #787878; }
  197 +
  198 +/* Action Bar */
  199 +#action-bar {
  200 + position: absolute;
  201 + text-align: right;
  202 + top: 22px; right: 24px;
  203 +}
  204 +#action-bar span {
  205 + display: inline-block;
  206 + margin-left: 18px;
  207 + margin-bottom: 16px;
  208 + text-decoration: none;
  209 + color: #666;
  210 + background: #FFF url(<%= asset_path "images/button-bg.png" %>) 0 bottom repeat-x;
  211 + border-radius: 50px;
  212 + -moz-border-radius: 50px;
  213 + -webkit-border-radius: 50px;
  214 + border: 1px solid #bbb;
  215 +}
  216 +#action-bar span a {
  217 + color: #666;
  218 + display: block;
  219 + padding: 0 20px 0 40px;
  220 + font-size: 14px; font-weight: bold; line-height: 39px; text-decoration: none;
  221 + text-shadow: 1px 1px 0px #FFF; -webkit-text-shadow: 1px 1px 0px #FFF;
  222 + background: transparent 10px 8px no-repeat;
  223 +}
  224 +#action-bar a:hover { text-decoration: none;}
  225 +#action-bar span:hover {
  226 + box-shadow: 0 0 3px #69c;
  227 + -moz-box-shadow: 0 0 3px #69c;
  228 + -webkit-box-shadow: 0 0 3px #69c;
  229 +}
  230 +#action-bar a.add {
  231 + background-image: url(<%= asset_path "images/icons/add.png" %>);
  232 +}
  233 +
  234 +#action-bar .calendar_link {
  235 + background: url(<%= asset_path "images/icons/ical.png" %>) no-repeat scroll 12px 6px transparent;
  236 + padding-left: 47px;
  237 +}
  238 +
  239 +#action-bar span.github a { background: url(<%= asset_path "images/icons/github.png" %>) no-repeat 6px 5px; }
  240 +#action-bar span.unlink_github a { background: url(<%= asset_path "images/icons/unlink_github.png" %>) no-repeat 6px 5px; }
  241 +
  242 +/* Content */
  243 +#content {
  244 + padding: 20px; border-top: 1px solid #C6C6C6;
  245 + background-color: #FFF;
  246 +}
  247 +
  248 +#content a.button {
  249 + float: right;
  250 + display: block;
  251 + margin-bottom: 10px;
  252 +}
  253 +
  254 +/* Footer */
  255 +#footer {
  256 + padding: 20px 0;
  257 + font-size: 0.8em; text-align: center;
  258 + color: #929292;
  259 +}
  260 +
  261 +/* Flash Messages */
  262 +#flash-messages li {
  263 + padding: 13px 45px;
  264 + margin-bottom:25px;
  265 + border: 1px solid #C6C6C6;
  266 + background-color: #F9F9F9;
  267 + line-height: 1em;
  268 +}
  269 +#flash-messages li.notice {
  270 + padding-left: 20px;
  271 + background-color: #b5eeff;
  272 + border: 1px solid #6cf;
  273 +}
  274 +#flash-messages li.success {
  275 + background: #cfc url(<%= asset_path "images/icons/success.png" %>) 16px 50% no-repeat;
  276 + border: 1px solid #6c3;
  277 +}
  278 +#flash-messages li.error {
  279 + background: #fcc url(<%= asset_path "images/icons/error.png" %>) 16px 50% no-repeat;
  280 + border: 1px solid #f99;
  281 +}
  282 +#flash-messages .alert {
  283 + background: #ffc url(<%= asset_path "images/icons/warning.png" %>) 10px 7px no-repeat;
  284 + border-color: #e4bb69;
  285 +}
  286 +
  287 +/* Forms */
  288 +form#new_user,
  289 +form.edit_user,
  290 +form#new_app,
  291 +form.edit_app {
  292 + width: 620px;
  293 +}
  294 +form > div, form fieldset > div { margin: 1em 0;}
  295 +form fieldset {
  296 + padding: 0.8em; margin-bottom: 1em;
  297 + background-color: #F0F0F0; border: 1px solid #C6C6C6; border-left: none; border-right: none;
  298 +}
  299 +form fieldset legend {
  300 + font-size: 1.2em; font-weight: bold; text-transform: uppercase;
  301 + color: #555;
  302 +}
  303 +form label {
  304 + font-weight: bold; text-transform: uppercase; line-height: 1.6em;
  305 + display: inline-block;
  306 +}
  307 +form label.inline { display: inline; }
  308 +form .checkbox label { display: inline; }
  309 +form .required label { padding-right: 20px; background: transparent url(<%= asset_path "images/icons/required.png" %>) right 50% no-repeat; }
  310 +form .field_with_errors label { color: #900; }
  311 +form input[type=text], form input[type=password], form input[type=email] {
  312 + width: 96%; padding: 0.8em;
  313 + font-size: 1em;
  314 + color: #787878; border: 1px solid #C6C6C6;
  315 +}
  316 +form textarea {
  317 + width: 100%; padding: 0.8em;
  318 + font-size: inherit; font-family: inherit;
  319 + color: #787878; border: 1px solid #C6C6C6;
  320 +}
  321 +form textarea.short { height: 8em; }
  322 +form textarea.supershort { height: 4em; }
  323 +form input[type=text]:focus, form input[type=password]:focus, form input[type=email]:focus, form textarea:focus {
  324 + box-shadow: 0px 0px 4px #69C;
  325 + -moz-box-shadow: 0px 0px 4px #69C;
  326 + -webkit-box-shadow: 0px 0px 4px #69C
  327 +}
  328 +form input[type=checkbox]:focus + label{
  329 + color: #69C;
  330 +}
  331 +form input[type=submit] {
  332 + display:block; width: auto; padding: 0.5em;
  333 + font-size: 1.2em; line-height: 1em; text-transform: uppercase;
  334 + border: none; color: #FFF; background-color: #387fc1;
  335 + cursor: pointer;
  336 +}
  337 +form input[type=submit].button {
  338 + font-size: 1em;
  339 + text-transform: none;
  340 +}
  341 +form div.buttons {
  342 + color: #666;
  343 + background: #FFF url(<%= asset_path "images/button-bg.png" %>) 0 bottom repeat-x;
  344 + border-radius: 50px;
  345 + -moz-border-radius: 50px;
  346 + -webkit-border-radius: 50px;
  347 + border: 1px solid #bbb;
  348 + display: inline-block;
  349 +}
  350 +form div.buttons:hover {
  351 + color: #666;
  352 + box-shadow: 0 0 3px #69c;
  353 + -moz-box-shadow: 0 0 3px #69c;
  354 + -webkit-box-shadow: 0 0 3px #69c;
  355 +}
  356 +form div.buttons input, form div.buttons button {
  357 + padding: 0 20px;
  358 + color: #666;
  359 + background: none;
  360 + display: inline-block;
  361 + height: 36px;
  362 + font-size: 14px; font-weight: bold; line-height: 36px; text-decoration: none;
  363 + text-shadow: 1px 1px 0px #FFF;
  364 + -moz-text-shadow: 1px 1px 0px #FFF;
  365 + -webkit-text-shadow: 1px 1px 0px #FFF;
  366 + border: none;
  367 +}
  368 +form div.buttons button.sign_in {
  369 + padding-left: 40px;
  370 + background: transparent url(<%= asset_path "images/icons/right-arrow.png" %>) 3px 3px no-repeat;
  371 +}
  372 +form strong.option {
  373 + display: block;
  374 + margin: 0.7em 0;
  375 + color: #999;
  376 +}
  377 +
  378 +form .nested {
  379 + border-top: 1px dotted #BBB;
  380 + margin-top: 1.5em;
  381 + padding-top: 1.5em;
  382 +}
  383 +
  384 +form legend + .nested {
  385 + border: none;
  386 + margin-top: 0;
  387 + padding-top: 0;
  388 +}
  389 +
  390 +form .error-messages {
  391 + padding: 13px;
  392 + background: #fcc;
  393 + border: 1px solid #f99;
  394 +}
  395 +
  396 +form .error-messages h2 {
  397 + font-size: 1.2em;
  398 + border-color: #F99;
  399 +}
  400 +form .error-messages ul {
  401 + margin-left: 2em;
  402 + list-style-type: square;
  403 +}
  404 +
  405 +form .field-helpertext {
  406 + display: inline;
  407 +}
  408 +
  409 +form input#app_email_at_notices {
  410 + width: 130px;
  411 + margin: 0 5px;
  412 +}
  413 +
  414 +
  415 +/* Tables */
  416 +table {
  417 + width: 100%;
  418 + border: 1px solid #C6C6C6;
  419 + margin-bottom: 1.5em;
  420 + border-collapse: separate;
  421 +}
  422 +table thead th {
  423 + border-top: 1px solid #FFF;
  424 + border-bottom: 1px solid #FFF;
  425 +}
  426 +table th, table td {
  427 + border-top: 1px solid #C6C6C6;
  428 + padding: 10px 8px;
  429 + text-align: left;
  430 +}
  431 +table tbody tr:first-child th, table tbody tr:first-child td {
  432 + border-top: none;
  433 +}
  434 +table thead + tbody tr:first-child td {
  435 + border-top: 1px solid #C6C6C6;
  436 +}
  437 +table th { background-color: #ececec; font-weight: bold; text-transform: uppercase; white-space: nowrap; }
  438 +table tbody tr:nth-child(odd) td { background-color: #F9F9F9; }
  439 +table .main { width: 100%; }
  440 +
  441 +table.single_user {
  442 + border-top: none;
  443 +}
  444 +
  445 +.raw_data {
  446 + width: 100%;
  447 + color: #f0f0f0;
  448 + background-color: #222;
  449 + overflow: auto;
  450 +}
  451 +
  452 +/* Code */
  453 +pre {
  454 + padding: 0.8em;
  455 + margin-bottom: 1em;
  456 + font-family: monaco, courier, monospace;
  457 + font-size: 1.1em;
  458 +}
  459 +
  460 +/* HTML Styling */
  461 +.html { padding-left: 1em; border-left: 2px solid #C6C6C6;}
  462 +.html h1, .html h2, .html h3, .html h4, .html h5, .html h6 {
  463 + border: none;
  464 +}
  465 +.html ul, .html ol { margin-left: 2em; margin-bottom: 1em; }
  466 +.html ul li { margin-bottom: 0.5em; list-style: disc; }
  467 +.html ol li { margin-bottom: 0.5em; list-style: decimal; }
  468 +
  469 +/* Pagination */
  470 +.pagination {
  471 + margin: 0 0 25px;
  472 + font-size: 17px;
  473 + text-align: center;
  474 +}
  475 +.pagination em {
  476 + font-style: normal;
  477 + font-weight: bold;
  478 +}
  479 +
  480 +
  481 +/* Buttons */
  482 +input[type="submit"].button,
  483 +a.button {
  484 + display: inline-block;
  485 + padding: 0 0.8em;
  486 + margin-left: 0.5em;
  487 + color: #666;
  488 + background-color: #dadada;
  489 + border: 1px solid #BBB;
  490 + border-radius: 30px;
  491 + -moz-border-radius: 30px;
  492 + -webkit-border-radius: 30px;
  493 + line-height: 30px;
  494 + min-width: 54px;
  495 + text-align: center;
  496 + text-shadow: 0 1px 0 #fff;
  497 +}
  498 +input[type="submit"]:hover.button,
  499 +a:hover.button {
  500 + box-shadow: 0px 0px 4px #bfbfbf;
  501 + -moz-box-shadow: 0px 0px 4px #bfbfbf;
  502 + -webkit-box-shadow: 0px 0px 4px #bfbfbf;
  503 + text-decoration: none;
  504 + background-color: #e5e5e5;
  505 +}
  506 +a.button.active {
  507 + border-color: #fff;
  508 + background-color: #CCC;
  509 + background-image: none;
  510 +}
  511 +
  512 +
  513 +/* Tab Bar */
  514 +.tab-bar {
  515 + margin-top: 12px;
  516 +}
  517 +#content .tab-bar a.button {
  518 + border-bottom:0;
  519 + margin-bottom:0;
  520 + border-top-left-radius:12px;
  521 + border-top-right-radius:12px;
  522 + border-bottom-left-radius:0;
  523 + border-bottom-right-radius:0;
  524 + height:30px;
  525 +}
  526 +#content .tab-bar a.button.active {
  527 + background: #FFF;
  528 + color: #444;
  529 + border-color:#ccc;
  530 + border-style:solid;
  531 + border-width:1px 1px 0;
  532 + margin-bottom:-1px;
  533 + height:31px;
  534 +}
  535 +.tab-bar ul {
  536 + padding: 9px 0 0;
  537 + line-height:0;
  538 +}
  539 +.tab-bar li {
  540 + display: inline-block;
  541 +}
  542 +
  543 +/* Watchers / Issue Tracker / Notification Forms */
  544 +div.watcher.nested .watcher_params, div.issue_tracker.nested .tracker_params, div.notification_service.nested .notification_params {
  545 + display: none;
  546 +}
  547 +
  548 +div.nested .chosen {
  549 + display: block !important;
  550 +}
  551 +div.nested .choose {
  552 + margin-bottom: 0.5em;
  553 +}
  554 +
  555 +div.issue_tracker.nested .choose, div.notification_service.nested .choose {
  556 + background-color: #ebebeb;
  557 + border: 1px solid #dddddd;
  558 + margin: 0 0 15px;
  559 + padding: 12px;
  560 +}
  561 +div.issue_tracker.nested img, div.notification_service.nested img {
  562 + vertical-align: middle;
  563 +}
  564 +
  565 +/* Icons for Issue Tracker Radio Buttons */
  566 +div.issue_tracker.nested label.label_radio, div.notification_service.nested label.label_radio {
  567 + color: #929292;
  568 + padding-left: 33px;
  569 + margin-bottom: 6px;
  570 + margin-right: 8px;
  571 + line-height: 30px;
  572 +}
  573 +div.issue_tracker.nested .choose, div.notification_service.nested .choose {
  574 + padding-bottom: 6px;
  575 +}
  576 +div.issue_tracker.nested label.label_radio:hover, div.notification_service.nested label.label_radio:hover {
  577 + color: #696969;
  578 +}
  579 +div.issue_tracker.nested .label_radio input, div.notification_service.nested .label_radio input {
  580 + position: absolute; left: -9999px;
  581 +}
  582 +
  583 +div.issue_tracker.nested label.r_on, div.issue_tracker.nested label.r_on:hover, div.notification_service.nested label.r_on, div.notification_service.nested label.r_on:hover {
  584 + color: #191919;
  585 +}
  586 +
  587 +/* Icons need to be preloaded, otherwise it looks bad */
  588 +.image_preloader { display: none; }
  589 +
  590 +/* Apps Table */
  591 +table.apps tbody tr:hover td ,table.errs tbody tr:hover td { background-color: #F2F2F2;}
  592 +
  593 +table.apps td.name, table.errs td.message { width: 100%; }
  594 +table.apps td { padding: 16px 20px; }
  595 +table.apps th { padding: 10px 20px; }
  596 +
  597 +table.apps td.issue_tracker, table.apps td.count, table.apps td.deploy {
  598 + text-align: center;
  599 +}
  600 +table.apps td.issue_tracker, table.apps td.count {
  601 + padding: 10px 8px;
  602 +}
  603 +table.apps td.issue_tracker img { vertical-align: top; }
  604 +
  605 +td.message .line {
  606 + display:inline-block;
  607 + margin-left:1em;
  608 +}
  609 +td.deploy {
  610 + white-space: nowrap;
  611 +}
  612 +td.latest {
  613 + white-space: nowrap;
  614 +}
  615 +td.count, td.issue_link {
  616 + text-align: center;
  617 +}
  618 +
  619 +.count a {
  620 + display: inline-block;
  621 + padding: 0.1em 0.7em;
  622 + margin-top: 3px;
  623 + color: #fff;
  624 + background: #cc0033 url(<%= asset_path "images/error-badge-bg.png" %>) 0 bottom repeat-x;
  625 + border: 1px solid #900;
  626 + border-radius: 18px;
  627 + -moz-border-radius: 18px;
  628 + -webkit-border-radius: 18px;
  629 + font-weight: bold;
  630 + opacity: 0.8;
  631 + -moz-opacity: 0.8;
  632 + -webkit-opacity: 0.8
  633 +}
  634 +.count a.resolved {
  635 + background: #05B81d url(<%= asset_path "images/resolved-badge-bg.png" %>) 0 bottom repeat-x;
  636 + border: 1px solid #080;
  637 +}
  638 +.count a:hover {
  639 + text-decoration: none;
  640 + opacity: 1;
  641 + -moz-opacity: 1;
  642 + -webkit-opacity: 1;
  643 +}
  644 +
  645 +/* Err Tables */
  646 +table.errs td.app {
  647 + padding-right: 2em;
  648 + width: 20%;
  649 +}
  650 +table.errs td.app .environment {
  651 + font-size: 0.8em;
  652 + color: #999;
  653 +}
  654 +table.errs td.message a {
  655 + display: block;
  656 + word-wrap: break-word;
  657 + /* PjpG - configuration in WHAT & WHERE table's columns using ellipsis to avoid oversizing table's width */
  658 + width: 300px;
  659 + overflow: hidden;
  660 + text-overflow: ellipsis;
  661 + -o-text-overflow: ellipsis;
  662 + /* ------ */
  663 +}
  664 +table.errs td.message em {
  665 + color: #727272;
  666 + font-size: 0.9em;
  667 +}
  668 +
  669 +table.errs tr.resolved td > * {
  670 + opacity: 0.5;
  671 + -moz-opacity: 0.5;
  672 + -webkit-opacity: 0.5;
  673 +}
  674 +
  675 +/* Tally tables */
  676 +table.tally {
  677 + border:none;
  678 +}
  679 +table.tally td,
  680 +table.tally th {
  681 + border:none !important;
  682 + background:none !important;
  683 + padding:8px 0 0;
  684 +}
  685 +table.tally tbody tr:first-child td,
  686 +table.tally tbody tr:first-child th {
  687 + padding-top:0;
  688 +}
  689 +table.tally td.percent {
  690 + padding-right: 10px;
  691 +}
  692 +table.tally th.value {
  693 + width: 100%;
  694 + text-transform: none;
  695 +}
  696 +
  697 +/* Deploys table */
  698 +table.deploys td.when {
  699 + width: 102px;
  700 +}
  701 +
  702 +/* Resolve Errs */
  703 +#action-bar a.resolve {
  704 + background: transparent url(<%= asset_path "images/icons/thumbs-up.png" %>) 6px 5px no-repeat;
  705 +}
  706 +
  707 +/* Go Up */
  708 +#action-bar a.up {
  709 + background: transparent url(<%= asset_path "images/icons/up.png" %>) 6px 5px no-repeat;
  710 +}
  711 +
  712 +/* Notices Pagination */
  713 +.notice-pagination {
  714 + float: left;
  715 + margin-right: 10px;
  716 +}
  717 +
  718 +.notice-pagination-loader {
  719 + visibility: hidden;
  720 + float: left;
  721 + width: 16px;
  722 + height: 16px;
  723 + margin-right: 1em;
  724 +}
  725 +.notice-pagination-loader img {
  726 + vertical-align: middle
  727 +}
  728 +
  729 +
  730 +/* Backtrace */
  731 +.window {
  732 + width: 100%;
  733 + margin-bottom: 1em;
  734 + overflow: auto;
  735 + border:1px solid #ccc;
  736 + padding:1px;
  737 +}
  738 +
  739 +.window table {
  740 + margin: 0;
  741 +}
  742 +
  743 +table.backtrace {
  744 + padding: 8px 0;
  745 + background-color: #222;
  746 +}
  747 +
  748 +table.backtrace td {
  749 + width: 100%;
  750 + padding: 0;
  751 + margin: 0;
  752 + color: #C7C7C7;
  753 + background-color: #222;
  754 +}
  755 +
  756 +table.backtrace td, table.backtrace th {
  757 + border-top: none;
  758 +}
  759 +
  760 +/* remove alternating color rules */
  761 +table.backtrace tr:nth-child(2n+1) td { background-color: #222; }
  762 +table.backtrace tr:first-child td { border-top: 0; }
  763 +
  764 +table.backtrace th.line-numbers {
  765 + border-bottom: 1px solid #F0F0F0;
  766 + font-size: 13px;
  767 + text-align: right;
  768 + vertical-align: top;
  769 + padding: 1px 6px 1px 7px;
  770 +}
  771 +
  772 +table.backtrace td.line {
  773 + font-size: 13px;
  774 + padding: 2px 8px;
  775 + vertical-align: top;
  776 + white-space: nowrap;
  777 +}
  778 +table.backtrace td.line .file {
  779 + font-weight: bold;
  780 +}
  781 +table.backtrace td.line .method {
  782 + color: #aaa;
  783 + font-weight: bold;
  784 +}
  785 +
  786 +table.backtrace td.line.in-app {
  787 + color: #2adb2e;
  788 + background-color: #2f2f2f;
  789 +}
  790 +table.backtrace td.line.in-app .path,
  791 +table.backtrace td.line.in-app .number { color: #2ACB2E; }
  792 +table.backtrace td.line.in-app .file { color: #3AFB3E; }
  793 +table.backtrace td.line.in-app .method { color: #2ACB2E; }
  794 +
  795 +table.backtrace td.line.in-app a .path,
  796 +table.backtrace td.line.in-app a .number,
  797 +table.backtrace td.line.in-app a:hover { color: #21B4FF; }
  798 +table.backtrace td.line.in-app a .file { color: #31C4FF; }
  799 +
  800 +/* External backtrace classes and separators */
  801 +table.backtrace tr.hidden_external_backtrace {
  802 + display: none;
  803 +}
  804 +table.backtrace td.backtrace_separator span {
  805 + cursor: pointer;
  806 + display: inline-block;
  807 + font-size: 17px;
  808 + font-weight: bold;
  809 + padding: 0px 11px 5px;
  810 + margin: 4px 0;
  811 + background-color: #444444;
  812 + border: 1px solid #555555;
  813 +}
  814 +table.backtrace td.backtrace_separator span:hover {
  815 + background-color: #666666;
  816 + border: 1px solid #777777;
  817 +}
  818 +
  819 +
  820 +
  821 +/* Extra empty rows at top and bottom of table */
  822 +table.backtrace tr.padding th, table.backtrace tr.padding td {
  823 + height: 10px;
  824 + margin: 0;
  825 + padding: 0;
  826 +}
  827 +
  828 +h3#watchers_toggle, h3#repository_toggle, h3#deploys_toggle {
  829 + cursor: pointer;
  830 +}
  831 +
  832 +span.click_span {
  833 + font-size: 0.7em;
  834 +}
  835 +
  836 +#deploys_div, #repository_div, #watchers_div {
  837 + display: none;
  838 +}
  839 +
  840 +/* Comments */
  841 +#content-comments form p {
  842 + margin: 30px 0 0 0;
  843 + text-transform: uppercase;
  844 +}
  845 +table.comment tbody th {
  846 + text-transform: none;
  847 + font-weight: normal;
  848 + height: 20px;
  849 + line-height: 0.5em;
  850 +}
  851 +table.comment th span, table.comment th img {
  852 + vertical-align: middle;
  853 +}
  854 +table.comment th span.comment-info {
  855 + line-height: 21px;
  856 + float: left;
  857 +}
  858 +table.comment img.gravatar {
  859 + margin-right: 7px;
  860 + float: left;
  861 +}
  862 +
  863 +table.comment tbody td {
  864 + background-color: #F9F9F9;
  865 +}
  866 +#content-comments a.destroy-comment {
  867 + color: #EE0000;
  868 + margin-right: 5px;
  869 + margin-top: 2px;
  870 + font-size: 21px;
  871 + line-height: 1;
  872 + float: right;
  873 +}
  874 +#content-comments a.destroy-comment:hover {
  875 + text-decoration: none;
  876 + color: #AA0000;
  877 +}
  878 +#content-comments #comment_submit {
  879 + margin-top: 15px;
  880 +}
  881 +/* Inline comments in tables */
  882 +table.errs tr td.message .inline_comment {
  883 + display: inline-block;
  884 + padding: 3px 7px;
  885 + margin: 6px 0;
  886 + background-color: #DAE5FF;
  887 + border: 1px solid #E2E2E2;
  888 + text-shadow: 0 1px 0 #FAFAFA;
  889 + font-style: normal;
  890 +}
  891 +table.errs tr:hover td.message .inline_comment {
  892 + background-color: #D5E0FA;
  893 + border-color: #DBDBDB;
  894 + text-shadow: 0 1px 0 #FFFFFF;
  895 +}
  896 +table.errs tr td.message .inline_comment em {
  897 + color: #444;
  898 +}
  899 +table.errs tr td.message .inline_comment em.commenter {
  900 + color: #777;
  901 +}
  902 +
  903 +textarea#comment_body {
  904 + width: 420px;
  905 + height: 80px;
  906 +}
  907 +
  908 +.current.asc:after { content: ' ↑'; }
  909 +.current.desc:after { content: ' ↓'; }
  910 +
  911 +
  912 +table.users td {
  913 + vertical-align: middle;
  914 +}
  915 +table.users td img.gravatar {
  916 + vertical-align: middle;
  917 + margin-left: 3px;
  918 +}
... ...
app/assets/stylesheets/issue_tracker_icons.css.erb
  Diff comments   View file @e6d72ea
... ... @@ -3,16 +3,16 @@
3 3  
4 4 <% trackers.each do |tracker| %>
5 5 div.issue_tracker.nested label.<%= tracker %> {
6   - background: url(<%= tracker %>_inactive.png) no-repeat;
  6 + background: url(<%= asset_path "#{ tracker }_inactive.png" %>) no-repeat;
7 7 }
8 8 div.issue_tracker.nested label.r_on.<%= tracker %> {
9   - background: url(<%= tracker %>_create.png) no-repeat;
  9 + background: url(<%= asset_path "#{ tracker }_create.png" %>) no-repeat;
10 10 }
11 11 #action-bar a.<%= tracker %>_create {
12   - background: transparent url(<%= tracker %>_create.png) 6px 5px no-repeat;
  12 + background: transparent url(<%= asset_path "#{ tracker }_create.png" %>) 6px 5px no-repeat;
13 13 }
14 14 #action-bar a.<%= tracker %>_goto {
15   - background: transparent url(<%= tracker %>_goto.png) 6px 5px no-repeat;
  15 + background: transparent url(<%= asset_path "#{ tracker }_goto.png" %>) 6px 5px no-repeat;
16 16 }
17 17 <% end %>
18 18  
... ...
app/assets/stylesheets/jquery.alerts.css
View file @9a4dd08
... ... @@ -1,57 +0,0 @@
1   -#popup_container {
2   - font-family: Arial, sans-serif;
3   - font-size: 12px;
4   - min-width: 300px; /* Dialog will be no smaller than this */
5   - max-width: 600px; /* Dialog will wrap after this width */
6   - background: #FFF;
7   - border: solid 5px #999;
8   - color: #000;
9   - -moz-border-radius: 5px;
10   - -webkit-border-radius: 5px;
11   - border-radius: 5px;
12   -}
13   -
14   -#popup_title {
15   - font-size: 14px;
16   - font-weight: bold;
17   - text-align: center;
18   - line-height: 1.75em;
19   - color: #666;
20   - background: #CCC url(alerts/title.gif) top repeat-x;
21   - border: solid 1px #FFF;
22   - border-bottom: solid 1px #999;
23   - cursor: default;
24   - padding: 0em;
25   - margin: 0em;
26   -}
27   -
28   -#popup_content {
29   - background: 16px 16px no-repeat url(alerts/info.gif);
30   - padding: 1em 1.75em;
31   - margin: 0em;
32   -}
33   -
34   -#popup_content.alert {
35   - background-image: url(alerts/info.gif);
36   -}
37   -
38   -#popup_content.confirm {
39   - background-image: url(alerts/important.gif);
40   -}
41   -
42   -#popup_content.prompt {
43   - background-image: url(alerts/help.gif);
44   -}
45   -
46   -#popup_message {
47   - padding-left: 48px;
48   -}
49   -
50   -#popup_panel {
51   - text-align: center;
52   - margin: 1em 0em 0em 1em;
53   -}
54   -
55   -#popup_prompt {
56   - margin: .5em 0em;
57   -}
58 0 \ No newline at end of file
app/assets/stylesheets/jquery.alerts.css.erb 0 → 100644
  Diff comments   View file @e6d72ea
... ... @@ -0,0 +1,57 @@
  1 +#popup_container {
  2 + font-family: Arial, sans-serif;
  3 + font-size: 12px;
  4 + min-width: 300px; /* Dialog will be no smaller than this */
  5 + max-width: 600px; /* Dialog will wrap after this width */
  6 + background: #FFF;
  7 + border: solid 5px #999;
  8 + color: #000;
  9 + -moz-border-radius: 5px;
  10 + -webkit-border-radius: 5px;
  11 + border-radius: 5px;
  12 +}
  13 +
  14 +#popup_title {
  15 + font-size: 14px;
  16 + font-weight: bold;
  17 + text-align: center;
  18 + line-height: 1.75em;
  19 + color: #666;
  20 + background: #CCC url(<%= asset_path "alerts/title.gif" %>) top repeat-x;
  21 + border: solid 1px #FFF;
  22 + border-bottom: solid 1px #999;
  23 + cursor: default;
  24 + padding: 0em;
  25 + margin: 0em;
  26 +}
  27 +
  28 +#popup_content {
  29 + background: 16px 16px no-repeat url(<%= asset_path "alerts/info.gif" %>);
  30 + padding: 1em 1.75em;
  31 + margin: 0em;
  32 +}
  33 +
  34 +#popup_content.alert {
  35 + background-image: url(<%= asset_path "alerts/info.gif" %>);
  36 +}
  37 +
  38 +#popup_content.confirm {
  39 + background-image: url(<%= asset_path "alerts/important.gif" %>);
  40 +}
  41 +
  42 +#popup_content.prompt {
  43 + background-image: url(<%= asset_path "alerts/help.gif" %>);
  44 +}
  45 +
  46 +#popup_message {
  47 + padding-left: 48px;
  48 +}
  49 +
  50 +#popup_panel {
  51 + text-align: center;
  52 + margin: 1em 0em 0em 1em;
  53 +}
  54 +
  55 +#popup_prompt {
  56 + margin: .5em 0em;
  57 +}
... ...
app/assets/stylesheets/notification_service_icons.css.erb
  Diff comments   View file @e6d72ea
... ... @@ -3,16 +3,16 @@
3 3  
4 4 <% notification_services.each do |notification_service| %>
5 5 div.notification_service.nested label.<%= notification_service %> {
6   - background: url(<%= notification_service %>_inactive.png) no-repeat;
  6 + background: url(<%= asset_path "#{ notification_service }_inactive.png" %>) no-repeat;
7 7 }
8 8 div.notification_service.nested label.r_on.<%= notification_service %> {
9   - background: url(<%= notification_service %>_create.png) no-repeat;
  9 + background: url(<%= asset_path "#{ notification_service }_create.png" %>) no-repeat;
10 10 }
11 11 #action-bar a.<%= notification_service %>_create {
12   - background: transparent url(<%= notification_service %>_create.png) 6px 5px no-repeat;
  12 + background: transparent url(<%= asset_path "#{ notification_service }_create.png" %>) 6px 5px no-repeat;
13 13 }
14 14 #action-bar a.<%= notification_service %>_goto {
15   - background: transparent url(<%= notification_service %>_goto.png) 6px 5px no-repeat;
  15 + background: transparent url(<%= asset_path "#{ notification_service }_goto.png" %>) 6px 5px no-repeat;
16 16 }
17 17 <% end %>
18 18  
... ...