You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_base.scss 2.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  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. input,
  11. textarea {
  12. -webkit-user-select: text;
  13. user-select: text;
  14. }
  15. body {
  16. margin: 0px;
  17. width: 100%;
  18. height: 100%;
  19. font-size: 12px;
  20. font-weight: 400;
  21. overflow: hidden;
  22. color: $defaultColor;
  23. background: $defaultBackground;
  24. &.filmstrip-only {
  25. background: transparent;
  26. }
  27. }
  28. p {
  29. margin: 0;
  30. }
  31. body, input, textarea, keygen, select, button {
  32. font-family: $baseFontFamily !important;
  33. }
  34. #nowebrtc {
  35. display:none;
  36. }
  37. .no-fa-video-camera, .fa-microphone-slash {
  38. color: #636363;
  39. }
  40. button, input, select, textarea {
  41. margin: 0;
  42. vertical-align: baseline;
  43. font-size: 1em;
  44. }
  45. button, select, input[type="button"],
  46. input[type="reset"], input[type="submit"] {
  47. cursor: pointer;
  48. }
  49. textarea {
  50. overflow: hidden;
  51. word-wrap: break-word;
  52. resize: none;
  53. line-height: 1.5em;
  54. }
  55. input[type='text'], input[type='password'], textarea {
  56. outline: none; /* removes the default outline */
  57. resize: none; /* prevents the user-resizing, adjust to taste */
  58. }
  59. button {
  60. color: #FFF;
  61. background-color: $buttonBackground;
  62. border-radius: $borderRadius;
  63. &.no-icon {
  64. padding: 0 1em;
  65. }
  66. }
  67. button,
  68. form {
  69. display: block;
  70. }
  71. .watermark {
  72. display: block;
  73. position: absolute;
  74. top: 15;
  75. width: $watermarkWidth;
  76. height: $watermarkHeight;
  77. background-size: contain;
  78. background-repeat: no-repeat;
  79. z-index: $zindex2;
  80. }
  81. .leftwatermark {
  82. left: $defaultToolbarSize;
  83. margin-left: 10px;
  84. background-image: url($defaultWatermarkLink);
  85. background-position: center left;
  86. }
  87. .rightwatermark {
  88. right: 15;
  89. background-position: center right;
  90. }
  91. .poweredby {
  92. position: absolute;
  93. left: 25;
  94. bottom: 7;
  95. font-size: 11pt;
  96. color: rgba(255,255,255,.50);
  97. text-decoration: none;
  98. z-index: $poweredByZ;
  99. }
  100. .connected {
  101. color: #21B9FC;
  102. font-size: 12px;
  103. }
  104. .lastN, .disconnected {
  105. color: #a3a3a3;
  106. font-size: 12px;
  107. }
  108. /**
  109. * Dialogs fade
  110. */
  111. .aui-blanket {
  112. background: #000;
  113. transition: opacity 0.2s, visibility 0.2s;
  114. transition-delay: 0.1s;
  115. visibility: visible;
  116. }
  117. #inviteLinkRef {
  118. -webkit-user-select: text;
  119. user-select: text;
  120. }
  121. /**
  122. * Re-style default OS scrollbar.
  123. */
  124. ::-webkit-scrollbar {
  125. background: transparent;
  126. width: 7px;
  127. }
  128. ::-webkit-scrollbar-button {
  129. display: none;
  130. }
  131. ::-webkit-scrollbar-track {
  132. background: transparent;
  133. }
  134. ::-webkit-scrollbar-track-piece {
  135. background: transparent;
  136. }
  137. ::-webkit-scrollbar-thumb {
  138. background: rgba(0, 0, 0, .5);
  139. border-radius: 4px;
  140. }