[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   *         gazou[Fr]
  19   */
  20  
  21  /*
  22      ### Basic Editor IFRAME Styles.
  23  */
  24  
  25  body
  26  {
  27      padding: 1px 1px 1px 1px;
  28      margin: 0px 0px 0px 0px;
  29  }
  30  
  31  #xEditingArea
  32  {
  33      border: #696969 1px solid;
  34  }
  35  
  36  .SourceField
  37  {
  38      padding: 5px;
  39      margin: 0px;
  40      font-family: Monospace;
  41  }
  42  
  43  /*
  44      Toolbar
  45  */
  46  
  47  .TB_ToolbarSet, .TB_Expand, .TB_Collapse
  48  {
  49      cursor: default;
  50      background-color: #f7f7f7;
  51  }
  52  
  53  .TB_ToolbarSet
  54  {
  55      padding: 1px;
  56      border-top: #efefde 1px outset;
  57      border-bottom: #efefde 1px outset;
  58  }
  59  
  60  .TB_ToolbarSet TD
  61  {
  62      font-size: 11px;
  63      font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
  64  }
  65  
  66  .TB_Toolbar
  67  {
  68      display: inline-table;
  69  }
  70  
  71  .TB_Separator
  72  {
  73      width: 1px;
  74      height: 21px;
  75      margin: 2px;
  76      background-color: #C6C3BD;
  77  }
  78  
  79  .TB_Start
  80  {
  81      background-image: url(images/toolbar.start.gif);
  82      margin-left: 2px;
  83      margin-right: 2px;
  84      width: 3px;
  85      background-repeat: no-repeat;
  86      height: 27px;
  87      background-position: center center;
  88  }
  89  
  90  .TB_End
  91  {
  92      display: none;
  93  }
  94  
  95  .TB_ExpandImg
  96  {
  97      background-image: url(images/toolbar.expand.gif);
  98      background-repeat: no-repeat;
  99  }
 100  
 101  .TB_CollapseImg
 102  {
 103      background-image: url(images/toolbar.collapse.gif);
 104      background-repeat: no-repeat;
 105  }
 106  
 107  .TB_SideBorder
 108  {
 109      background-color: #696969;
 110  }
 111  
 112  .TB_Expand, .TB_Collapse
 113  {
 114      padding: 2px 2px 2px 2px;
 115      border: #efefde 1px outset;
 116  }
 117  
 118  .TB_Collapse
 119  {
 120      border: #efefde 1px outset;
 121      width: 5px;
 122  }
 123  
 124  .TB_Break
 125  {
 126      height: 27px;
 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      padding: 1px ;
 136      margin:1px;
 137      height: 21px;
 138  }
 139  
 140  .TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
 141  {
 142      border: #cec6b5 1px solid;
 143  }
 144  
 145  .TB_Button_On
 146  {
 147      border-color: #316ac5;
 148      background-color: #c1d2ee;
 149  }
 150  
 151  .TB_Button_On_Over, .TB_Button_Off_Over
 152  {
 153      border: #316ac5 1px solid;
 154      background-color: #dff1ff;
 155  }
 156  
 157  .TB_Button_Off
 158  {
 159      background: #efefef url(images/toolbar.buttonbg.gif) repeat-x;
 160  }
 161  
 162  .TB_Button_Off, .TB_Combo_Off
 163  {
 164      opacity: 0.70; /* Safari, Opera and Mozilla */
 165      filter: alpha(opacity=70); /* IE */
 166      /* -moz-opacity: 0.70; Mozilla (Old) */
 167  }
 168  
 169  .TB_Button_Disabled
 170  {
 171      opacity: 0.30; /* Safari, Opera and Mozilla */
 172      filter: gray() alpha(opacity=30); /* IE */
 173  }
 174  
 175  .TB_Button_Padding
 176  {
 177      visibility: hidden;
 178      width: 3px;
 179      height: 21px;
 180  }
 181  
 182  .TB_Button_Image
 183  {
 184      overflow: hidden;
 185      width: 16px;
 186      height: 16px;
 187      margin: 3px;
 188      margin-top: 4px;
 189      margin-bottom: 2px;
 190      background-repeat: no-repeat;
 191  }
 192  
 193  /* For composed button ( icon + text, icon + arrow ), we must compensate the table */
 194  .TB_Button_On TABLE .TB_Button_Image, 
 195  .TB_Button_Off TABLE .TB_Button_Image, 
 196  .TB_Button_On_Over TABLE .TB_Button_Image,
 197  .TB_Button_Off_Over TABLE .TB_Button_Image,
 198  .TB_Button_Disabled TABLE .TB_Button_Image
 199  {
 200      margin-top: 3px;
 201  }
 202  
 203  .TB_Button_Image img
 204  {
 205      position: relative;
 206  }
 207  
 208  .TB_ConnectionLine
 209  {
 210      background-color: #ffffff;
 211      height: 1px;
 212      margin-left: 1px;   /* ltr */
 213      margin-right: 1px;  /* rtl */
 214  }
 215  
 216  /*
 217      Menu
 218  */
 219  
 220  .MN_Menu
 221  {
 222      border: 1px solid #8f8f73;
 223      padding: 2px;
 224      background-color: #f7f7f7;
 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: #dedede;
 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: #8a857d;
 274  }
 275  
 276  .MN_Item_Over .MN_Icon
 277  {
 278      background-color: #6c6761;
 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: #ffffff;
 301  }
 302  
 303  .Menu .TB_Button_On, .Menu .TB_Button_On_Over
 304  {
 305      border: #8f8f73 1px solid;
 306      background-color: #ffffff;
 307  }
 308  
 309  /*
 310      ### Panel Styles
 311  */
 312  
 313  .FCK_Panel
 314  {
 315      border: #8f8f73 1px solid;
 316      padding: 2px;
 317      background-color: #ffffff;
 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:1px ;
 382      border: #b7b7a6 1px solid;
 383      cursor: default;
 384  }
 385  
 386  .SC_FieldCaption
 387  {
 388      padding-top: 1px ;
 389      overflow: visible;
 390      padding-right: 5px;
 391      padding-left: 5px;
 392      opacity: 0.75; /* Safari, Opera and Mozilla */
 393      filter: alpha(opacity=70); /* IE */ /* -moz-opacity: 0.75; Mozilla (Old) */
 394      height: 23px;
 395      background-color: #f7f7f7;
 396  }
 397  
 398  .SC_FieldLabel
 399  {
 400      white-space: nowrap;
 401      padding: 2px;
 402      width: 100%;
 403      cursor: default;
 404      background-color: #ffffff;
 405      text-overflow: ellipsis;
 406      overflow: hidden;
 407  }
 408  
 409  .SC_FieldButton
 410  {
 411      background-position: center center;
 412      background-image: url(images/toolbar.buttonarrow.gif);
 413      border-left: #b7b7a6 1px solid;
 414      width: 14px;
 415      background-repeat: no-repeat;
 416  }
 417  
 418  .SC_FieldDisabled .SC_FieldButton, .SC_FieldDisabled .SC_FieldCaption
 419  {
 420      opacity: 0.30; /* Safari, Opera and Mozilla */
 421      filter: gray() alpha(opacity=30); /* IE */ /* -moz-opacity: 0.30; Mozilla (Old) */
 422  }
 423  
 424  .SC_FieldOver
 425  {
 426      border: #316ac5 1px solid;
 427  }
 428  
 429  .SC_FieldOver .SC_FieldButton
 430  {
 431      border-left: #316ac5 1px solid;
 432  }
 433  
 434  /*
 435      ### Color Selector Panel
 436  */
 437  
 438  .ColorBoxBorder
 439  {
 440      border: #808080 1px solid;
 441      position: static;
 442  }
 443  
 444  .ColorBox
 445  {
 446      font-size: 1px;
 447      width: 10px;
 448      position: static;
 449      height: 10px;
 450  }
 451  
 452  .ColorDeselected, .ColorSelected
 453  {
 454      cursor: default;
 455  }
 456  
 457  .ColorDeselected
 458  {
 459      border: #ffffff 1px solid;
 460      padding: 2px;
 461      float: left;
 462  }
 463  
 464  .ColorSelected
 465  {
 466      border: #316ac5 1px solid;
 467      padding: 2px;
 468      float: left;
 469      background-color: #c1d2ee;
 470  }