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