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 3.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. * {
  2. -webkit-user-select: none;
  3. user-select: none;
  4. }
  5. html, body{
  6. margin:0px;
  7. height:100%;
  8. color: $defaultColor;
  9. font-size: 12px;
  10. font-weight: 400;
  11. background: #000000;
  12. overflow: hidden;
  13. }
  14. p {
  15. margin: 0;
  16. }
  17. html, body, input, textarea, keygen, select, button {
  18. font-family: $baseFontFamily !important;
  19. }
  20. #nowebrtc {
  21. display:none;
  22. }
  23. .no-fa-video-camera, .fa-microphone-slash {
  24. color: #636363;
  25. }
  26. input[type='text'], input[type='password'], textarea {
  27. display: inline-block;
  28. width: 100%;
  29. padding: 5px 7px;
  30. color: $inputColor;
  31. border-radius: $borderRadius;
  32. line-height: 32px;
  33. height: 32px;
  34. text-align: left;
  35. border:1px solid $inputBorderColor;
  36. background-color: $inputBackground;
  37. outline: none; /* removes the default outline */
  38. resize: none; /* prevents the user-resizing, adjust to taste */
  39. }
  40. @include placeholder {
  41. color: $placeHolderColor;
  42. }
  43. textarea {
  44. overflow: hidden;
  45. word-wrap: break-word;
  46. resize: none;
  47. line-height: 1.5em;
  48. }
  49. button.no-icon {
  50. padding: 0 1em;
  51. }
  52. button, input, select, textarea {
  53. margin: 0;
  54. vertical-align: baseline;
  55. color: $inputColor;
  56. font-size: 1em;
  57. }
  58. button, select, input[type="button"],
  59. input[type="reset"], input[type="submit"] {
  60. height: 32px;
  61. line-height: 32px;
  62. padding-left: 4px;
  63. padding-right: 4px;
  64. cursor: pointer;
  65. }
  66. button {
  67. color: #FFF;
  68. background-color: $buttonBackground;
  69. border-radius: $borderRadius;
  70. }
  71. button,
  72. form {
  73. display: block;
  74. }
  75. .watermark {
  76. display: block;
  77. position: absolute;
  78. top: 15;
  79. width: 186px;
  80. height: 74px;
  81. background-size: contain;
  82. background-repeat: no-repeat;
  83. z-index: 2;
  84. }
  85. .leftwatermark {
  86. display: none;
  87. left: $defaultToolbarSize;
  88. margin-left: 10px;
  89. background-image: url($defaultWatermarkLink);
  90. background-position: center left;
  91. }
  92. .rightwatermark {
  93. display: none;
  94. right: 15;
  95. background-position: center right;
  96. }
  97. .poweredby {
  98. display: none;
  99. position: absolute;
  100. left: 25;
  101. bottom: 7;
  102. font-size: 11pt;
  103. color: rgba(255,255,255,.50);
  104. text-decoration: none;
  105. z-index: 100;
  106. }
  107. .connected {
  108. color: #21B9FC;
  109. font-size: 12px;
  110. }
  111. .lastN, .disconnected {
  112. color: #a3a3a3;
  113. font-size: 12px;
  114. }
  115. /**
  116. * Hides an element.
  117. */
  118. .hide {
  119. display: none !important;
  120. }
  121. /**
  122. * Shows an element.
  123. */
  124. .show {
  125. display: block !important;
  126. }
  127. /**
  128. * Shows an inline element.
  129. */
  130. .show-inline {
  131. display: inline-block !important;
  132. }
  133. /**
  134. * Shows a flex element.
  135. */
  136. .show-flex {
  137. display: -webkit-box !important;
  138. display: -moz-box !important;
  139. display: -ms-flexbox !important;
  140. display: -webkit-flex !important;
  141. display: flex !important;
  142. }
  143. /**
  144. * Tooltips
  145. **/
  146. .tipsy {
  147. z-index: $tooltipsZ;
  148. &-inner {
  149. background-color: $tooltipBg;
  150. }
  151. &-arrow {
  152. border-color: $tooltipBg;
  153. }
  154. }
  155. /**
  156. * Dialogs fade
  157. */
  158. .aui-blanket {
  159. visibility: visible;
  160. }
  161. .link {
  162. color: $linkFontColor;
  163. @include transition(color .1s ease-out);
  164. &:hover {
  165. color: $linkHoverFontColor;
  166. text-decoration: underline;
  167. @include transition(color .1s ease-in);
  168. }
  169. }
  170. #inviteLinkRef {
  171. -webkit-user-select: text;
  172. user-select: text;
  173. }