Mercurial > hg > webaudioevaluationtool
annotate test_create/style.css @ 3141:335bc77627e0 tip
fixing discrete interface to allow labels to display
author | Dave Moffat <me@davemoffat.com> |
---|---|
date | Mon, 26 Jul 2021 12:15:24 +0100 |
parents | 348d59ab726e |
children |
rev | line source |
---|---|
nicholas@2851 | 1 #screenblank { |
nicholas@2851 | 2 z-index: 1; |
nickjillings@1370 | 3 width: 100%; |
nickjillings@1370 | 4 height: 100%; |
nickjillings@1374 | 5 position: fixed; |
nicholas@2851 | 6 top: 0px; |
nickjillings@1370 | 7 left: 0px; |
nicholas@2851 | 8 background-color: rgba(0, 0, 0, 0.75); |
nicholas@2851 | 9 } |
nicholas@2851 | 10 #popupHolder { |
nickjillings@1370 | 11 } |
nicholas@2851 | 12 .popup { |
nicholas@2851 | 13 position: relative; |
nickjillings@1370 | 14 z-index: 3; |
nicholas@2538 | 15 background-color: rgba(255, 255, 255, 1); |
nickjillings@1370 | 16 width: 730px; |
nickjillings@1370 | 17 height: 480px; |
nicholas@2851 | 18 display: inline-block; |
nicholas@2851 | 19 text-align: left; |
nickjillings@1370 | 20 border-radius: 10px; |
nicholas@2538 | 21 box-shadow: 0px 0px 50px #000; |
nickjillings@1370 | 22 padding: 10px; |
nicholas@2851 | 23 margin-top: 20px; |
nickjillings@1370 | 24 } |
nicholas@2851 | 25 .popupTitle { |
nickjillings@1370 | 26 width: 100%; |
nickjillings@1370 | 27 height: 50px; |
nickjillings@1370 | 28 font-size: 2em; |
nicholas@2851 | 29 text-align: center; |
nickjillings@1370 | 30 } |
nicholas@2851 | 31 .popupButtons { |
nickjillings@1370 | 32 position: absolute; |
nicholas@2851 | 33 bottom: 5px; |
nicholas@2851 | 34 width: 90%; |
nicholas@2851 | 35 margin-left: 30px; |
nicholas@2851 | 36 display: block; |
nicholas@2851 | 37 align-self: center; |
nickjillings@2108 | 38 } |
nicholas@2851 | 39 #popupBack { |
nicholas@2851 | 40 float: left; |
nickjillings@2108 | 41 } |
nicholas@2851 | 42 #popupNext { |
nicholas@2851 | 43 float: right; |
nickjillings@1370 | 44 } |
nicholas@2851 | 45 #introdragdrop { |
nicholas@2851 | 46 width: 100%; |
nicholas@2851 | 47 height: 100px; |
nicholas@2851 | 48 border: 2px dashed black; |
nicholas@2851 | 49 font-size: 1.5em; |
nicholas@2851 | 50 text-align: center; |
nicholas@2851 | 51 padding-top: 30px; |
nicholas@2851 | 52 color: grey; |
nickjillings@1373 | 53 } |
nicholas@2851 | 54 .new-test { |
nicholas@2851 | 55 cursor: pointer; |
nickjillings@1373 | 56 } |
nicholas@2851 | 57 .new-test:hover { |
nicholas@2851 | 58 font-style: italic; |
nickjillings@1373 | 59 } |
nicholas@2851 | 60 .node { |
nicholas@2853 | 61 padding: 10px 20px; |
nicholas@2851 | 62 border: 2px solid black; |
nicholas@2851 | 63 margin: 20px; |
nicholas@2851 | 64 border-radius: 20px; |
nicholas@2853 | 65 background-color: inherit; |
nicholas@2853 | 66 } |
nicholas@2853 | 67 .node > textarea { |
nicholas@2853 | 68 width: 80%; |
nicholas@2853 | 69 } |
nicholas@2853 | 70 .node > h1, |
n@2907 | 71 .node > h2, |
n@2907 | 72 .node > h3, |
n@2907 | 73 .node > h4, |
n@2907 | 74 .node > h5 { |
nicholas@2853 | 75 text-align: center; |
nickjillings@1373 | 76 } |
nicholas@2851 | 77 .attribute { |
nicholas@2851 | 78 display: inline-block; |
nicholas@2851 | 79 margin: 0px 10px; |
nicholas@2851 | 80 border-left: 1px solid grey; |
nicholas@2851 | 81 border-right: 1px solid grey; |
nicholas@2851 | 82 padding: 5px 5px; |
nickjillings@1373 | 83 } |
nicholas@2853 | 84 #setupNode { |
nicholas@2853 | 85 background-color: rgba(255, 10, 10, 0.25); |
nicholas@2853 | 86 } |
nicholas@2856 | 87 .pageNode { |
nicholas@2853 | 88 background-color: rgba(10, 255, 10, 0.25); |
nicholas@2853 | 89 } |