openmeetings-web/src/main/webapp/css/room.css

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License") +  you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
.room.container {
	width: 100%;
}
.ui-icon.room.menu.exit {
	background-image: url(images/exit_button.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	margin-left: 5px;
}
.ui-icon.status-user {
	background-image: url(images/status-user.png);
}
.ui-icon.status-wb {
	background-image: url(images/status-wb.png);
}
.ui-icon.status-mod {
	background-image: url(images/status-mod.png);
}
.room.menu .ui-menu .ui-menu-item {
	padding-left: 5px;
	padding-right: 0;
}
.room.menu .top.room.menu.exit {
	padding-left: 0;
}
.room.menu.right {
	position: absolute;
	top: 0px;
	margin-right: 5px;
	right: 0px;
	display: inline-block;
}
.room.menu.right .room {
	float: right;
	padding-top: 5px;
	padding-right: 5px;
}
.room.menu.right .room.name {
	font-weight: bold;
}
.room.menu.right .room.name.screen {
	color: red;
}
.room.menu.right .room.demo {
}
.room.menu.right .icon {
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	float: right;
	padding: 0;
}
.room.menu.right .icon.share {
	background-image: url(images/monitor_go.png);
}
.ui-icon.moderator-right, .room.menu.right .icon.ask {
	background-image: url(images/user_add.png);
}
.room.sidebar.left {
	min-width: 200px;
	width: 20%;
	float: left;
}
.room.wb.area {
	width: 80%;
	float: left;
}
.room.wb.area.ui-state-hover {
	border: 0;
}
.room.wb.area.ui-state-hover .wb {
	visibility: hidden;
	height: 1px !important;
}
.room.wb.area .wb-drop-area {
	display: none;
}
.room.wb.area.ui-state-hover .wb-drop-area {
	background-image: url(images/drop.png);
	display: block;
	background-repeat: no-repeat;
	height: inherit;
	background-position: center;
}
.room.sidebar.left .ui-tabs .ui-tabs-panel {
	padding: 0;
}
.room.sidebar.left .user.header {
	height: 30px;
	padding-left: 15px;
}
.room.sidebar.left .user.header .ui-icon {
	margin-top: 5px;
	margin-left: 5px;
}
.room.sidebar.left .user.list {
	height: 100%;
	overflow-y: auto;
}
.room.sidebar.left .user.list .user {
	height: 40px;
	padding-left: 5px;
    padding-top: 5px;
}
.room.sidebar.left .user.list .user .user.name {
	line-height: 18px;
	height: 18px;
	padding: 0;
}
.room.sidebar.left .user.list .user .user.actions {
	position: relative;
	height: 18px;
	padding: 0;
	visibility: hidden;
}
.room.sidebar.left .user.list .user:hover .user.actions {
	visibility: visible;
}
.room.sidebar.left .user.list .user .user.actions .ui-icon {
	margin-right: 2px;
	margin-top: 0;
}
.audio-activity.ui-icon.speaking, .ui-icon.moderator-right.granted, .wb-right.ui-icon.granted
, .screen-share-right.ui-icon.granted, .remote-control-right.ui-icon.granted, .exclsv-audio.ui-icon.granted
{
	opacity: 1;
}
.ui-icon.moderator-right {
	opacity: 0.2;
}
.audio-activity.ui-icon {
	opacity: 0.2;
	background-image: url(images/speaking.png);
}
.typing-activity.ui-icon {
	display: none;
	width: 30px;
	background-image: url(images/typing.gif);
}
.typing-activity.ui-icon.typing {
	display: inline-block;
}
.private-chat.ui-icon {
	background-image: url(images/page_edit.png);
}
.wb-right.ui-icon {
	opacity: 0.2;
	background-image: url(images/pencil_add.png);
}
.screen-share-right.ui-icon {
	opacity: 0.2;
	background-image: url(images/monitor_add.png);
}
.remote-control-right.ui-icon {
	opacity: 0.2;
	background-image: url(images/mouse_add.png);
}
.audio-right.ui-icon {
	opacity: 1;
	background-image: url(images/micro_small_add.png);
}
.audio-right.ui-icon.granted {
	opacity: 0.2;
	background-image: url(images/micro_small_no.png);
}
.camera-right.ui-icon {
	opacity: 1;
	background-image: url(images/camera_small_add.png);
}
.camera-right.ui-icon.granted {
	opacity: 0.2;
	background-image: url(images/camera_small_no.png);
}
.global-mute.ui-icon {
	opacity: 0.2;
	background-image: url(images/sound.png);
}
.exclsv-audio.ui-icon {
	opacity: 0.2;
	background-image: url(images/micro_small.png);
}
.kick.ui-icon {
	background-image: url(images/cancel_icon.png);
	background-size: 16px;
}
.restart.ui-icon {
	background-image: url(images/arrow_refresh_small.png);
}
.room.sidebar.left .tabs, .room.sidebar.left .tabs #utab, .room.sidebar.left .tabs #ftab {
	padding: 0;
}
.room.sidebar.left .user.list .user.current {
	font-weight: bold;
	background: #00FF00;
}
.ui-dialog.video, .ui-dialog.video .ui-dialog-titlebar, .ui-dialog.video .video.ui-dialog-content {
	padding: 0;
	overflow: hidden;
}
.input .select2-container {
	max-height: 100px;
	overflow-y: auto;
}
.sip .button-row {
	text-align: center;
	margin: 5px;
}
.sip .button-row input.sip-number {
	width: 130px;
}
.sip .button-row #sip-dialer-btn-erase {
	margin-left: 5px;
}
.sip .button-row #sip-dialer-btn-erase .ui-button-text {
	padding: .1em .7em;
	font-weight: bolder;
}