Mercurial > hg > webaudioevaluationtool
annotate core.css @ 1543:45363ee3632d
SMC paper: added boxplot graph, input XML, decreased itemize spacing (also changed index.html page title)
author | Brecht De Man <b.deman@qmul.ac.uk> |
---|---|
date | Thu, 18 Jun 2015 17:34:27 +0100 |
parents | |
children | 3d13f019c3e6 a049c6cf7eb3 |
rev | line source |
---|---|
b@1543 | 1 /* structure.css |
b@1543 | 2 * Define the structure for classes and objects in HTML |
b@1543 | 3 */ |
b@1543 | 4 |
b@1543 | 5 div.title { |
b@1543 | 6 width: 100%; |
b@1543 | 7 height: 50px; |
b@1543 | 8 margin-bottom: 10px; |
b@1543 | 9 font-size: 2em; |
b@1543 | 10 } |
b@1543 | 11 |
b@1543 | 12 div.indicator-box { |
b@1543 | 13 position: absolute; |
b@1543 | 14 left: 150px; |
b@1543 | 15 top: 10px; |
b@1543 | 16 width: 300px; |
b@1543 | 17 height: 60px; |
b@1543 | 18 padding: 20px; |
b@1543 | 19 border-radius: 10px; |
b@1543 | 20 background-color: rgb(100,200,200); |
b@1543 | 21 } |
b@1543 | 22 |
b@1543 | 23 div.comment-div { |
b@1543 | 24 border:#444444; |
b@1543 | 25 border-style:solid; |
b@1543 | 26 border-width:1px; |
b@1543 | 27 width: 624px; |
b@1543 | 28 float: left; |
b@1543 | 29 margin: 5px; |
b@1543 | 30 height: 90px; |
b@1543 | 31 } |
b@1543 | 32 |
b@1543 | 33 div.comment-div span { |
b@1543 | 34 margin-left: 15px; |
b@1543 | 35 } |
b@1543 | 36 |
b@1543 | 37 div.popupHolder { |
b@1543 | 38 width: 500px; |
b@1543 | 39 height: 250px; |
b@1543 | 40 background-color: #fff; |
b@1543 | 41 border-radius: 10px; |
b@1543 | 42 box-shadow: 0px 0px 50px #000; |
b@1543 | 43 z-index: 2; |
b@1543 | 44 } |
b@1543 | 45 |
b@1543 | 46 button.popupButton { |
b@1543 | 47 /* Button for popup window |
b@1543 | 48 */ |
b@1543 | 49 width: 50px; |
b@1543 | 50 height: 25px; |
b@1543 | 51 position: absolute; |
b@1543 | 52 border-radius: 5px; |
b@1543 | 53 border: #444; |
b@1543 | 54 border-width: 1px; |
b@1543 | 55 border-style: solid; |
b@1543 | 56 background-color: #fff; |
b@1543 | 57 } |
b@1543 | 58 |
b@1543 | 59 textarea.trackComment { |
b@1543 | 60 width: 618px; |
b@1543 | 61 margin-right:15px; |
b@1543 | 62 } |
b@1543 | 63 |
b@1543 | 64 div.playhead { |
b@1543 | 65 width: 500px; |
b@1543 | 66 height: 50px; |
b@1543 | 67 background-color: #eee; |
b@1543 | 68 border-radius: 10px; |
b@1543 | 69 padding: 10px; |
b@1543 | 70 } |
b@1543 | 71 |
b@1543 | 72 div.playhead-scrub-track { |
b@1543 | 73 width: 100%; |
b@1543 | 74 height: 10px; |
b@1543 | 75 border-style: solid; |
b@1543 | 76 border-width: 1px; |
b@1543 | 77 } |
b@1543 | 78 |
b@1543 | 79 div#playhead-scrubber { |
b@1543 | 80 width: 10px; |
b@1543 | 81 height: 10px; |
b@1543 | 82 position: relative; |
b@1543 | 83 background-color: #000; |
b@1543 | 84 } |