[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: #f7f8fd;
  58  }
  59  
  60  .TB_ToolbarSet
  61  {
  62      border-top: #f7f8fd 1px outset;
  63      border-bottom: #f7f8fd 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         background-color: #d6dff7;
  75      background-image: url(images/toolbar.bg.gif);
  76      background-repeat: repeat-x;
  77      display: inline-table;
  78  }
  79  
  80  .TB_Separator
  81  {
  82      width: 1px;
  83      height: 16px;
  84      margin: 2px;
  85      background-color: #B2CBFF;
  86  }
  87  
  88  .TB_Start
  89  {
  90      background-image: url(images/toolbar.start.gif);
  91      background-repeat: no-repeat;
  92      background-position: center center;
  93      margin: 0px;
  94      width: 7px;
  95      height: 24px;
  96  }
  97  
  98  .TB_End
  99  {
 100      background-image: url(images/toolbar.end.gif);
 101      background-repeat: no-repeat;
 102      background-position: center left;
 103      height: 24px;
 104      width: 4px;
 105  }
 106  
 107  .TB_ExpandImg
 108  {
 109      background-image: url(images/toolbar.expand.gif);
 110      background-repeat: no-repeat;
 111  }
 112  
 113  .TB_CollapseImg
 114  {
 115      background-image: url(images/toolbar.collapse.gif);
 116      background-repeat: no-repeat;
 117  }
 118  
 119  .TB_SideBorder
 120  {
 121      background-color: #696969;
 122  }
 123  
 124  .TB_Expand, .TB_Collapse
 125  {
 126      padding: 2px 2px 2px 2px;
 127      border: #f7f8fd 1px outset;
 128  }
 129  
 130  .TB_Collapse
 131  {
 132      width: 5px;
 133  }
 134  
 135  .TB_Break
 136  {
 137      height: 24px; /* IE needs the height to be set, otherwise no break */
 138  }
 139  
 140  /*
 141      Toolbar Button
 142  */
 143  
 144  .TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
 145  {
 146      margin: 1px;
 147      height: 22px; /* The height is necessary, otherwise IE will not apply the alpha */
 148  }
 149  
 150  .TB_Button_On
 151  {
 152      margin: 0px;
 153      border: #316ac5 1px solid;
 154      background-color: #c1d2ee;
 155  }
 156  
 157  .TB_Button_On_Over, .TB_Button_Off_Over
 158  {
 159      margin: 0px ;
 160      border: #316ac5 1px solid;
 161      background-color: #dff1ff;
 162  }
 163  
 164  .TB_Button_Off
 165  {
 166      filter: alpha(opacity=70); /* IE */
 167      opacity: 0.70; /* Safari, Opera and Mozilla */
 168  }
 169  
 170  .TB_Button_Disabled
 171  {
 172      filter: gray() alpha(opacity=30); /* IE */
 173      opacity: 0.30; /* Safari, Opera and Mozilla */
 174  }
 175  
 176  .TB_Button_Padding
 177  {
 178      visibility: hidden;
 179      width: 3px;
 180      height: 22px;
 181  }
 182  
 183  .TB_Button_Image
 184  {
 185      overflow: hidden;
 186      width: 16px;
 187      height: 16px;
 188      margin: 3px;
 189      background-repeat: no-repeat;
 190  }
 191  
 192  .TB_Button_Image img
 193  {
 194      position: relative;
 195  }
 196  
 197  .TB_Button_Off .TB_Button_Text
 198  {
 199         background-color: #d6dff7;  /* Needed because of a bug on ClearType */
 200      background-image: url(images/toolbar.bg.gif);
 201      background-repeat: repeat-x;
 202  }
 203  
 204  .TB_ConnectionLine
 205  {
 206      background-color: #f7f8fd;
 207      height: 1px;
 208      margin-left: 1px;   /* ltr */
 209      margin-right: 1px;  /* rtl */
 210  }
 211  
 212  .TB_Button_Off .TB_Text
 213  {
 214         background-color: #d6dff7;  /* Needed because of a bug on ClearType */
 215      background-image: url(images/toolbar.bg.gif);
 216      background-repeat: repeat-x;
 217  }
 218  
 219  .TB_Button_On_Over .TB_Text
 220  {
 221         background-color: #dff1ff ;  /* Needed because of a bug on ClearType */
 222  }
 223  
 224  /*
 225      Menu
 226  */
 227  
 228  .MN_Menu
 229  {
 230      border: 1px solid #8f8f73;
 231      padding: 2px;
 232      background-color: #f7f8fd;
 233      cursor: default;
 234  }
 235  
 236  .MN_Menu, .MN_Menu .MN_Label
 237  {
 238      font-size: 11px;
 239      font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
 240  }
 241  
 242  .MN_Item_Padding
 243  {
 244      visibility: hidden;
 245      width: 3px;
 246      height: 20px;
 247  }
 248  
 249  .MN_Icon
 250  {
 251      background-color: #d6dff7;
 252      text-align: center;
 253      height: 20px;
 254  }
 255  
 256  .MN_Label
 257  {
 258      padding-left: 3px;
 259      padding-right: 3px;
 260  }
 261  
 262  .MN_Separator
 263  {
 264      height: 3px;
 265  }
 266  
 267  .MN_Separator_Line
 268  {
 269      border-top: #b9b99d 1px solid;
 270  }
 271  
 272  .MN_Item .MN_Icon IMG
 273  {
 274      filter: alpha(opacity=70);
 275      opacity: 0.70;
 276  }
 277  
 278  .MN_Item_Over
 279  {
 280      color: #ffffff;
 281      background-color: #7096FA;
 282  }
 283  
 284  .MN_Item_Over .MN_Icon
 285  {
 286      background-color: #466ca6;
 287  }
 288  
 289  .MN_Item_Disabled IMG
 290  {
 291      filter: gray() alpha(opacity=30); /* IE */
 292      opacity: 0.30; /* Safari, Opera and Mozilla */
 293  }
 294  
 295  .MN_Item_Disabled .MN_Label
 296  {
 297      color: #b7b7b7;
 298  }
 299  
 300  .MN_Arrow
 301  {
 302      padding-right: 3px;
 303      padding-left: 3px;
 304  }
 305  
 306  .MN_ConnectionLine
 307  {
 308      background-color: #f7f8fd;
 309  }
 310  
 311  .Menu .TB_Button_On, .Menu .TB_Button_On_Over
 312  {
 313      border: #8f8f73 1px solid;
 314      background-color: #f7f8fd;
 315  }
 316  
 317  /*
 318      ### Panel Styles
 319  */
 320  
 321  .FCK_Panel
 322  {
 323      border: #8f8f73 1px solid;
 324      padding: 2px;
 325      background-color: #f7f8fd;
 326  }
 327  
 328  .FCK_Panel, .FCK_Panel TD
 329  {
 330      font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
 331      font-size: 11px;
 332  }
 333  
 334  /*
 335      ### Special Combos
 336  */
 337  
 338  .SC_Panel
 339  {
 340      overflow: auto;
 341      white-space: nowrap;
 342      cursor: default;
 343      border: 1px solid #8f8f73;
 344      padding-left: 2px;
 345      padding-right: 2px;
 346      background-color: #ffffff;
 347  }
 348  
 349  .SC_Panel, .SC_Panel TD
 350  {
 351      font-size: 11px;
 352      font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
 353  }
 354  
 355  .SC_Item, .SC_ItemSelected
 356  {
 357      margin-top: 2px;
 358      margin-bottom: 2px;
 359      background-position: left center;
 360      padding-left: 11px;
 361      padding-right: 3px;
 362      padding-top: 2px;
 363      padding-bottom: 2px;
 364      text-overflow: ellipsis;
 365      overflow: hidden;
 366      background-repeat: no-repeat;
 367      border: #dddddd 1px solid;
 368  }
 369  
 370  .SC_Item *, .SC_ItemSelected *
 371  {
 372      margin-top: 0px;
 373      margin-bottom: 0px;
 374  }
 375  
 376  .SC_ItemSelected
 377  {
 378      border: #9a9afb 1px solid;
 379      background-image: url(images/toolbar.arrowright.gif);
 380  }
 381  
 382  .SC_ItemOver
 383  {
 384      border: #316ac5 1px solid;
 385  }
 386  
 387  .SC_Field
 388  {
 389      margin-top: 2px ;
 390      border: #b7b7a6 1px solid;
 391      cursor: default;
 392  }
 393  
 394  .SC_FieldCaption
 395  {
 396      overflow: visible;
 397      padding-right: 5px;
 398      padding-left: 5px;
 399      opacity: 0.75; /* Safari, Opera and Mozilla */
 400      filter: alpha(opacity=70); /* IE */ /* -moz-opacity: 0.75; Mozilla (Old) */
 401      height: 23px;
 402         background-color: #d6dff7;  /* Needed because of a bug on ClearType */
 403      background-image: url(images/toolbar.bg.gif);
 404      background-repeat: repeat-x;
 405  /*    background-color:  inherit;     Maybe this is needed wait to check */
 406  }
 407  
 408  .SC_FieldLabel
 409  {
 410      white-space: nowrap;
 411      padding: 2px;
 412      width: 100%;
 413      cursor: default;
 414      background-color: #ffffff;
 415      text-overflow: ellipsis;
 416      overflow: hidden;
 417  }
 418  
 419  .SC_FieldButton
 420  {
 421      background-position: center center;
 422      background-image: url(images/toolbar.buttonarrow.gif);
 423      border-left: #b7b7a6 1px solid;
 424      width: 14px;
 425      background-repeat: no-repeat;
 426  }
 427  
 428  .SC_FieldDisabled .SC_FieldButton, .SC_FieldDisabled .SC_FieldCaption
 429  {
 430      opacity: 0.30; /* Safari, Opera and Mozilla */
 431      filter: gray() alpha(opacity=30); /* IE */ /* -moz-opacity: 0.30; Mozilla (Old) */
 432  }
 433  
 434  .SC_FieldOver
 435  {
 436      border: #316ac5 1px solid;
 437  }
 438  
 439  .SC_FieldOver .SC_FieldButton
 440  {
 441      border-left: #316ac5 1px solid;
 442  }
 443  
 444  /*
 445      ### Color Selector Panel
 446  */
 447  
 448  .ColorBoxBorder
 449  {
 450      border: #808080 1px solid;
 451      position: static;
 452  }
 453  
 454  .ColorBox
 455  {
 456      font-size: 1px;
 457      width: 10px;
 458      position: static;
 459      height: 10px;
 460  }
 461  
 462  .ColorDeselected, .ColorSelected
 463  {
 464      cursor: default;
 465  }
 466  
 467  .ColorDeselected
 468  {
 469      border: #ffffff 1px solid;
 470      padding: 2px;
 471      float: left;
 472  }
 473  
 474  .ColorSelected
 475  {
 476      border: #330066 1px solid;
 477      padding: 2px;
 478      float: left;
 479      background-color: #c4cdd6;
 480  }