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