qfq-bs.css.less 13.5 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
  }
bbaer's avatar
bbaer committed
22

Carsten  Rose's avatar
Carsten Rose committed
23
  .alert + .alert {
bbaer's avatar
bbaer 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;
bbaer's avatar
bbaer committed
56
    padding-right: 12px;
57
    margin-top: 0;
58
59
  }

bbaer's avatar
bbaer 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;
bbaer's avatar
bbaer 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{
bbaer's avatar
bbaer 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
}

bbaer's avatar
bbaer committed
137

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

bbaer's avatar
bbaer 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;
bbaer's avatar
bbaer 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;
}

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

174
.qfq-form-title {
bbaer's avatar
bbaer committed
175
  border: 1px solid #ccc;
176
  border-radius: 4px 4px 0 0;
bbaer's avatar
bbaer 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;
bbaer's avatar
bbaer committed
180
  font-size: 1.2em;
181
  padding: 13px 15px;
bbaer's avatar
bbaer committed
182
183
184
  font-weight: bold;
}

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

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

bbaer's avatar
bbaer 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 {
bbaer's avatar
bbaer 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;
}

bbaer's avatar
bbaer committed
236
// Fabric Plugin classes
bbaer's avatar
bbaer committed
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;
}

bbaer's avatar
bbaer 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;
}

bbaer's avatar
bbaer committed
272
.color-picker {
bbaer's avatar
bbaer committed
273
  margin-top: 2px;
bbaer's avatar
bbaer committed
274
275
}

Carsten  Rose's avatar
Carsten Rose committed
276
.color-picker > button {
bbaer's avatar
bbaer committed
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;
bbaer's avatar
bbaer committed
289
  /*background-color: #fff;*/
bbaer's avatar
bbaer committed
290
291
292
293
294
  width: 32px;
  height: 32px;
  margin: 5px;
}

bbaer's avatar
bbaer 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

bbaer's avatar
bbaer 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;
bbaer's avatar
bbaer committed
385
386
387
  margin: 0.4em;
}

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

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

bbaer's avatar
bbaer 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

bbaer's avatar
bbaer 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;
bbaer's avatar
bbaer committed
433
434
435
}

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

bbaer's avatar
bbaer 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 */
bbaer's avatar
bbaer committed
468
469
}

bbaer's avatar
bbaer 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;
bbaer's avatar
bbaer committed
494
495
}

Benjamin Baer's avatar
Benjamin Baer committed
496

bbaer's avatar
bbaer committed
497
498
499
// Code Correction

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

bbaer's avatar
bbaer 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;
};

bbaer's avatar
bbaer committed
513
.qfqLineCount {
514
  user-select: none;
bbaer's avatar
bbaer committed
515
  width: 50px;
516
  height: 100%;
bbaer's avatar
bbaer 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;
bbaer's avatar
bbaer committed
528
  padding-right: 15px;
529
530
531
  text-align: left;
  font-size: 1.2em;
  font-family: monospace;
bbaer's avatar
bbaer 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%;
bbaer's avatar
bbaer committed
552
  padding-bottom: 20px;
bbaer's avatar
bbaer committed
553
554
}

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

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

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

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

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

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

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

bbaer's avatar
bbaer committed
618
619
620
621
622
.qfqCommentTopLine {
  position: relative;
  grid-row: 1;
  grid-column: 2;
  border: 1px solid #ccc;
623
  border-bottom: none;
bbaer's avatar
bbaer 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;
bbaer's avatar
bbaer 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;
bbaer's avatar
bbaer 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;
bbaer's avatar
bbaer 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;
bbaer's avatar
bbaer committed
708
}
Benjamin Baer's avatar
Benjamin Baer committed
709

bbaer's avatar
bbaer committed
710
711
.qfqDropTarget {
  height: 50px;
Benjamin Baer's avatar
Benjamin Baer committed
712
  margin: 0;
bbaer's avatar
bbaer committed
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
bbaer's avatar
bbaer committed
777
778
}

779
legend {
780
  margin-bottom: 0;
bbaer's avatar
bbaer committed
781
782
  margin-top: 15px;
  padding-bottom: 5px;
783
784
}

bbaer's avatar
bbaer committed
785
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
/* 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);
  }
818
}