source: EcnlProtoTool/trunk/webapp/webmrbc/css/webmrbc.css@ 321

Last change on this file since 321 was 321, checked in by coas-nagasima, 7 years ago

文字コードを設定
  • Property svn:eol-style set to native
  • Property svn:mime-type set to text/css;charset=UTF-8
File size: 7.2 KB
Line 
1html, body {
2 height: 100%;
3 margin: 0;
4}
5
6body {
7 user-select: none;
8 -moz-user-select: none;
9 -khtml-user-select: none;
10 -webkit-user-select: none;
11 -ms-user-select: none;
12}
13
14html {
15 -ms-touch-action: manipulation;
16}
17
18.dropdown-menu > li > a {
19 cursor: default;
20}
21
22#main-menu {
23 margin-bottom: 0px;
24}
25
26 #main-menu .container {
27 width: 100%;
28 padding-right: 0px;
29 }
30
31 #main-menu #file-from {
32 padding-right: 0px;
33 }
34
35#modes-container {
36 position: absolute;
37 width: 100%;
38 left: 0;
39 top: 56px;
40 right: 0;
41 bottom: 0;
42}
43
44 #modes-container .modes-tab-pane {
45 position: relative;
46 height: 100%;
47 }
48
49#selectors-container {
50 position: absolute;
51 margin-left: 20px;
52 width: 200px;
53 height: 100%;
54 overflow: hidden;
55}
56
57 #selectors-container ul.nav-pills {
58 margin: 0 0 4px 0;
59 font-size: 0.8em;
60 line-height: 1em;
61 }
62
63 #selectors-container ul.nav-pills li {
64 line-height: 12px;
65 }
66
67 #selectors-container ul.nav-pills li a {
68 margin-right: 2px;
69 margin-top: 2px;
70 margin-bottom: 2px;
71 padding-top: 8px;
72 padding-bottom: 8px;
73 padding-right: 5px;
74 padding-left: 5px;
75 line-height: 12px;
76 }
77
78#selectors-tab-content {
79 position: absolute;
80 top: 32px;
81 left: 0;
82 right: 0;
83 bottom: -2px;
84 overflow-y: scroll;
85}
86
87 #selectors-tab-content .selector-tab .item {
88 position: relative;
89 }
90
91 #selectors-tab-content .selector-tab .item a {
92 text-decoration: none;
93 cursor: pointer;
94 font-size: 1.5em;
95 vertical-align: middle;
96 display: table-cell;
97 }
98
99 #selectors-tab-content .selector-tab .item .item-info {
100 position: absolute;
101 left: 0;
102 top: 0;
103 right: 0;
104 bottom: 0;
105 width: 160px;
106 height: 160px;
107 color: gray;
108 }
109
110 #selectors-tab-content .selector-tab .item .item-info .name {
111 position: absolute;
112 left: 10px;
113 top: 10px;
114 font-size: 1em;
115 z-index: 1;
116 }
117
118 #selectors-tab-content .selector-tab .item .item-info .attributes {
119 position: absolute;
120 left: 10px;
121 bottom: 10px;
122 font-size: 0.8em;
123 line-height: 1.1em;
124 text-align: left;
125 z-index: 1;
126 }
127
128 #selectors-tab-content .selector-tab .item .item-info a.modify-button {
129 position: absolute;
130 right: 10px;
131 bottom: 10px;
132 padding-left: 0.5em;
133 padding-top: 0.5em;
134 font-size: 1.5em;
135 z-index: 1;
136 }
137
138 #selectors-tab-content .selector-tab .item .item-info .topright-buttons {
139 position: absolute;
140 right: 10px;
141 top: 10px;
142 padding-left: 0.5em;
143 padding-bottom: 0.5em;
144 z-index: 1;
145 }
146
147 #selectors-tab-content .selector-tab .item .item-info .topright-buttons > a {
148 font-size: 1.5em;
149 }
150
151 #selectors-tab-content .selector-tab .item a.celltype {
152 position: relative;
153 overflow: hidden;
154 display: table-cell;
155 text-align: center;
156 vertical-align: middle;
157 width: 170px;
158 height: 170px;
159 border: 5px solid white;
160 }
161
162 #selectors-tab-content .selector-tab .item a.celltype div {
163 margin: -5px;
164 }
165
166 #selectors-tab-content .selector-tab .item a.celltype img {
167 max-width: 160px;
168 max-height: 160px;
169 }
170
171 #selectors-tab-content .selector-tab .item a.celltype:hover {
172 border: 5px solid #0088cc;
173 }
174
175 #selectors-tab-content .selector-tab .item a#add-celltype-button.celltype {
176 text-align: center;
177 vertical-align: middle;
178 font-size: 1em;
179 border: 5px dashed lightgrey;
180 }
181
182 #selectors-tab-content .selector-tab .item a#add-celltype-button.celltype i {
183 font-size: 2em;
184 }
185
186 #selectors-tab-content .selector-tab .item a#add-celltype-button.celltype:hover {
187 border: 5px dashed #0088cc;
188 }
189
190#block-tab-left-pane {
191 position: relative;
192 height: 100%;
193 width: 100%;
194 float: left;
195}
196
197#block-tab-right-pane {
198 position: absolute;
199 height: 100%;
200 width: 100%;
201 float: right;
202}
203
204 #block-tab-right-pane .blockly-div {
205 margin-left: 220px;
206 position: absolute;
207 left: 0;
208 top: 0;
209 right: 0;
210 bottom: 0;
211 -ms-touch-action: none;
212 }
213
214 #block-tab-right-pane .blockly-div svg.blocklySvg {
215 overflow: hidden;
216 }
217
218#text-editor {
219 position: absolute;
220 left: 0;
221 top: 0;
222 right: 0;
223 bottom: 0;
224 font-size: 10pt;
225}
226
227#eobject-modal {
228 position: absolute;
229 top: 5%;
230 left: 5%;
231 width: 90%;
232 height: 90%;
233}
234
235 #eobject-modal .modal-dialog {
236 width: 100%;
237 height: 100%;
238 margin-top: 0px;
239 margin-bottom: 0px;
240 }
241
242 #eobject-modal .modal-body {
243 padding: 0px;
244 height: 480px;
245 }
246
247#eobject-modal-preview {
248 position: relative;
249 width: 160px;
250 height: 160px;
251 background-color: white;
252 border: 1px solid gray;
253 overflow: hidden;
254 margin-bottom: 8px;
255}
256
257#eobject-modal-celltype {
258 position: absolute;
259 -ms-touch-action: none;
260}
261
262 #eobject-modal-celltype img {
263 width: 100%;
264 height: 100%;
265 }
266
267#eobject-modal-form {
268 margin-bottom: 0;
269}
270
271 #eobject-modal-form .control-group {
272 margin-bottom: 8px;
273 }
274
275 #eobject-modal-form .control-group .control-label {
276 width: 30%;
277 }
278
279 #eobject-modal-form .control-group .dropdown {
280 display: inline-block;
281 }
282
283 #eobject-modal-form .control-group .controls {
284 display: inline-flex;
285 }
286
287#eobject-modal-left-pane {
288 position: relative;
289 height: 80%;
290 width: 50%;
291 float: left;
292}
293
294#eobject-modal-right-pane {
295 position: absolute;
296 margin-left: 50%;
297 height: 80%;
298 width: 50%;
299 float: left;
300}
301
302#eobject-modal-right-pane-inner {
303 left: 0;
304 top: 0;
305 right: 0;
306 bottom: 0;
307 height: 480px;
308 overflow-y: scroll;
309}
310
311#eobject_properties {
312 width: 100%;
313}
314
315 #eobject_properties label {
316 text-align: left;
317 }
318
319#preference-modal {
320 width: 700px;
321 margin-left: -350px;
322}
323
324 #preference-modal .modal-body form {
325 margin-bottom: 0;
326 }
327
328 #preference-modal .modal-body form .control-group {
329 margin-bottom: 8px;
330 }
331
332.emscripten {
333 padding-right: 0;
334 margin-left: auto;
335 margin-right: auto;
336 display: block;
337}
338
339div.emscripten {
340 text-align: center;
341}
342
343div.emscripten_border {
344 border: 1px solid black;
345}
346
347#emscripten_logo {
348 display: inline-block;
349 margin: 4px;
350}
351
352.spinner {
353 height: 30px;
354 width: 30px;
355 margin: 0;
356 margin-top: 20px;
357 margin-left: 20px;
358 display: inline-block;
359 vertical-align: top;
360 -webkit-animation: rotation .8s linear infinite;
361 -moz-animation: rotation .8s linear infinite;
362 -o-animation: rotation .8s linear infinite;
363 animation: rotation 0.8s linear infinite;
364 border-left: 5px solid rgb(235, 235, 235);
365 border-right: 5px solid rgb(235, 235, 235);
366 border-bottom: 5px solid rgb(235, 235, 235);
367 border-top: 5px solid rgb(120, 120, 120);
368 border-radius: 100%;
369 background-color: rgb(189, 215, 46);
370}
371
372#emscripten-box {
373 position: absolute;
374 top: 0px;
375}
376
377#term-box {
378 position: relative;
379 height: 100%;
380}
381
382#term {
383 position: absolute;
384 top: 0;
385 right: 0;
386 bottom: 0;
387 left: 0;
388 font-size: small;
389}
390
391@-webkit-keyframes rotation {
392 from {
393 -webkit-transform: rotate(0deg);
394 }
395
396 to {
397 -webkit-transform: rotate(360deg);
398 }
399}
400
401@-moz-keyframes rotation {
402 from {
403 -moz-transform: rotate(0deg);
404 }
405
406 to {
407 -moz-transform: rotate(360deg);
408 }
409}
410
411@-o-keyframes rotation {
412 from {
413 -o-transform: rotate(0deg);
414 }
415
416 to {
417 -o-transform: rotate(360deg);
418 }
419}
420
421@keyframes rotation {
422 from {
423 transform: rotate(0deg);
424 }
425
426 to {
427 transform: rotate(360deg);
428 }
429}
430
431#status {
432 display: inline-block;
433 vertical-align: top;
434 margin-top: 30px;
435 margin-left: 20px;
436 font-weight: bold;
437 color: rgb(120, 120, 120);
438}
439
440#progress {
441 height: 20px;
442 width: 30px;
443}
444
445#controls {
446 display: inline-block;
447 float: right;
448 vertical-align: top;
449 margin-top: 30px;
450 margin-right: 20px;
451}
Note: See TracBrowser for help on using the repository browser.