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.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  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. html, body, input, textarea, keygen, select, button {
  15. font-family: $baseFontFamily !important;
  16. }
  17. #nowebrtc {
  18. display:none;
  19. }
  20. .no-fa-video-camera, .fa-microphone-slash {
  21. color: #636363;
  22. }
  23. input[type='text'], input[type='password'], textarea {
  24. -webkit-user-select: text;
  25. user-select: text;
  26. display: inline-block;
  27. padding: 5px;
  28. color: $defaultDarkColor;
  29. border-radius: $borderRadius;
  30. line-height: 32px;
  31. height: 32px;
  32. text-align: left;
  33. border:1px solid $inputBorderColor;
  34. outline: none; /* removes the default outline */
  35. resize: none; /* prevents the user-resizing, adjust to taste */
  36. }
  37. textarea {
  38. overflow: hidden;
  39. word-wrap: break-word;
  40. resize: horizontal;
  41. }
  42. button.no-icon {
  43. padding: 0 1em;
  44. }
  45. button, input, select, textarea {
  46. margin: 0;
  47. vertical-align: baseline;
  48. color: $defaultDarkColor;
  49. background: $inputLightBackground;
  50. font-size: 12px;
  51. border: none;
  52. box-shadow: none;
  53. outline: none;
  54. }
  55. button, select, input[type="button"],
  56. input[type="reset"], input[type="submit"] {
  57. height: 32px;
  58. line-height: 32px;
  59. padding-left: 4px;
  60. padding-right: 4px;
  61. cursor: pointer;
  62. }
  63. button {
  64. color: #FFF;
  65. background-color: $buttonBackground !important;
  66. border-radius: $borderRadius;
  67. }
  68. button,
  69. form {
  70. display: block;
  71. }
  72. .watermark {
  73. display: block;
  74. position: absolute;
  75. top: 15;
  76. width: 186px;
  77. height: 74px;
  78. background-size: contain;
  79. background-repeat: no-repeat;
  80. z-index: 2;
  81. }
  82. .leftwatermark {
  83. display: none;
  84. left: $defaultToolbarSize;
  85. margin-left: 10px;
  86. background-image: url($defaultWatermarkLink);
  87. background-position: center left;
  88. }
  89. .rightwatermark {
  90. display: none;
  91. right: 15;
  92. background-position: center right;
  93. }
  94. .poweredby {
  95. display: none;
  96. position: absolute;
  97. left: 25;
  98. bottom: 7;
  99. font-size: 11pt;
  100. color: rgba(255,255,255,.50);
  101. text-decoration: none;
  102. z-index: 100;
  103. }
  104. .connected {
  105. color: #21B9FC;
  106. font-size: 12px;
  107. }
  108. .lastN, .disconnected {
  109. color: #a3a3a3;
  110. font-size: 12px;
  111. }
  112. /**
  113. * Hides an element.
  114. */
  115. .hide {
  116. display: none !important;
  117. }
  118. /**
  119. * Shows an element.
  120. */
  121. .show {
  122. display: block !important;
  123. }
  124. /**
  125. * Shows an inline element.
  126. */
  127. .show-inline {
  128. display: inline-block !important;
  129. }
  130. /**
  131. * Shows a flex element.
  132. */
  133. .show-flex {
  134. display: -webkit-box !important;
  135. display: -moz-box !important;
  136. display: -ms-flexbox !important;
  137. display: -webkit-flex !important;
  138. display: flex !important;
  139. }
  140. .tipsy {
  141. z-index: $tooltipsZ;
  142. &-inner {
  143. background-color: $tooltipBg;
  144. }
  145. &-arrow {
  146. border-color: $tooltipBg;
  147. }
  148. }