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.
119 lines
2.3 KiB
119 lines
2.3 KiB
/* |
|
* Spreed WebRTC. |
|
* Copyright (C) 2013-2014 struktur AG |
|
* |
|
* This file is part of Spreed WebRTC. |
|
* |
|
* This program is free software: you can redistribute it and/or modify |
|
* it under the terms of the GNU Affero General Public License as published by |
|
* the Free Software Foundation, either version 3 of the License, or |
|
* (at your option) any later version. |
|
* |
|
* This program is distributed in the hope that it will be useful, |
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
* GNU Affero General Public License for more details. |
|
* |
|
* You should have received a copy of the GNU Affero General Public License |
|
* along with this program. If not, see <http://www.gnu.org/licenses/>. |
|
* |
|
*/ |
|
|
|
.overlaybar { |
|
background: $overlaybar-background; |
|
border-bottom: 1px solid #222; |
|
border-top: 1px solid #222; |
|
color: $overlaybar-color; |
|
min-height: 36px; |
|
padding: 3px 8px 0 30px; |
|
position: absolute; |
|
text-shadow: 0 0 5px #000; |
|
user-select: none; |
|
vertical-align: middle; |
|
} |
|
|
|
.overlaybar { |
|
&:hover { |
|
background: $componentfg2; |
|
} |
|
|
|
.btn { |
|
text-shadow: none; |
|
} |
|
|
|
.btn-link { |
|
text-shadow: 0 0 5px #000; |
|
} |
|
|
|
.form-group > * { |
|
float: left; |
|
padding-top: 0; |
|
} |
|
|
|
input[type="radio"], |
|
input[type="checkbox"] { |
|
margin-top: 2px; |
|
} |
|
|
|
label { |
|
padding-top: 6px !important; |
|
} |
|
} |
|
|
|
.overlaybar { |
|
&.notvisible { |
|
background: transparent; |
|
border-bottom: 1px solid transparent; |
|
border-top: 1px solid transparent; |
|
pointer-events: none; |
|
|
|
&:hover { |
|
background: transparent; |
|
} |
|
|
|
.overlaybar-content { |
|
display: none; |
|
} |
|
|
|
.overlaybar-overlay { |
|
display: block; |
|
} |
|
} |
|
|
|
.overlaybar-button { |
|
color: $overlaybar-btn; |
|
display: block; |
|
font-size: 20px; |
|
left: 3px; |
|
opacity: .7; |
|
padding: 4px 6px; |
|
pointer-events: auto; |
|
position: absolute; |
|
top: 0; |
|
vertical-align: middle; |
|
z-index: 15; |
|
} |
|
|
|
.overlaybar-content { |
|
display: inline-block; |
|
margin-bottom: 0; |
|
margin-left: .5em; |
|
max-width: 60%; |
|
|
|
> * { |
|
padding-right: .5em; |
|
} |
|
|
|
.input-group { |
|
max-width: 160px; |
|
} |
|
} |
|
|
|
.overlaybar-overlay { |
|
display: none; |
|
margin-left: .5em; |
|
opacity: .7; |
|
padding-top: 2px; |
|
text-align: left; |
|
} |
|
}
|
|
|