xref: /plugin/bpmnio/vendor/dmn-js/dist/assets/dmn-js-literal-expression.css (revision 33b93a72a62861f8287c0802fe7bb3c00ceb6e03) 
1.dmn-literal-expression-container {
2  font-family: 'Arial', sans-serif;
3  position: relative;
4  color: #444;
5
6  width: 100%;
7  height: 100%;
8  position: relative;
9}
10
11.dmn-literal-expression-container * {
12  box-sizing: border-box;
13}
14
15/* decision properties */
16.dmn-literal-expression-container .decision-properties {
17  color: #444;
18  background-color: #fff;
19  display: inline-block;
20  border: 1px solid #444;
21  border-bottom: none;
22  position: relative;
23  min-width: 192px;
24  max-width: 50%;
25}
26
27.dmn-literal-expression-container .decision-name:not(.editor),
28.dmn-literal-expression-container .decision-id:not(.editor) {
29  cursor: default;
30}
31
32.dmn-literal-expression-container .decision-name.editor,
33.dmn-literal-expression-container .decision-id.editor {
34  cursor: text;
35}
36
37.dmn-literal-expression-container .decision-name,
38.dmn-literal-expression-container .decision-id {
39  margin: 0;
40  padding: 3px 6px;
41  text-align: center;
42  white-space: pre;
43}
44
45.dmn-literal-expression-container .decision-name div,
46.dmn-literal-expression-container .decision-id div {
47  outline: none;
48}
49
50.dmn-literal-expression-container .decision-name.editor:not(.focussed):hover,
51.dmn-literal-expression-container .decision-id.editor:not(.focussed):hover {
52  cursor: text;
53}
54
55.dmn-literal-expression-container .decision-name {
56  font-size: 24px;
57  line-height: 30px;
58  padding: .3em;
59  font-weight: bold;
60}
61
62.dmn-literal-expression-container .decision-id {
63  border-top: 1px solid #444;
64  font-family: monospace;
65  font-size: 18px;
66}
67
68/* textarea */
69.dmn-literal-expression-container .textarea {
70  box-sizing: border-box;
71  width: 100%;
72  font-family: monospace;
73  border: 1px solid #444;
74  border-bottom-width: 1px;
75  white-space: pre;
76  font-size: 14px;
77  color: #444;
78  height: 250px;
79}
80
81.dmn-literal-expression-container .textarea .content,
82.dmn-literal-expression-container .textarea .content-editable {
83  padding: 12px;
84}
85
86.dmn-literal-expression-container .textarea .content-editable {
87  height: 100%;
88  box-sizing: border-box;
89  overflow-y: auto;
90}
91
92.dmn-literal-expression-container .textarea div:focus {
93  outline: none;
94}
95
96.dmn-literal-expression-container .textarea.editor {
97  cursor: text;
98}
99
100.dmn-literal-expression-container .textarea:not(.editor) {
101  cursor: default;
102}
103
104/* literal expression properties */
105.dmn-literal-expression-container .literal-expression-properties {
106  box-sizing: border-box;
107  width: 100%;
108  padding:  0;
109  border: 1px solid #444;
110  border-top: none;
111  font-size: 14px;
112  color: #444;
113}
114
115.dmn-literal-expression-container .literal-expression-properties table {
116  border-spacing: 8px;
117}
118
119.dmn-literal-expression-container .literal-expression-properties table tr td:first-child {
120  font-weight: bold;
121}
122
123.dmn-literal-expression-container .literal-expression-properties table tr td:last-child {
124  min-width: 100px;
125}
126
127/* view drd */
128.dmn-literal-expression-container .view-drd {
129  float: right;
130  margin-right: 10px;
131}
132
133.dmn-literal-expression-container .view-drd .view-drd-button {
134  background: #fff;
135  padding: 8px;
136  border: solid 1px #CCC;
137  border-radius: 2px;
138  font-size: 14px;
139  color: #444;
140  font-weight: bold;
141  cursor: pointer;
142  outline: none;
143}
144
145.dmn-literal-expression-container .view-drd .view-drd-button:hover {
146  background: #f6f6f6;
147}
148
149/* powered by */
150.dmn-literal-expression-container .powered-by-logo {
151  float: right;
152  width: 38px;
153  z-index: 10;
154  cursor: pointer;
155}
156
157.dmn-literal-expression-container .powered-by-logo .logo {
158  width: 100%;
159}
160
161.dmn-literal-expression-container .powered-by-overlay {
162  position: fixed;
163  top: 0;
164  right: 0;
165  bottom: 0;
166  left: 0;
167  background: rgba(0,0,0,0.2);
168  display: flex;
169  justify-content: center;
170  align-items: center;
171  z-index: 10;
172}
173
174.dmn-literal-expression-container .powered-by-overlay .powered-by-overlay-content {
175  background: #fff;
176  padding: 8px;
177  border: solid 1px #CCC;
178  border-radius: 2px;
179  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
180  font-size: 14px;
181  color: #444;
182  display: flex;
183  flex-direction: row;
184  max-width: 260px;
185}
186
187.dmn-literal-expression-container .powered-by-overlay .powered-by-overlay-content div:first-child {
188  margin-right: 8px;
189}
190
191.dmn-decision-table-container p.dms-hint {
192  font-size: 0.85em;
193  margin-top: 5px;
194  color: #888;
195}