httemplate/elements/fckeditor/editor/skins/office2003/fck_editor.css

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