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