[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   * Styles used by the editor IFRAME and Toolbar.

  22   */
  23  
  24  /*

  25      ### Basic Editor IFRAME Styles.

  26  */
  27  
  28  body
  29  {
  30      padding: 1px 1px 1px 1px;
  31      margin: 0px 0px 0px 0px;
  32  }
  33  
  34  #xEditingArea

  35  {
  36      border: #696969 1px solid;
  37  }
  38  
  39  .SourceField
  40  {
  41      padding: 5px;
  42      margin: 0px;
  43      font-family: Monospace;
  44  }
  45  
  46  /*

  47      Toolbar

  48  */
  49  
  50  .TB_ToolbarSet, .TB_Expand, .TB_Collapse
  51  {
  52      cursor: default;
  53      background-color: #efefde;
  54  }
  55  
  56  .TB_ToolbarSet
  57  {
  58      border-top: #efefde 1px outset;
  59      border-bottom: #efefde 1px outset;
  60  }
  61  
  62  .TB_ToolbarSet TD
  63  {
  64      font-size: 11px;
  65      font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
  66  }
  67  
  68  .TB_Toolbar
  69  {
  70      height: 24px;
  71      display: inline-table;    /* inline = Opera jumping buttons bug */
  72  }
  73  
  74  .TB_Separator
  75  {
  76      width: 1px;
  77      height: 16px;
  78      margin: 2px;
  79      background-color: #999966;
  80  }
  81  
  82  .TB_Start
  83  {
  84      background-image: url(images/toolbar.start.gif);
  85      margin: 2px;
  86      width: 3px;
  87      background-repeat: no-repeat;
  88      height: 16px;
  89  }
  90  
  91  .TB_End
  92  {
  93      display: none;
  94  }
  95  
  96  .TB_ExpandImg
  97  {
  98      background-image: url(images/toolbar.expand.gif);
  99      background-repeat: no-repeat;
 100  }
 101  
 102  .TB_CollapseImg
 103  {
 104      background-image: url(images/toolbar.collapse.gif);
 105      background-repeat: no-repeat;
 106  }
 107  
 108  .TB_SideBorder
 109  {
 110      background-color: #696969;
 111  }
 112  
 113  .TB_Expand, .TB_Collapse
 114  {
 115      padding: 2px 2px 2px 2px;
 116      border: #efefde 1px outset;
 117  }
 118  
 119  .TB_Collapse
 120  {
 121      width: 5px;
 122  }
 123  
 124  .TB_Break
 125  {
 126      height: 24px; /* IE needs the height to be set, otherwise no break */
 127  }
 128  
 129  /*

 130      Toolbar Button

 131  */
 132  
 133  .TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
 134  {
 135      border: #efefde 1px solid; /* This is the default border */
 136      height: 22px; /* The height is necessary, otherwise IE will not apply the alpha */
 137  }
 138  
 139  .TB_Button_On
 140  {
 141      border: #316ac5 1px solid;
 142      background-color: #c1d2ee;
 143  }
 144  
 145  .TB_Button_On_Over, .TB_Button_Off_Over
 146  {
 147      border: #316ac5 1px solid;
 148      background-color: #dff1ff;
 149  }
 150  
 151  .TB_Button_Off
 152  {
 153      filter: alpha(opacity=70); /* IE */
 154      opacity: 0.70; /* Safari, Opera and Mozilla */
 155  }
 156  
 157  .TB_Button_Disabled
 158  {
 159      filter: gray() alpha(opacity=30); /* IE */
 160      opacity: 0.30; /* Safari, Opera and Mozilla */
 161  }
 162  
 163  .TB_Button_Padding
 164  {
 165      visibility: hidden;
 166      width: 3px;
 167      height: 22px;
 168  }
 169  
 170  .TB_Button_Image
 171  {
 172      overflow: hidden;
 173      width: 16px;
 174      height: 16px;
 175      margin: 3px;
 176      background-repeat: no-repeat;
 177  }
 178  
 179  .TB_Button_Image img
 180  {
 181      position: relative;
 182  }
 183  
 184  .TB_Button_Off .TB_Button_Text
 185  {
 186         background-color: #efefde;  /* Needed because of a bug on Clear Type */
 187  }
 188  
 189  .TB_ConnectionLine
 190  {
 191      background-color: #ffffff;
 192      height: 1px;
 193      margin-left: 1px;   /* ltr */
 194      margin-right: 1px;  /* rtl */
 195  }
 196  
 197  .TB_Text
 198  {
 199      height: 22px;
 200  }
 201  
 202  .TB_Button_Off .TB_Text
 203  {
 204         background-color: #efefde ;  /* Needed because of a bug on ClearType */
 205  }
 206  
 207  .TB_Button_On_Over .TB_Text
 208  {
 209         background-color: #dff1ff ;  /* Needed because of a bug on ClearType */
 210  }
 211  
 212  /*

 213      Menu

 214  */
 215  
 216  .MN_Menu
 217  {
 218      border: 1px solid #8f8f73;
 219      padding: 2px;
 220      background-color: #ffffff;
 221      cursor: default;
 222  }
 223  
 224  .MN_Menu, .MN_Menu .MN_Label
 225  {
 226      font-size: 11px;
 227      font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
 228  }
 229  
 230  .MN_Item_Padding
 231  {
 232      visibility: hidden;
 233      width: 3px;
 234      height: 20px;
 235  }
 236  
 237  .MN_Icon
 238  {
 239      background-color: #e3e3c7;
 240      text-align: center;
 241      height: 20px;
 242  }
 243  
 244  .MN_Label
 245  {
 246      padding-left: 3px;
 247      padding-right: 3px;
 248  }
 249  
 250  .MN_Separator
 251  {
 252      height: 3px;
 253  }
 254  
 255  .MN_Separator_Line
 256  {
 257      border-top: #b9b99d 1px solid;
 258  }
 259  
 260  .MN_Item .MN_Icon IMG
 261  {
 262      filter: alpha(opacity=70);
 263      opacity: 0.70;
 264  }
 265  
 266  .MN_Item_Over
 267  {
 268      color: #ffffff;
 269      background-color: #8f8f73;
 270  }
 271  
 272  .MN_Item_Over .MN_Icon
 273  {
 274      background-color: #737357;
 275  }
 276  
 277  .MN_Item_Disabled IMG
 278  {
 279      filter: gray() alpha(opacity=30); /* IE */
 280      opacity: 0.30; /* Safari, Opera and Mozilla */
 281  }
 282  
 283  .MN_Item_Disabled .MN_Label
 284  {
 285      color: #b7b7b7;
 286  }
 287  
 288  .MN_Arrow
 289  {
 290      padding-right: 3px;
 291      padding-left: 3px;
 292  }
 293  
 294  .MN_ConnectionLine
 295  {
 296      background-color: #ffffff;
 297  }
 298  
 299  .Menu .TB_Button_On, .Menu .TB_Button_On_Over
 300  {
 301      border: #8f8f73 1px solid;
 302      background-color: #ffffff;
 303  }
 304  
 305  /*

 306      ### Panel Styles

 307  */
 308  
 309  .FCK_Panel
 310  {
 311      border: #8f8f73 1px solid;
 312      padding: 2px;
 313      background-color: #ffffff;
 314  }
 315  
 316  .FCK_Panel, .FCK_Panel TD
 317  {
 318      font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
 319      font-size: 11px;
 320  }
 321  
 322  /*

 323      ### Special Combos

 324  */
 325  
 326  .SC_Panel
 327  {
 328      overflow: auto;
 329      white-space: nowrap;
 330      cursor: default;
 331      border: 1px solid #8f8f73;
 332      padding-left: 2px;
 333      padding-right: 2px;
 334      background-color: #ffffff;
 335  }
 336  
 337  .SC_Panel, .SC_Panel TD
 338  {
 339      font-size: 11px;
 340      font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
 341  }
 342  
 343  .SC_Item, .SC_ItemSelected
 344  {
 345      margin-top: 2px;
 346      margin-bottom: 2px;
 347      background-position: left center;
 348      padding-left: 11px;
 349      padding-right: 3px;
 350      padding-top: 2px;
 351      padding-bottom: 2px;
 352      text-overflow: ellipsis;
 353      overflow: hidden;
 354      background-repeat: no-repeat;
 355      border: #dddddd 1px solid;
 356  }
 357  
 358  .SC_Item *, .SC_ItemSelected *
 359  {
 360      margin-top: 0px;
 361      margin-bottom: 0px;
 362  }
 363  
 364  .SC_ItemSelected
 365  {
 366      border: #9a9afb 1px solid;
 367      background-image: url(images/toolbar.arrowright.gif);
 368  }
 369  
 370  .SC_ItemOver
 371  {
 372      border: #316ac5 1px solid;
 373  }
 374  
 375  .SC_Field
 376  {
 377      border: #b7b7a6 1px solid;
 378      cursor: default;
 379  }
 380  
 381  .SC_FieldCaption
 382  {
 383      overflow: visible;
 384      padding-right: 5px;
 385      padding-left: 5px;
 386      opacity: 0.75; /* Safari, Opera and Mozilla */
 387      filter: alpha(opacity=70); /* IE */ /* -moz-opacity: 0.75; Mozilla (Old) */
 388      height: 23px;
 389      background-color: #efefde;
 390  }
 391  
 392  .SC_FieldLabel
 393  {
 394      white-space: nowrap;
 395      padding: 2px;
 396      width: 100%;
 397      cursor: default;
 398      background-color: #ffffff;
 399      text-overflow: ellipsis;
 400      overflow: hidden;
 401  }
 402  
 403  .SC_FieldButton
 404  {
 405      background-position: center center;
 406      background-image: url(images/toolbar.buttonarrow.gif);
 407      border-left: #b7b7a6 1px solid;
 408      width: 14px;
 409      background-repeat: no-repeat;
 410  }
 411  
 412  .SC_FieldDisabled .SC_FieldButton, .SC_FieldDisabled .SC_FieldCaption
 413  {
 414      opacity: 0.30; /* Safari, Opera and Mozilla */
 415      filter: gray() alpha(opacity=30); /* IE */ /* -moz-opacity: 0.30; Mozilla (Old) */
 416  }
 417  
 418  .SC_FieldOver
 419  {
 420      border: #316ac5 1px solid;
 421  }
 422  
 423  .SC_FieldOver .SC_FieldButton
 424  {
 425      border-left: #316ac5 1px solid;
 426  }
 427  
 428  /*

 429      ### Color Selector Panel

 430  */
 431  
 432  .ColorBoxBorder
 433  {
 434      border: #808080 1px solid;
 435      position: static;
 436  }
 437  
 438  .ColorBox
 439  {
 440      font-size: 1px;
 441      width: 10px;
 442      position: static;
 443      height: 10px;
 444  }
 445  
 446  .ColorDeselected, .ColorSelected
 447  {
 448      cursor: default;
 449  }
 450  
 451  .ColorDeselected
 452  {
 453      border: #ffffff 1px solid;
 454      padding: 2px;
 455      float: left;
 456  }
 457  
 458  .ColorSelected
 459  {
 460      border: #330066 1px solid;
 461      padding: 2px;
 462      float: left;
 463      background-color: #c4cdd6;
 464  }