Annotation of kupuMPIWG/plone/kupu_plone_layer/kupuplone.css.dtml, revision 1.1.1.1
1.1 dwinter 1: /*****************************************************************************
2: *
3: * Kupu plone styles
4: *
5: * Copyright (c) 2003-2005 Kupu Contributors. See CREDITS.txt
6: *
7: * Feel free to use whole or parts of this for your own designs, but
8: * give credit where credit is due.
9: *
10: *****************************************************************************/
11:
12: /* $Id: kupuplone.css 7217 2004-11-11 13:20:56Z duncan $ */
13:
14:
15: /*
16: <dtml-var "enableHTTPCompression(request=REQUEST, debug=1, js=1)">
17: <dtml-let last_modified="_.DateTime()-14"
18: expires="_.DateTime()+7" >
19: <dtml-call "REQUEST.RESPONSE.setHeader( 'Content-Type', 'text/css' )">
20: <dtml-call "REQUEST.RESPONSE.setHeader( 'Last-Modified', last_modified.toZone('GMT').rfc822() )">
21: <dtml-call "REQUEST.RESPONSE.setHeader( 'Cache-Control', 'max-age=36000, must-revalidate' )">
22: <dtml-call "REQUEST.RESPONSE.setHeader( 'Expires', expires.toZone('GMT').rfc822() )" >
23: </dtml-let>
24: */
25: /* <dtml-with base_properties><dtml-let buttonhighlight="'#fff'" buttonshadow="contentViewBorderColor"> */
26:
27: div.kupu-toolboxes {display: none}
28:
29: /*select.kupu-tb-styles {display: block}*/
30:
31: div.kupu-tb { margin: 0; }
32: div.kupu-fulleditor { margin-right: 0; }
33: div.kupu-fulleditor .kupu-editorframe {
34: margin-right: 0;
35: }
36:
37: .drawer {
38: left: 25%;
39: }
40:
41: /* Kupu pulls in Plone stylesheets. If you want a paragraph to look
42: different in Kupu from Plone, then don't add rules here, add them in
43: ploneCustom.css and use the kupu class to distinguish them. e.g.
44:
45: .pullQuote { float: right; width: 30%; }
46: .kupu .pullQuote { float:none; width: auto; }
47: */
48: .kupu table {
49: border-left:1px solid ThreeDLightShadow;
50: border-top:1px solid ThreeDLightShadow;
51: border-right:1px solid ThreeDDarkShadow;
52: border-bottom:1px solid ThreeDDarkShadow;
53: }
54:
55: .kupu table tr td {
56: border-left:1px solid ThreeDDarkShadow;
57: border-top:1px solid ThreeDDarkShadow;
58: border-right:1px solid ThreeDLightShadow;
59: border-bottom:1px solid ThreeDLightShadow;
60: }
61: /* Hide the 'target' field in the LinkLibraryDrawer
62:
63: I've used a class as an identifier here because somehow using id
64: doesn't seem to work (Mozilla doesn't seem to apply CSS defined for
65: an id when generating HTML using XSLT).
66: */
67: .kupu-linkdrawer-target-row, .kupu-linkdrawer-name-row {
68: display: none
69: }
70:
71: textarea { width: 90%; } /* Override buggy Plone setting */
72:
73: /* plone customizations regarding color and borders etc */
74:
75: .kupu-tb {
76: background-color:&dtml-contentViewBackgroundColor;;
77: padding-bottom:0px; margin:0;
78: width:99%;
79: border:1px solid &dtml-contentViewBorderColor;;
80: }
81:
82: span.kupu-tb-buttons button {
83: width: 24px;
84: height: 24px;
85: border-color:&dtml-contentViewBackgroundColor;;
86: background-color: &dtml-contentViewBackgroundColor;;
87: background-position: center center;
88: margin-bottom:4px;
89: margin-right:-2px;
90: }
91:
92: div div.kupu-panels {
93: background-color: &dtml-contentViewBackgroundColor;;
94: }
95:
96: span.kupu-tb-buttons button:hover {
97: border:1px solid;
98: border-color: &dtml-buttonhighlight; &dtml-buttonshadow; &dtml-buttonshadow; &dtml-buttonhighlight;;
99: }
100:
101: div.kupu-tb-buttongroup {
102: margin-right:1px;
103: }
104:
105: .kupu-tb-styles, .kupu-ulstyles, .kupu-olstyles {
106: margin-top:3px;
107: margin-bottom:4px;
108: }
109:
110:
111: .kupu {
112: font-size: 70%;
113: }
114:
115: iframe.kupu-editor-iframe{
116: border:1px solid &dtml-globalBorderColor;;
117: width:100%;
118: border-top:none;
119: margin-right: 0;
120: }
121:
122: div.kupu-fulleditor-zoomed .kupu-editor-iframe {
123: border: none;
124: margin: 0;
125: }
126:
127: .kupu-fulleditor-zoomed .kupu-tb {
128: width:100%;
129: }
130:
131:
132: span.kupu-tb-buttons .kupu-bold-pressed,
133: span.kupu-tb-buttons .kupu-italic-pressed,
134: span.kupu-tb-buttons .kupu-subscript-pressed,
135: span.kupu-tb-buttons .kupu-superscript-pressed,
136: span.kupu-tb-buttons .kupu-underline-pressed {
137: border-color: &dtml-buttonshadow; &dtml-buttonhighlight; &dtml-buttonhighlight; &dtml-buttonshadow;;
138: }
139:
140:
141: .kupu-bold,
142: .kupu-bold-pressed {background-image: url("kupuimages/bold.gif");}
143:
144: .kupu-forecolor {background-image: url("plonekupuimages/text-color.gif");}
145: .kupu-inthyperlink {background-image: url("plonekupuimages/anchor.gif");}
146: .kupu-inthyperlink-pressed {
147: border-color: &dtml-buttonshadow; &dtml-buttonhighlight; &dtml-buttonhighlight; &dtml-buttonshadow;;
148: }
149: .kupu-exthyperlink {background-image: url("plonekupuimages/hyperlink.gif");}
150: .kupu-exthyperlink-pressed {
151: border-color: &dtml-buttonshadow; &dtml-buttonhighlight; &dtml-buttonhighlight; &dtml-buttonshadow;;
152: }
153:
154: .kupu-image {background-image: url("kupuimages/image.png");}
155:
156: .kupu-indent {background-image: url("kupuimages/indent.gif");}
157: .kupu-inserthorizontalrule {background-image: url("plonekupuimages/hr.gif");}
158:
159: .kupu-insertorderedlist,
160: .kupu-insertorderedlist-pressed {background-image: url("plonekupuimages/numbered_list.gif");}
161:
162: .kupu-insertunorderedlist,
163: .kupu-insertunorderedlist-pressed, {background-image: url("plonekupuimages/list.gif");}
164:
165: .kupu-insertdefinitionlist {background-image: url("plonekupuimages/definitionlist.gif");}
166:
167: .kupu-italic,
168: .kupu-italic-pressed {background-image: url("kupuimages/italic.gif");}
169:
170: .kupu-justifycenter,
171: .kupu-justifycenter-pressed {background-image: url("plonekupuimages/center.gif");}
172:
173: .kupu-justifyleft,
174: .kupu-justifyleft-pressed {background-image: url("plonekupuimages/left_just.gif");}
175:
176: .kupu-justifyright,
177: .kupu-justifyright-pressed {background-image: url("plonekupuimages/right_just.gif");}
178:
179: button.kupu-logo {background-image: url("kupuimages/kupu_icon.gif");}
180: .kupu-outdent {background-image: url("plonekupuimages/outdent.gif");}
181: .kupu-redo {background-image: url("plonekupuimages/redo.gif");}
182: .kupu-save {background-image: url("kupuimages/save.png");}
183: .kupu-save-and-exit {background-image: url("kupuimages/exit.gif");}
184: .kupu-space {background-image: url("plonekupuimages/space.gif");}
185: .kupu-source {background-image: url("plonekupuimages/view-source.gif");}
186: .kupu-subscript,
187: .kupu-subscript-pressed {background-image: url("plonekupuimages/subscript.gif");}
188: .kupu-superscript,
189: .kupu-superscript-pressed {background-image: url("plonekupuimages/superscript.gif");}
190:
191: .kupu-table {background-image: url("plonekupuimages/table.gif");}
192: .kupu-underline,
193: .kupu-underline-pressed {background-image: url("kupuimages/underline.gif");}
194:
195: .kupu-undo {background-image: url("plonekupuimages/undo.gif");}
196: .kupu-removelink {background-image: url("plonekupuimages/delete_icon.gif");}
197: .kupu-removeimage {background-image: url("plonekupuimages/delete_icon.gif");}
198: .kupu-spellchecker { display:none; }
199:
200: div.kupu-drawer {
201: border: solid 1px &dtml-contentViewBorderColor;;
202: background-color: &dtml-contentViewBackgroundColor;;
203: font-family: &dtml.-fontFamily;;;
204: }
205:
206: div.kupu-drawer h1 {
207: border: none;
208: }
209:
210: div.kupu-drawer table td {
211: font-size: 85%;
212: }
213: div.kupu-drawer table td td {
214: font-size: 100%;
215: }
216:
217: div.kupu-drawer table td button,
218: div.kupu-drawer table td td {
219: font-size: 100%;
220: }
221:
222: div.kupuoverride {
223: margin-left: 0.75em;
224: }
225: .forcekupu {
226: background: transparent url(kupuimages/kupu_icon.gif) 5px 2px no-repeat;
227: padding: 6px 6px 1px 30px;
228: text-transform: &dtml-textTransform;;
229: height: 32px; width: auto;
230: }
231:
232: .kupu-dialog-button {
233: background: transparent url(&dtml-portal_url;/linkTransparent.gif) 9px 1px no-repeat;
234: cursor: pointer;
235: font-size: &dtml-fontSmallSize;;
236: padding: 1px 1px 1px 15px;
237: text-transform: &dtml-textTransform;;
238: border: &dtml-borderWidth; solid &dtml-globalBorderColor;;
239: background-color: white;
240: }
241: /* </dtml-let></dtml-with> */
242:
FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>