|
|
|
|
@ -18,68 +18,66 @@
@@ -18,68 +18,66 @@
|
|
|
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>. |
|
|
|
|
* |
|
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
#settings { |
|
|
|
|
position:fixed; |
|
|
|
|
top:44px; |
|
|
|
|
right:-520px; |
|
|
|
|
bottom:0px; |
|
|
|
|
width:520px; |
|
|
|
|
z-index: 50; |
|
|
|
|
-webkit-transition: right 200ms ease-in-out; |
|
|
|
|
-moz-transition: right 200ms ease-in-out; |
|
|
|
|
-ms-transition: right 200ms ease-in-out; |
|
|
|
|
-o-transition: right 200ms ease-in-out; |
|
|
|
|
transition: right 200ms ease-in-out; |
|
|
|
|
padding-right: 20px; |
|
|
|
|
border-top:1px solid $bordercolor; |
|
|
|
|
border-top: 1px solid $bordercolor; |
|
|
|
|
bottom: 0; |
|
|
|
|
padding-right: 20px; |
|
|
|
|
position: fixed; |
|
|
|
|
right: -520px; |
|
|
|
|
top: 44px; |
|
|
|
|
transition: right 200ms ease-in-out; |
|
|
|
|
width: 520px; |
|
|
|
|
z-index: 50; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#settings.show { |
|
|
|
|
right:0px; |
|
|
|
|
right: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.settings { |
|
|
|
|
position:absolute; |
|
|
|
|
left:0px; |
|
|
|
|
right:0px; |
|
|
|
|
top:0px; |
|
|
|
|
bottom:0px; |
|
|
|
|
background: $sidepanebg; |
|
|
|
|
overflow-x: hidden; |
|
|
|
|
overflow-y: auto; |
|
|
|
|
padding:10px; |
|
|
|
|
background: $sidepanebg; |
|
|
|
|
bottom: 0; |
|
|
|
|
left: 0; |
|
|
|
|
overflow-x: hidden; |
|
|
|
|
overflow-y: auto; |
|
|
|
|
padding: 10px; |
|
|
|
|
position: absolute; |
|
|
|
|
right: 0; |
|
|
|
|
top: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.settings .version { |
|
|
|
|
position:absolute; |
|
|
|
|
top:10px; |
|
|
|
|
right:10px; |
|
|
|
|
font-size:10px; |
|
|
|
|
color:#ccc; |
|
|
|
|
color: #ccc; |
|
|
|
|
font-size: 10px; |
|
|
|
|
position: absolute; |
|
|
|
|
right: 10px; |
|
|
|
|
top: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 630px) { |
|
|
|
|
.settings .form-horizontal .controls { |
|
|
|
|
margin-left:110px; |
|
|
|
|
} |
|
|
|
|
.settings .form-horizontal .control-label { |
|
|
|
|
width:100px; |
|
|
|
|
word-wrap:break-word; |
|
|
|
|
} |
|
|
|
|
.settings { |
|
|
|
|
padding-bottom:10px; |
|
|
|
|
} |
|
|
|
|
#settings.show { |
|
|
|
|
width:auto; |
|
|
|
|
left:0px; |
|
|
|
|
background:white; |
|
|
|
|
} |
|
|
|
|
#settings.show .form-actions { |
|
|
|
|
position: fixed; |
|
|
|
|
bottom: 0px; |
|
|
|
|
left:0px; |
|
|
|
|
right:0px; |
|
|
|
|
margin-bottom:0px; |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
height:60px; |
|
|
|
|
padding-left:120px; |
|
|
|
|
padding-top:6px; |
|
|
|
|
padding-bottom:6px; |
|
|
|
|
} |
|
|
|
|
.settings .form-horizontal .controls { |
|
|
|
|
margin-left: 110px; |
|
|
|
|
} |
|
|
|
|
.settings .form-horizontal .control-label { |
|
|
|
|
width: 100px; |
|
|
|
|
word-wrap: break-word; |
|
|
|
|
} |
|
|
|
|
.settings { |
|
|
|
|
padding-bottom: 10px; |
|
|
|
|
} |
|
|
|
|
#settings.show { |
|
|
|
|
background: white; |
|
|
|
|
left: 0; |
|
|
|
|
width: auto; |
|
|
|
|
} |
|
|
|
|
#settings.show .form-actions { |
|
|
|
|
bottom: 0; |
|
|
|
|
height: 60px; |
|
|
|
|
left: 0; |
|
|
|
|
margin-bottom: 0; |
|
|
|
|
padding: 6px 0 6px 120px; |
|
|
|
|
position: fixed; |
|
|
|
|
right: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|