nickjillings@1341: /* nickjillings@1341: * Hold any style information for APE interface. Customise if you like to make the interface your own! nickjillings@1341: * nickjillings@1341: */ nickjillings@1341: body { nickjillings@1341: /* Set the background colour (note US English spelling) to grey*/ nickjillings@1341: background-color: #ddd nickjillings@1341: } nickjillings@1341: nickjillings@1341: div.title { nickjillings@1341: /* Specify any colouring for the title */ nickjillings@1341: } nickjillings@1341: nickjillings@1341: div.pageTitle { nickjillings@1341: width: auto; nickjillings@1341: height: 20px; nickjillings@1341: margin-top: 5px; nickjillings@1341: margin-bottom: 10px; nickjillings@1341: } nickjillings@1341: nickjillings@1341: div.pageTitle span{ nickjillings@1341: font-size: 1.5em; nickjillings@1341: } nickjillings@1341: nickjillings@1341: button { nickjillings@1341: /* Specify any button structure or style */ nickjillings@1341: min-width: 20px; nickjillings@1341: background-color: #ddd nickjillings@1341: } nickjillings@1341: nickjillings@1341: div.slider { nickjillings@1341: /* Specify any structure for the slider holder interface */ nickjillings@1341: background-color: #eee; nickjillings@1341: height: 150px; nickjillings@1341: margin-bottom: 5px; nickjillings@1341: -moz-user-select: -moz-none; nickjillings@1341: -khtml-user-select: none; nickjillings@1341: -webkit-user-select: none; nickjillings@1341: } nickjillings@1341: nickjillings@1341: div.sliderScale { nickjillings@1341: width: 100%; nickjillings@1341: min-height: 30px; nickjillings@1341: -moz-user-select: -moz-none; nickjillings@1341: -khtml-user-select: none; nickjillings@1341: -webkit-user-select: none; nickjillings@1341: } nickjillings@1341: nickjillings@1341: div.sliderScale span { nickjillings@1341: /* Any formatting of text below scale */ nickjillings@1341: font-size: 1.2em; nickjillings@1341: min-width: 5px; nickjillings@1341: height: 20px; nickjillings@1341: position: absolute; nickjillings@1341: } nickjillings@1341: nickjillings@1341: div.track-slider { nickjillings@1341: /* Specify any structure for the slider objects */ nickjillings@1341: position: absolute; nickjillings@1341: height: inherit; nickjillings@1341: width: 12px; nickjillings@1341: float: left; nickjillings@1341: background-color: rgb(100,200,100); nickjillings@1341: -moz-user-select: -moz-none; nickjillings@1341: -khtml-user-select: none; nickjillings@1341: -webkit-user-select: none; nickjillings@1341: } nickjillings@1341: nickjillings@1341: div.outside-reference { nickjillings@1341: width:120px; nickjillings@1341: padding-left: 55px; nickjillings@1341: margin-left: 100px; nickjillings@1341: height:20px; nickjillings@1341: margin-bottom:5px; nickjillings@1341: background-color: rgb(100,200,100); nickjillings@1341: } nickjillings@1341: nickjillings@1341: div.track-slider-disabled { nickjillings@1341: background-color: rgb(100,100,100); nickjillings@1341: } nickjillings@1341: nickjillings@1341: div.track-slider-playing { nickjillings@1341: background-color: #FF0000; nickjillings@1341: } nickjillings@1341: nickjillings@1341: div.comment-box-playing { nickjillings@1341: background-color: #FFDDDD; nickjillings@1341: } nickjillings@1356: nickjillings@1356: div#master-volume-holder { nickjillings@1356: position: absolute; nickjillings@1356: top: 10px; nickjillings@1356: left: 120px; nickjillings@1356: }