Annotation of modules/damieng/graphical_editor/loncapa_daxe/web/loncapa_daxe.css, revision 1.12
1.4 damieng 1:
2: .help_regexp {
3: display: none;
4: }
5:
1.1 damieng 6: span.empty_tag, span.start_tag, span.end_tag, span.simple_type {
7: background-color: #F6F6F6;
8: border: 1px solid #808080;
9: }
10:
11: .lcdblock {
1.12 ! damieng 12: clear: both;
1.1 damieng 13: border-top: 1px solid #AAA;
14: border-left: 1px solid #AAA;
15: border-bottom: 1px solid #AAA;
16: box-shadow: 0px 1px 1px #BBB;
17: border-top-left-radius: 0.4em;
18: border-top-right-radius: 0.4em;
19: border-bottom-left-radius: 0.4em;
20: }
21:
1.5 damieng 22: .lcdblock .lcdblock {
23: margin-top: 8px;
24: margin-bottom: 8px;
25: }
26:
1.1 damieng 27: .lcdblock.invalid {
28: border-top: 1px solid #F00;
29: border-left: 1px solid #F00;
30: border-bottom: 1px solid #F00;
31: }
32:
33: .selected .lcdblock-header {
34: background-color: #50A0FF;
35: }
36:
37: .lcdblock-header {
38: background-color: #F5F5F5;
39: padding: 2px;
40: border-top-left-radius: 0.4em;
41: border-top-right-radius: 0.4em;
42: box-shadow: 0px 1px 2px #AAA;
43: cursor: default;
44: font-family: sans-serif;
45: font-weight: normal;
46: font-style: normal;
47: font-size: medium;
48: color: black;
49: text-align: left;
50: }
51:
52: .lcdblock-header:after {
53: /* clearfix for floating buttons */
54: /* we can't use overflow:auto because of the parameter template menu which needs to overflow */
55: visibility: hidden;
56: display: block;
57: content: "";
58: clear: both;
59: height: 0;
60: }
61:
62: .lcdblock-header.without-content-afterwards {
63: border-bottom-left-radius: 0.4em;
64: }
65:
66: .lcdblock.invalid>.lcdblock-header {
67: background-color: #FFE0B0;
68: }
69:
70: .lcdblock.invalid.selected>.lcdblock-header {
71: background-color: #50A0FF;
72: }
73:
74: .selected .lcdblock.invalid>.lcdblock-header {
75: background-color: #50A0FF;
76: }
77:
78: .lcdblock-title {
79: margin-left: 4px;
80: margin-right: 3px;
81: font-style: italic;
82: }
83:
84: .lcdblock-attributes {
85: font-size: 90%;
86: }
87:
88: .lcdblock-content {
89: margin-top: 3px;
90: }
91:
92: .lcd-button-box {
93: display: inline-block;
94: line-height: 20px;
95: border: 1px solid #AAA;
96: margin: 0.2em;
97: background: #FAFAFA;
98: border-radius: 5px;
99: overflow: hidden;
100: cursor: default;
101: }
102:
103: .lcdbutton {
104: display: inline-block;
105: line-height: 18px;
106: padding: 3px;
107: cursor: default;
108: }
109:
110: .lcdbutton-disabled {
111: opacity: 0.3;
112: }
113:
114: .lcdbutton-selected {
115: background-color: #DDD;
116: }
117:
118: .lcdbutton:hover {
119: background-color: #EEE;
120: }
121:
122: .lcdbutton-disabled:hover {
123: background-color: transparent;
124: }
125:
126: .lcdbutton-disabled:hover {
127: background-color: transparent;
128: }
129:
130: .lcdbutton img {
131: vertical-align: middle;
132: }
133:
134: .lcdblock .lcd-button-box {
135: float: right;
136: }
137:
138: .lcdblock .lcd-advanced {
139: float: right;
140: }
141:
142: .tex {
143: cursor: default;
144: }
145:
146: .hr {
147: cursor: default;
148: margin: 0px;
149: padding-top: 0.5em;
150: padding-bottom: 0.5em;
151: }
152:
153: input.math {
154: font-family: monospace;
155: }
156:
1.10 damieng 157: .script-text {
1.1 damieng 158: visibility: hidden;
1.10 damieng 159: padding-left: 1em;
1.11 damieng 160: font-family: monospace;
1.1 damieng 161: }
162:
1.10 damieng 163: .script-text .selection, .script-text .selected {
1.1 damieng 164: visibility: visible;
165: }
166:
1.10 damieng 167: .selected .script-text {
1.1 damieng 168: visibility: visible;
169: }
170:
1.10 damieng 171: .script-colored {
1.1 damieng 172: z-index: -1;
1.10 damieng 173: position: absolute;
174: top: 0px;
175: left: 0px;
176: right: 0px;
177: padding-left: 1em;
1.1 damieng 178: visibility: visible;
179: font-family: monospace;
180: }
181:
1.10 damieng 182: .script-colored .keyword {
1.1 damieng 183: font-weight: bold;
184: }
1.10 damieng 185: .script-colored .string {
1.1 damieng 186: color: #050;
187: }
1.10 damieng 188: .script-colored .comment {
1.1 damieng 189: color: #666;
190: }
1.10 damieng 191: .script-colored .variable {
1.1 damieng 192: color: #049;
193: }
1.10 damieng 194: .script-colored .number {
1.1 damieng 195: color: #640;
196: }
1.10 damieng 197: .script-colored .function-call {
1.1 damieng 198: color: #705;
199: }
200:
1.10 damieng 201: .script-lines {
202: z-index: 1;
203: position: absolute;
204: top: 0px;
205: left: -1.3em;
206: right: 0px;
207: visibility: visible;
208: font-family: monospace;
209: color: #CCC;
210: }
211:
1.1 damieng 212: .radio-foilgroup {
213: white-space: normal; /* to prevent a bug with draggable in Firefox */
214: margin-bottom: 1em;
215: }
216:
217: .radio-foilgroup>table {
218: padding-left: 1em;
219: padding-right: 1em;
220: }
221:
222: .radio-foilgroup>table>tr>td:first-child {
223: vertical-align: middle;
224: }
225:
1.2 damieng 226: .radio-foilgroup>table>tr>td:nth-child(3) {
1.1 damieng 227: min-width: 5em;
228: }
229:
230: .radio-foilgroup>table>tr>td {
231: position: relative; /* bug workaround for Chromium (without this the tr drag&drop ghost is not visible) */
232: }
233:
234: .radio-foilgroup>table>tr:hover .delete-icon {
235: visibility: visible;
236: }
237:
238: .radio-foilgroup>table>tr>td {
239: border-top: 1px solid #FFF;
240: border-bottom: 1px solid #FFF;
241: }
242:
243: .radio-foilgroup>table>tr.dragbefore>td {
244: border-top: 1px dashed #000;
245: }
246:
247: .radio-foilgroup>table>tr.dragafter>td {
248: border-bottom: 1px dashed #000;
249: }
250:
251: .grip-icon {
252: vertical-align: middle;
253: padding-right: 6px;
254: padding-left: 4px;
255: cursor: move;
256: }
257:
258: .optionresponse-options {
259: margin-bottom: 1em;
260: }
261:
262: .option-list {
263: list-style: none;
264: margin-top: 0.5em;
265: margin-bottom: 0.5em;
266: white-space: normal; /* to prevent a bug with draggable in Firefox */
267: cursor: default;
268: }
269:
270: .option-list {
271: margin-left: 0;
272: padding-left: 1em;
273: }
274:
275: .option-list>li {
276: border-top: 1px solid #FFF;
277: border-bottom: 1px solid #FFF;
278: }
279:
280: .option-list>li.dragbefore {
281: border-top: 1px dashed #000;
282: }
283:
284: .option-list>li.dragafter {
285: border-bottom: 1px dashed #000;
286: }
287:
288: .delete-icon {
289: visibility: hidden;
290: cursor: default;
291: }
292:
293: .option-list>li:hover .delete-icon {
294: visibility: visible;
295: }
296:
297: .optionresponse-foilgroup {
298: margin-bottom: 1em;
299: white-space: normal;
300: }
301:
302: .optionresponse-foilgroup>table {
303: padding-left: 1em;
304: }
305:
306: .optionresponse-foilgroup>table>tr>td:first-child {
307: vertical-align: middle;
308: }
309:
310: .optionresponse-foilgroup>table>tr>td:nth-child(2) {
311: min-width: 5em;
312: }
313:
314: .optionresponse-foilgroup>table>tr>td {
315: position: relative; /* bug workaround for Chromium (without this the tr drag&drop ghost is not visible) */
316: }
317:
318: .optionresponse-foilgroup>table>tr:hover .delete-icon {
319: visibility: visible;
320: }
321:
322: .optionresponse-foilgroup>table>tr>td {
323: border-top: 1px solid #FFF;
324: border-bottom: 1px solid #FFF;
325: }
326:
327: .optionresponse-foilgroup>table>tr.dragbefore>td {
328: border-top: 1px dashed #000;
329: }
330:
331: .optionresponse-foilgroup>table>tr.dragafter>td {
332: border-bottom: 1px dashed #000;
333: }
334:
1.3 damieng 335: .matchresponse-foilgroup {
336: margin-bottom: 1em;
337: white-space: normal;
338: }
339:
340: .matchresponse-foilgroup>table {
341: padding-left: 1em;
342: }
343:
344: .matchresponse-foilgroup>table>tr>td:first-child {
345: vertical-align: middle;
346: }
347:
348: .matchresponse-foilgroup>table>tr>td:nth-child(2) {
349: min-width: 5em;
350: }
351:
352: .matchresponse-foilgroup>table>tr>td {
353: position: relative; /* bug workaround for Chromium (without this the tr drag&drop ghost is not visible) */
354: }
355:
356: .matchresponse-foilgroup>table>tr:hover .delete-icon {
357: visibility: visible;
358: }
359:
360: .matchresponse-foilgroup>table>tr>td {
361: border-top: 1px solid #FFF;
362: border-bottom: 1px solid #FFF;
363: }
364:
365: .matchresponse-foilgroup>table>tr.dragbefore>td {
366: border-top: 1px dashed #000;
367: }
368:
369: .matchresponse-foilgroup>table>tr.dragafter>td {
370: border-bottom: 1px dashed #000;
371: }
372:
373: .itemgroup {
374: margin-bottom: 1em;
375: white-space: normal;
376: }
377:
378: .itemgroup>table {
379: padding-left: 1em;
380: }
381:
382: .itemgroup>table>tr>td:first-child {
383: vertical-align: middle;
384: }
385:
386: .itemgroup>table>tr>td:nth-child(2) {
387: min-width: 5em;
388: }
389:
390: .itemgroup>table>tr>td {
391: position: relative; /* bug workaround for Chromium (without this the tr drag&drop ghost is not visible) */
392: }
393:
394: .itemgroup>table>tr:hover .delete-icon {
395: visibility: visible;
396: }
397:
398: .itemgroup>table>tr>td {
399: border-top: 1px solid #FFF;
400: border-bottom: 1px solid #FFF;
401: }
402:
403: .itemgroup>table>tr.dragbefore>td {
404: border-top: 1px dashed #000;
405: }
406:
407: .itemgroup>table>tr.dragafter>td {
408: border-bottom: 1px dashed #000;
409: }
410:
1.1 damieng 411: .rank-foilgroup {
412: white-space: normal; /* to prevent a bug with draggable in Firefox */
413: margin-bottom: 1em;
414: }
415:
416: .rank-foilgroup>table {
417: padding-left: 1em;
418: padding-right: 1em;
419: }
420:
421: .rank-foilgroup>table>tr>td:first-child {
422: vertical-align: middle;
423: }
424:
425: .rank-foilgroup>table>tr>td:nth-child(2) {
426: min-width: 5em;
427: }
428:
429: .rank-foilgroup>table>tr>td {
430: position: relative; /* bug workaround for Chromium (without this the tr drag&drop ghost is not visible) */
431: }
432:
433: .rank-foilgroup>table>tr:hover .delete-icon {
434: visibility: visible;
435: }
436:
437: .rank-foilgroup>table>tr>td {
438: border-top: 1px solid #FFF;
439: border-bottom: 1px solid #FFF;
440: }
441:
442: .rank-foilgroup>table>tr.dragbefore>td {
443: border-top: 1px dashed #000;
444: }
445:
446: .rank-foilgroup>table>tr.dragafter>td {
447: border-bottom: 1px dashed #000;
448: }
449:
450: .rank-number {
451: border: 1px solid #555;
452: padding: 1px;
453: margin: 1px;
454: }
1.4 damieng 455:
456: table.hintgroup {
457: width: 100%;
458: }
459:
460: table.hintgroup>tr>td:first-child {
461: width: 1%;
462: white-space: nowrap;
463: font-style: italic;
464: padding-right: 1em;
465: }
466:
467: table.math-answer {
468: width: 100%;
469: }
470:
471: table.math-answer>tr>td:first-child {
472: width: 1%;
473: white-space: nowrap;
474: font-style: italic;
475: padding-right: 1em;
476: }
477:
478: table.math-answer>tr>td:nth-child(2) {
479: font-family: monospace;
480: }
1.6 damieng 481:
482: div.section {
483: padding-top: 5px;
484: padding-left: 5px;
485: padding-right: 5px;
486: margin-top: 8px;
487: margin-bottom: 8px;
1.7 damieng 488: border: 1px solid #2A4;
1.6 damieng 489: border-radius: 5px;
490: box-shadow: 0px 1px 1px #BBB;
491: }
492:
493: div.section-title {
494: font-weight: bold;
1.7 damieng 495: }
496:
497: div.section-title>img {
498: vertical-align: middle;
499: padding-right: 0.5em;
1.8 damieng 500: cursor: default;
1.7 damieng 501: }
502:
503: div.section-title>select {
504: margin-right: 0.5em;
1.6 damieng 505: }
FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>
![[BACK]](/icons/back.gif){kind=icon}
Return to loncapa_daxe.css CVS log ![[TXT]](/icons/text.gif){kind=icon}
![[DIR]](/icons/dir.gif){kind=icon}
Up to [LON-CAPA] / modules / damieng / graphical_editor / loncapa_daxe / web