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