qfq-bs.css.less 13.7 KB
Newer Older
1
2
3
4
@spinner : url(data:image/gif;base64,R0lGODlhEAAQAKIAAP///9bW1szMzL29vXt7e3Nzc2ZmZv4BAiH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAHACwAAAAAEAAQAAADPAi6QRQrymJMkcwFatuLXOFt1bWEYBmNq6awGDCicUhjIYzBwTBAmc9CQBSkLJGiYKZi+EgdV60ZCwIjCQAh+QQFBwAHACwAAAYABgAIAAADE3gz1/LCwaYYbYTQYkxpnEdlRwIAIfkEBQcABwAsAAACAAYACAAAAxN4OqMnUKgoVzuEuGJMUZznZE4CACH5BAUHAAcALAIAAAAIAAYAAAMUeKozqyKKQ8iRohhTTjsa91DWkwAAIfkEBQcABwAsBgAAAAgABgAAAxR4RNddxhR3oDxjtHWEF9QHUtmRAAAh+QQFBwAHACwKAAIABgAIAAADFHhE12WmOCjbaviMgYUXzQc225EAACH5BAUHAAcALAoABgAGAAgAAAMTeEqkV8YUBaVjagwnulDel21KAgAh+QQFBwAHACwGAAoACAAGAAADFHiqRKvFmHLGOHGKLU47XPdYz5EAADs=);

@alert_container_id : #qfqAlertContainer;
@spinner_class : spinner;
5
@CodeMirror_border_color: #ccc;
6
7

@{alert_container_id} {
8
  position: fixed;
Rafael Ostertag's avatar
Rafael Ostertag committed
9
10
11
  top: 0;
  left: 0;
  width: 100%;
12
  z-index: 1000;
13
14

  .alert {
15
16
    padding: 30px;
    border-radius: 0px;
17
    margin-bottom: 2px;
18
19
20
    border-top: none;
    border-left: none;
    border-right: none;
21
  }
Benjamin Baer's avatar
Benjamin Baer committed
22

Carsten  Rose's avatar
Carsten Rose committed
23
  .alert + .alert {
Benjamin Baer's avatar
Benjamin Baer committed
24
25
    margin-top: -2px;
  }
Rafael Ostertag's avatar
Rafael Ostertag committed
26
27
}

28
29
30
31
32
33
34
i.@{spinner_class} {
  display: inline-block;
  background: @spinner no-repeat;
  //height: image-height(@spinner);
  //width: image-width(@spinner);
  height: 16px;
  width: 16px;
35
36
}

37
38
39
40
.alert-buttons {
  margin-top: 10px;
}

41
/* inline elements in horizontal mode are too much left */
42
43
44
45
46
47
.form-horizontal {
  .form-inline {
    .form-group {
      margin: 0;
    }
  }
Rafael Ostertag's avatar
Rafael Ostertag committed
48

49
50
  /* reduce unwished padding-top offset */
  .checkbox {
51
    padding-top: 7px;
52
  }
53

54
  .checkbox-inline {
55
    padding-top: 7px;
Benjamin Baer's avatar
Benjamin Baer committed
56
    padding-right: 12px;
57
    margin-top: 0;
58
59
  }

Benjamin Baer's avatar
Benjamin Baer committed
60
61
62
63
  .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
    margin-left: 0;
  }

64
  .radio {
65
    padding-top: 7px;
66
67
68
  }

  .radio-inline {
69
    padding-top: 7px;
Benjamin Baer's avatar
Benjamin Baer committed
70
71
    margin-top: 0;
    padding-right: 12px;
72
73
74
75
76
  }

  input[type=file] {
    display: inline;
  }
77
78
}

79
80
// select:invalid: Dropdown with 'emptyItemAtStart' and required are grey on form load.
select.qfq-locked:invalid {
81
82
83
  color: #a0a0a0;
}

84
85
86
87
88
.form-inline {
  .control-label {
    font-weight: normal;
  }
}
89

90
91
92
93
.lower-canvas {
  background-color: #fff;
}

94
//.form-group.required.control-label:before{
Benjamin Baer's avatar
Benjamin Baer committed
95
//  color: red;/home/a/bbaer/PhpstormProjects/uzh_cd_template
96
97
98
99
100
//  content: "*";
//  position: absolute;
//  margin-left: -10px;
//}

101
.required-right:after {
102
103
  color: #d00;
  content: "*";
104
  //position: absolute;
105
  margin-left: 3px;
106
  //top: 10px;
107
108
}

109
110
111
112
113
114
115
116
.required-left:before {
  color: #d00;
  content: "*";
  //position: absolute;
  margin-right: 3px;
  //top: 10px;
}

117
118
119
120
121
122
123
124
125
126
.qfq-table-50 {
  min-width: 50%;
  width: auto;
}

.qfq-table-80 {
  min-width: 80%;
  width: auto;
}

127
128
129
130
131
.qfq-table-100 {
  min-width: 100%;
  width: auto;
}

132
.qfq-fieldset {
133
134
  margin-top: 5px;
  margin-bottom: 15px;
135
136
}

Benjamin Baer's avatar
Benjamin Baer committed
137

138
.qfq-form-pill {
Benjamin Baer's avatar
Benjamin Baer committed
139
  /*
140
  border-top-right-radius: 4px;
Benjamin Baer's avatar
Benjamin Baer committed
141
142
143
  border-top-left-radius: 4px; */
  border: 1px solid #ccc;
  border-top: none;
144
145
}

Benjamin Baer's avatar
Benjamin Baer committed
146

147
148
149
150
151
.qfq-form-body {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
Benjamin Baer's avatar
Benjamin Baer committed
152
153
  border: 1px solid #ccc;
  border-top: none;
154
155
156
157
158
159
160
161
162
}

/* adjust BS padding of input elements: center */
.form-group {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0;
}

163
164
165
166
167
/* adjust BS padding: Filename (=Text) of the uploaded file should be on the same base line as the label text left of it. */
.uploaded-file {
  padding-top: 4px;
}

Benjamin Baer's avatar
Benjamin Baer committed
168
.qfq-subrecord-table {
169
  margin-top: -5px;
170
171
  min-width: 100%;
  width: auto;
Benjamin Baer's avatar
Benjamin Baer committed
172
173
}

174
.qfq-form-title {
Benjamin Baer's avatar
Benjamin Baer committed
175
  border: 1px solid #ccc;
176
  border-radius: 4px 4px 0 0;
Benjamin Baer's avatar
Benjamin Baer committed
177
178
  background-image: linear-gradient(to bottom, #fefefe 0, #dedede 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
179
  min-height: 45px;
Benjamin Baer's avatar
Benjamin Baer committed
180
  font-size: 1.2em;
181
  padding: 13px 15px;
Benjamin Baer's avatar
Benjamin Baer committed
182
183
184
  font-weight: bold;
}

Benjamin Baer's avatar
Benjamin Baer committed
185
186
187
188
.qfq-table-button-width {
  width: 44px;
}

Benjamin Baer's avatar
Benjamin Baer committed
189
190
191
192
193
194
.qfq-comment-marker {
  position: absolute;
  right: 22px;
  z-index: 2;
}

Benjamin Baer's avatar
Benjamin Baer committed
195
196
197
198
.nav-pills>li>a {
  border-radius: 0;
}

199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
.qfq-color-white {
  background-color: #ffffff;
}

.qfq-color-grey-1 {
  background-color: #dedede;
}

.qfq-color-grey-2 {
  background-color: #ededed;
}

.qfq-color-blue-1 {
  background-color: #d2dded;
}

.qfq-color-blue-2 {
Benjamin Baer's avatar
Benjamin Baer committed
216
  background-color: #e2eeff;
217
218
219
220
221
222
}

.qfq-form-right .qfq-label {
  text-align: right;
  padding-right: 0;
}
223

224
225
226
.qfq-child-margin-top + .qfq-child-margin-top {
  margin-top: 15px;
}
227
228

.qfq-note {
229
  padding-top: 2px;
230
}
231

232
233
234
235
.control-label .small, .control-label small {
  font-weight: normal;
}

Benjamin Baer's avatar
Benjamin Baer committed
236
// Fabric Plugin classes
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253

.qfq-fabric-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  min-height: 41px;
  z-index: 100;
  border: 1px solid #ccc;
  background-color: #ededed;
  padding: 5px;
}

.qfq-fabric-bar .btn {
  padding: 3px 8px;
}

Benjamin Baer's avatar
Benjamin Baer committed
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
.fabric-text {
  width: 100%;
  height: 80px;
}

#text-bg-submit {
  background-color: #ccc;
  height: 24px;
  border: none;
}

.text-bg-toggle {
  width: 24px;
  height: 24px;
  background-size: contain;
  border: none;
}

272
.color-picker {
273
  margin-top: 2px;
274
275
}

Carsten  Rose's avatar
Carsten Rose committed
276
.color-picker > button {
277
278
279
280
281
282
283
284
285
286
287
288
  margin-right: 2px;
}

.qfq-fabric-image {
  display: none;
}

// Emoji

.emoji {
  display: inline-block;
  border: none;
289
  /*background-color: #fff;*/
290
291
292
293
294
  width: 32px;
  height: 32px;
  margin: 5px;
}

Benjamin Baer's avatar
Benjamin Baer committed
295

296
297
298
299
300
// typeAhead Input: Default Bootstrap column width
.twitter-typeahead {
  display: block !important;
}

301
302
.qfq-cc-style {
  font-size: 0.8em;
303
  color: #777;
Carsten  Rose's avatar
Carsten Rose committed
304
305
306
307
308
  //position: relative;
  //top: -24px;
  //right: 10px;
  //text-align: right;
  //display: block;
309
310
}

311
// TypeAhead Suggestions
312
313
314
315
316
317
318
319
.tt-menu {
  background-color: #fff;
  border-left: 1px solid #66afe9;
  border-right: 1px solid #66afe9;
  border-bottom: 1px solid #66afe9;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  width: 100%;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: unset;
  }
}

.tt-suggestion {
  cursor: pointer;
  cursor: hand;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 6px;
  padding-top: 12px;
337
338
339
}

.tt-suggestion + .tt-suggestion {
340
341
342
343
344
  padding-top: 6px;
}

.tt-suggestion:hover {
  background-color: rgba(102, 175, 233, .6);
345
}
346

347
348
349
350
// Workaround as long as rendering of notes can't be specific.
.qfq-note-no-padding {
  margin-top: -7px;
}
351

352
353
354
355
356
357
358
359
// Mit BB anschauen wie man die NOTE Felder formatiert
//
//.text-input {
//  padding-top: 7px;
//}
//
//.text-note {
//  padding-top: 7px;
360
361
362
363
364
//}

.CodeMirror {
  border: 1px solid @CodeMirror_border_color;
  border-radius: 4px;
Carsten  Rose's avatar
Carsten Rose committed
365
366
367
}

//}
Carsten  Rose's avatar
Carsten Rose committed
368

Benjamin Baer's avatar
Benjamin Baer committed
369
370
371
372
373
374
375
376
377
378
379
380
381
382
/* classes for toggleable note mockup, bb */
.qfq-icon-inside {
  position: relative;
  top: -22px;
  left: calc(100% - 26px);
}

.qfq-margin-top {
  margin-top: 10px;
}

/* spinning icons */

.text-large-with-margin {
383
384
  font-size: 92px;
  line-height: normal;
Benjamin Baer's avatar
Benjamin Baer committed
385
386
387
  margin: 0.4em;
}

388
389
390
391
392
393
.qfq-icon-gear {
  height: 190px;
  width: 190px;
  margin: 1em;
}

Benjamin Baer's avatar
Benjamin Baer committed
394
.glyphicon-spin {
395
396
  -webkit-animation: spin 2350ms infinite linear;
  animation: spin 2350ms infinite linear;
Benjamin Baer's avatar
Benjamin Baer committed
397
}
Carsten  Rose's avatar
Carsten Rose committed
398

Benjamin Baer's avatar
Benjamin Baer committed
399
400
401
402
403
404
405
406
407
408
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
Carsten  Rose's avatar
Carsten Rose committed
409

Benjamin Baer's avatar
Benjamin Baer committed
410
411
412
413
414
415
416
417
418
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
419
420
}

421
.noclick {
422
  pointer-events: none;
423
}
424

425
426
// Buttons: full width
.qfq-100 {
427
  width: 100%;
428
429
430
431
}

// Buttons: text left aligned
.qfq-left {
432
  text-align: left;
Benjamin Baer's avatar
Benjamin Baer committed
433
434
435
}

.alert-interactive {
436
  position: fixed;
Benjamin Baer's avatar
Benjamin Baer committed
437
438
439
440
  display: box;
  left: 50%;
  transform: translate(-50%,0);
  top: 200px;
441
  max-height: 60%;
Benjamin Baer's avatar
Benjamin Baer committed
442
443
  padding: 20px;
  color: #d0d0d0;
444
445
  min-width: 24%;
  max-width: 90%;
Benjamin Baer's avatar
Benjamin Baer committed
446
447
  border-left: 5px solid;
  background-color: #333;
448
449
  overflow-y: auto;
  overflow-x: hidden;
Benjamin Baer's avatar
Benjamin Baer committed
450
451
}

Benjamin Baer's avatar
Benjamin Baer committed
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
.alert-side > p.body {
  margin: 0px;
  overflow: hidden;
  white-space: nowrap;
}

.alert-side {
  position: fixed;
  display: box;
  right: 0px;
  top: 20px;
  padding: 20px;
  color: #d0d0d0;
  border-left: 5px solid;
  background-color: #333;
467
  z-index: 10000; /* Always on top */
Benjamin Baer's avatar
Benjamin Baer committed
468
469
}

Benjamin Baer's avatar
Benjamin Baer committed
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
.border-success {
  border-color: #5cb85c;
}

.border-error {
  border-color: #fb4f4f;
}

.border-warning {
  border-color: #fbb64f;
}

.border-info {
  border-color: #25adf1;
}

.alert-interactive p.title {
  font-size: 1.5em;
  margin-bottom: 0px;
}

.alert-interactive p.buttons {
  margin-top: 20px;
  text-align: center;
Benjamin Baer's avatar
Benjamin Baer committed
494
495
}

Benjamin Baer's avatar
Benjamin Baer committed
496

Benjamin Baer's avatar
Benjamin Baer committed
497
498
499
// Code Correction

.codeCorrectionWrap {
500
  border: 1px solid #ccc;
Benjamin Baer's avatar
Benjamin Baer committed
501
  border-top: unset;
Benjamin Baer's avatar
Benjamin Baer committed
502
  margin-bottom: 10px;
Benjamin Baer's avatar
Benjamin Baer committed
503
504
}

Benjamin Baer's avatar
Benjamin Baer committed
505
506
507
508
509
510
511
512
.qfqCodeCorrectionTitle {
  border: 1px solid #ccc;
  border-radius: 10px 10px 0 0;
  background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
  height: 40px;
};

Benjamin Baer's avatar
Benjamin Baer committed
513
.qfqLineCount {
514
  user-select: none;
Benjamin Baer's avatar
Benjamin Baer committed
515
  width: 50px;
516
  height: 100%;
Benjamin Baer's avatar
Benjamin Baer committed
517
  text-align: right;
518
519
520
521
522
523
524
525
526
527
  border-right: 1px solid #ccc;
  padding-right: 10px;
  line-height: 23px;
  background-color: #efefef;
}

.qfqCode  {
  width: ~"calc(100% - 50px)";
  min-height: 23px;
  padding-left: 15px;
Benjamin Baer's avatar
Benjamin Baer committed
528
  padding-right: 15px;
529
530
531
  text-align: left;
  font-size: 1.2em;
  font-family: monospace;
Benjamin Baer's avatar
Benjamin Baer committed
532
  word-break: break-word;
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
}

.qfqCodeLine {
  background-color: #fff;
}

.qfqCodeLine:hover {
  background-color: #efefef;
}

.qfqCodeLine:hover .qfqLineCount {
  background-color: #b9def0;
  border-color: #9acfea;
  color: #31708f;
}

.qfqCommentContainer {
  color: #333;
  height: 100%;
Benjamin Baer's avatar
Benjamin Baer committed
552
  padding-bottom: 20px;
Benjamin Baer's avatar
Benjamin Baer committed
553
554
}

Benjamin Baer's avatar
Benjamin Baer committed
555
556
557
558
.qfqComment {
  display: grid;
  position: relative;
  grid-template-columns: 110px auto;
Benjamin Baer's avatar
Benjamin Baer committed
559
  grid-template-rows: 30px auto;
Benjamin Baer's avatar
Benjamin Baer committed
560
  margin: 10px;
561
  margin-top: 20px;
Benjamin Baer's avatar
Benjamin Baer committed
562
563
564
}

.qfqCommentAvatar {
565
  background-color: #fff;
Benjamin Baer's avatar
Benjamin Baer committed
566
567
568
  grid-column: 1;
  grid-row-start: 1;
  grid-row-end: 2;
Benjamin Baer's avatar
Benjamin Baer committed
569
  align-self: start;
Benjamin Baer's avatar
Benjamin Baer committed
570
  width: 100px;
571
  height: 120px;
Benjamin Baer's avatar
Benjamin Baer committed
572
  border: 1px solid #ccc;
573
  padding: 4px;
574
  padding-bottom: 20px;
575
  /*transform: rotate(20deg);*/
Benjamin Baer's avatar
Benjamin Baer committed
576
577
578
579
}

.qfqCommentAuthor {
  position: absolute;
580
581
  top: 10px;
  left: 10px;
582
  font-weight: bold;
Benjamin Baer's avatar
Benjamin Baer committed
583
584
585
}

.qfqCommentText {
Benjamin Baer's avatar
Benjamin Baer committed
586
  position: relative;
Benjamin Baer's avatar
Benjamin Baer committed
587
  grid-column: 2;
Benjamin Baer's avatar
Benjamin Baer committed
588
  grid-row: 2;
Benjamin Baer's avatar
Benjamin Baer committed
589
590
  background-color: #fff;
  width: 100%;
Benjamin Baer's avatar
Benjamin Baer committed
591
592
  min-height: 90px;
  height: 100%;
593
  padding: 10px;
Benjamin Baer's avatar
Benjamin Baer committed
594
  padding-bottom: 25px;
Benjamin Baer's avatar
Benjamin Baer committed
595
596
597
598
599
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 5px 5px;
}

Benjamin Baer's avatar
Benjamin Baer committed
600
601
602
603
604
605
606
607
608
.qfqCommentCommands {
  position: absolute;
  bottom: 5px;
  right: 15px;
  width: 100%;
  color: #ccc;
  text-align: right;
}

609
.qfqCommentCommand {
Benjamin Baer's avatar
Benjamin Baer committed
610
  cursor: pointer;
611
  margin-left: 9px;
Benjamin Baer's avatar
Benjamin Baer committed
612
613
}

614
.qfqCommentCommand:hover {
Benjamin Baer's avatar
Benjamin Baer committed
615
616
617
  color: #9acfea;
}

Benjamin Baer's avatar
Benjamin Baer committed
618
619
620
621
622
.qfqCommentTopLine {
  position: relative;
  grid-row: 1;
  grid-column: 2;
  border: 1px solid #ccc;
623
  border-bottom: none;
Benjamin Baer's avatar
Benjamin Baer committed
624
625
626
627
628
629
  border-radius: 5px 5px 0 0;
  background-color: #fff;
}

.qfqCommentDateTime {
  position: absolute;
630
631
  right: 10px;
  top: 10px;
Benjamin Baer's avatar
Benjamin Baer committed
632
633
634
635
  color: grey;
  font-size: 0.8em;
}

636
637
638
639
640
641
642
.qfqEditorContainer {
  display: grid;
  position: relative;
  width: 100%;
  grid-template-columns: auto 110px;
  grid-template-rows: auto;
  margin: 20px 10px 10px;
Benjamin Baer's avatar
Benjamin Baer committed
643
644
}

645
.qfqEditor {
646
647
  z-index: 1;
  position: relative;
648
649
650
  grid-column: 1;
  width: 100%;
  min-height: 100px;
651
652
653
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
654
655
  padding: 10px;
  padding-left: 40px;
656
657
658
659
660
661
}

.qfqEditorControls {
  grid-column: 2;
  width: 100%;
  padding-left: 10px;
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
}

.qfqCodeElement {
  display: block;
  background: #333;
  color: #eee;
  margin: 10px;
  padding: 15px;
  border-left: 2px solid #5cb85c;
}

.qfqEditor ul {
  margin: 10px;
}

.qfqEditorControl {
  z-index: 5;
  cursor: pointer;
  color: #ccc;
  position: absolute;
  left: 10px;
}

.qfqEditorControl:hover {
  color: #9acfea;
}

.qfqCodeAdd {
  top: 10px;
}

.qfqCodeList {
  top: 35px;
Benjamin Baer's avatar
Benjamin Baer committed
695
696
697
698
699
700
701
702
703
704
705
706
707
}

.qfqSyntaxDoc {
  color: #888;
}

.qfqSyntaxWord {
  font-weight: bold;
  color: #31708f;
}

.qfqSyntaxData {
  color: #5cb85c;
Benjamin Baer's avatar
Benjamin Baer committed
708
}
Benjamin Baer's avatar
Benjamin Baer committed
709

710
711
.qfqDropTarget {
  height: 50px;
Benjamin Baer's avatar
Benjamin Baer committed
712
  margin: 0;
713
714
715
716
717
  border: 1px dashed #ccc;
}

.qfqTargetDisplay {
  border: 1px dashed #25adf1;
718
719
}

720
721
722
723
span.qfq-more-text {
  display: none
}

724
725
726
727
// Droplets

.qfq-droplet-container {
  position: absolute;
728
  border-radius: 6px;
729
730
731
732
733
734
735
736
737
738
739
740
741
742
  padding: 15px;
}

.qfq-droplet-container:before {
  content: ' ';
  position: absolute;
  left: 10px;
  top: -10px;
  border: 5px solid;
}

.qfq-droplet-container:after {
  content: ' ';
  position: absolute;
743
  left: 20px;
744
745
  top: -10px;
  border: 5px solid;
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
}

.qfq-droplet-grey {
  border: 2px solid #ccc;
  background-image: linear-gradient(to bottom,#f0f0f0 0,#e0e0e0 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.qfq-droplet-container.qfq-droplet-grey:after {
  border-color: transparent transparent #ccc #ccc;
}

.qfq-droplet-container.qfq-droplet-grey:before {
  border-color: transparent #ccc #ccc transparent;
}

.qfq-droplet-blue {
  border: 2px solid #25adf1;
  background-image: linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);
}

.qfq-droplet-container.qfq-droplet-blue:after {
768
  border-color: transparent transparent #25adf1 #25adf1;
769
770
771
772
}

.qfq-droplet-container.qfq-droplet-blue:before {
  border-color: transparent #25adf1 #25adf1 transparent;
773
774
775
776
}

.qfq-wavy-underline {
  background: url('../icons/wavy-underline.gif') bottom repeat-x
Benjamin Baer's avatar
Benjamin Baer committed
777
778
}

779
legend {
780
  margin-bottom: 0;
Benjamin Baer's avatar
Benjamin Baer committed
781
782
  margin-top: 15px;
  padding-bottom: 5px;
783
  font-size: 17px;
784
785
}

Benjamin Baer's avatar
Benjamin Baer committed
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
/* glyphicon functions */
.icon-flipped {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.icon-spin {
  display: block;
}

.icon-spin:hover {
  -webkit-animation: spin 850ms 1 ease-in;
  animation: spin 850ms 1 ease-in;
}

.icon-spin-reverse {
  display: block;
}

.icon-spin-reverse:hover {
  -webkit-animation: spin-reverse 850ms 1 ease-in;
  animation: spin-reverse 850ms 1 ease-in;
}

@keyframes spin-reverse {
  0% {
    transform: scaleX(-1) rotate(-360deg);
  }
  100% {
    transform: scaleX(-1) rotate(0deg);
  }
Carsten  Rose's avatar
Carsten Rose committed
819
820
821
822
823
824
825
826
827
828
829
830
}

thead.sticky th, thead.sticky td {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 9999;
}

thead.sticky td {
  top: 49px;
}