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>