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,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 @@ @@ -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,16 +3,16 @@
3 3
4 <% trackers.each do |tracker| %> 4 <% trackers.each do |tracker| %>
5 div.issue_tracker.nested label.<%= tracker %> { 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 div.issue_tracker.nested label.r_on.<%= tracker %> { 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 #action-bar a.<%= tracker %>_create { 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 #action-bar a.<%= tracker %>_goto { 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 <% end %> 17 <% end %>
18 18
app/assets/stylesheets/jquery.alerts.css
View file @9a4dd08
@@ -1,57 +0,0 @@ @@ -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 \ No newline at end of file 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 @@ @@ -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,16 +3,16 @@
3 3
4 <% notification_services.each do |notification_service| %> 4 <% notification_services.each do |notification_service| %>
5 div.notification_service.nested label.<%= notification_service %> { 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 div.notification_service.nested label.r_on.<%= notification_service %> { 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 #action-bar a.<%= notification_service %>_create { 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 #action-bar a.<%= notification_service %>_goto { 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 <% end %> 17 <% end %>
18 18