main.scss 16.5 KB
Newer Older
1 2
//can't be modified inside theme-switcher
$background: rgb(153, 153, 153);
3
//bert alert (Doesn't work in theme-switcher)
4

5
.bert-alert.warning {
6
  background: darkorange !important;
7
  color: white !important;
8
}
9

10
.bert-alert.success {
11 12
  background: green !important;
  color: white !important;
13
}
14

15
.bert-alert.info {
16
  background: midnightblue !important;
17
  color: white !important;
18
}
19

20
.bert-alert.danger {
21 22
  background: red !important;
  color: white !important;
23 24
}

25
//global
26 27 28 29 30 31 32 33 34 35
$default_font: -apple-system,
BlinkMacSystemFont,
'Segoe UI',
Roboto,
Helvetica,
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol';
36 37
$default_text_shadow: none !important;
$default_box_shadow: none !important;
Klaus-Dieter Quibeldey-Cirkel's avatar
Klaus-Dieter Quibeldey-Cirkel committed
38
$size_modal_icon: 44px;
39

40 41 42

//search
$margin_bottom_search_result_item: 30px;
43
$width_input_search_desktop: 270px;
44
//navbar
45
$size_navbar_height: 35px;
46
$size_navbar_alldecks_border: 3px;
47
$font_size_filter_navbar_mobile: 12px;
48 49
$padding_bottom_search_input: 4px;
$clear_search_button_width: 22px;
50

51
//welcome page
52 53
$font_size_login_label: 16px;
$font_weight_login_label: bold;
54
$padding_top_login: 10px;
55
$login_button_size: 60px;
56
$wordcloud_toggle_button_icon_size: 120px;
Klaus-Dieter Quibeldey-Cirkel's avatar
Klaus-Dieter Quibeldey-Cirkel committed
57
$wordcloud_toggle_button_bottom_margin: -10px;
58 59
$small_pomodoro_timer_bottom_margin: 70px;
$font_size_wordcloud_and_pomodoro_label: 16px;
60

61 62 63 64 65 66
//welcome page inventory
$font_size_inventory: 14px;
$font_weight_inventory: normal;
$border_width_inventory: 0;
$border_style_inventory: solid;

67
//info page
68 69
$font_size_info_h1: 20px;
$font_size_info_h2: 18px;
70 71
$font_size_info_h3: 16px;

72
//item lists
73 74 75
$margin-top_infinite_scroll_text: 3px;
$font_size_infinite_scroll_text: 16px;
$font_weight_infinite_scroll_text: normal;
76
$margin_bottom_item: 10px;
77
$transcript_info_padding: 3px;
78

79
//markdeep
80
$padding_inline_code: 5px;
81 82 83
//You have to update the fontsize for markdeep in /imports/config/cardVisuals.js
$paragraph_margin_top: 24px;
$paragraph_margin_top_mobile: 18px;
84
$font_size_markdeep_editor: 16px;
85
$line_height_markdeep: 170%;
86

87
//card
88
$margin_bottom_card_navigation: 15px;
89
$margin_top_card_navigation: 45px;
90
$font_size_navigation_arrows: 15pt;
91 92
$padding_card_content_horizontal: 60px;
$padding_card_content_vertical: 13px;
93
$padding_card_conntent_horizontal_fullscreen_desktop: 100px;
94 95
$font_size_card_header_small_text: 12px;
$font_size_card_header_smaller_text: 10px;
96
$font_size_card_header_subject: 24px;
97
$font_size_card_header_subject_3d: 18px;
98
$line_height_card_content: 170%;
99 100
$line_height_card_header: 100%;
$line_height_card_header_mobile: 100%;
101
$font_weight_card_header_number: normal;
102
$font_weight_card_header_first_row: normal;
103
$font_weight_card_header_second_row: normal;
104
$font_weight_card_header_subject: normal;
105 106
$hint_link_decoration: underline;
$hint_link_alternative_decoration: underline;
107
$text_transform_card_header_subject: none;
108
$font_style_card_header_subject_placeholder: normal;
109

110
//card mobile
111 112
$margin_bottom_card_navigation_mobile: 20px;
$margin_top_card_navigation_mobile: 10px;
113 114 115
$font_size_card_navigation_mobile: 12px;
$padding_vertical_card_navigation_mobile: 5px;
$padding_horizontal_card_navigation_mobile: 3px;
116
$padding_card_content_horizontal_mobile: 50px;
117
$padding_card_content_vertical_mobile: 0px;
118
$font_size_card_header_small_text_mobile: 9px;
119 120
$font_size_card_header_smaller_text_mobile: 8px;
$font_size_card_header_subject_mobile: 12px;
121
$line_height_card_content_mobile: 170%;
122

123 124 125 126 127
//card header
$card_header_height: 95px;
$card_header_padding: 7px;
$card_header_row_height: $card_header_height - $card_header_padding;
$card_header_item_margin_horizontal: 7px;
128
$font_size_card_header_button: 16px;
129

130
//cardset
131 132
$font_size_cardset_title: 16px;
$font_size_cardset_title_mobile: 14px;
133
$font_size_cardset_content: 12pt;
134
$font_size_cardset_label_mobile: 14px;
135
$padding_cardset_content_horizontal: 25pt;
136
$padding_cardset_content_horizontal_mobile: 10px;
137
$padding_cardset_content_vertical: 5pt;
138 139 140
$padding_cardset_content_vertical_mobile: 10px;
$padding_collapse_button: 15px;
$padding_collapse_button_mobile: 5px;
141 142 143
$font_size_collapse_button: 18px;
$font_size_collapse_button_mobile: 16px;
$font_size_collapse_button_content_mobile: 16px;
144
$font_size_card_list_cardset_name: 18px;
145
$font_size_card_list_cardset_owner: 14px;
146

147
//cardset list
148
$margin_top_cardset_category: 25px;
149

150
//markdeep editor
151
$font_family_markdeep_editor_content: 'Roboto Mono', monospace;
152

153 154
//search
$font_size_search_results_subject: 16px;
155 156 157
$font_size_search_results_content: 14px;
$font_size_search_results_author: 10px;
$font_weight_search_results_subject: normal;
158 159
$font_weight_search_results_content: normal;
$font_weight_search_results_author: normal;
160 161
$size_search_results_separator: 0px;
$padding_search_items: 5px 15px;
162

163 164 165 166 167
//cardset form
$size_cardset_form_list_border: 2px;
$size_cardset_form_list_padding: 10px;
$font_size_cardset_form_list: 14px;
$font_weight_cardset_form_list: normal;
168 169 170 171

//cookie consent
$text_decoration_cookie_consent_link: none;

172 173 174
//leitner_progress
$font_size_cardset_badges: 11px;

175 176 177 178
//sweet alert 2
$font_size_sweet_alert_2_icon: 30px;
$font_size_sweet_alert_2_title: 24px;
$font_size_sweet_alert_2_text: 16px;
179
$font_size_sweet_alert_2_footer: 16px;
180

181
//sidebar
182 183 184
$sidebar_width: 55px;
$sidebar_button_height: 30px;
$sidebar_button_margin: 16px;
185
$sidebar_width_mobile: 60px;
186 187
$sidebar_button_height_mobile: 30px;
$sidebar_button_margin_mobile: 16px;
188 189
$sidebar_yOffset_portrait_mobile: 60px;
$sidebar_yOffset_landscape_mobile: 40px;
190
$sidebar_subtracted_width_for_not_fixed_version: 5px;
191 192 193
//For pages with an answer button row
$sidebar_yOffset_workload_portrait_mobile: 40px;
$sidebar_yOffset_workload_landscape_mobile: 20px;
194

195 196 197 198 199 200
//zoom
$zoom_slider_width: 12px;
$zoom_slider_handle_width: 70px;
$zoom_slider_handle_height: 30px;
$zoom_slider_handle_offset: -25px;

201
//loading screen
Klaus-Dieter Quibeldey-Cirkel's avatar
Klaus-Dieter Quibeldey-Cirkel committed
202
$loading_screen_size: 250px;
203

204 205 206
//blur
$blur_hide_answer_question: 16px;

Marius Trautrims's avatar
Marius Trautrims committed
207
html {
208
  position: relative;
209
  height: 100%;
210
  font-family: $default_font !important;
211 212 213
}

body {
214 215 216
  line-height: 170%;
  font-weight: normal;
  color: black;
217 218 219 220 221
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-attachment: fixed !important;
222 223 224
  @media(max-width: 767px) {
    margin: 0;
  }
Marius Trautrims's avatar
Marius Trautrims committed
225
}
226

227 228 229 230 231 232 233 234
.flex-content {
  height: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
}

235 236 237 238
#pomodoroTimerModal {
  z-index: 4000;
}

239
#helpModal {
240 241 242
  z-index: 5000;
}

243 244 245 246 247 248
#first_login_content {
  @media(max-width: 767px) {
    margin-bottom: 70px;
  }
}

249 250 251 252 253
.presentation-container {
  @media(max-width: 767px) {
  }
}

254 255 256
.presentation-container-no-sidebar {
}

257 258 259 260
.btn {
  text-transform: unset !important;
}

261
.btn-success, .btn-danger, .btn-warning, .btn-info, .label-bonus, .learnBtn, .bonusBtn, .presentationBtn, .label-private, .label-edu, .label-free, .label-pro, #filter-nav-wrapper .navbar-text, #filter-nav-wrapper .dropdown-toggle, .panel-heading.info-tab, #collapseLearningPhaseInfoButton, #collapseBonusTranscriptInfoButton, .deleteAllCardsBtn, .newCardBtn, .markdeep-help, .markdeep-translate.pressed, .pomodoroTimer h2, #searchResults h4, .footer.icon-container .glyphicon {
262 263 264
  text-shadow: $default_text_shadow;
}

265
#difficultyGroup label, #publishKind label, #profilepublicoption1, #profilepublicoption2 {
266 267 268
  text-shadow: none;
}

269
#difficultyGroup label.active, #publishKind label.active, .panel.price .panel-heading, .alert-info, #profilepublicoption1.active, #profilepublicoption2.active, .displayModeBtn {
270 271 272
  text-shadow: $default_text_shadow;
}

Marius Trautrims's avatar
Marius Trautrims committed
273
.table {
274 275 276
  img {
    max-width: 370px;
  }
Marius Trautrims's avatar
Marius Trautrims committed
277
}
278

279 280
.search-divide {
  margin: 5px 0 5px 0;
Curtis Adam's avatar
Curtis Adam committed
281 282 283 284 285
  height: 2px;
}

.search-author {
  margin-top: 15px;
286 287
}

288
#theme-wrapper #main {
289 290
  padding-top: 55px;
  padding-bottom: 70px;
Mehmet-Ali Pamukci's avatar
Mehmet-Ali Pamukci committed
291 292
}

293
#theme-wrapper #main.container-fluid-editor {
294
  padding: 90px 60px 30px 60px;
295
  @media (min-width: 768px) and (max-width: 1440px) {
296 297
    padding-left: 45px;
    padding-right: 45px;
298
  }
299 300
}

301
#theme-wrapper-wordcloud #main {
302
  padding-top: 55px;
303 304 305
  margin-bottom: 0;
}

306
#theme-wrapper-no-nav #main {
307
  padding-top: 20px !important;
308 309
}

310
#theme-wrapper-no-nav-welcome #main {
311
  padding-top: 0 !important;
312 313
}

314 315 316 317
.modal-header h4 {
  padding-top: 0;
}

Curtis Adam's avatar
Curtis Adam committed
318 319
.modal-header, .modal-body, .modal-footer {
  margin: 0 !important;
320
  padding: 30px 50px 20px 50px !important;
321 322 323
  @media (max-width: 767px) {
    padding: 20px 15px 15px 15px !important;
  }
Curtis Adam's avatar
Curtis Adam committed
324 325 326 327 328 329 330
}

.modal-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

331 332 333 334
button {
  padding: 8px !important;
}

335
.modal-body .form-group {
336 337
  margin-top: 5px !important;
}
338 339 340

.text-dark {
  color: #333;
341 342 343 344 345 346
}

.modal-content-for-buttons {
  position: absolute;
  padding-bottom: 10px;
}
347

348
.cardsetName:hover {
349 350
  visibility: visible;
}
351

352 353 354 355 356 357
// Pool and my cardsets list
.panel {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
358

359
.panelUnit {
360
  padding: 10px 5px;
361 362
}

Curtis Adam's avatar
Curtis Adam committed
363
.panelUnit, .cardListRow {
Curtis Adam's avatar
Curtis Adam committed
364
  @media (max-width: 767px) {
365 366
    border-bottom: 0 !important;
  }
367 368
}

369 370 371 372
.manageCourseIteration {
  padding: 0;
}

373
.panelAvailability {
374 375
  padding-left: 0;
  padding-right: 0;
376 377 378 379 380 381 382 383
}

#pool_license img {
  width: 20px;
}

#poolCaption {
  padding-left: 8px;
384
  font-weight: normal;
385 386
}

387
.filterCardsHeader {
388
  padding: 5px;
389
  font-weight: normal;
390
  font-size: 12px;
391
  text-transform: uppercase;
392 393
}

394
@media (max-width: 1199px) {
395
  .filterCardsHeader {
396 397 398 399
    font-size: 11px;
  }
}

400
@media (max-width: 767px) {
401
  .filterCardsHeader {
402 403 404 405
    font-size: 10px;
  }
}

406
.poolLabel {
407
  font-weight: normal;
408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423
  text-decoration: none;
  color: black;
}

.empty-list {
  text-align: center;
}

.poolText, .topicName, .panelName {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.topicName {
  padding-left: 0;
424
  padding-right: 0;
425 426
}

427
@media (max-width: 767px) {
428 429 430 431 432 433 434 435 436 437 438 439 440 441 442
  .panel {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .panelUnit {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .panelUnitDescription {
    padding-right: 0;
  }

  .info_license_mobile {
443 444
    margin-left: 0;
    margin-right: 0;
445 446 447
    padding-top: 10px;
    padding-bottom: 10px;
  }
448

449
  .field-tip {
450 451 452 453 454 455 456 457 458
    width: 270px;
    bottom: 102%;
    font-size: 11px;
  }

  #welcome-tip {
    width: 280px;
    font-size: 11px;
  }
459 460
}

461
@media (min-width: 768px) {
462
  .panelUnit {
463
    border-right: solid 1px;
464
  }
465

466
  .licenseInfo, .licenseInfoCreate {
467
    border-bottom: solid 1px !important;
468
  }
469 470 471
}

.badge {
472 473 474
  padding: 5x 5px 5px 4px;
  font-size: 16px;
  font-weight: normal !important;
475
}
476

477
.cardContent .lightbox-img a {
Curtis Adam's avatar
Curtis Adam committed
478 479
  display: block;
  margin: auto;
480
}
481

482
.lightbox-container {
483
  text-align: center;
484
}
485 486 487 488

#alert-warning {
  z-index: 150;
}
Curtis Adam's avatar
Curtis Adam committed
489

490
.fa-home {
491
  font-size: 16px;
492 493
}

494 495 496 497
.md-editor > .md-header {
  padding: 0;
}

498 499 500 501
.md-header .fa, .md-header .center-button, .md-header .fullscreen-button, .card-button {
  border: 1px solid;
}

502
.md-header .fa, .md-header .center-button, .md-header .fullscreen-button, .card-button {
Curtis Adam's avatar
Curtis Adam committed
503
  margin: 0 auto;
504
  font-size: 22px;
505
  padding: 3px 6px !important;
Curtis Adam's avatar
Curtis Adam committed
506
  border-radius: 5px;
507 508
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
Curtis Adam's avatar
Curtis Adam committed
509 510
}

511 512 513 514
.md-editor > textarea {
  border: none;
}

Curtis Adam's avatar
Curtis Adam committed
515 516 517 518 519 520 521 522 523
.fa-link:before {
  content: "\f0ac" !important;
}

.md-header button {
  margin: 0 !important;
  padding: 0 !important;
  margin-right: 5px !important;
}
524

525 526
#searchResults {
  overflow-y: scroll;
Curtis Adam's avatar
Curtis Adam committed
527 528 529 530
}

.backdoorLogin {
  margin: 0;
531

Curtis Adam's avatar
Curtis Adam committed
532 533 534
  #TestingBackdoorUsername {
    margin: 0;
  }
535

Curtis Adam's avatar
Curtis Adam committed
536 537 538 539 540
  label {
    float: left;
    margin: 0;
  }
}
541 542 543 544 545

#back-button {
  margin-left: 0;
  margin-bottom: 20px;
}
546 547

th {
548
  text-transform: none;
549
  font-weight: normal;
550
}
551

552
.info-tab h1 {
553
  font-size: $font_size_info_h1;
554
  margin: 0;
555
  padding-top: 0;
556 557
}

558
.info-tab h2 {
559
  font-size: $font_size_info_h2;
560
  margin-top: 10px;
561 562 563 564
  margin-bottom: 5px;
}

.info-tab h3 {
565
  font-size: $font_size_info_h3;
566 567
  margin-top: 10px;
  margin-bottom: 3px;
568
}
569 570

.thm-numbering {
571 572
  margin-top: 0.7em;
  margin-left: -0.7em;
573 574 575 576 577
  counter-reset: item;
  list-style: none;
}

.thm-numbering ol {
578
  margin-left: -1.5em;
579 580 581 582 583 584 585 586 587 588 589 590 591 592 593
  counter-reset: subitem;
  list-style: none;
}

.thm-numbering li {
  counter-increment: item;
  margin-bottom: 0.7em;
}

.thm-numbering ol li {
  counter-increment: subitem;
  margin-bottom: 0.7em;
}

.thm-numbering li:before {
594
  margin-left: 0em;
595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615
  margin-right: 0.5em;
  content: counter(item);
  border-radius: 100%;
  width: 1.5em;
  text-align: center;
  display: inline-block;
  font-weight: bold;
}

.thm-numbering ol li:before {
  content: counter(subitem);
}

.thm-numbering-standalone {
  margin-right: 0.3em;
  border-radius: 100%;
  width: 1.5em;
  text-align: center;
  display: inline-block;
  font-weight: bold;
}
616

617
.hintContent, .hintContentAlternative {
618
  padding: 10px;
619
  border-radius: 30px;
620

621 622 623
  .table {
    background-color: unset;
  }
624 625 626 627

}

.hintContent {
628
  a {
629 630
    text-decoration: none !important;
  }
631

632 633
  a:hover {
    text-decoration: underline !important;
634
  }
635 636
}

637 638
.hintContentAlternative {
  a {
639
    text-decoration: none !important;
640 641 642
  }
}

643
.modal-content .close {
644
  opacity: 1;
645
  font-size: 30pt;
646 647 648
  margin-top: -5px;
  padding: 5px 10px 10px 10px;
  border-radius: 50px;
649 650
}

651
.hintContent .modal-header, .wordCloudDescription {
652
  border-bottom: 1px solid !important;
653 654 655
}

.hintContentAlternative .modal-header {
656
  border-bottom: 1px solid !important;
657 658
}

659 660
.wordCloudDescription {
  padding-top: 15px;
661
  overflow: auto;
662 663
}

664 665 666
.hintContent .modal-body {
  font-size: 16px;
}
667

668 669 670 671 672 673 674 675 676 677 678 679
#login .loginLabel {
  font-size: $font-size_login_label !important;
  font-weight: $font-weight_login_label !important;

}

#login .loginLabel:first-child {
  @media (max-width: 767px) {
    width: 100%;
  }
}

680

681 682 683
.btn-toolbar .btn-group {
  margin-right: 5px;
}
684 685

.cc-link {
686 687 688
  //text-decoration: $text_decoration_cookie_consent_link !important;
  opacity: 1.0 !important;
  color: white !important;
689
}
Curtis Adam's avatar
Curtis Adam committed
690 691 692 693 694 695

.panelIconColumn {
  @media (min-width: 768px) {
    text-align: center;
  }
}
696 697 698 699 700 701 702

#underDevelopmentModal {
  z-index: 2000;
}

.underDevelopmentContent {
  padding: 10px;
703

704
  .modal-header {
705
    border-bottom: 1px solid !important;
706 707
  }
}
708

709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734
#profile-drop {
  overflow: hidden;
  text-align: left;
  min-width: auto;
  @media(min-width: 768px) {
    position: absolute;
  }
  padding-top: 0;
  padding-bottom: 0;

  a {
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%;
  }

  td {
    padding-left: 0;
    padding-right: 0;
  }

  td .fa, .glyphicon {
    margin-left: 5px;
  }
}
735

736 737 738 739
#arsnovaAppModal, #arsnovaClickModal {
  iframe {
    box-shadow: $default_box_shadow !important;
  }
740
}
Curtis Adam's avatar
Curtis Adam committed
741 742 743 744

#showLicenseModal {
  z-index: 1060;
}
745 746

#cardSettingsModal {
747
  z-index: 2000;
748 749 750 751 752 753 754 755 756
}

.blurHideAnswerQuestion {
  -webkit-filter: blur($blur_hide_answer_question);
  -moz-filter: blur($blur_hide_answer_question);
  -o-filter: blur($blur_hide_answer_question);
  -ms-filter: blur($blur_hide_answer_question);
  filter: blur($blur_hide_answer_question);
}
757 758 759 760

.form-group .form-control {
  background-position: center bottom, center calc(100%);
}
761

Curtis Adam's avatar
Curtis Adam committed
762 763
.presentation-list {
  margin-bottom: 60px;
764
}
765 766 767 768 769

.modal-content .modal-footer button.pull-left {
  @media(max-width: 767px) {
    left: 0 !important;
  }
770 771 772 773 774
}

.mobile-websocket-container {
  margin-right: 15px;
}
775 776 777 778 779 780 781 782 783

.modal-icon, .modal-icon-white {
  font-size: $size_modal_icon;
  height: $size_modal_icon;
}

.modal-icon-white, .modal-icon-white .fa {
  color: #ffffff !important;
}
784 785 786

#searchResults .search-result-item:not(:last-child) {
  margin-bottom: $margin_bottom_search_result_item !important;
787 788
}

789
.modal, .swal2-container {
790 791 792 793 794 795 796 797 798 799 800 801 802 803 804
  z-index: 10000 !important;
}

.modal-content {
  border-radius: 30px !important;
}

.no-results, .no-results-filtered {
  border-radius: 15px;
}

.swal2-popup {
  border-radius: 30px !important;
}

805 806
.cc-theme-edgeless.cc-window {
  border-radius: 30px;
807
  margin: 0 20px 50px 20px;
808
}
Klaus-Dieter Quibeldey-Cirkel's avatar
Klaus-Dieter Quibeldey-Cirkel committed
809

810 811 812 813 814 815
div {
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
  hyphens: auto !important;
}

816
ul, ol {
817 818 819
  padding-left: 15px;
}

820
li {
821 822 823 824
  padding-left: 0px;
  padding-bottom: 5px;
}

825
p {
826 827 828 829 830 831
  padding: 5px 0px;
}

blockquote {
  border-left: 5px solid #24a751;
}
832 833 834 835 836

.navbar-toggle  {
  background-color: #2ac55f !important;
  border-radius: 10px !important;
}
837 838 839 840

.bert-alert {
  z-index: 10001 !important;
}
841 842 843 844 845 846 847

.lightboxOverlay {
  z-index: 20000;
}

.lightbox {
  z-index: 20010;
848
}
849 850 851 852

.transcript-info-text {
  padding: $transcript_info_padding !important;
  margin-left: -$transcript_info_padding !important;
853 854 855 856 857
  font-weight: normal;
}

.label {
  font-weight: normal;
858
}
Klaus-Dieter Quibeldey-Cirkel's avatar
Klaus-Dieter Quibeldey-Cirkel committed
859 860 861 862 863

a, a:hover, a:focus {
  color: blue;
}

Klaus-Dieter Quibeldey-Cirkel's avatar
Klaus-Dieter Quibeldey-Cirkel committed
864 865 866 867 868 869
kbd {
  color: white;
  background-color: gray;
  border-radius: 3px;
}

870 871 872 873 874 875 876
.label-group {
  .label {
    margin-right: 2px;
  }
  .label:last-child {
    margin-right: 0;
  }
877 878
}

879
.label-count-cards, .label-count-transcripts {
880 881 882 883
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
}