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