Annotation of kupu/common/kupustyles.css, revision 1.1.1.1
1.1 dwinter 1: /*****************************************************************************
2: *
3: * Kupu common styles
4: *
5: * Copyright (c) 2003-2005 Kupu Contributors. See CREDITS.txt
6: *
7: * Instead of customizing this file, it is recommended to add your own
8: * CSS file. Feel free to use whole or parts of this for your own
9: * designs, but give credit where credit is due.
10: *
11: *****************************************************************************/
12:
13: /* $Id: kupustyles.css 13226 2005-06-09 12:31:46Z duncan $ */
14:
15: .kupu-fulleditor, .kupu-toolboxes {
16: font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
17: background-color: white;
18: }
19:
20: div.kupu-fulleditor .kupu-fulleditor-zoomed {
21: height: 100%;
22: padding: 0px;
23: }
24:
25: div.kupu-fulleditor .kupu-editorframe {
26: margin: 0px;
27: margin-right: 20em;
28: border: none;
29: }
30:
31: div.kupu-fulleditor-zoomed {
32: z-index: 100;
33: margin: 0; border: none;
34: position: fixed;
35: top: 0; left: 0;
36: background-color: white;
37: }
38:
39: * html div.kupu-fulleditor-zoomed {
40: position: absolute; /* IE */
41: }
42:
43: div.kupu-fulleditor-zoomed .kupu-editor-iframe {
44: border: none;
45: margin: 0;
46: }
47:
48: div.kupu-smalleditor .kupu-editorframe {
49: margin-right: 0.2em;
50: }
51:
52: div.kupu-sourcemode span.kupu-tb-buttongroup,
53: body.kupu-fulleditor-zoomed select { display: none; }
54: body.kupu-fulleditor-zoomed div.kupu-fulleditor-zoomed select { display: inline; }
55: div.kupu-sourcemode select { display: none !IMPORTANT; }
56: div.kupu-sourcemode span#kupu-logo,
57: div.kupu-sourcemode span#kupu-zoom,
58: div.kupu-sourcemode span#kupu-source { display: inline; }
59:
60: div.kupu-smalleditor {
61: font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
62: border: solid 3px ButtonHighlight;
63: margin: 0.2em;
64: height: 100%;
65: }
66:
67: .kupu-tb {
68: padding: 3px;
69: margin-bottom: 0.4em;
70: background-color: ButtonFace;
71: border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
72: }
73:
74: .kupu-tb-buttons button {
75: color: ButtonText;
76: border: 1px solid ButtonFace;
77: margin-top: 0;
78: margin-left: 0;
79: height: 26px;
80: width: 26px;
81: background-repeat: no-repeat;
82: }
83:
84: .kupu-tb-buttons button:hover {
85: cursor: default;
86: border: 1px solid;
87: border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
88: }
89:
90: .kupu-tb-buttons button:active {
91: border: 1px solid;
92: border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
93: }
94:
95: .kupu-tb-buttongroup {
96: margin-left: 2px;
97: margin-right: 2px;
98: }
99:
100:
101: .kupu-bold {background-image: url("kupuimages/bold.png");}
102: .kupu-bold-pressed {background-image: url("kupuimages/bold.png"); background-color: white;}
103: .kupu-forecolor {background-image: url("kupuimages/text-color.png");}
104: .kupu-hilitecolor {background-image: url("kupuimages/background-color.png");}
105:
106: .kupu-inthyperlink {background-image: url("kupuimages/inthyperlink.png");}
107: .kupu-inthyperlink-pressed {background-image: url("kupuimages/inthyperlink.png"); background-color: white}
108: .kupu-exthyperlink {background-image: url("kupuimages/exthyperlink.png");}
109: .kupu-exthyperlink-pressed {background-image: url("kupuimages/exthyperlink.png"); background-color: white}
110:
111: .kupu-image {background-image: url("kupuimages/image.png");}
112: .kupu-indent {background-image: url("kupuimages/indent.png");}
113: .kupu-inserthorizontalrule {background-image: url("kupuimages/hr.png");}
114: .kupu-insertorderedlist {background-image: url("kupuimages/ordered-list.png");}
115: .kupu-insertunorderedlist {background-image: url("kupuimages/unordered-list.png");}
116: .kupu-insertdefinitionlist {background-image: url("kupuimages/definitionlist.png");}
117: .kupu-italic {background-image: url("kupuimages/italic.png");}
118: .kupu-italic-pressed {background-image: url("kupuimages/italic.png"); background-color: white}
119: .kupu-justifycenter {background-image: url("kupuimages/justify-center.png");}
120: .kupu-justifyleft {background-image: url("kupuimages/justify-left.png");}
121: .kupu-justifyright {background-image: url("kupuimages/justify-right.png");}
122: button.kupu-logo {background-image: url("kupuimages/kupu_icon.gif");}
123: .kupu-outdent {background-image: url("kupuimages/outdent.png");}
124: .kupu-redo {background-image: url("kupuimages/redo.png");}
125: .kupu-save {background-image: url("kupuimages/save.png");}
126: .kupu-save-and-exit {background-image: url("kupuimages/exit.gif");}
127: .kupu-space {background-image: url("kupuimages/space.gif");}
128: .kupu-source {background-image: url("kupuimages/view-source.png");}
129: .kupu-spellchecker {background-image: url("kupuimages/text-check.png");}
130: .kupu-subscript {background-image: url("kupuimages/subscript.png");}
131: .kupu-subscript-pressed {background-image: url("kupuimages/subscript.png"); background-color: white}
132: .kupu-superscript {background-image: url("kupuimages/superscript.png");}
133: .kupu-superscript-pressed {background-image: url("kupuimages/superscript.png"); background-color: white}
134: .kupu-table {background-image: url("kupuimages/table.png");}
135: .kupu-underline {background-image: url("kupuimages/underline.png");}
136: .kupu-underline-pressed {background-image: url("kupuimages/underline.png"); background-color: white}
137: .kupu-undo {background-image: url("kupuimages/undo.png");}
138: .kupu-removelink {background-image: url("kupuimages/remove.png");}
139: .kupu-removeimage {background-image: url("kupuimages/remove.png");}
140: .kupu-zoom {background-image: url("kupuimages/zoom-in.gif");}
141: .kupu-zoom-pressed {background-image: url("kupuimages/zoom-out.gif");}
142:
143: .kupu-tb-buttons button.invisible {
144: display: none;
145: /*visibility: hidden;*/
146: }
147:
148: .kupu-tb-buttons button.visible {
149: display: inline;
150: }
151:
152: div.kupu-editorframe {
153: margin-left: 0.3em;
154: margin-bottom: 0.3em;
155: border: solid 2px ButtonFace;
156: }
157:
158: iframe.kupu-editor-iframe {
159: height: 450px;
160: width: 99%;
161: }
162:
163: textarea.kupu-editor-textarea {
164: height: 450px;
165: width: 99%;
166: display: none;
167: }
168:
169: div.kupu-toolboxes {
170: float: right;
171: border: solid 2px ButtonFace;
172: width: 19.4em;
173: margin-right: 0.3em;
174: margin-bottom: 0.3em;
175: font-size: 0.8em;
176: }
177:
178: div.kupu-fulleditor-zoomed div.kupu-toolboxes {
179: display: none;
180: }
181:
182: div.kupu-toolbox, div.kupu-toolbox-active {
183: margin-bottom: 1em;
184: }
185:
186: div.kupu-toolbox h1, div.kupu-toolbox-active h1 {
187: text-align: center;
188: width: 100%;
189: background-color: ButtonFace;
190: margin-top: 0;
191: font-size: 1.1em;
192: }
193:
194: div.kupu-toolbox-label, span.kupu-toolbox-searchterm,
195: input.wide, select.wide, textarea.wide, button.kupu-toolbox-action,
196: div.kupu-toolbox-results {
197: margin-left: 0.2em;
198: margin-right: 0.2em;
199: }
200:
201: .wide {
202: width: 95%;
203: }
204:
205: div.kupu-toolbox-label {
206: margin-bottom: 0.4em;
207: }
208:
209: .kupu-toolbox-buttons {
210: text-align: center;
211: }
212:
213: .kupu-toolbox-buttons button {
214: width: 45%;
215: }
216:
217: div.kupu-toolbox-results {
218: border: solid 2px ButtonFace;
219: margin-top: 0.8em;
220: text-decoration: underline;
221: padding: 0.2em;
222: display: none;
223: }
224:
225: div.kupu-toolbox table.kupu-toolbox-addtable input,
226: div.kupu-toolbox-active table.kupu-toolbox-edittable input {
227: width: 20px;
228: }
229:
230: div.kupu-toolbox-active {
231: background-color: ButtonFace;
232: }
233:
234: .kupu-toolbox-editlink, .kupu-toolbox-edittable,
235: .kupu-ulstyles, .kupu-olstyles {
236: display: none;
237: }
238:
239:
240: div#kupu-colorchooser {
241: position: absolute;
242: visibility: hidden;
243: border: solid black 1px;
244: background-color: white;
245: padding: 0.2em;
246: font-size: small;
247: }
248:
249: .kupu-toolboxes input, .kupu-toolboxes select, .kupu-toolboxes textarea {
250: font-size: x-small;
251: font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
252: }
253:
254: div#kupu-fgcolorchooser div:hover {
255: /* border: outset 1px; */
256: }
257:
258: div.kupu-drawer {
259: overflow: auto;
260: }
261:
262: button.disabled {
263: opacity:0.5;
264: filter:alpha(opacity=50);
265: }
FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>