Subversion-Projekte lars-tiefland.laravel_shop

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
148 lars 1
body {
2
  font: 12px "Helvetica Neue", helvetica, arial, sans-serif;
3
  color: #131313;
4
  background: #eeeeee;
5
  padding:0;
6
  margin: 0;
7
  max-height: 100%;
8
 
9
  text-rendering: optimizeLegibility;
10
}
11
  a {
12
    text-decoration: none;
13
  }
14
 
15
.Whoops.container {
16
    position: relative;
17
    z-index: 9999999999;
18
}
19
 
20
.panel {
21
    overflow-y: scroll;
22
    height: 100%;
23
    position: fixed;
24
    margin: 0;
25
    left: 0;
26
    top: 0;
27
}
28
 
29
.branding {
30
  position: absolute;
31
  top: 10px;
32
  right: 20px;
33
  color: #777777;
34
  font-size: 10px;
35
    z-index: 100;
36
}
37
  .branding a {
38
    color: #e95353;
39
  }
40
 
41
header {
42
  color: white;
43
  box-sizing: border-box;
44
  background-color: #2a2a2a;
45
  padding: 35px 40px;
46
  max-height: 180px;
47
  overflow: hidden;
48
  transition: 0.5s;
49
}
50
 
51
  header.header-expand {
52
    max-height: 1000px;
53
  }
54
 
55
  .exc-title {
56
    margin: 0;
57
    color: #bebebe;
58
    font-size: 14px;
59
  }
60
    .exc-title-primary, .exc-title-secondary {
61
      color: #e95353;
62
    }
63
 
64
    .exc-message {
65
      font-size: 20px;
66
      word-wrap: break-word;
67
      margin: 4px 0 0 0;
68
      color: white;
69
    }
70
      .exc-message span {
71
        display: block;
72
      }
73
      .exc-message-empty-notice {
74
        color: #a29d9d;
75
        font-weight: 300;
76
      }
77
 
78
.prev-exc-title {
79
  margin: 10px 0;
80
}
81
 
82
.prev-exc-title + ul {
83
  margin: 0;
84
  padding: 0 0 0 20px;
85
  line-height: 12px;
86
}
87
 
88
.prev-exc-title + ul li {
89
  font: 12px "Helvetica Neue", helvetica, arial, sans-serif;
90
}
91
 
92
.prev-exc-title + ul li .prev-exc-code {
93
  display: inline-block;
94
  color: #bebebe;
95
}
96
 
97
.details-container {
98
  left: 30%;
99
  width: 70%;
100
  background: #fafafa;
101
}
102
  .details {
103
    padding: 5px;
104
  }
105
 
106
    .details-heading {
107
      color: #4288CE;
108
      font-weight: 300;
109
      padding-bottom: 10px;
110
      margin-bottom: 10px;
111
      border-bottom: 1px solid rgba(0, 0, 0, .1);
112
    }
113
 
114
    .details pre.sf-dump {
115
      white-space: pre;
116
      word-wrap: inherit;
117
    }
118
 
119
    .details pre.sf-dump,
120
    .details pre.sf-dump .sf-dump-num,
121
    .details pre.sf-dump .sf-dump-const,
122
    .details pre.sf-dump .sf-dump-str,
123
    .details pre.sf-dump .sf-dump-note,
124
    .details pre.sf-dump .sf-dump-ref,
125
    .details pre.sf-dump .sf-dump-public,
126
    .details pre.sf-dump .sf-dump-protected,
127
    .details pre.sf-dump .sf-dump-private,
128
    .details pre.sf-dump .sf-dump-meta,
129
    .details pre.sf-dump .sf-dump-key,
130
    .details pre.sf-dump .sf-dump-index {
131
      color: #463C54;
132
    }
133
 
134
.left-panel {
135
  width: 30%;
136
  background: #ded8d8;
137
}
138
 
139
  .frames-description {
140
    background: rgba(0, 0, 0, .05);
141
    padding: 8px 15px;
142
    color: #a29d9d;
143
    font-size: 11px;
144
  }
145
 
146
  .frames-description.frames-description-application {
147
    text-align: center;
148
    font-size: 12px;
149
  }
150
  .frames-container.frames-container-application .frame:not(.frame-application) {
151
    display: none;
152
  }
153
 
154
  .frames-tab {
155
    color: #a29d9d;
156
    display: inline-block;
157
    padding: 4px 8px;
158
    margin: 0 2px;
159
    border-radius: 3px;
160
  }
161
 
162
  .frames-tab.frames-tab-active {
163
    background-color: #2a2a2a;
164
    color: #bebebe;
165
  }
166
 
167
  .frame {
168
    padding: 14px;
169
    cursor: pointer;
170
    transition: all 0.1s ease;
171
    background: #eeeeee;
172
  }
173
    .frame:not(:last-child) {
174
      border-bottom: 1px solid rgba(0, 0, 0, .05);
175
    }
176
 
177
    .frame.active {
178
      box-shadow: inset -5px 0 0 0 #4288CE;
179
      color: #4288CE;
180
    }
181
 
182
    .frame:not(.active):hover {
183
      background: #BEE9EA;
184
    }
185
 
186
    .frame-method-info {
187
      margin-bottom: 10px;
188
    }
189
 
190
    .frame-class, .frame-function, .frame-index {
191
      font-size: 14px;
192
    }
193
 
194
    .frame-index {
195
      float: left;
196
    }
197
 
198
    .frame-method-info {
199
      margin-left: 24px;
200
    }
201
 
202
    .frame-index {
203
      font-size: 11px;
204
      color: #a29d9d;
205
      background-color: rgba(0, 0, 0, .05);
206
      height: 18px;
207
      width: 18px;
208
      line-height: 18px;
209
      border-radius: 5px;
210
      padding: 0 1px 0 1px;
211
      text-align: center;
212
      display: inline-block;
213
    }
214
 
215
    .frame-application .frame-index {
216
      background-color: #2a2a2a;
217
      color: #bebebe;
218
    }
219
 
220
    .frame-file {
221
      font-family: "Inconsolata", "Fira Mono", "Source Code Pro", Monaco, Consolas, "Lucida Console", monospace;
222
      color: #a29d9d;
223
    }
224
 
225
      .frame-file .editor-link {
226
        color: #a29d9d;
227
      }
228
 
229
    .frame-line {
230
      font-weight: bold;
231
    }
232
 
233
    .frame-line:before {
234
      content: ":";
235
    }
236
 
237
    .frame-code {
238
      padding: 5px;
239
      background: #303030;
240
      display: none;
241
    }
242
 
243
    .frame-code.active {
244
      display: block;
245
    }
246
 
247
    .frame-code .frame-file {
248
      color: #a29d9d;
249
      padding: 12px 6px;
250
 
251
      border-bottom: none;
252
    }
253
 
254
    .code-block {
255
      padding: 10px;
256
      margin: 0;
257
      border-radius: 6px;
258
      box-shadow: 0 3px 0 rgba(0, 0, 0, .05),
259
 
260
                  inset 0 0 1px 0 rgba(255, 255, 255, .07);
261
      -moz-tab-size: 4;
262
      -o-tab-size: 4;
263
      tab-size: 4;
264
    }
265
 
266
    .linenums {
267
      margin: 0;
268
      margin-left: 10px;
269
    }
270
 
271
    .frame-comments {
272
      border-top: none;
273
      margin-top: 15px;
274
 
275
      font-size: 12px;
276
    }
277
 
278
    .frame-comments.empty {
279
    }
280
 
281
    .frame-comments.empty:before {
282
      content: "No comments for this stack frame.";
283
      font-weight: 300;
284
      color: #a29d9d;
285
    }
286
 
287
    .frame-comment {
288
      padding: 10px;
289
      color: #e3e3e3;
290
      border-radius: 6px;
291
      background-color: rgba(255, 255, 255, .05);
292
    }
293
      .frame-comment a {
294
        font-weight: bold;
295
        text-decoration: none;
296
      }
297
        .frame-comment a:hover {
298
          color: #4bb1b1;
299
        }
300
 
301
    .frame-comment:not(:last-child) {
302
      border-bottom: 1px dotted rgba(0, 0, 0, .3);
303
    }
304
 
305
    .frame-comment-context {
306
      font-size: 10px;
307
      color: white;
308
    }
309
 
310
.delimiter {
311
  display: inline-block;
312
}
313
 
314
.data-table-container label {
315
  font-size: 16px;
316
  color: #303030;
317
  font-weight: bold;
318
  margin: 10px 0;
319
 
320
  display: block;
321
 
322
  margin-bottom: 5px;
323
  padding-bottom: 5px;
324
}
325
  .data-table {
326
    width: 100%;
327
    margin-bottom: 10px;
328
  }
329
 
330
  .data-table tbody {
331
    font: 13px "Inconsolata", "Fira Mono", "Source Code Pro", Monaco, Consolas, "Lucida Console", monospace;
332
  }
333
 
334
  .data-table thead {
335
    display: none;
336
  }
337
 
338
  .data-table tr {
339
    padding: 5px 0;
340
  }
341
 
342
  .data-table td:first-child {
343
    width: 20%;
344
    min-width: 130px;
345
    overflow: hidden;
346
    font-weight: bold;
347
    color: #463C54;
348
    padding-right: 5px;
349
 
350
  }
351
 
352
  .data-table td:last-child {
353
    width: 80%;
354
    -ms-word-break: break-all;
355
    word-break: break-all;
356
    word-break: break-word;
357
    -webkit-hyphens: auto;
358
    -moz-hyphens: auto;
359
    hyphens: auto;
360
  }
361
 
362
  .data-table span.empty {
363
    color: rgba(0, 0, 0, .3);
364
    font-weight: 300;
365
  }
366
  .data-table label.empty {
367
    display: inline;
368
  }
369
 
370
.handler {
371
  padding: 4px 0;
372
  font: 14px "Inconsolata", "Fira Mono", "Source Code Pro", Monaco, Consolas, "Lucida Console", monospace;
373
}
374
 
375
#plain-exception {
376
  display: none;
377
}
378
 
379
.rightButton {
380
  cursor: pointer;
381
  border: 0;
382
  opacity: .8;
383
  background: none;
384
 
385
  color: rgba(255, 255, 255, 0.1);
386
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
387
 
388
  border-radius: 3px;
389
 
390
  outline: none !important;
391
}
392
 
393
  .rightButton:hover {
394
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
395
    color: rgba(255, 255, 255, 0.3);
396
  }
397
 
398
/* inspired by githubs kbd styles */
399
kbd {
400
  -moz-border-bottom-colors: none;
401
  -moz-border-left-colors: none;
402
  -moz-border-right-colors: none;
403
  -moz-border-top-colors: none;
404
  background-color: #fcfcfc;
405
  border-color: #ccc #ccc #bbb;
406
  border-image: none;
407
  border-style: solid;
408
  border-width: 1px;
409
  color: #555;
410
  display: inline-block;
411
  font-size: 11px;
412
  line-height: 10px;
413
  padding: 3px 5px;
414
  vertical-align: middle;
415
}
416
 
417
 
418
/* == Media queries */
419
 
420
/* Expand the spacing in the details section */
421
@media (min-width: 1000px) {
422
  .details, .frame-code {
423
    padding: 20px 40px;
424
  }
425
 
426
  .details-container {
427
    left: 32%;
428
    width: 68%;
429
  }
430
 
431
  .frames-container {
432
    margin: 5px;
433
  }
434
 
435
  .left-panel {
436
    width: 32%;
437
  }
438
}
439
 
440
/* Stack panels */
441
@media (max-width: 600px) {
442
  .panel {
443
    position: static;
444
    width: 100%;
445
  }
446
}
447
 
448
/* Stack details tables */
449
@media (max-width: 400px) {
450
  .data-table,
451
  .data-table tbody,
452
  .data-table tbody tr,
453
  .data-table tbody td {
454
    display: block;
455
    width: 100%;
456
  }
457
 
458
    .data-table tbody tr:first-child {
459
      padding-top: 0;
460
    }
461
 
462
      .data-table tbody td:first-child,
463
      .data-table tbody td:last-child {
464
        padding-left: 0;
465
        padding-right: 0;
466
      }
467
 
468
      .data-table tbody td:last-child {
469
        padding-top: 3px;
470
      }
471
}
472
 
473
.tooltipped {
474
  position: relative
475
}
476
.tooltipped:after {
477
  position: absolute;
478
  z-index: 1000000;
479
  display: none;
480
  padding: 5px 8px;
481
  color: #fff;
482
  text-align: center;
483
  text-decoration: none;
484
  text-shadow: none;
485
  text-transform: none;
486
  letter-spacing: normal;
487
  word-wrap: break-word;
488
  white-space: pre;
489
  pointer-events: none;
490
  content: attr(aria-label);
491
  background: rgba(0, 0, 0, 0.8);
492
  border-radius: 3px;
493
  -webkit-font-smoothing: subpixel-antialiased
494
}
495
.tooltipped:before {
496
  position: absolute;
497
  z-index: 1000001;
498
  display: none;
499
  width: 0;
500
  height: 0;
501
  color: rgba(0, 0, 0, 0.8);
502
  pointer-events: none;
503
  content: "";
504
  border: 5px solid transparent
505
}
506
.tooltipped:hover:before,
507
.tooltipped:hover:after,
508
.tooltipped:active:before,
509
.tooltipped:active:after,
510
.tooltipped:focus:before,
511
.tooltipped:focus:after {
512
  display: inline-block;
513
  text-decoration: none
514
}
515
.tooltipped-s:after {
516
  top: 100%;
517
  right: 50%;
518
  margin-top: 5px
519
}
520
.tooltipped-s:before {
521
  top: auto;
522
  right: 50%;
523
  bottom: -5px;
524
  margin-right: -5px;
525
  border-bottom-color: rgba(0, 0, 0, 0.8)
526
}
527
 
528
pre.sf-dump {
529
  padding: 0px !important;
530
  margin: 0px !important;
531
}
532
 
533
.search-for-help {
534
  width: 85%;
535
  padding: 0;
536
  margin: 10px 0;
537
  list-style-type: none;
538
  display: inline-block;
539
}
540
  .search-for-help li {
541
    display: inline-block;
542
    margin-right: 5px;
543
  }
544
  .search-for-help li:last-child {
545
    margin-right: 0;
546
  }
547
    .search-for-help li a {
548
 
549
    }
550
      .search-for-help li a i {
551
        width: 16px;
552
        height: 16px;
553
        overflow: hidden;
554
        display: block;
555
      }
556
      .search-for-help li a svg {
557
        fill: #fff;
558
      }
559
      .search-for-help li a svg path {
560
        background-size: contain;
561
      }