Mercurial > hg > webaudioevaluationtool
annotate test_create/style.css @ 1106:282dfb8076f5
Merge default to dev_main
author | Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk> |
---|---|
date | Wed, 17 Feb 2016 11:29:18 +0000 |
parents | |
children | 3de455e48d70 b5bf2f57187c a4ad9e55b5b8 |
rev | line source |
---|---|
n@1106 | 1 div#blanket { |
n@1106 | 2 z-index: 2; |
n@1106 | 3 background-color: rgba(0,0,0,0.5); |
n@1106 | 4 width: 100%; |
n@1106 | 5 height: 100%; |
n@1106 | 6 position: fixed; |
n@1106 | 7 left: 0px; |
n@1106 | 8 top: 0px; |
n@1106 | 9 } |
n@1106 | 10 |
n@1106 | 11 div#popupHolder { |
n@1106 | 12 z-index: 3; |
n@1106 | 13 background-color: rgba(255,255,255,1); |
n@1106 | 14 width: 730px; |
n@1106 | 15 height: 480px; |
n@1106 | 16 position: fixed; |
n@1106 | 17 border-radius: 10px; |
n@1106 | 18 box-shadow: 0px 0px 50px #000; |
n@1106 | 19 padding: 10px; |
n@1106 | 20 } |
n@1106 | 21 |
n@1106 | 22 div#popup-title-holder { |
n@1106 | 23 width: 100%; |
n@1106 | 24 height: 50px; |
n@1106 | 25 font-size: 2em; |
n@1106 | 26 } |
n@1106 | 27 |
n@1106 | 28 button#popup-proceed { |
n@1106 | 29 width: 60px; |
n@1106 | 30 height: 27px; |
n@1106 | 31 padding: 5px; |
n@1106 | 32 position: absolute; |
n@1106 | 33 right: 10px; |
n@1106 | 34 bottom: 10px; |
n@1106 | 35 } |
n@1106 | 36 |
n@1106 | 37 div.drag-area { |
n@1106 | 38 border: 3px black dashed; |
n@1106 | 39 } |
n@1106 | 40 div.drag-over { |
n@1106 | 41 background-color: aquamarine; |
n@1106 | 42 } |
n@1106 | 43 div.drag-dropped { |
n@1106 | 44 background-color: aqua; |
n@1106 | 45 } |
n@1106 | 46 div.drag-error { |
n@1106 | 47 background-color: coral |
n@1106 | 48 } |
n@1106 | 49 |
n@1106 | 50 div#project-drop { |
n@1106 | 51 width: 99%; |
n@1106 | 52 height: 50px; |
n@1106 | 53 margin: 10px 0px; |
n@1106 | 54 } |
n@1106 | 55 |
n@1106 | 56 div.popup-checkbox { |
n@1106 | 57 padding: 5px; |
n@1106 | 58 } |
n@1106 | 59 |
n@1106 | 60 div.popup-checkbox input { |
n@1106 | 61 margin: 0px 5px; |
n@1106 | 62 } |
n@1106 | 63 |
n@1106 | 64 div.popup-option-entry { |
n@1106 | 65 padding: 5px 0px; |
n@1106 | 66 border-bottom: 1px solid; |
n@1106 | 67 } |
n@1106 | 68 |
n@1106 | 69 div.disabled{ |
n@1106 | 70 color: rgb(100,100,100); |
n@1106 | 71 } |
n@1106 | 72 |
n@1106 | 73 div.node { |
n@1106 | 74 float: left; |
n@1106 | 75 padding: 10px; |
n@1106 | 76 border: black 2px solid; |
n@1106 | 77 border-radius: 10px; |
n@1106 | 78 margin: 10px; |
n@1106 | 79 min-width: 92%; |
n@1106 | 80 background-color: rgba(255,255,255,0.5); |
n@1106 | 81 } |
n@1106 | 82 div.node-title { |
n@1106 | 83 float: left; |
n@1106 | 84 width: 100%; |
n@1106 | 85 font-size: 2em; |
n@1106 | 86 margin: 5px 0px; |
n@1106 | 87 } |
n@1106 | 88 div.node-attributes { |
n@1106 | 89 min-width: 92%; |
n@1106 | 90 float: left; |
n@1106 | 91 padding: 10px; |
n@1106 | 92 } |
n@1106 | 93 div.attribute { |
n@1106 | 94 float: left; |
n@1106 | 95 margin-right: 10px; |
n@1106 | 96 } |
n@1106 | 97 div.node-children { |
n@1106 | 98 float: left; |
n@1106 | 99 min-width: 92%; |
n@1106 | 100 } |
n@1106 | 101 div.node-buttons { |
n@1106 | 102 float: left; |
n@1106 | 103 min-width: 92%; |
n@1106 | 104 } |
n@1106 | 105 div.attribute input { |
n@1106 | 106 max-width: 100px; |
n@1106 | 107 margin-right: 10px; |
n@1106 | 108 } |
n@1106 | 109 div.attribute input[type=number] { |
n@1106 | 110 width: 80px; |
n@1106 | 111 } |