nickjillings@1341: body { nicholas@2538: /* Set the background colour (note US English spelling) to grey*/ nicholas@2538: background-color: #fff nickjillings@1341: } 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: } nickjillings@2110: div.comparator-holder { nicholas@2538: width: 260px; nicholas@2538: height: 300px; nicholas@2538: border: black 1px solid; nickjillings@1341: float: left; nicholas@2538: padding-top: 5px; nickjillings@1341: margin: 25px; 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; 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: }