Mercurial > hg > webaudioevaluationtool
annotate core.css @ 1491:5fd7e8f4313f
Add interfaces section to WAC paper
author | Dave <djmoffat@users.noreply.github.com> |
---|---|
date | Mon, 12 Oct 2015 12:22:42 +0100 |
parents | 0b095f66de65 |
children | 235594325b84 |
rev | line source |
---|---|
djmoffat@718 | 1 /* structure.css |
djmoffat@718 | 2 * Define the structure for classes and objects in HTML |
djmoffat@718 | 3 */ |
djmoffat@718 | 4 |
djmoffat@718 | 5 div.title { |
djmoffat@718 | 6 width: 100%; |
djmoffat@718 | 7 height: 50px; |
djmoffat@718 | 8 margin-bottom: 10px; |
djmoffat@718 | 9 font-size: 2em; |
djmoffat@718 | 10 } |
djmoffat@718 | 11 |
djmoffat@718 | 12 div.indicator-box { |
djmoffat@718 | 13 position: absolute; |
djmoffat@718 | 14 left: 150px; |
djmoffat@718 | 15 top: 10px; |
djmoffat@718 | 16 width: 300px; |
djmoffat@718 | 17 height: 60px; |
djmoffat@718 | 18 padding: 20px; |
djmoffat@718 | 19 border-radius: 10px; |
djmoffat@718 | 20 background-color: rgb(100,200,200); |
djmoffat@718 | 21 } |
djmoffat@718 | 22 |
djmoffat@718 | 23 div.comment-div { |
djmoffat@718 | 24 border:#444444; |
djmoffat@718 | 25 border-style:solid; |
djmoffat@718 | 26 border-width:1px; |
djmoffat@718 | 27 max-width: 600px; |
djmoffat@718 | 28 min-width: 400px; |
djmoffat@718 | 29 float: left; |
djmoffat@718 | 30 margin: 5px; |
djmoffat@718 | 31 height: 90px; |
djmoffat@718 | 32 } |
djmoffat@718 | 33 |
djmoffat@718 | 34 div.comment-div span { |
djmoffat@718 | 35 margin-left: 15px; |
djmoffat@718 | 36 } |
djmoffat@718 | 37 |
djmoffat@718 | 38 div.popupHolder { |
djmoffat@718 | 39 width: 500px; |
djmoffat@718 | 40 min-height: 250px; |
djmoffat@718 | 41 max-height: 400px; |
djmoffat@718 | 42 background-color: #fff; |
djmoffat@718 | 43 border-radius: 10px; |
djmoffat@718 | 44 box-shadow: 0px 0px 50px #000; |
djmoffat@718 | 45 z-index: 2; |
djmoffat@718 | 46 } |
djmoffat@718 | 47 |
djmoffat@718 | 48 button.popupButton { |
djmoffat@718 | 49 /* Button for popup window |
djmoffat@718 | 50 */ |
djmoffat@718 | 51 width: 50px; |
djmoffat@718 | 52 height: 25px; |
djmoffat@718 | 53 position: relative; |
djmoffat@718 | 54 border-radius: 5px; |
djmoffat@718 | 55 border: #444; |
djmoffat@718 | 56 border-width: 1px; |
djmoffat@718 | 57 border-style: solid; |
djmoffat@718 | 58 background-color: #fff; |
djmoffat@718 | 59 } |
djmoffat@718 | 60 |
djmoffat@718 | 61 textarea.trackComment { |
djmoffat@718 | 62 max-width: 594px; |
djmoffat@718 | 63 min-width: 350px; |
djmoffat@718 | 64 margin-right:15px; |
djmoffat@718 | 65 max-height: 60px; |
djmoffat@718 | 66 } |
djmoffat@718 | 67 |
djmoffat@718 | 68 div.playhead { |
djmoffat@718 | 69 width: 500px; |
djmoffat@718 | 70 height: 50px; |
djmoffat@718 | 71 background-color: #eee; |
djmoffat@718 | 72 border-radius: 10px; |
djmoffat@718 | 73 padding: 10px; |
djmoffat@718 | 74 } |
djmoffat@718 | 75 |
djmoffat@718 | 76 div.playhead-scrub-track { |
djmoffat@718 | 77 width: 100%; |
djmoffat@718 | 78 height: 10px; |
djmoffat@718 | 79 border-style: solid; |
djmoffat@718 | 80 border-width: 1px; |
djmoffat@718 | 81 } |
djmoffat@718 | 82 |
djmoffat@718 | 83 div#playhead-scrubber { |
djmoffat@718 | 84 width: 10px; |
djmoffat@718 | 85 height: 10px; |
djmoffat@718 | 86 position: relative; |
djmoffat@718 | 87 background-color: #000; |
djmoffat@718 | 88 } |