"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-5187/css/_base.scss" (2 Aug 2021, 3618 Bytes) of package /linux/misc/jitsi-meet-5187.tar.gz:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) SASS/SCSS source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file.

    1 /**
    2  * Safari will limit input in input elements to one character when user-select
    3  * none is applied. Other browsers already support selecting within inputs while
    4  * user-select is none. As such, disallow user-select except on inputs.
    5  */
    6 * {
    7     -webkit-user-select: none;
    8     user-select: none;
    9 }
   10 
   11 input,
   12 textarea {
   13     -webkit-user-select: text;
   14     user-select: text;
   15 }
   16 
   17 html {
   18     height: 100%;
   19     width: 100%;
   20     overflow: hidden;
   21 }
   22 
   23 body {
   24     margin: 0px;
   25     width: 100%;
   26     height: 100%;
   27     font-size: 12px;
   28     font-weight: 400;
   29     overflow: hidden;
   30     color: $defaultColor;
   31     background: $defaultBackground;
   32 }
   33 
   34 /**
   35  * This will hide the focus indicator if an element receives focus via the mouse,
   36  * but it will still show up on keyboard focus, thus preserving accessibility.
   37  */
   38 .js-focus-visible :focus:not(.focus-visible) {
   39   outline: none;
   40 }
   41 
   42 /**
   43  * AtlasKit sets a default margin on the rendered modals, so
   44  * when the shift-right class is set when the chat opens, we
   45  * pad the modal container in order for the modals to be centered
   46  * while also taking the chat size into consideration.
   47 */
   48 @media (min-width: 581px) {
   49     .shift-right .atlaskit-portal > div:not(.Tooltip) {
   50         padding-left: $sidebarWidth;
   51     }
   52 }
   53 
   54 .jitsi-icon svg {
   55     fill: white;
   56 }
   57 
   58 .disabled .jitsi-icon svg {
   59     fill: #929292;
   60 }
   61 
   62 .jitsi-icon.gray svg {
   63     fill: #5E6D7A;
   64     cursor: pointer;
   65 }
   66 
   67 p {
   68     margin: 0;
   69 }
   70 
   71 body, input, textarea, keygen, select, button {
   72     font-family: $baseFontFamily !important;
   73 }
   74 
   75 #nowebrtc {
   76     display:none;
   77 }
   78 
   79 button, input, select, textarea {
   80     margin: 0;
   81     vertical-align: baseline;
   82     font-size: 1em;
   83 }
   84 
   85 button, select, input[type="button"],
   86 input[type="reset"], input[type="submit"] {
   87     cursor: pointer;
   88 }
   89 
   90 textarea {
   91     word-wrap: break-word;
   92     resize: none;
   93     line-height: 1.5em;
   94 }
   95 
   96 input[type='text'], input[type='password'], textarea {
   97     outline: none; /* removes the default outline */
   98     resize: none; /* prevents the user-resizing, adjust to taste */
   99 }
  100 
  101 button {
  102     color: #FFF;
  103     background-color: $buttonBackground;
  104     border-radius: $borderRadius;
  105 
  106     &.no-icon {
  107         padding: 0 1em;
  108     }
  109 }
  110 
  111 button,
  112 form {
  113     display: block;
  114 }
  115 
  116 .watermark {
  117     display: block;
  118     position: absolute;
  119     top: 15;
  120     width: $watermarkWidth;
  121     height: $watermarkHeight;
  122     background-size: contain;
  123     background-repeat: no-repeat;
  124     z-index: $zindex2;
  125 }
  126 
  127 .leftwatermark {
  128     left: 32px;
  129     top: 32px;
  130     background-position: center left;
  131     background-repeat: no-repeat;
  132     background-size: contain;
  133 }
  134 
  135 .rightwatermark {
  136     right: 32px;
  137     top: 32px;
  138     background-position: center right;
  139 }
  140 
  141 .poweredby {
  142     position: absolute;
  143     left: 25;
  144     bottom: 7;
  145     font-size: 11pt;
  146     color: rgba(255,255,255,.50);
  147     text-decoration: none;
  148     z-index: $poweredByZ;
  149 }
  150 
  151 .connected {
  152     color: #21B9FC;
  153     font-size: 12px;
  154 }
  155 
  156 .lastN, .disconnected {
  157     color: #a3a3a3;
  158     font-size: 12px;
  159 }
  160 
  161 /**
  162 * Dialogs fade
  163 */
  164 .aui-blanket {
  165     background: #000;
  166     transition: opacity 0.2s, visibility 0.2s;
  167     transition-delay: 0.1s;
  168     visibility: visible;
  169 }
  170 
  171 #inviteLinkRef {
  172     -webkit-user-select: text;
  173     user-select: text;
  174 }
  175 
  176 /**
  177  * Re-style default OS scrollbar.
  178  */
  179 ::-webkit-scrollbar {
  180     background: transparent;
  181     width: 7px;
  182     height: $scrollHeight;
  183 }
  184 
  185 ::-webkit-scrollbar-button {
  186     display: none;
  187 }
  188 
  189 ::-webkit-scrollbar-track {
  190     background: transparent;
  191 }
  192 
  193 ::-webkit-scrollbar-track-piece {
  194     background: transparent;
  195 }
  196 
  197 ::-webkit-scrollbar-thumb {
  198     background: rgba(0, 0, 0, .5);
  199     border-radius: 4px;
  200 }