nickjillings@1341: body {
nicholas@2538:     /* Set the background colour (note US English spelling) to grey*/
nicholas@2538:     background-color: #fff
nickjillings@1341: }
nicholas@2768: div#feedbackHolder {
nicholas@2768:     display: flex;
nicholas@2768:     flex-direction: column;
nicholas@2768: }
nickjillings@1341: div.pageTitle {
nicholas@2538:     width: auto;
nicholas@2538:     height: 20px;
nicholas@2538:     margin: 10px 0px;
nickjillings@1341: }
nicholas@2538: div.pageTitle span {
nicholas@2538:     font-size: 1.5em;
nickjillings@1341: }
nickjillings@1341: button {
nicholas@2538:     /* Specify any button structure or style */
nicholas@2538:     min-width: 20px;
nicholas@2538:     background-color: #ddd
nickjillings@1341: }
nickjillings@1341: button.big-button {
nicholas@2538:     width: 250px;
nicholas@2538:     height: 40px;
nicholas@2538:     font-size: 1.2em;
nickjillings@1341: }
nickjillings@2177: div.interface-buttons {
nickjillings@2177:     height: 40px;
nickjillings@2177: }
nicholas@2396: div#outside-reference-holder {
nicholas@2396:     display: flex;
nicholas@2396:     align-content: center;
nicholas@2396:     justify-content: center;
nicholas@2396:     margin-bottom: 5px;
nicholas@2396: }
nickjillings@2177: button.outside-reference {
nicholas@2396:     height: 40px;
nicholas@2396:     position: inherit;
nicholas@2396:     margin: 0px 5px;
nickjillings@2177: }
nicholas@2768: div#box-holders {
nicholas@2768:     width: 100%;
nicholas@2768:     display: flex;
nicholas@2768:     flex-direction: row;
nicholas@2768:     justify-content: center;
nicholas@2768:     flex-wrap: wrap;
nicholas@2768: }
nicholas@2768: div#playback-holder{
nicholas@2768:     float:none;
nicholas@2768: }
nickjillings@2110: div.comparator-holder {
nicholas@2538:     width: 260px;
nicholas@2538:     height: 300px;
nicholas@2538:     border: black 1px solid;
nicholas@2538:     padding-top: 5px;
nickjillings@1341:     margin: 25px;
nicholas@2768:     display: flex;
nicholas@2768:     flex-direction: column;
nicholas@2768:     align-items: center;
nickjillings@1341: }
nickjillings@2110: div.comparator-selector {
nicholas@2538:     width: 248px;
nicholas@2538:     height: 250px;
nicholas@2538:     border: black 1px solid;
nicholas@2538:     position: relative;
nicholas@2538:     background-color: #FF0000;
nickjillings@1378:     border-radius: 20px;
nicholas@2768:     text-align: center;
nickjillings@1341: }
nickjillings@1341: div.disabled {
nicholas@2538:     background-color: #AAA;
nickjillings@1341: }
nickjillings@1341: div.selected {
nicholas@2538:     background-color: #008000;
nickjillings@1341: }
nickjillings@2110: div.comparator-selector span {
nicholas@2538:     font-size: 4em;
nickjillings@1341: }
nickjillings@2110: button.comparator-button {
nicholas@2538:     width: 250px;
nicholas@2538:     height: 38px;
nicholas@2538:     position: relative;
nicholas@2538:     margin-top: 5px;
nickjillings@1341: }
nickjillings@1356: div.playhead {
nickjillings@1356:     margin: 5px;
nickjillings@1356: }
nickjillings@1356: div#page-count {
nickjillings@1356:     float: left;
nickjillings@1356:     margin: 0px 5px;
nickjillings@1356: }
nickjillings@1356: div#master-volume-holder {
nickjillings@1356:     position: absolute;
nickjillings@1356:     top: 10px;
nickjillings@1356:     left: 120px;
nicholas@2538: }