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-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: #f7f7f7;\r
  55 }\r
  56 \r
  57 .TB_ToolbarSet\r
  58 {\r
  59         padding: 1px;\r
  60         border-top: #efefde 1px outset;\r
  61         border-bottom: #efefde 1px outset;\r
  62 }\r
  63 \r
  64 .TB_ToolbarSet TD\r
  65 {\r
  66         font-size: 11px;\r
  67         font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;\r
  68 }\r
  69 \r
  70 .TB_Toolbar\r
  71 {\r
  72     display: inline-table;\r
  73 }\r
  74 \r
  75 .TB_Separator\r
  76 {\r
  77     width: 1px;\r
  78     height: 21px;\r
  79     margin: 2px;\r
  80     background-color: #C6C3BD;\r
  81 }\r
  82 \r
  83 .TB_Start\r
  84 {\r
  85     background-image: url(images/toolbar.start.gif);\r
  86     margin-left: 2px;\r
  87     margin-right: 2px;\r
  88     width: 3px;\r
  89     background-repeat: no-repeat;\r
  90     height: 27px;\r
  91     background-position: center center;\r
  92 }\r
  93 \r
  94 .TB_End\r
  95 {\r
  96         display: none;\r
  97 }\r
  98 \r
  99 .TB_ExpandImg\r
 100 {\r
 101         background-image: url(images/toolbar.expand.gif);\r
 102         background-repeat: no-repeat;\r
 103 }\r
 104 \r
 105 .TB_CollapseImg\r
 106 {\r
 107         background-image: url(images/toolbar.collapse.gif);\r
 108         background-repeat: no-repeat;\r
 109 }\r
 110 \r
 111 .TB_SideBorder\r
 112 {\r
 113         background-color: #696969;\r
 114 }\r
 115 \r
 116 .TB_Expand, .TB_Collapse\r
 117 {\r
 118         padding: 2px 2px 2px 2px;\r
 119         border: #efefde 1px outset;\r
 120 }\r
 121 \r
 122 .TB_Collapse\r
 123 {\r
 124         border: #efefde 1px outset;\r
 125         width: 5px;\r
 126 }\r
 127 \r
 128 .TB_Break\r
 129 {\r
 130         height: 27px;\r
 131 }\r
 132 \r
 133 /*\r
 134         Toolbar Button\r
 135 */\r
 136 \r
 137 .TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled\r
 138 {\r
 139         padding: 1px ;\r
 140         margin:1px;\r
 141         height: 21px;\r
 142 }\r
 143 \r
 144 .TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled\r
 145 {\r
 146         border: #cec6b5 1px solid;\r
 147 }\r
 148 \r
 149 .TB_Button_On\r
 150 {\r
 151         border-color: #316ac5;\r
 152         background-color: #c1d2ee;\r
 153 }\r
 154 \r
 155 .TB_Button_On_Over, .TB_Button_Off_Over\r
 156 {\r
 157     border: #316ac5 1px solid;\r
 158     background-color: #dff1ff;\r
 159 }\r
 160 \r
 161 .TB_Button_Off\r
 162 {\r
 163         background: #efefef url(images/toolbar.buttonbg.gif) repeat-x;\r
 164 }\r
 165 \r
 166 .TB_Button_Off, .TB_Combo_Off\r
 167 {\r
 168         opacity: 0.70; /* Safari, Opera and Mozilla */\r
 169         filter: alpha(opacity=70); /* IE */\r
 170         /* -moz-opacity: 0.70; Mozilla (Old) */\r
 171 }\r
 172 \r
 173 .TB_Button_Disabled\r
 174 {\r
 175     opacity: 0.30; /* Safari, Opera and Mozilla */\r
 176     filter: gray() alpha(opacity=30); /* IE */\r
 177 }\r
 178 \r
 179 .TB_Button_Padding\r
 180 {\r
 181     visibility: hidden;\r
 182     width: 3px;\r
 183     height: 21px;\r
 184 }\r
 185 \r
 186 .TB_Button_Image\r
 187 {\r
 188     overflow: hidden;\r
 189     width: 16px;\r
 190     height: 16px;\r
 191     margin: 3px;\r
 192     margin-top: 4px;\r
 193     margin-bottom: 2px;\r
 194     background-repeat: no-repeat;\r
 195 }\r
 196 \r
 197 /* For composed button ( icon + text, icon + arrow ), we must compensate the table */\r
 198 .TB_Button_On TABLE .TB_Button_Image,\r
 199 .TB_Button_Off TABLE .TB_Button_Image,\r
 200 .TB_Button_On_Over TABLE .TB_Button_Image,\r
 201 .TB_Button_Off_Over TABLE .TB_Button_Image,\r
 202 .TB_Button_Disabled TABLE .TB_Button_Image\r
 203 {\r
 204     margin-top: 3px;\r
 205 }\r
 206 \r
 207 .TB_Button_Image img\r
 208 {\r
 209     position: relative;\r
 210 }\r
 211 \r
 212 .TB_ConnectionLine\r
 213 {\r
 214     background-color: #ffffff;\r
 215     height: 1px;\r
 216     margin-left: 1px;   /* ltr */\r
 217     margin-right: 1px;  /* rtl */\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: #f7f7f7;\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: #dedede;\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: #8a857d;\r
 278 }\r
 279 \r
 280 .MN_Item_Over .MN_Icon\r
 281 {\r
 282     background-color: #6c6761;\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: #ffffff;\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: #ffffff;\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: #ffffff;\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 }\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, .SC_FieldDisabled .TB_ButtonType_Text\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