Mercurial > hg > webaudioevaluationtool
annotate test_create/style.css @ 3018:03b0e5dc57e6
Merge branch 'vnext' into Dev_main
# Conflicts:
# python/pythonServer.py
author | Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk> |
---|---|
date | Tue, 12 Sep 2017 14:05:38 +0100 |
parents | a1e294297380 |
children | 348d59ab726e |
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 { |
nicholas@2851 | 11 text-align: center; |
nicholas@2851 | 12 width: 100%; |
nicholas@2851 | 13 height: 100%; |
nicholas@2851 | 14 position: fixed; |
nickjillings@1370 | 15 top: 0px; |
nicholas@2851 | 16 z-index: 2; |
nickjillings@1370 | 17 } |
nicholas@2851 | 18 .popup { |
nicholas@2851 | 19 position: relative; |
nickjillings@1370 | 20 z-index: 3; |
nicholas@2538 | 21 background-color: rgba(255, 255, 255, 1); |
nickjillings@1370 | 22 width: 730px; |
nickjillings@1370 | 23 height: 480px; |
nicholas@2851 | 24 display: inline-block; |
nicholas@2851 | 25 text-align: left; |
nickjillings@1370 | 26 border-radius: 10px; |
nicholas@2538 | 27 box-shadow: 0px 0px 50px #000; |
nickjillings@1370 | 28 padding: 10px; |
nicholas@2851 | 29 margin-top: 20px; |
nickjillings@1370 | 30 } |
nicholas@2851 | 31 .popupTitle { |
nickjillings@1370 | 32 width: 100%; |
nickjillings@1370 | 33 height: 50px; |
nickjillings@1370 | 34 font-size: 2em; |
nicholas@2851 | 35 text-align: center; |
nickjillings@1370 | 36 } |
nicholas@2851 | 37 .popupButtons { |
nickjillings@1370 | 38 position: absolute; |
nicholas@2851 | 39 bottom: 5px; |
nicholas@2851 | 40 width: 90%; |
nicholas@2851 | 41 margin-left: 30px; |
nicholas@2851 | 42 display: block; |
nicholas@2851 | 43 align-self: center; |
nickjillings@2108 | 44 } |
nicholas@2851 | 45 #popupBack { |
nicholas@2851 | 46 float: left; |
nickjillings@2108 | 47 } |
nicholas@2851 | 48 #popupNext { |
nicholas@2851 | 49 float: right; |
nickjillings@1370 | 50 } |
nicholas@2851 | 51 #introdragdrop { |
nicholas@2851 | 52 width: 100%; |
nicholas@2851 | 53 height: 100px; |
nicholas@2851 | 54 border: 2px dashed black; |
nicholas@2851 | 55 font-size: 1.5em; |
nicholas@2851 | 56 text-align: center; |
nicholas@2851 | 57 padding-top: 30px; |
nicholas@2851 | 58 color: grey; |
nickjillings@1373 | 59 } |
nicholas@2851 | 60 .new-test { |
nicholas@2851 | 61 cursor: pointer; |
nickjillings@1373 | 62 } |
nicholas@2851 | 63 .new-test:hover { |
nicholas@2851 | 64 font-style: italic; |
nickjillings@1373 | 65 } |
nicholas@2851 | 66 .node { |
nicholas@2853 | 67 padding: 10px 20px; |
nicholas@2851 | 68 border: 2px solid black; |
nicholas@2851 | 69 margin: 20px; |
nicholas@2851 | 70 border-radius: 20px; |
nicholas@2853 | 71 background-color: inherit; |
nicholas@2853 | 72 } |
nicholas@2853 | 73 .node > textarea { |
nicholas@2853 | 74 width: 80%; |
nicholas@2853 | 75 } |
nicholas@2853 | 76 .node > h1, |
n@2907 | 77 .node > h2, |
n@2907 | 78 .node > h3, |
n@2907 | 79 .node > h4, |
n@2907 | 80 .node > h5 { |
nicholas@2853 | 81 text-align: center; |
nickjillings@1373 | 82 } |
nicholas@2851 | 83 .attribute { |
nicholas@2851 | 84 display: inline-block; |
nicholas@2851 | 85 margin: 0px 10px; |
nicholas@2851 | 86 border-left: 1px solid grey; |
nicholas@2851 | 87 border-right: 1px solid grey; |
nicholas@2851 | 88 padding: 5px 5px; |
nickjillings@1373 | 89 } |
nicholas@2853 | 90 #setupNode { |
nicholas@2853 | 91 background-color: rgba(255, 10, 10, 0.25); |
nicholas@2853 | 92 } |
nicholas@2856 | 93 .pageNode { |
nicholas@2853 | 94 background-color: rgba(10, 255, 10, 0.25); |
nicholas@2853 | 95 } |