nickjillings@2161: body {
nicholas@2538:     /* Set the background colour (note US English spelling) to grey*/
nicholas@2538:     background-color: #fff
nickjillings@2161: }
nickjillings@2161: div.pageTitle {
nicholas@2538:     width: auto;
nicholas@2538:     height: 20px;
nicholas@2538:     margin-top: 20px;
nickjillings@2161: }
nicholas@2538: div.pageTitle span {
nicholas@2538:     font-size: 1.5em;
nickjillings@2161: }
nickjillings@2161: button {
nicholas@2538:     /* Specify any button structure or style */
nicholas@2538:     min-width: 20px;
nicholas@2538:     background-color: #ddd
nickjillings@2161: }
nickjillings@2161: button.big-button {
nicholas@2538:     width: 250px;
nicholas@2538:     height: 40px;
nicholas@2538:     font-size: 1.2em;
nickjillings@2161: }
nicholas@3044: div#submit-holder {
nicholas@3044:     width: 100%;
nicholas@3044:     text-align: center;
nicholas@3044: }
nicholas@2772: div#box-holders {
nicholas@2772:     width: 100%;
nicholas@2772: }
nicholas@2776: div#playback-holder {
nicholas@2776:     float: none;
nicholas@2772: }
nickjillings@2161: div.comparator-holder {
nicholas@2538:     width: 260px;
nicholas@2538:     height: 300px;
nicholas@2538:     border: black 1px solid;
nicholas@2538:     padding-top: 5px;
nickjillings@2161:     margin: 25px;
nicholas@2772:     display: inline-block;
nickjillings@2161: }
nickjillings@2161: 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@2161:     border-radius: 20px;
nicholas@2772:     text-align: center;
nicholas@2772:     display: block;
nicholas@2772:     margin: auto;
nickjillings@2161: }
nicholas@2806: div.comparator-image {
nicholas@2806:     background-color: rgba(255, 255, 255, 0);
nicholas@2806: }
nicholas@2806: img.comparator-image {
nicholas@2806:     width: inherit;
nicholas@2806:     height: inherit;
nicholas@2806:     z-index: -1;
nicholas@2806:     position: absolute;
nicholas@2806:     display: inline;
nicholas@2806:     right: 0px;
nicholas@2806: }
nickjillings@2161: div.disabled {
nicholas@2538:     background-color: #AAA;
nickjillings@2161: }
nickjillings@2161: div.selected {
nicholas@2815:     background-color: rgba(0, 200, 0, 0.4);
nickjillings@2161: }
nicholas@2538: div.comparator-selector.inactive {
nicholas@2538:     background-color: yellow !important;
giuliomoro@2305: }
nickjillings@2161: div.comparator-selector span {
nicholas@2538:     font-size: 4em;
nickjillings@2161: }
nickjillings@2161: button.comparator-button {
nicholas@2538:     width: 250px;
nicholas@2538:     height: 38px;
nicholas@2538:     position: relative;
nicholas@2538:     margin-top: 5px;
nickjillings@2161: }
nickjillings@2161: div.playhead {
nickjillings@2161:     margin: 5px;
nickjillings@2161: }
nickjillings@2161: div#page-count {
nickjillings@2161:     float: left;
nickjillings@2161:     margin: 0px 5px;
nickjillings@2161: }