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.
102 lines
2.2 KiB
102 lines
2.2 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/>. |
|
* |
|
*/ |
|
|
|
#settings { |
|
background: $settings-background; |
|
border-left: 1px solid $bordercolor; |
|
bottom: 0; |
|
padding-right: 20px; |
|
position: fixed; |
|
right: -520px; |
|
top: $minbarheight; |
|
transition: right 200ms ease-in-out; |
|
width: 520px; |
|
z-index: 50; |
|
} |
|
|
|
#settings.show { |
|
right: 0; |
|
|
|
@include breakpt($breakpoint-settings-medium, max-width, only screen) { |
|
background: $settings-background; |
|
left: 0; |
|
width: auto; |
|
} |
|
|
|
.form-actions { |
|
|
|
@include breakpt($breakpoint-settings-medium, max-width, only screen) { |
|
bottom: 0; |
|
height: 60px; |
|
left: 0; |
|
margin-bottom: 0; |
|
padding: 6px 0 6px 120px; |
|
position: fixed; |
|
right: 0; |
|
} |
|
} |
|
} |
|
|
|
.settings { |
|
background: $settings-background; |
|
bottom: 0; |
|
left: 0; |
|
overflow-x: hidden; |
|
overflow-y: auto; |
|
padding: 10px; |
|
position: absolute; |
|
right: 0; |
|
top: 0; |
|
} |
|
|
|
.settings { |
|
@include breakpt($breakpoint-settings-medium, max-width, only screen) { |
|
padding-bottom: 10px; |
|
} |
|
|
|
.version { |
|
color: $settings-version; |
|
font-size: 10px; |
|
position: absolute; |
|
right: 10px; |
|
top: 10px; |
|
} |
|
|
|
.form-horizontal { |
|
.controls { |
|
@include breakpt($breakpoint-settings-medium, max-width, only screen) { |
|
margin-left: 110px; |
|
} |
|
} |
|
|
|
.control-label { |
|
@include breakpt($breakpoint-settings-medium, max-width, only screen) { |
|
width: 100px; |
|
word-wrap: break-word; |
|
} |
|
} |
|
} |
|
} |
|
|
|
settings-advanced { |
|
display: block; |
|
padding-top: 15px; |
|
}
|
|
|