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 }