Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

_base.scss 3.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  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. .active {
  73. background-color: #00ccff;
  74. }
  75. .glow
  76. {
  77. text-shadow: 0px 0px 30px #06a5df, 0px 0px 10px #06a5df, 0px 0px 5px #06a5df,0px 0px 3px #06a5df;
  78. }
  79. .watermark {
  80. display: block;
  81. position: absolute;
  82. top: 15;
  83. width: 186px;
  84. height: 74px;
  85. background-size: contain;
  86. background-repeat: no-repeat;
  87. z-index: 2;
  88. }
  89. .leftwatermark {
  90. display: none;
  91. left: $defaultToolbarSize;
  92. margin-left: 10px;
  93. background-image: url($defaultWatermarkLink);
  94. background-position: center left;
  95. }
  96. .rightwatermark {
  97. display: none;
  98. right: 15;
  99. background-position: center right;
  100. }
  101. .poweredby {
  102. display: none;
  103. position: absolute;
  104. left: 25;
  105. bottom: 7;
  106. font-size: 11pt;
  107. color: rgba(255,255,255,.50);
  108. text-decoration: none;
  109. z-index: 100;
  110. }
  111. .connected {
  112. color: #21B9FC;
  113. font-size: 12px;
  114. }
  115. .lastN, .disconnected {
  116. color: #a3a3a3;
  117. font-size: 12px;
  118. }
  119. /**
  120. * Hides an element.
  121. */
  122. .hide {
  123. display: none !important;
  124. }
  125. /**
  126. * Shows an element.
  127. */
  128. .show {
  129. display: block !important;
  130. }
  131. /**
  132. * Shows an inline element.
  133. */
  134. .show-inline {
  135. display: inline-block !important;
  136. }
  137. /**
  138. * Shows a flex element.
  139. */
  140. .show-flex {
  141. display: -webkit-box !important;
  142. display: -moz-box !important;
  143. display: -ms-flexbox !important;
  144. display: -webkit-flex !important;
  145. display: flex !important;
  146. }
  147. .tipsy {
  148. &-inner {
  149. background-color: $tooltipBg;
  150. }
  151. &-arrow {
  152. border-color: $tooltipBg;
  153. }
  154. }