bigbluebutton-Github/bigbluebutton-html5/app/client/stylesheets/modals.less

100 lines
2.0 KiB
Plaintext
Executable File

@import "variables";
#settingsModal {
border-radius: 15px;
display: none;
padding: 0px;
@media @desktop-portrait, @landscape {
min-width: 430px;
}
@media @mobile-portrait-with-keyboard, @mobile-portrait {
width: 90%;
height: 50%;
}
.bar {
padding: 10px;
}
.topBar {
border-bottom: 1px solid grey;
p:first-child {
float: left;
i {
@media @desktop-portrait, @landscape {
font-size: 30px;
}
@media @mobile-portrait-with-keyboard, @mobile-portrait {
font-size: 300%;
}
}
}
p:nth-child(2) {
text-align: right;
.closeSettings {
@media @desktop-portrait, @landscape {
font-size: 30px;
}
@media @mobile-portrait-with-keyboard, @mobile-portrait {
font-size: 450%;
}
position: inherit;
}
}
}
.bottomBar {
border-top: 1px solid grey;
text-align: right;
.closeSettings {
@media @desktop-portrait, @landscape {
font-size: 12px;
}
@media @mobile-portrait-with-keyboard, @mobile-portrait {
font-size: 250%;
}
position: inherit;
}
}
.settingsBody {
padding: 10px;
text-align: center;
@media @mobile-portrait-with-keyboard, @mobile-portrait {
font-size: 200%;
height: 70%;
}
}
p {
margin-bottom: 0px;
}
.modalTitle {
margin-left: 20px;
font-style: normal;
}
.joinAudioButton {
width: 80px;
height: 70px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
}
}
.desktopSettingsFieldset {
margin: auto;
width: 400px;
padding: 0px;
@media @mobile-portrait-with-keyboard, @mobile-portrait {
height: 30%;
.settingsButton {
width: 80%;
height: 80%;
}
}
}
#saveSettings {
@media @desktop-portrait, @landscape {
font-size: 12px;
}
@media @mobile-portrait-with-keyboard, @mobile-portrait {
font-size: 250%;
}
}