Mercurial > hg > webaudioevaluationtool
annotate test_create/style.css @ 1170:2cd9f09455a5
New test creator tool. Still WIP, but much more dynamic. Based on XSD and external lists so far easier to modify.
author | Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk> |
---|---|
date | Wed, 10 Feb 2016 12:02:25 +0000 |
parents | |
children | f8920367ec32 |
rev | line source |
---|---|
n@1170 | 1 div#blanket { |
n@1170 | 2 z-index: 2; |
n@1170 | 3 background-color: rgba(0,0,0,0.5); |
n@1170 | 4 width: 100%; |
n@1170 | 5 height: 100%; |
n@1170 | 6 position: absolute; |
n@1170 | 7 left: 0px; |
n@1170 | 8 top: 0px; |
n@1170 | 9 } |
n@1170 | 10 |
n@1170 | 11 div#popupHolder { |
n@1170 | 12 z-index: 3; |
n@1170 | 13 background-color: rgba(255,255,255,1); |
n@1170 | 14 width: 730px; |
n@1170 | 15 height: 480px; |
n@1170 | 16 position: absolute; |
n@1170 | 17 border-radius: 10px; |
n@1170 | 18 box-shadow: 0px 0px 50px #000; |
n@1170 | 19 padding: 10px; |
n@1170 | 20 } |
n@1170 | 21 |
n@1170 | 22 div#popup-title-holder { |
n@1170 | 23 width: 100%; |
n@1170 | 24 height: 50px; |
n@1170 | 25 font-size: 2em; |
n@1170 | 26 } |
n@1170 | 27 |
n@1170 | 28 button#popup-proceed { |
n@1170 | 29 width: 60px; |
n@1170 | 30 height: 27px; |
n@1170 | 31 padding: 5px; |
n@1170 | 32 position: absolute; |
n@1170 | 33 right: 10px; |
n@1170 | 34 bottom: 10px; |
n@1170 | 35 } |
n@1170 | 36 |
n@1170 | 37 div.popup-checkbox { |
n@1170 | 38 padding: 5px; |
n@1170 | 39 } |
n@1170 | 40 |
n@1170 | 41 div.popup-checkbox input { |
n@1170 | 42 margin: 0px 5px; |
n@1170 | 43 } |
n@1170 | 44 |
n@1170 | 45 div.disabled{ |
n@1170 | 46 color: rgb(100,100,100); |
n@1170 | 47 } |
n@1170 | 48 |
n@1170 | 49 div.node { |
n@1170 | 50 float: left; |
n@1170 | 51 padding: 10px; |
n@1170 | 52 border: black 2px solid; |
n@1170 | 53 border-radius: 10px; |
n@1170 | 54 margin: 25px; |
n@1170 | 55 min-width: 92%; |
n@1170 | 56 } |
n@1170 | 57 div.node-title { |
n@1170 | 58 float: left; |
n@1170 | 59 width: 100%; |
n@1170 | 60 font-size: 2em; |
n@1170 | 61 margin: 5px 0px; |
n@1170 | 62 } |
n@1170 | 63 div.node-attributes { |
n@1170 | 64 width: auto; |
n@1170 | 65 float: left; |
n@1170 | 66 padding: 10px; |
n@1170 | 67 border: black 2px dashed; |
n@1170 | 68 } |
n@1170 | 69 div.attribute { |
n@1170 | 70 float: left; |
n@1170 | 71 margin-right: 10px; |
n@1170 | 72 } |
n@1170 | 73 div.node-children { |
n@1170 | 74 float: left; |
n@1170 | 75 } |
n@1170 | 76 div.node-buttons { |
n@1170 | 77 float: left; |
n@1170 | 78 } |
n@1170 | 79 div.attribute input { |
n@1170 | 80 max-width: 100px; |
n@1170 | 81 margin-right: 10px; |
n@1170 | 82 } |
n@1170 | 83 div.attribute input[type=number] { |
n@1170 | 84 width: 80px; |
n@1170 | 85 } |