jiti-meet/css/_base.scss

181 lines
3.0 KiB
SCSS
Raw Normal View History

* {
-webkit-user-select: none;
user-select: none;
}
2013-12-16 11:22:23 +00:00
html, body{
margin:0px;
height:100%;
2016-09-11 21:54:32 +00:00
color: $defaultColor;
font-size: 12px;
font-weight: 400;
background: #000000;
2015-11-05 17:27:26 +00:00
overflow: hidden;
2013-12-16 11:22:23 +00:00
}
html, body, input, textarea, keygen, select, button {
2016-09-02 09:53:22 +00:00
font-family: $baseFontFamily !important;
}
2013-12-16 11:22:23 +00:00
#nowebrtc {
display:none;
}
.no-fa-video-camera, .fa-microphone-slash {
color: #636363;
}
input[type='text'], input[type='password'], textarea {
2015-08-14 10:01:01 +00:00
-webkit-user-select: text;
user-select: text;
2013-12-16 11:22:23 +00:00
display: inline-block;
padding: 5px;
2016-09-11 21:54:32 +00:00
color: $defaultDarkColor;
border-radius: $borderRadius;
line-height: 32px;
height: 32px;
2013-12-16 11:22:23 +00:00
text-align: left;
2016-09-11 21:54:32 +00:00
border:1px solid $inputBorderColor;
2013-12-16 11:22:23 +00:00
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;
2016-09-11 21:54:32 +00:00
color: $defaultDarkColor;
background: $inputLightBackground;
font-size: 12px;
border: none;
box-shadow: none;
outline: none;
2013-12-16 11:22:23 +00:00
}
2016-09-11 21:54:32 +00:00
button, select, input[type="button"],
input[type="reset"], input[type="submit"] {
height: 32px;
line-height: 32px;
padding-left: 4px;
padding-right: 4px;
2013-12-16 11:22:23 +00:00
cursor: pointer;
}
2016-09-11 21:54:32 +00:00
button {
color: #FFF;
background-color: $buttonBackground !important;
border-radius: $borderRadius;
}
button,
2013-12-16 11:22:23 +00:00
form {
display: block;
}
.active {
2016-03-29 17:13:54 +00:00
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;
2016-09-16 16:05:23 +00:00
}
.tipsy {
z-index: $tooltipsZ;
2016-09-16 16:05:23 +00:00
&-inner {
background-color: $tooltipBg;
}
&-arrow {
border-color: $tooltipBg;
}
}