bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/settings/submenus/styles.scss
2016-09-01 13:56:41 +00:00

141 lines
1.9 KiB
SCSS

@import "../../../stylesheets/variables/_all";
/* General Submenu */
.submenuTitle {
height: 45px;
margin: 0px;
padding-top: 12px;
font-size: $font-size-large;
font-weight: $headings-font-weight;
}
.submenuContent {
height: 85%;
margin: 0px;
padding-top: 12px;
font-size: $font-size-base;
color: $color-gray-light;
}
div.submenuContent select {
width: 90%;
padding-top: 5px;
border-top: none;
border-left: none;
border-right: none;
/*outline: none;*/
color: $color-gray-light;
}
.containerLeftHalf {
width: 50%;
float: left;
}
.containerRightHalf {
width: 50%;
float: right;
}
.containerLeftHalfContent {
@extend .containerLeftHalf;
@extend .row;
}
.containerRightHalfContent {
@extend .containerRightHalf;
@extend .row;
}
div.containerLeftHalf label, div.containerRightHalf label {
font-size: 0.75em;
font-weight: 600;
color: $color-primary;
margin-bottom: 5px;
}
input[type=checkbox] {
float: right;
}
ul {
list-style-type: none;
margin: 0px;
}
ul li {
padding-bottom: 9%;
}
/* Application Submenu */
.applicationFontContainer {
border-top: solid 1px $color-gray-light;
margin-top: 10%;
padding-top: 10%;
}
.fontBarLeft {
float: left;
margin: 0px;
height: 100%;
width: 25%;
text-align: left;
}
.fontBarMid {
float: left;
margin: 0px;
height: 100%;
width: 50%;
text-align: center;
font-weight: 600;
}
.fontBarRight {
float: left;
margin: 0px;
height: 100%;
width: 25%;
text-align: right;
}
.fontBarLeft p, .fontBarMid p {
margin: 0px;
}
/* Users Submenu */
.checkboxOffset {
margin-right: 5%;
}
/* Buttons */
.defaultBtn {
width: 90px;
border-radius: 18px;
border: none;
box-shadow: none;
}
.testAudioBtn {
@extend .defaultBtn;
width: 140px;
float: left;
}
/* Submenu containers */
.full {
clear: both;
height: 100%;
width: 100%;
}
.row {
height: 42px;
}
.indentedRow {
@extend .row;
padding-left: 10%;
}