[Sommaire] [Imprimer]

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