Mercurial > hg > webaudioevaluationtool
diff interfaces/ape.css @ 2601:2577d983f291
Beautified entire project.
author | Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk> |
---|---|
date | Mon, 14 Nov 2016 14:23:41 +0000 |
parents | dc13bd68ea34 |
children | be845c47bdaf |
line wrap: on
line diff
--- a/interfaces/ape.css Mon Nov 14 12:14:48 2016 +0000 +++ b/interfaces/ape.css Mon Nov 14 14:23:41 2016 +0000 @@ -2,103 +2,90 @@ * Hold any style information for APE interface. Customise if you like to make the interface your own! * */ + body { - /* Set the background colour (note US English spelling) to grey*/ - background-color: #ddd + /* Set the background colour (note US English spelling) to grey*/ + background-color: #ddd } - div.title { - /* Specify any colouring for the title */ + /* Specify any colouring for the title */ } - div.pageTitle { - width: auto; - height: 20px; - margin-top: 5px; - margin-bottom: 10px; + width: auto; + height: 20px; + margin-top: 5px; + margin-bottom: 10px; } - -div.pageTitle span{ - font-size: 1.5em; +div.pageTitle span { + font-size: 1.5em; } - button { - /* Specify any button structure or style */ - min-width: 20px; - background-color: #ddd + /* Specify any button structure or style */ + min-width: 20px; + background-color: #ddd } - div.slider { - /* Specify any structure for the slider holder interface */ - background-color: #eee; - height: 150px; - margin: 5px 50px; - -moz-user-select: -moz-none; - -khtml-user-select: none; - -webkit-user-select: none; + /* Specify any structure for the slider holder interface */ + background-color: #eee; + height: 150px; + margin: 5px 50px; + -moz-user-select: -moz-none; + -khtml-user-select: none; + -webkit-user-select: none; } - div.sliderScale { - width: 100%; - min-height: 30px; - -moz-user-select: -moz-none; - -khtml-user-select: none; - -webkit-user-select: none; + width: 100%; + min-height: 30px; + -moz-user-select: -moz-none; + -khtml-user-select: none; + -webkit-user-select: none; } - div.sliderScale span { - /* Any formatting of text below scale */ - font-size: 1.2em; - min-width: 5px; + /* Any formatting of text below scale */ + font-size: 1.2em; + min-width: 5px; max-width: 100px; text-align: center; - height: 20px; - position: absolute; + height: 20px; + position: absolute; } - div.track-slider { - /* Specify any structure for the slider objects */ - position: absolute; - height: inherit; - width: 12px; - float: left; - background-color: rgb(100,200,100); - -moz-user-select: -moz-none; - -khtml-user-select: none; - -webkit-user-select: none; + /* Specify any structure for the slider objects */ + position: absolute; + height: inherit; + width: 12px; + float: left; + background-color: rgb(100, 200, 100); + -moz-user-select: -moz-none; + -khtml-user-select: none; + -webkit-user-select: none; border: 1px solid black; } - div#outside-reference-holder { display: flex; align-content: center; justify-content: center; margin-bottom: 5px; } - div.outside-reference { - width:120px; + width: 120px; text-align: center; - height:20px; - background-color: rgb(100,200,100); + height: 20px; + background-color: rgb(100, 200, 100); position: inherit; margin: 0px 5px; } - div.track-slider-disabled { - background-color: rgb(100,100,100); + background-color: rgb(100, 100, 100); } - div.track-slider-playing { - background-color: #FF0000; + background-color: #FF0000; } - div.comment-box-playing { - background-color: #FFDDDD; + background-color: #FFDDDD; } - div#master-volume-holder { position: absolute; top: 10px; left: 120px; -} \ No newline at end of file +}