[Sommaire] [Imprimer]

   1  /*
   2   * FCKeditor - The text editor for Internet - http://www.fckeditor.net
   3   * Copyright (C) 2003-2007 Frederico Caldeira Knabben
   4   * 
   5   * == BEGIN LICENSE ==
   6   * 
   7   * Licensed under the terms of any of the following licenses at your
   8   * choice:
   9   * 
  10   *  - GNU General Public License Version 2 or later (the "GPL")
  11   *    http://www.gnu.org/licenses/gpl.html
  12   * 
  13   *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
  14   *    http://www.gnu.org/licenses/lgpl.html
  15   * 
  16   *  - Mozilla Public License Version 1.1 or later (the "MPL")
  17   *    http://www.mozilla.org/MPL/MPL-1.1.html
  18   * 
  19   * == END LICENSE ==
  20   * 
  21   * File Name: fck_editor.css
  22   *     Styles used by the editor IFRAME and Toolbar.
  23   * 
  24   * File Authors:
  25   *         Frederico Caldeira Knabben (www.fckeditor.net)
  26   */
  27  
  28  /*
  29      ### Basic Editor IFRAME Styles.
  30  */
  31  
  32  body
  33  {
  34      padding: 1px 1px 1px 1px;
  35      margin: 0px 0px 0px 0px;
  36  }
  37  
  38  #xEditingArea
  39  {
  40      border: #696969 1px solid;
  41  }
  42  
  43  .SourceField
  44  {
  45      padding: 5px;
  46      margin: 0px;
  47      font-family: Monospace;
  48  }
  49  
  50  /*
  51      Toolbar
  52  */
  53  
  54  .TB_ToolbarSet, .TB_Expand, .TB_Collapse
  55  {
  56      cursor: default;
  57      background-color: #efefde;
  58  }
  59  
  60  .TB_ToolbarSet
  61  {
  62      border-top: #efefde 1px outset;
  63      border-bottom: #efefde 1px outset;
  64  }
  65  
  66  .TB_ToolbarSet TD
  67  {
  68      font-size: 11px;
  69      font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
  70  }
  71  
  72  .TB_Toolbar
  73  {
  74      display: inline-table;    /* inline = Opera jumping buttons bug */
  75  }
  76  
  77  .TB_Separator
  78  {
  79      width: 1px;
  80      height: 16px;
  81      margin: 2px;
  82      background-color: #999966;
  83  }
  84  
  85  .TB_Start
  86  {
  87      background-image: url(images/toolbar.start.gif);
  88      margin: 2px;
  89      width: 3px;
  90      background-repeat: no-repeat;
  91      height: 16px;
  92  }
  93  
  94  .TB_End
  95  {
  96      display: none;
  97  }
  98  
  99  .TB_ExpandImg
 100  {
 101      background-image: url(images/toolbar.expand.gif);
 102      background-repeat: no-repeat;
 103  }
 104  
 105  .TB_CollapseImg
 106  {
 107      background-image: url(images/toolbar.collapse.gif);
 108      background-repeat: no-repeat;
 109  }
 110  
 111  .TB_SideBorder
 112  {
 113      background-color: #696969;
 114  }
 115  
 116  .TB_Expand, .TB_Collapse
 117  {
 118      padding: 2px 2px 2px 2px;
 119      border: #efefde 1px outset;
 120  }
 121  
 122  .TB_Collapse
 123  {
 124      width: 5px;
 125  }
 126  
 127  .TB_Break
 128  {
 129      height: 24px; /* IE needs the height to be set, otherwise no break */
 130  }
 131  
 132  /*
 133      Toolbar Button
 134  */
 135  
 136  .TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
 137  {
 138      border: #efefde 1px solid; /* This is the default border */
 139      height: 22px; /* The height is necessary, otherwise IE will not apply the alpha */
 140  }
 141  
 142  .TB_Button_On
 143  {
 144      border: #316ac5 1px solid;
 145      background-color: #c1d2ee;
 146  }
 147  
 148  .TB_Button_On_Over, .TB_Button_Off_Over
 149  {
 150      border: #316ac5 1px solid;
 151      background-color: #dff1ff;
 152  }
 153  
 154  .TB_Button_Off
 155  {
 156      filter: alpha(opacity=70); /* IE */
 157      opacity: 0.70; /* Safari, Opera and Mozilla */
 158  }
 159  
 160  .TB_Button_Disabled
 161  {
 162      filter: gray() alpha(opacity=30); /* IE */
 163      opacity: 0.30; /* Safari, Opera and Mozilla */
 164  }
 165  
 166  .TB_Button_Padding
 167  {
 168      visibility: hidden;
 169      width: 3px;
 170      height: 22px;
 171  }
 172  
 173  .TB_Button_Image
 174  {
 175      overflow: hidden;
 176      width: 16px;
 177      height: 16px;
 178      margin: 3px;
 179      background-repeat: no-repeat;
 180  }
 181  
 182  .TB_Button_Image img
 183  {
 184      position: relative;
 185  }
 186  
 187  .TB_Button_Off .TB_Button_Text
 188  {
 189         background-color: #efefde;  /* Needed because of a bug on Clear Type */
 190  }
 191  
 192  .TB_ConnectionLine
 193  {
 194      background-color: #ffffff;
 195      height: 1px;
 196      margin-left: 1px;   /* ltr */
 197      margin-right: 1px;  /* rtl */
 198  }
 199  
 200  .TB_Text
 201  {
 202      height: 22px;
 203  }
 204  
 205  .TB_Button_Off .TB_Text
 206  {
 207         background-color: #efefde ;  /* Needed because of a bug on ClearType */
 208  }
 209  
 210  .TB_Button_On_Over .TB_Text
 211  {
 212         background-color: #dff1ff ;  /* Needed because of a bug on ClearType */
 213  }
 214  
 215  /*
 216      Menu
 217  */
 218  
 219  .MN_Menu
 220  {
 221      border: 1px solid #8f8f73;
 222      padding: 2px;
 223      background-color: #ffffff;
 224      cursor: default;
 225  }
 226  
 227  .MN_Menu, .MN_Menu .MN_Label
 228  {
 229      font-size: 11px;
 230      font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
 231  }
 232  
 233  .MN_Item_Padding
 234  {
 235      visibility: hidden;
 236      width: 3px;
 237      height: 20px;
 238  }
 239  
 240  .MN_Icon
 241  {
 242      background-color: #e3e3c7;
 243      text-align: center;
 244      height: 20px;
 245  }
 246  
 247  .MN_Label
 248  {
 249      padding-left: 3px;
 250      padding-right: 3px;
 251  }
 252  
 253  .MN_Separator
 254  {
 255      height: 3px;
 256  }
 257  
 258  .MN_Separator_Line
 259  {
 260      border-top: #b9b99d 1px solid;
 261  }
 262  
 263  .MN_Item .MN_Icon IMG
 264  {
 265      filter: alpha(opacity=70);
 266      opacity: 0.70;
 267  }
 268  
 269  .MN_Item_Over
 270  {
 271      color: #ffffff;
 272      background-color: #8f8f73;
 273  }
 274  
 275  .MN_Item_Over .MN_Icon
 276  {
 277      background-color: #737357;
 278  }
 279  
 280  .MN_Item_Disabled IMG
 281  {
 282      filter: gray() alpha(opacity=30); /* IE */
 283      opacity: 0.30; /* Safari, Opera and Mozilla */
 284  }
 285  
 286  .MN_Item_Disabled .MN_Label
 287  {
 288      color: #b7b7b7;
 289  }
 290  
 291  .MN_Arrow
 292  {
 293      padding-right: 3px;
 294      padding-left: 3px;
 295  }
 296  
 297  .MN_ConnectionLine
 298  {
 299      background-color: #ffffff;
 300  }
 301  
 302  .Menu .TB_Button_On, .Menu .TB_Button_On_Over
 303  {
 304      border: #8f8f73 1px solid;
 305      background-color: #ffffff;
 306  }
 307  
 308  /*
 309      ### Panel Styles
 310  */
 311  
 312  .FCK_Panel
 313  {
 314      border: #8f8f73 1px solid;
 315      padding: 2px;
 316      background-color: #ffffff;
 317  }
 318  
 319  .FCK_Panel, .FCK_Panel TD
 320  {
 321      font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
 322      font-size: 11px;
 323  }
 324  
 325  /*
 326      ### Special Combos
 327  */
 328  
 329  .SC_Panel
 330  {
 331      overflow: auto;
 332      white-space: nowrap;
 333      cursor: default;
 334      border: 1px solid #8f8f73;
 335      padding-left: 2px;
 336      padding-right: 2px;
 337      background-color: #ffffff;
 338  }
 339  
 340  .SC_Panel, .SC_Panel TD
 341  {
 342      font-size: 11px;
 343      font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
 344  }
 345  
 346  .SC_Item, .SC_ItemSelected
 347  {
 348      margin-top: 2px;
 349      margin-bottom: 2px;
 350      background-position: left center;
 351      padding-left: 11px;
 352      padding-right: 3px;
 353      padding-top: 2px;
 354      padding-bottom: 2px;
 355      text-overflow: ellipsis;
 356      overflow: hidden;
 357      background-repeat: no-repeat;
 358      border: #dddddd 1px solid;
 359  }
 360  
 361  .SC_Item *, .SC_ItemSelected *
 362  {
 363      margin-top: 0px;
 364      margin-bottom: 0px;
 365  }
 366  
 367  .SC_ItemSelected
 368  {
 369      border: #9a9afb 1px solid;
 370      background-image: url(images/toolbar.arrowright.gif);
 371  }
 372  
 373  .SC_ItemOver
 374  {
 375      border: #316ac5 1px solid;
 376  }
 377  
 378  .SC_Field
 379  {
 380      border: #b7b7a6 1px solid;
 381      cursor: default;
 382  }
 383  
 384  .SC_FieldCaption
 385  {
 386      overflow: visible;
 387      padding-right: 5px;
 388      padding-left: 5px;
 389      opacity: 0.75; /* Safari, Opera and Mozilla */
 390      filter: alpha(opacity=70); /* IE */ /* -moz-opacity: 0.75; Mozilla (Old) */
 391      height: 23px;
 392      background-color: #efefde;
 393  }
 394  
 395  .SC_FieldLabel
 396  {
 397      white-space: nowrap;
 398      padding: 2px;
 399      width: 100%;
 400      cursor: default;
 401      background-color: #ffffff;
 402      text-overflow: ellipsis;
 403      overflow: hidden;
 404  }
 405  
 406  .SC_FieldButton
 407  {
 408      background-position: center center;
 409      background-image: url(images/toolbar.buttonarrow.gif);
 410      border-left: #b7b7a6 1px solid;
 411      width: 14px;
 412      background-repeat: no-repeat;
 413  }
 414  
 415  .SC_FieldDisabled .SC_FieldButton, .SC_FieldDisabled .SC_FieldCaption
 416  {
 417      opacity: 0.30; /* Safari, Opera and Mozilla */
 418      filter: gray() alpha(opacity=30); /* IE */ /* -moz-opacity: 0.30; Mozilla (Old) */
 419  }
 420  
 421  .SC_FieldOver
 422  {
 423      border: #316ac5 1px solid;
 424  }
 425  
 426  .SC_FieldOver .SC_FieldButton
 427  {
 428      border-left: #316ac5 1px solid;
 429  }
 430  
 431  /*
 432      ### Color Selector Panel
 433  */
 434  
 435  .ColorBoxBorder
 436  {
 437      border: #808080 1px solid;
 438      position: static;
 439  }
 440  
 441  .ColorBox
 442  {
 443      font-size: 1px;
 444      width: 10px;
 445      position: static;
 446      height: 10px;
 447  }
 448  
 449  .ColorDeselected, .ColorSelected
 450  {
 451      cursor: default;
 452  }
 453  
 454  .ColorDeselected
 455  {
 456      border: #ffffff 1px solid;
 457      padding: 2px;
 458      float: left;
 459  }
 460  
 461  .ColorSelected
 462  {
 463      border: #330066 1px solid;
 464      padding: 2px;
 465      float: left;
 466      background-color: #c4cdd6;
 467  }