Annotation of modules/damieng/graphical_editor/loncapa_daxe/web/loncapa_daxe.css, revision 1.2
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:
309: .rank-foilgroup {
310: white-space: normal; /* to prevent a bug with draggable in Firefox */
311: margin-bottom: 1em;
312: }
313:
314: .rank-foilgroup>table {
315: padding-left: 1em;
316: padding-right: 1em;
317: }
318:
319: .rank-foilgroup>table>tr>td:first-child {
320: vertical-align: middle;
321: }
322:
323: .rank-foilgroup>table>tr>td:nth-child(2) {
324: min-width: 5em;
325: }
326:
327: .rank-foilgroup>table>tr>td {
328: position: relative; /* bug workaround for Chromium (without this the tr drag&drop ghost is not visible) */
329: }
330:
331: .rank-foilgroup>table>tr:hover .delete-icon {
332: visibility: visible;
333: }
334:
335: .rank-foilgroup>table>tr>td {
336: border-top: 1px solid #FFF;
337: border-bottom: 1px solid #FFF;
338: }
339:
340: .rank-foilgroup>table>tr.dragbefore>td {
341: border-top: 1px dashed #000;
342: }
343:
344: .rank-foilgroup>table>tr.dragafter>td {
345: border-bottom: 1px dashed #000;
346: }
347:
348: .rank-number {
349: border: 1px solid #555;
350: padding: 1px;
351: margin: 1px;
352: }
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