n@501
|
1 div#blanket {
|
n@501
|
2 z-index: 2;
|
n@501
|
3 background-color: rgba(0,0,0,0.5);
|
n@501
|
4 width: 100%;
|
n@501
|
5 height: 100%;
|
n@505
|
6 position: fixed;
|
n@501
|
7 left: 0px;
|
n@501
|
8 top: 0px;
|
n@501
|
9 }
|
n@501
|
10
|
n@501
|
11 div#popupHolder {
|
n@501
|
12 z-index: 3;
|
n@501
|
13 background-color: rgba(255,255,255,1);
|
n@501
|
14 width: 730px;
|
n@501
|
15 height: 480px;
|
n@505
|
16 position: fixed;
|
n@501
|
17 border-radius: 10px;
|
n@501
|
18 box-shadow: 0px 0px 50px #000;
|
n@501
|
19 padding: 10px;
|
n@501
|
20 }
|
n@501
|
21
|
n@501
|
22 div#popup-title-holder {
|
n@501
|
23 width: 100%;
|
n@501
|
24 height: 50px;
|
n@501
|
25 font-size: 2em;
|
n@501
|
26 }
|
n@501
|
27
|
n@501
|
28 button#popup-proceed {
|
n@501
|
29 width: 60px;
|
n@501
|
30 height: 27px;
|
n@501
|
31 padding: 5px;
|
n@501
|
32 position: absolute;
|
n@501
|
33 right: 10px;
|
n@501
|
34 bottom: 10px;
|
n@501
|
35 }
|
n@501
|
36
|
n@504
|
37 div.drag-area {
|
n@504
|
38 border: 3px black dashed;
|
n@504
|
39 }
|
n@504
|
40 div.drag-over {
|
n@504
|
41 background-color: aquamarine;
|
n@504
|
42 }
|
n@504
|
43 div.drag-dropped {
|
n@504
|
44 background-color: aqua;
|
n@504
|
45 }
|
n@504
|
46 div.drag-error {
|
n@504
|
47 background-color: coral
|
n@504
|
48 }
|
n@504
|
49
|
n@504
|
50 div#project-drop {
|
n@504
|
51 width: 99%;
|
n@504
|
52 height: 50px;
|
n@504
|
53 margin: 10px 0px;
|
n@504
|
54 }
|
n@504
|
55
|
n@501
|
56 div.popup-checkbox {
|
n@501
|
57 padding: 5px;
|
n@501
|
58 }
|
n@501
|
59
|
n@501
|
60 div.popup-checkbox input {
|
n@501
|
61 margin: 0px 5px;
|
n@501
|
62 }
|
n@501
|
63
|
n@506
|
64 div.popup-option-entry {
|
n@506
|
65 padding: 5px 0px;
|
n@506
|
66 border-bottom: 1px solid;
|
n@506
|
67 }
|
n@506
|
68
|
n@501
|
69 div.disabled{
|
n@501
|
70 color: rgb(100,100,100);
|
n@501
|
71 }
|
n@501
|
72
|
n@535
|
73
|
n@535
|
74 div#content > div.node{
|
n@535
|
75 background-color: rgb(200,228,151);
|
n@535
|
76 }
|
n@535
|
77
|
n@535
|
78 div#content > div#setup{
|
n@535
|
79 background-color: coral;
|
n@535
|
80 }
|
n@535
|
81
|
n@535
|
82
|
n@501
|
83 div.node {
|
n@501
|
84 float: left;
|
n@501
|
85 padding: 10px;
|
n@501
|
86 border: black 2px solid;
|
n@501
|
87 border-radius: 10px;
|
n@505
|
88 margin: 10px;
|
n@501
|
89 min-width: 92%;
|
n@512
|
90 background-color: rgba(255,255,255,0.5);
|
n@501
|
91 }
|
n@501
|
92 div.node-title {
|
n@501
|
93 float: left;
|
n@501
|
94 width: 100%;
|
n@501
|
95 font-size: 2em;
|
n@501
|
96 margin: 5px 0px;
|
n@501
|
97 }
|
n@501
|
98 div.node-attributes {
|
n@506
|
99 min-width: 92%;
|
n@535
|
100 float: none;
|
n@501
|
101 padding: 10px;
|
n@501
|
102 }
|
n@501
|
103 div.attribute {
|
n@501
|
104 float: left;
|
n@501
|
105 margin-right: 10px;
|
n@501
|
106 }
|
n@501
|
107 div.node-children {
|
n@501
|
108 float: left;
|
n@506
|
109 min-width: 92%;
|
n@501
|
110 }
|
n@501
|
111 div.node-buttons {
|
n@501
|
112 float: left;
|
n@506
|
113 min-width: 92%;
|
n@501
|
114 }
|
n@501
|
115 div.attribute input {
|
n@535
|
116 max-width: 100%;
|
n@535
|
117 width: 300px;
|
n@501
|
118 margin-right: 10px;
|
n@501
|
119 }
|
n@501
|
120 div.attribute input[type=number] {
|
n@501
|
121 width: 80px;
|
n@535
|
122 }
|
n@535
|
123 div.attribute input[type=radio], div.attribute input[type=checkbox]{
|
n@535
|
124 width: 10px;
|
n@535
|
125 }
|
n@535
|
126 input:disabled+span{
|
n@535
|
127 text-decoration: line-through;
|
n@501
|
128 } |