116 lines
1.8 KiB
SCSS
Executable File
116 lines
1.8 KiB
SCSS
Executable File
@import "../../stylesheets/variables/_all";
|
|
|
|
.center {
|
|
text-align: center;
|
|
font-size: $font-size-large;
|
|
padding-top: 40px;
|
|
}
|
|
|
|
.closeBtn {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
}
|
|
|
|
// Modifies the close button style
|
|
Button.closeBtn span:first-child {
|
|
color: $color-gray-light;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
// Modifies the audio button icon colour
|
|
Button.audioBtn span:first-child {
|
|
color: #25385D;
|
|
border: 5px solid #FFF;
|
|
box-shadow: none;
|
|
}
|
|
|
|
// When hovering over a button of class audioBtn, change the border colour of first span-child
|
|
Button.audioBtn:hover span:first-child {
|
|
border: 5px solid $color-primary;
|
|
}
|
|
|
|
// Modifies the button label text
|
|
Button.audioBtn span:last-child {
|
|
color: $color-gray-dark;
|
|
font-size: 30%;
|
|
}
|
|
|
|
Button.audioBtn:first-of-type {
|
|
margin-right: 70px;
|
|
}
|
|
|
|
.inner {
|
|
padding: 10px;
|
|
min-height: 350px;
|
|
min-width: 500px;
|
|
}
|
|
|
|
// Audio settings menu
|
|
.half {
|
|
width: 50%;
|
|
float: left;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
div.half label {
|
|
font-size: 0.75em;
|
|
font-weight: 600;
|
|
color: $color-primary;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.backBtn {
|
|
position: absolute;
|
|
left: 10px;
|
|
top: 10px;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.playSound {
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.enterBtn {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
right: 10px;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
|
|
|
|
.containerLeftHalf {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.containerRightHalf {
|
|
width: 50%;
|
|
float: right;
|
|
}
|
|
|
|
.containerFull{
|
|
width: 100%;
|
|
float: right;
|
|
}
|
|
|
|
.containerLeftHalfContent {
|
|
@extend .containerLeftHalf;
|
|
@extend .row;
|
|
}
|
|
|
|
.containerRightHalfContent {
|
|
@extend .containerRightHalf;
|
|
@extend .row;
|
|
}
|
|
|
|
.row {
|
|
height: 42px;
|
|
}
|