annotate core.css @ 874:2ecb68305877

SMC Paper: Tidying up of margins, added output example (just one audioElement). Updated the options list (compacted some to make room). Removed redundant paragraph. Now under 6 pages.
author Nicholas Jillings <nicholas.jillings@eecs.qmul.ac.uk>
date Fri, 19 Jun 2015 10:40:37 +0100
parents 11e6243fafa9
children 3d13f019c3e6 a049c6cf7eb3
rev   line source
BrechtDeMan@873 1 /* structure.css
BrechtDeMan@873 2 * Define the structure for classes and objects in HTML
BrechtDeMan@873 3 */
BrechtDeMan@873 4
BrechtDeMan@873 5 div.title {
BrechtDeMan@873 6 width: 100%;
BrechtDeMan@873 7 height: 50px;
BrechtDeMan@873 8 margin-bottom: 10px;
BrechtDeMan@873 9 font-size: 2em;
BrechtDeMan@873 10 }
BrechtDeMan@873 11
BrechtDeMan@873 12 div.indicator-box {
BrechtDeMan@873 13 position: absolute;
BrechtDeMan@873 14 left: 150px;
BrechtDeMan@873 15 top: 10px;
BrechtDeMan@873 16 width: 300px;
BrechtDeMan@873 17 height: 60px;
BrechtDeMan@873 18 padding: 20px;
BrechtDeMan@873 19 border-radius: 10px;
BrechtDeMan@873 20 background-color: rgb(100,200,200);
BrechtDeMan@873 21 }
BrechtDeMan@873 22
BrechtDeMan@873 23 div.comment-div {
BrechtDeMan@873 24 border:#444444;
BrechtDeMan@873 25 border-style:solid;
BrechtDeMan@873 26 border-width:1px;
BrechtDeMan@873 27 width: 624px;
BrechtDeMan@873 28 float: left;
BrechtDeMan@873 29 margin: 5px;
BrechtDeMan@873 30 height: 90px;
BrechtDeMan@873 31 }
BrechtDeMan@873 32
BrechtDeMan@873 33 div.comment-div span {
BrechtDeMan@873 34 margin-left: 15px;
BrechtDeMan@873 35 }
BrechtDeMan@873 36
BrechtDeMan@873 37 div.popupHolder {
BrechtDeMan@873 38 width: 500px;
BrechtDeMan@873 39 height: 250px;
BrechtDeMan@873 40 background-color: #fff;
BrechtDeMan@873 41 border-radius: 10px;
BrechtDeMan@873 42 box-shadow: 0px 0px 50px #000;
BrechtDeMan@873 43 z-index: 2;
BrechtDeMan@873 44 }
BrechtDeMan@873 45
BrechtDeMan@873 46 button.popupButton {
BrechtDeMan@873 47 /* Button for popup window
BrechtDeMan@873 48 */
BrechtDeMan@873 49 width: 50px;
BrechtDeMan@873 50 height: 25px;
BrechtDeMan@873 51 position: absolute;
BrechtDeMan@873 52 border-radius: 5px;
BrechtDeMan@873 53 border: #444;
BrechtDeMan@873 54 border-width: 1px;
BrechtDeMan@873 55 border-style: solid;
BrechtDeMan@873 56 background-color: #fff;
BrechtDeMan@873 57 }
BrechtDeMan@873 58
BrechtDeMan@873 59 textarea.trackComment {
BrechtDeMan@873 60 width: 618px;
BrechtDeMan@873 61 margin-right:15px;
BrechtDeMan@873 62 }
BrechtDeMan@873 63
BrechtDeMan@873 64 div.playhead {
BrechtDeMan@873 65 width: 500px;
BrechtDeMan@873 66 height: 50px;
BrechtDeMan@873 67 background-color: #eee;
BrechtDeMan@873 68 border-radius: 10px;
BrechtDeMan@873 69 padding: 10px;
BrechtDeMan@873 70 }
BrechtDeMan@873 71
BrechtDeMan@873 72 div.playhead-scrub-track {
BrechtDeMan@873 73 width: 100%;
BrechtDeMan@873 74 height: 10px;
BrechtDeMan@873 75 border-style: solid;
BrechtDeMan@873 76 border-width: 1px;
BrechtDeMan@873 77 }
BrechtDeMan@873 78
BrechtDeMan@873 79 div#playhead-scrubber {
BrechtDeMan@873 80 width: 10px;
BrechtDeMan@873 81 height: 10px;
BrechtDeMan@873 82 position: relative;
BrechtDeMan@873 83 background-color: #000;
BrechtDeMan@873 84 }