176 lines
2.7 KiB
SCSS
176 lines
2.7 KiB
SCSS
/* Custom Styles for the FTUE Screens */
|
|
|
|
@import "client/common.css.scss";
|
|
@charset "UTF-8";
|
|
|
|
div[layout-id="ftue2"] {
|
|
.formrow {
|
|
position:relative;
|
|
clear:both;
|
|
border:none;
|
|
margin: 12px;
|
|
padding:4px;
|
|
}
|
|
label {
|
|
text-align:left;
|
|
}
|
|
select {
|
|
display:block;
|
|
position:absolute;
|
|
left: 140px;
|
|
top: 0px;
|
|
}
|
|
}
|
|
|
|
div[layout-id="ftue3"] {
|
|
button {
|
|
margin: 0px 2em;
|
|
}
|
|
|
|
.progressContainer {
|
|
margin: 2em;
|
|
border: 1px solid #fff;
|
|
width: 400px;
|
|
height: 10px;
|
|
}
|
|
|
|
.progressFull {
|
|
height: 10px;
|
|
width: 2px;
|
|
background-color:#0f0;
|
|
}
|
|
}
|
|
|
|
/* Start Jeff's ftue.css */
|
|
.ftue-overlay {
|
|
z-index:100;
|
|
width:800px;
|
|
height:400px;
|
|
position:absolute;
|
|
left:50%;
|
|
top:20%;
|
|
margin-left:-400px;
|
|
background-color:#333;
|
|
border: 1px solid #ed3618;
|
|
}
|
|
|
|
.ftue-inner {
|
|
width:750px;
|
|
height:320px;
|
|
padding:25px;
|
|
font-size:15px;
|
|
color:#aaa;
|
|
}
|
|
|
|
.ftue-inner input[type=text], .ftue-inner input[type=password] {
|
|
padding:3px;
|
|
font-size:13px;
|
|
width:145px;
|
|
}
|
|
|
|
.ftue-inner input.gearprofile {
|
|
width:auto;
|
|
}
|
|
|
|
.ftue-inner select.audiodropdown {
|
|
width:223px;
|
|
color:#666;
|
|
}
|
|
|
|
.ftue-left {
|
|
float:left;
|
|
width:340px;
|
|
padding-right:30px;
|
|
border-right:solid 1px #484848;
|
|
}
|
|
|
|
.ftue-right {
|
|
width: 340px;
|
|
padding-left:30px;
|
|
float:left;
|
|
}
|
|
|
|
.ftue-inner a {
|
|
color:#ccc;
|
|
}
|
|
|
|
.ftue-inner a:hover {
|
|
color:#fff;
|
|
}
|
|
|
|
.ftue-instrumentlist {
|
|
width:340px;
|
|
height:178px;
|
|
background-color:#c5c5c5;
|
|
border:none;
|
|
-webkit-box-shadow: inset 2px 2px 3px 0px #888;
|
|
box-shadow: inset 2px 2px 3px 0px #888;
|
|
color:#666;
|
|
overflow:auto;
|
|
font-size:14px;
|
|
}
|
|
|
|
.ftue-instrumentlist select {
|
|
width:100%;
|
|
color:#666;
|
|
}
|
|
|
|
table.audiogeartable {
|
|
margin-left:-20px;
|
|
margin-right:-20px;
|
|
}
|
|
|
|
.ftue-gainmeter {
|
|
width:223px;
|
|
height:55px;
|
|
display:inline-block;
|
|
margin-right:8px;
|
|
position:relative;
|
|
background-color:#242323;
|
|
}
|
|
|
|
.gainmeter-vu-top {
|
|
position:absolute;
|
|
left:0px;
|
|
top:0px;
|
|
}
|
|
|
|
.gainmeter-vu-bottom {
|
|
position:absolute;
|
|
left:0px;
|
|
bottom:0px;
|
|
}
|
|
|
|
.gainmeter-gain {
|
|
position:absolute;
|
|
top:18px;
|
|
left:10px;
|
|
width:150px;
|
|
height:18px;
|
|
background-image:url(../images/content/bkg_slider_gain_horiz.png);
|
|
background-repeat:repeat-x;
|
|
}
|
|
|
|
.gainmeter-gain-wrapper {
|
|
position:relative;
|
|
width:51px;
|
|
height:18px;
|
|
}
|
|
|
|
.gainmeter-gain-slider {
|
|
position:absolute;
|
|
top:0px;
|
|
left:60%;
|
|
width:10px;
|
|
height:18px;
|
|
}
|
|
|
|
.gainmeter-label {
|
|
font-size:16px;
|
|
color:#ED3618;
|
|
position:absolute;
|
|
top:18px;
|
|
right:16px;
|
|
}
|
|
/* End Jeff's CSS */
|