jam-cloud/web/app/assets/stylesheets/client/wizard/loopbackWizard.scss

150 lines
2.3 KiB
SCSS

@import "client/common.scss";
@charset "UTF-8";
.dialog.loopback-wizard {
min-height: 500px;
max-height: 500px;
width:800px;
h2 {
color: #FFFFFF;
font-size: 15px;
font-weight: normal;
margin-bottom: 6px;
white-space:nowrap;
}
.ftue-box {
background-color: #222222;
font-size: 13px;
padding: 8px;
}
.ftue-inner {
line-height: 1.3em;
width:800px;
padding:25px;
font-size:15px;
color:#aaa;
@include border_box_sizing;
}
.wizard-step[layout-wizard-step="0"] {
p.intro {
margin-top:0px;
}
ul {
margin:0;
padding:0px;
margin-top:70px;
}
li {
text-align:center;
width: 31%;
height: 170px;
margin:0px;
/*padding:0px;*/
list-style: none;
float:left;
}
li.first {
width: 34%;
}
}
.wizard-step[layout-wizard-step="1"] {
.wizard-step-content .wizard-step-column {
&:nth-of-type(1), &:nth-of-type(2) {
width:31%;
}
&:nth-of-type(3) {
width:25%;
float:right;
}
}
a.button-orange {
margin-left:3px;
}
.ftue-controls {
margin-top: 10px;
position:relative;
height: 48px;
width: 220px;
background-color: #222;
}
.ftue-vu-left {
position:relative;
top: 0px;
}
.ftue-vu-right {
position:relative;
top: 22px;
}
.ftue-fader {
position:relative;
top: 14px;
left: 8px;
}
.gain-label {
color: $ColorScreenPrimary;
position:absolute;
top: 14px;
right: 6px;
}
.ports-header {
margin-top:10px;
}
.ports {
height:100px;
overflow: auto;
}
.asio-settings-input-btn, .asio-settings-output-btn {
position:absolute;
right:5px;
}
.resync-btn {
margin-top:29px;
}
.run-test-btn {
text-align:center;
display:inline-block;
margin-top:10px;
}
.frame-and-buffers {
margin-top:4px;
}
.test-results-header {
}
.select-frame-size {
margin-left:-2px;
}
.ftue-box.results {
margin-top:20px;
height: 200px !important;
padding:0;
@include border_box_sizing;
}
h2.results-text-header {
margin-top:5px;
}
}
}