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: }
nicholas@3047: div#submit-holder {
nicholas@3047:     width: 100%;
nicholas@3047:     text-align: center;
nicholas@3047: }
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@2771:     text-align: center;
nicholas@2768: }
nicholas@2776: div#playback-holder {
nicholas@2776:     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@2770:     display: inline-block;
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;
nicholas@2770:     display: block;
nicholas@2770:     margin: auto;
nickjillings@1341: }
n@2794: div.comparator-image {
nicholas@2815:     background-color: rgba(255, 255, 255, 0);
n@2794: }
n@2794: img.comparator-image {
n@2794:     width: inherit;
n@2794:     height: inherit;
n@2794:     z-index: -1;
n@2794:     position: absolute;
n@2794:     display: inline;
n@2794:     right: 0px;
n@2794: }
nickjillings@1341: div.disabled {
nicholas@2538:     background-color: #AAA;
nickjillings@1341: }
nickjillings@1341: div.selected {
nicholas@2815:     background-color: rgba(0, 200, 0, 0.4);
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: }