Annotation of kupuMPIWG/common/kupustyles.css, revision 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>