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