123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179 |
- * {
- -webkit-user-select: none;
- user-select: none;
- }
-
- html, body{
- margin:0px;
- height:100%;
- color: $defaultColor;
- font-size: 12px;
- font-weight: 400;
- background: #000000;
- overflow: hidden;
- }
-
- html, body, input, textarea, keygen, select, button {
- font-family: $baseFontFamily !important;
- }
-
- #nowebrtc {
- display:none;
- }
-
- .no-fa-video-camera, .fa-microphone-slash {
- color: #636363;
- }
-
- input[type='text'], input[type='password'], textarea {
- -webkit-user-select: text;
- user-select: text;
- display: inline-block;
- padding: 5px;
- color: $defaultDarkColor;
- border-radius: $borderRadius;
- line-height: 32px;
- height: 32px;
- text-align: left;
- border:1px solid $inputBorderColor;
- outline: none; /* removes the default outline */
- resize: none; /* prevents the user-resizing, adjust to taste */
- }
-
- textarea {
- overflow: hidden;
- word-wrap: break-word;
- resize: horizontal;
- }
-
- button.no-icon {
- padding: 0 1em;
- }
-
- button, input, select, textarea {
- margin: 0;
- vertical-align: baseline;
- color: $defaultDarkColor;
- background: $inputLightBackground;
- font-size: 12px;
- border: none;
- box-shadow: none;
- outline: none;
- }
-
- button, select, input[type="button"],
- input[type="reset"], input[type="submit"] {
- height: 32px;
- line-height: 32px;
- padding-left: 4px;
- padding-right: 4px;
- cursor: pointer;
- }
-
- button {
- color: #FFF;
- background-color: $buttonBackground !important;
- border-radius: $borderRadius;
- }
-
- button,
- form {
- display: block;
- }
-
- .active {
- background-color: #00ccff;
- }
-
- .glow
- {
- text-shadow: 0px 0px 30px #06a5df, 0px 0px 10px #06a5df, 0px 0px 5px #06a5df,0px 0px 3px #06a5df;
- }
-
- .watermark {
- display: block;
- position: absolute;
- top: 15;
- width: 186px;
- height: 74px;
- background-size: contain;
- background-repeat: no-repeat;
- z-index: 2;
- }
-
- .leftwatermark {
- display: none;
- left: $defaultToolbarSize;
- margin-left: 10px;
- background-image: url($defaultWatermarkLink);
- background-position: center left;
- }
-
- .rightwatermark {
- display: none;
- right: 15;
- background-position: center right;
- }
-
- .poweredby {
- display: none;
- position: absolute;
- left: 25;
- bottom: 7;
- font-size: 11pt;
- color: rgba(255,255,255,.50);
- text-decoration: none;
- z-index: 100;
- }
-
- .connected {
- color: #21B9FC;
- font-size: 12px;
- }
-
- .lastN, .disconnected {
- color: #a3a3a3;
- font-size: 12px;
- }
-
- /**
- * Hides an element.
- */
- .hide {
- display: none !important;
- }
-
- /**
- * Shows an element.
- */
- .show {
- display: block !important;
- }
-
- /**
- * Shows an inline element.
- */
- .show-inline {
- display: inline-block !important;
- }
-
- /**
- * Shows a flex element.
- */
- .show-flex {
- display: -webkit-box !important;
- display: -moz-box !important;
- display: -ms-flexbox !important;
- display: -webkit-flex !important;
- display: flex !important;
- }
-
- .tipsy {
- &-inner {
- background-color: $tooltipBg;
- }
-
- &-arrow {
- border-color: $tooltipBg;
- }
- }
|