scripts/fckeditor2.6.6/editor/skins/office2003/fck_editor.css

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