[Sommaire] [Imprimer]

   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 16467 2005-08-25 11:08:10Z guido $ */
  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  h1.kupu-toolbox-heading, h1.kupu-toolbox-heading-closed {
  53    cursor: default;
  54    background-image: url("kupuimages/closed.png");
  55    background-repeat: no-repeat;
  56    background-position: left;
  57  }
  58  
  59  h1.kupu-toolbox-heading-opened {
  60    cursor: default;
  61    background-image: url("kupuimages/opened.png");
  62    background-repeat: no-repeat;
  63    background-position: left;
  64  }
  65  
  66  div.kupu-sourcemode span.kupu-tb-buttongroup,
  67  body.kupu-fulleditor-zoomed select { display: none; }
  68  body.kupu-fulleditor-zoomed div.kupu-fulleditor-zoomed select { display: inline; }
  69  div.kupu-sourcemode select { display: none !IMPORTANT; }
  70  div.kupu-sourcemode span#kupu-logo,
  71  div.kupu-sourcemode span#kupu-zoom,
  72  div.kupu-sourcemode span#kupu-source { display: inline; }
  73  
  74  div.kupu-smalleditor {
  75    font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
  76    border: solid 3px ButtonHighlight;
  77    margin: 0.2em;
  78    height: 100%;
  79  }
  80  
  81  .kupu-tb {
  82    padding: 3px;
  83    margin-bottom: 0.4em;
  84    background-color: ButtonFace;
  85    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  86  }
  87  
  88  .kupu-tb-buttons button {
  89    color: ButtonText;
  90    border: 1px solid ButtonFace;
  91    margin-top: 0;
  92    margin-left: 0;
  93    height: 26px;
  94    width: 26px;
  95    background-repeat: no-repeat;
  96  }
  97  
  98  .kupu-tb-buttons button:hover {
  99    cursor: default;
 100    border: 1px solid;
 101    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
 102  }
 103  
 104  .kupu-tb-buttons button:active {
 105    border: 1px solid;
 106    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
 107  }
 108  
 109  .kupu-tb-buttongroup {
 110    margin-left: 2px;
 111    margin-right: 2px;
 112  }
 113  
 114  
 115  .kupu-bold {background-image: url("kupuimages/bold.png");}
 116  .kupu-bold-pressed {background-image: url("kupuimages/bold.png"); background-color: white;}
 117  .kupu-forecolor {background-image: url("kupuimages/text-color.png");}
 118  .kupu-hilitecolor {background-image: url("kupuimages/background-color.png");}
 119  
 120  .kupu-inthyperlink {background-image: url("kupuimages/inthyperlink.png");}
 121  .kupu-inthyperlink-pressed {background-image: url("kupuimages/inthyperlink.png"); background-color: white}
 122  .kupu-exthyperlink {background-image: url("kupuimages/exthyperlink.png");}
 123  .kupu-exthyperlink-pressed {background-image: url("kupuimages/exthyperlink.png"); background-color: white}
 124  
 125  .kupu-image {background-image: url("kupuimages/image.png");}
 126  .kupu-indent {background-image: url("kupuimages/indent.png");}
 127  .kupu-inserthorizontalrule {background-image: url("kupuimages/hr.png");}
 128  .kupu-insertorderedlist {background-image: url("kupuimages/ordered-list.png");}
 129  .kupu-insertunorderedlist {background-image: url("kupuimages/unordered-list.png");}
 130  .kupu-insertdefinitionlist {background-image: url("kupuimages/definitionlist.png");}
 131  .kupu-italic {background-image: url("kupuimages/italic.png");}
 132  .kupu-italic-pressed {background-image: url("kupuimages/italic.png"); background-color: white}
 133  .kupu-justifycenter {background-image: url("kupuimages/justify-center.png");}
 134  .kupu-justifyleft {background-image: url("kupuimages/justify-left.png");}
 135  .kupu-justifyright {background-image: url("kupuimages/justify-right.png");}
 136  button.kupu-logo {background-image: url("kupuimages/kupu_icon.gif");}
 137  .kupu-outdent {background-image: url("kupuimages/outdent.png");}
 138  .kupu-redo {background-image: url("kupuimages/redo.png");}
 139  .kupu-save {background-image: url("kupuimages/save.png");}
 140  .kupu-save-and-exit {background-image: url("kupuimages/exit.gif");}
 141  .kupu-space {background-image: url("kupuimages/space.gif");}
 142  .kupu-source {background-image: url("kupuimages/view-source.png");}
 143  .kupu-spellchecker {background-image: url("kupuimages/text-check.png");}
 144  .kupu-subscript {background-image: url("kupuimages/subscript.png");}
 145  .kupu-subscript-pressed {background-image: url("kupuimages/subscript.png"); background-color: white}
 146  .kupu-superscript {background-image: url("kupuimages/superscript.png");}
 147  .kupu-superscript-pressed {background-image: url("kupuimages/superscript.png"); background-color: white}
 148  .kupu-table {background-image: url("kupuimages/table.png");}
 149  .kupu-underline {background-image: url("kupuimages/underline.png");}
 150  .kupu-underline-pressed {background-image: url("kupuimages/underline.png"); background-color: white}
 151  .kupu-undo {background-image: url("kupuimages/undo.png");}
 152  .kupu-removelink {background-image: url("kupuimages/remove.png");}
 153  .kupu-removeimage {background-image: url("kupuimages/remove.png");}
 154  .kupu-zoom {background-image: url("kupuimages/zoom-in.gif");}
 155  .kupu-zoom-pressed {background-image: url("kupuimages/zoom-out.gif");}
 156  
 157  .kupu-tb-buttons button.invisible { 
 158    display: none;
 159    /*visibility: hidden;*/
 160  }
 161  
 162  .kupu-tb-buttons button.visible { 
 163    display: inline;
 164  }
 165  
 166  div.kupu-editorframe {
 167    margin-left: 0.3em;
 168    margin-bottom: 0.3em;
 169    border: solid 2px ButtonFace;
 170  }
 171  
 172  iframe.kupu-editor-iframe {
 173    height: 450px;
 174    width: 99%;
 175  }
 176  
 177  textarea.kupu-editor-textarea {
 178    height: 450px;
 179    width: 99%;
 180    display: none;
 181  }
 182  
 183  div.kupu-toolboxes {
 184    float: right;    
 185    border: solid 2px ButtonFace;
 186    width: 19.4em;
 187    margin-right: 0.3em;
 188    margin-bottom: 0.3em;
 189    font-size: 0.8em;
 190  }
 191  
 192  div.kupu-fulleditor-zoomed div.kupu-toolboxes {
 193    display: none;
 194  }
 195  
 196  div.kupu-toolbox, div.kupu-toolbox-active {
 197    margin-bottom: 1em;
 198  }
 199  
 200  div.kupu-toolbox h1, div.kupu-toolbox-active h1 {
 201    text-align: center;
 202    width: 100%;
 203    background-color: ButtonFace;
 204    margin-top: 0;
 205    font-size: 1.1em;
 206  }
 207  
 208  div.kupu-toolbox-label, span.kupu-toolbox-searchterm, 
 209  input.wide, select.wide, textarea.wide, button.kupu-toolbox-action, 
 210  div.kupu-toolbox-results {
 211    margin-left: 0.2em;
 212    margin-right: 0.2em;
 213  }
 214  
 215  .wide {
 216    width: 95%;
 217  }
 218  
 219  div.kupu-toolbox-label {
 220    margin-bottom: 0.4em;
 221  }
 222  
 223  .kupu-toolbox-buttons {
 224    text-align: center;
 225  }
 226  
 227  .kupu-toolbox-buttons button {
 228    width: 45%;
 229  }
 230  
 231  div.kupu-toolbox-results {
 232    border: solid 2px ButtonFace;
 233    margin-top: 0.8em;
 234    text-decoration: underline;
 235    padding: 0.2em;
 236    display: none;
 237  }
 238  
 239  div.kupu-toolbox table.kupu-toolbox-addtable input, 
 240  div.kupu-toolbox-active table.kupu-toolbox-edittable input {
 241    width: 20px;
 242  }
 243  
 244  div.kupu-toolbox-active {
 245    background-color: ButtonFace;
 246  }
 247  
 248  .kupu-toolbox-editlink, .kupu-toolbox-edittable,
 249  .kupu-ulstyles, .kupu-olstyles {
 250    display: none;
 251  }
 252  
 253  
 254  div#kupu-colorchooser {
 255    position: absolute;
 256    visibility: hidden;
 257    border: solid black 1px;
 258    background-color: white;
 259    padding: 0.2em;
 260    font-size: small;
 261  }
 262  
 263  .kupu-toolboxes input, .kupu-toolboxes select, .kupu-toolboxes textarea {
 264    font-size: x-small;
 265    font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
 266  }
 267  
 268  div#kupu-fgcolorchooser div:hover {
 269    /* border: outset 1px; */
 270  }
 271  
 272  div.kupu-drawer {
 273     overflow: auto;
 274  }
 275  
 276  button.disabled {
 277     opacity:0.5;
 278     filter:alpha(opacity=50);
 279  }