nickjillings@1345: /*
nickjillings@1345:  * Hold any style information for MUSHRA interface. Customise if you like to make the interface your own!
nicholas@3133:  *
nickjillings@1345:  */
nicholas@2538: 
nickjillings@1345: body {
nicholas@2538:     /* Set the background colour (note US English spelling) to grey*/
nicholas@2538:     background-color: #ddd
nickjillings@1345: }
nickjillings@1345: div.pageTitle {
nicholas@2538:     width: auto;
nicholas@2538:     height: 20px;
nicholas@2538:     margin: 10px 0px;
nickjillings@1345: }
nicholas@2538: div.pageTitle span {
nicholas@2538:     font-size: 1.5em;
nickjillings@1345: }
nickjillings@1345: button {
nicholas@2538:     /* Specify any button structure or style */
nicholas@2538:     min-width: 20px;
nicholas@2538:     background-color: #ddd
nickjillings@1345: }
nicholas@3045: div#slider-box {
nicholas@3045:     width: 75%;
nicholas@3045:     height: auto;
nicholas@3045:     margin: auto;
nicholas@3045:     padding-bottom: 20px;
nickjillings@1345: }
nicholas@3045: div#slider-grid {
nicholas@3045:     display: grid;
nicholas@3045:     grid-template-columns: 1fr;
nicholas@3045:     grid-row-gap: 10px;
nickjillings@1345: }
nickjillings@1345: div#scale-text-holder {
nicholas@3045:     display: grid;
nicholas@3045:     grid-template-rows: 1fr;
nicholas@3045:     min-height: 25px;
nicholas@3045:     text-align: center;
nicholas@3045: }
nicholas@3045: div.discrete-row {
nicholas@3045:     display: grid;
nicholas@3045:     grid-template-rows: 1fr;
nicholas@3045:     padding: 10px;
nicholas@3045:     border: 1px solid black;
nicholas@3045:     height: 50px;
nicholas@3045: }
nicholas@3045: button.discrete-button {
nicholas@3045:     width: 100px;
nicholas@3045: }
nicholas@3045: div.discrete-label {
nicholas@3045:     width: 100px;
nicholas@3045:     text-align: center;
nickjillings@1345: }
nickjillings@1345: div.scale-text {
nicholas@2538:     position: relative;
nickjillings@1345: }
nicholas@3045: div.scale-text > span {
nicholas@3045:     position: absolute;
nicholas@3045:     bottom: 0;
nicholas@3045:     width: 100%;
nicholas@3045:     left: 0;
nickjillings@1345: }
nicholas@3045: div.discrete-row-playing {
nicholas@3045:     background-color: rgba(255, 201, 201, 0.5);
nickjillings@1345: }