Annotation of kupuMPIWG/plone/kupu_plone_layer/kupuplone.css.dtml, revision 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>