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-2007 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 1px 1px 1px;\r
  31     margin: 0px 0px 0px 0px;\r
  32 }\r
  33 \r
  34 #xEditingArea\r
  35 {\r
  36     border: #696969 1px solid;\r
  37 }\r
  38 \r
  39 .SourceField\r
  40 {\r
  41     padding: 5px;\r
  42     margin: 0px;\r
  43     font-family: Monospace;\r
  44 }\r
  45 \r
  46 /*\r
  47         Toolbar\r
  48 */\r
  49 \r
  50 .TB_ToolbarSet, .TB_Expand, .TB_Collapse\r
  51 {\r
  52     cursor: default;\r
  53     background-color: #f7f8fd;\r
  54 }\r
  55 \r
  56 .TB_ToolbarSet\r
  57 {\r
  58     border-top: #f7f8fd 1px outset;\r
  59     border-bottom: #f7f8fd 1px outset;\r
  60 }\r
  61 \r
  62 .TB_ToolbarSet TD\r
  63 {\r
  64     font-size: 11px;\r
  65     font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;\r
  66 }\r
  67 \r
  68 .TB_Toolbar\r
  69 {\r
  70         background-color: #d6dff7;\r
  71         background-image: url(images/toolbar.bg.gif);\r
  72         background-repeat: repeat-x;\r
  73     display: inline-table;\r
  74 }\r
  75 \r
  76 .TB_Separator\r
  77 {\r
  78     width: 1px;\r
  79     height: 16px;\r
  80     margin: 2px;\r
  81     background-color: #B2CBFF;\r
  82 }\r
  83 \r
  84 .TB_Start\r
  85 {\r
  86     background-image: url(images/toolbar.start.gif);\r
  87     background-repeat: no-repeat;\r
  88     background-position: center center;\r
  89     margin: 0px;\r
  90     width: 7px;\r
  91     height: 24px;\r
  92 }\r
  93 \r
  94 .TB_End\r
  95 {\r
  96     background-image: url(images/toolbar.end.gif);\r
  97     background-repeat: no-repeat;\r
  98     background-position: center left;\r
  99     height: 24px;\r
 100     width: 4px;\r
 101 }\r
 102 \r
 103 .TB_ExpandImg\r
 104 {\r
 105     background-image: url(images/toolbar.expand.gif);\r
 106     background-repeat: no-repeat;\r
 107 }\r
 108 \r
 109 .TB_CollapseImg\r
 110 {\r
 111     background-image: url(images/toolbar.collapse.gif);\r
 112     background-repeat: no-repeat;\r
 113 }\r
 114 \r
 115 .TB_SideBorder\r
 116 {\r
 117     background-color: #696969;\r
 118 }\r
 119 \r
 120 .TB_Expand, .TB_Collapse\r
 121 {\r
 122     padding: 2px 2px 2px 2px;\r
 123     border: #f7f8fd 1px outset;\r
 124 }\r
 125 \r
 126 .TB_Collapse\r
 127 {\r
 128     width: 5px;\r
 129 }\r
 130 \r
 131 .TB_Break\r
 132 {\r
 133     height: 24px; /* IE needs the height to be set, otherwise no break */\r
 134 }\r
 135 \r
 136 /*\r
 137         Toolbar Button\r
 138 */\r
 139 \r
 140 .TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled\r
 141 {\r
 142     margin: 1px;\r
 143     height: 22px; /* The height is necessary, otherwise IE will not apply the alpha */\r
 144 }\r
 145 \r
 146 .TB_Button_On\r
 147 {\r
 148     margin: 0px;\r
 149     border: #316ac5 1px solid;\r
 150     background-color: #c1d2ee;\r
 151 }\r
 152 \r
 153 .TB_Button_On_Over, .TB_Button_Off_Over\r
 154 {\r
 155     margin: 0px ;\r
 156     border: #316ac5 1px solid;\r
 157     background-color: #dff1ff;\r
 158 }\r
 159 \r
 160 .TB_Button_Off\r
 161 {\r
 162     filter: alpha(opacity=70); /* IE */\r
 163     opacity: 0.70; /* Safari, Opera and Mozilla */\r
 164 }\r
 165 \r
 166 .TB_Button_Disabled\r
 167 {\r
 168     filter: gray() alpha(opacity=30); /* IE */\r
 169     opacity: 0.30; /* Safari, Opera and Mozilla */\r
 170 }\r
 171 \r
 172 .TB_Button_Padding\r
 173 {\r
 174     visibility: hidden;\r
 175     width: 3px;\r
 176     height: 22px;\r
 177 }\r
 178 \r
 179 .TB_Button_Image\r
 180 {\r
 181     overflow: hidden;\r
 182     width: 16px;\r
 183     height: 16px;\r
 184     margin: 3px;\r
 185     background-repeat: no-repeat;\r
 186 }\r
 187 \r
 188 .TB_Button_Image img\r
 189 {\r
 190     position: relative;\r
 191 }\r
 192 \r
 193 .TB_Button_Off .TB_Button_Text\r
 194 {\r
 195         background-color: #d6dff7;  /* Needed because of a bug on ClearType */\r
 196         background-image: url(images/toolbar.bg.gif);\r
 197         background-repeat: repeat-x;\r
 198 }\r
 199 \r
 200 .TB_ConnectionLine\r
 201 {\r
 202     background-color: #f7f8fd;\r
 203     height: 1px;\r
 204     margin-left: 1px;   /* ltr */\r
 205     margin-right: 1px;  /* rtl */\r
 206 }\r
 207 \r
 208 .TB_Button_Off .TB_Text\r
 209 {\r
 210         background-color: #d6dff7;  /* Needed because of a bug on ClearType */\r
 211         background-image: url(images/toolbar.bg.gif);\r
 212         background-repeat: repeat-x;\r
 213 }\r
 214 \r
 215 .TB_Button_On_Over .TB_Text\r
 216 {\r
 217         background-color: #dff1ff ;  /* Needed because of a bug on ClearType */\r
 218 }\r
 219 \r
 220 /*\r
 221         Menu\r
 222 */\r
 223 \r
 224 .MN_Menu\r
 225 {\r
 226     border: 1px solid #8f8f73;\r
 227     padding: 2px;\r
 228     background-color: #f7f8fd;\r
 229     cursor: default;\r
 230 }\r
 231 \r
 232 .MN_Menu, .MN_Menu .MN_Label\r
 233 {\r
 234     font-size: 11px;\r
 235     font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;\r
 236 }\r
 237 \r
 238 .MN_Item_Padding\r
 239 {\r
 240     visibility: hidden;\r
 241     width: 3px;\r
 242     height: 20px;\r
 243 }\r
 244 \r
 245 .MN_Icon\r
 246 {\r
 247     background-color: #d6dff7;\r
 248     text-align: center;\r
 249     height: 20px;\r
 250 }\r
 251 \r
 252 .MN_Label\r
 253 {\r
 254     padding-left: 3px;\r
 255     padding-right: 3px;\r
 256 }\r
 257 \r
 258 .MN_Separator\r
 259 {\r
 260     height: 3px;\r
 261 }\r
 262 \r
 263 .MN_Separator_Line\r
 264 {\r
 265     border-top: #b9b99d 1px solid;\r
 266 }\r
 267 \r
 268 .MN_Item .MN_Icon IMG\r
 269 {\r
 270     filter: alpha(opacity=70);\r
 271     opacity: 0.70;\r
 272 }\r
 273 \r
 274 .MN_Item_Over\r
 275 {\r
 276     color: #ffffff;\r
 277     background-color: #7096FA;\r
 278 }\r
 279 \r
 280 .MN_Item_Over .MN_Icon\r
 281 {\r
 282     background-color: #466ca6;\r
 283 }\r
 284 \r
 285 .MN_Item_Disabled IMG\r
 286 {\r
 287     filter: gray() alpha(opacity=30); /* IE */\r
 288     opacity: 0.30; /* Safari, Opera and Mozilla */\r
 289 }\r
 290 \r
 291 .MN_Item_Disabled .MN_Label\r
 292 {\r
 293     color: #b7b7b7;\r
 294 }\r
 295 \r
 296 .MN_Arrow\r
 297 {\r
 298     padding-right: 3px;\r
 299     padding-left: 3px;\r
 300 }\r
 301 \r
 302 .MN_ConnectionLine\r
 303 {\r
 304     background-color: #f7f8fd;\r
 305 }\r
 306 \r
 307 .Menu .TB_Button_On, .Menu .TB_Button_On_Over\r
 308 {\r
 309     border: #8f8f73 1px solid;\r
 310     background-color: #f7f8fd;\r
 311 }\r
 312 \r
 313 /*\r
 314         ### Panel Styles\r
 315 */\r
 316 \r
 317 .FCK_Panel\r
 318 {\r
 319     border: #8f8f73 1px solid;\r
 320     padding: 2px;\r
 321     background-color: #f7f8fd;\r
 322 }\r
 323 \r
 324 .FCK_Panel, .FCK_Panel TD\r
 325 {\r
 326     font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;\r
 327     font-size: 11px;\r
 328 }\r
 329 \r
 330 /*\r
 331         ### Special Combos\r
 332 */\r
 333 \r
 334 .SC_Panel\r
 335 {\r
 336     overflow: auto;\r
 337     white-space: nowrap;\r
 338     cursor: default;\r
 339     border: 1px solid #8f8f73;\r
 340     padding-left: 2px;\r
 341     padding-right: 2px;\r
 342     background-color: #ffffff;\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\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