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>