components.scss

   1 .ui-autocomplete, ui-front {
   2         position:absolute;
   3         cursor:default;
   4         z-index:1001 !important
   5 }
   6
   7 .ui-autocomplete {
   8         background: #333 !important;
   9         border: 1px solid #444 !important;
  10         overflow-x: hidden;
  11         overflow-y: auto;
  12         max-height: 400px;
  13
  14         li {
  15                 display: block !important;
  16                 margin: 0 !important;
  17                 padding: 0 !important;
  18         }
  19
  20         a {
  21                 display: block;
  22                 padding: 0.3em 0.5em !important;
  23                 margin: 0 !important;
  24         }
  25 }
  26
  27 .bulletselector {
  28         height: auto !important;
  29         display: inline-block !important;
  30 }
  31
  32 .bulletselector input {
  33         border: none;
  34         border-radius: 0;
  35     -moz-border-radius: 0;
  36         box-shadow: none;
  37         -moz-box-shadow: none;
  38         -webkit-box-shadow: none;
  39         width: auto;
  40         min-width: 50px;
  41         float: left;
  42     padding: 4px 0;
  43         white-space: nowrap;
  44         background: transparent;
  45 }
  46 .bulletselector .badge {
  47         float: left;
  48         padding: 0.4em 0.8em;
  49         margin-right: 0.3em;
  50 }
  51
  52 .invalid-remaining {
  53         display: none;
  54 }
  55
  56 .t-mll tr td:not(:first-child) {
  57         text-align: left;
  58 }
  59
  60 .userlist li.NOT_JOINED {
  61         color: #aaa;
  62 }
  63
  64 .NOT_JOINED a, a.NOT_JOINED {
  65         color: #7ac;
  66 }
  67
  68 .ADMIN a, a.ADMIN{
  69         color: #e30;
  70 }
  71
  72 .MODERATOR a, a.MODERATOR {
  73         color: #e90;
  74 }
  75
  76 .EDITOR a, a.EDITOR {
  77         color: #b6f;
  78 }
  79
  80 .TRUSTED_MEMBER a, a.TRUSTED_MEMBER {
  81         color: #2c2;
  82 }
  83
  84 .wiptopic a:not(.btn) {
  85         color: #7ac;
  86 }
  87
  88 .discardtopic {
  89         text-decoration: line-through;
  90         a:not(.btn) {
  91                 color: #7ac;
  92         }
  93         filter: brightness(0.5);
  94 }
  95
  96 .editor-toolbar, .editor-toolbar.fullscreen {
  97         margin-bottom: 0 !important;
  98         background-color: #444 !important;
  99         border: none !important;
 100         border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0 !important;
 101         border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
 102 }
 103
 104 .editor-toolbar button {
 105         color: white;
 106 }
 107
 108 .editor-toolbar button.active, .editor-toolbar button:hover {
 109         background: #375a7f !important;
 110         color: white !important;
 111 }
 112
 113 .editor-toolbar.fullscreen::before, .editor-toolbar.fullscreen::after {
 114         display: none !important;
 115 }
 116
 117 // .CodeMirror {
 118 //      background-color: #222 !important;
 119 // }
 120
 121 .editor-preview-side, .editor-preview {
 122         background-color: #222 !important;
 123         color: white !important;
 124 }