1/* 2 * FCKeditor - The text editor for Internet - http://www.fckeditor.net 3 * Copyright (C) 2003-2007 Frederico Caldeira Knabben 4 * 5 * == BEGIN LICENSE == 6 * 7 * Licensed under the terms of any of the following licenses at your 8 * choice: 9 * 10 * - GNU General Public License Version 2 or later (the "GPL") 11 * http://www.gnu.org/licenses/gpl.html 12 * 13 * - GNU Lesser General Public License Version 2.1 or later (the "LGPL") 14 * http://www.gnu.org/licenses/lgpl.html 15 * 16 * - Mozilla Public License Version 1.1 or later (the "MPL") 17 * http://www.mozilla.org/MPL/MPL-1.1.html 18 * 19 * == END LICENSE == 20 * 21 * Styles used by the editor IFRAME and Toolbar. 22 */ 23 24/* 25 ### Basic Editor IFRAME Styles. 26*/ 27 28body 29{ 30 padding: 1px; 31 margin: 0; 32 background-color: #ffffff; 33} 34 35#xEditingArea 36{ 37 border: #696969 1px solid; 38} 39 40.SourceField 41{ 42 padding: 5px; 43 margin: 0px; 44 font-family: Monospace; 45} 46 47/* 48 Toolbar 49*/ 50 51.TB_ToolbarSet, .TB_Expand, .TB_Collapse 52{ 53 cursor: default; 54 background-color: #f7f8fd; 55} 56 57.TB_ToolbarSet 58{ 59 border-top: #f7f8fd 1px outset; 60 border-bottom: #f7f8fd 1px outset; 61} 62 63.TB_ToolbarSet TD 64{ 65 font-size: 11px; 66 font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; 67} 68 69.TB_Toolbar 70{ 71 background-color: #d6dff7; 72 background-image: url(images/toolbar.bg.gif); 73 background-repeat: repeat-x; 74 display: inline-table; 75} 76 77.TB_Separator 78{ 79 width: 1px; 80 height: 16px; 81 margin: 2px; 82 background-color: #B2CBFF; 83} 84 85.TB_Start 86{ 87 background-image: url(images/toolbar.start.gif); 88 background-repeat: no-repeat; 89 background-position: center center; 90 margin: 0px; 91 width: 7px; 92 height: 24px; 93} 94 95.TB_End 96{ 97 background-image: url(images/toolbar.end.gif); 98 background-repeat: no-repeat; 99 background-position: center left; 100 height: 24px; 101 width: 4px; 102} 103 104.TB_ExpandImg 105{ 106 background-image: url(images/toolbar.expand.gif); 107 background-repeat: no-repeat; 108} 109 110.TB_CollapseImg 111{ 112 background-image: url(images/toolbar.collapse.gif); 113 background-repeat: no-repeat; 114} 115 116.TB_SideBorder 117{ 118 background-color: #696969; 119} 120 121.TB_Expand, .TB_Collapse 122{ 123 padding: 2px 2px 2px 2px; 124 border: #f7f8fd 1px outset; 125} 126 127.TB_Collapse 128{ 129 width: 5px; 130} 131 132.TB_Break 133{ 134 height: 24px; /* IE needs the height to be set, otherwise no break */ 135} 136 137/* 138 Toolbar Button 139*/ 140 141.TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled 142{ 143 margin: 1px; 144 height: 22px; /* The height is necessary, otherwise IE will not apply the alpha */ 145} 146 147.TB_Button_On 148{ 149 margin: 0px; 150 border: #316ac5 1px solid; 151 background-color: #c1d2ee; 152} 153 154.TB_Button_On_Over, .TB_Button_Off_Over 155{ 156 margin: 0px ; 157 border: #316ac5 1px solid; 158 background-color: #dff1ff; 159} 160 161.TB_Button_Off 162{ 163 filter: alpha(opacity=70); /* IE */ 164 opacity: 0.70; /* Safari, Opera and Mozilla */ 165} 166 167.TB_Button_Disabled 168{ 169 filter: gray() alpha(opacity=30); /* IE */ 170 opacity: 0.30; /* Safari, Opera and Mozilla */ 171} 172 173.TB_Button_Padding 174{ 175 visibility: hidden; 176 width: 3px; 177 height: 22px; 178} 179 180.TB_Button_Image 181{ 182 overflow: hidden; 183 width: 16px; 184 height: 16px; 185 margin: 3px; 186 background-repeat: no-repeat; 187} 188 189.TB_Button_Image img 190{ 191 position: relative; 192} 193 194.TB_Button_Off .TB_Button_Text 195{ 196 background-color: #d6dff7; /* Needed because of a bug on ClearType */ 197 background-image: url(images/toolbar.bg.gif); 198 background-repeat: repeat-x; 199} 200 201.TB_ConnectionLine 202{ 203 background-color: #f7f8fd; 204 height: 1px; 205 margin-left: 1px; /* ltr */ 206 margin-right: 1px; /* rtl */ 207} 208 209.TB_Button_Off .TB_Text 210{ 211 background-color: #d6dff7; /* Needed because of a bug on ClearType */ 212 background-image: url(images/toolbar.bg.gif); 213 background-repeat: repeat-x; 214} 215 216.TB_Button_On_Over .TB_Text 217{ 218 background-color: #dff1ff ; /* Needed because of a bug on ClearType */ 219} 220 221/* 222 Menu 223*/ 224 225.MN_Menu 226{ 227 border: 1px solid #8f8f73; 228 padding: 2px; 229 background-color: #f7f8fd; 230 cursor: default; 231} 232 233.MN_Menu, .MN_Menu .MN_Label 234{ 235 font-size: 11px; 236 font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; 237} 238 239.MN_Item_Padding 240{ 241 visibility: hidden; 242 width: 3px; 243 height: 20px; 244} 245 246.MN_Icon 247{ 248 background-color: #d6dff7; 249 text-align: center; 250 height: 20px; 251} 252 253.MN_Label 254{ 255 padding-left: 3px; 256 padding-right: 3px; 257} 258 259.MN_Separator 260{ 261 height: 3px; 262} 263 264.MN_Separator_Line 265{ 266 border-top: #b9b99d 1px solid; 267} 268 269.MN_Item .MN_Icon IMG 270{ 271 filter: alpha(opacity=70); 272 opacity: 0.70; 273} 274 275.MN_Item_Over 276{ 277 color: #ffffff; 278 background-color: #7096FA; 279} 280 281.MN_Item_Over .MN_Icon 282{ 283 background-color: #466ca6; 284} 285 286.MN_Item_Disabled IMG 287{ 288 filter: gray() alpha(opacity=30); /* IE */ 289 opacity: 0.30; /* Safari, Opera and Mozilla */ 290} 291 292.MN_Item_Disabled .MN_Label 293{ 294 color: #b7b7b7; 295} 296 297.MN_Arrow 298{ 299 padding-right: 3px; 300 padding-left: 3px; 301} 302 303.MN_ConnectionLine 304{ 305 background-color: #f7f8fd; 306} 307 308.Menu .TB_Button_On, .Menu .TB_Button_On_Over 309{ 310 border: #8f8f73 1px solid; 311 background-color: #f7f8fd; 312} 313 314/* 315 ### Panel Styles 316*/ 317 318.FCK_Panel 319{ 320 border: #8f8f73 1px solid; 321 padding: 2px; 322 background-color: #f7f8fd; 323} 324 325.FCK_Panel, .FCK_Panel TD 326{ 327 font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; 328 font-size: 11px; 329} 330 331/* 332 ### Special Combos 333*/ 334 335.SC_Panel 336{ 337 overflow: auto; 338 white-space: nowrap; 339 cursor: default; 340 border: 1px solid #8f8f73; 341 padding-left: 2px; 342 padding-right: 2px; 343} 344 345.SC_Panel, .SC_Panel TD 346{ 347 font-size: 11px; 348 font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; 349} 350 351.SC_Item, .SC_ItemSelected 352{ 353 margin-top: 2px; 354 margin-bottom: 2px; 355 background-position: left center; 356 padding-left: 11px; 357 padding-right: 3px; 358 padding-top: 2px; 359 padding-bottom: 2px; 360 text-overflow: ellipsis; 361 overflow: hidden; 362 background-repeat: no-repeat; 363 border: #dddddd 1px solid; 364} 365 366.SC_Item *, .SC_ItemSelected * 367{ 368 margin-top: 0px; 369 margin-bottom: 0px; 370} 371 372.SC_ItemSelected 373{ 374 border: #9a9afb 1px solid; 375 background-image: url(images/toolbar.arrowright.gif); 376} 377 378.SC_ItemOver 379{ 380 border: #316ac5 1px solid; 381} 382 383.SC_Field 384{ 385 margin-top: 2px ; 386 border: #b7b7a6 1px solid; 387 cursor: default; 388} 389 390.SC_FieldCaption 391{ 392 overflow: visible; 393 padding-right: 5px; 394 padding-left: 5px; 395 opacity: 0.75; /* Safari, Opera and Mozilla */ 396 filter: alpha(opacity=70); /* IE */ /* -moz-opacity: 0.75; Mozilla (Old) */ 397 height: 23px; 398 background-color: #d6dff7; /* Needed because of a bug on ClearType */ 399 background-image: url(images/toolbar.bg.gif); 400 background-repeat: repeat-x; 401/* background-color: inherit; Maybe this is needed wait to check */ 402} 403 404.SC_FieldLabel 405{ 406 white-space: nowrap; 407 padding: 2px; 408 width: 100%; 409 cursor: default; 410 background-color: #ffffff; 411 text-overflow: ellipsis; 412 overflow: hidden; 413} 414 415.SC_FieldButton 416{ 417 background-position: center center; 418 background-image: url(images/toolbar.buttonarrow.gif); 419 border-left: #b7b7a6 1px solid; 420 width: 14px; 421 background-repeat: no-repeat; 422} 423 424.SC_FieldDisabled .SC_FieldButton, .SC_FieldDisabled .SC_FieldCaption 425{ 426 opacity: 0.30; /* Safari, Opera and Mozilla */ 427 filter: gray() alpha(opacity=30); /* IE */ /* -moz-opacity: 0.30; Mozilla (Old) */ 428} 429 430.SC_FieldOver 431{ 432 border: #316ac5 1px solid; 433} 434 435.SC_FieldOver .SC_FieldButton 436{ 437 border-left: #316ac5 1px solid; 438} 439 440/* 441 ### Color Selector Panel 442*/ 443 444.ColorBoxBorder 445{ 446 border: #808080 1px solid; 447 position: static; 448} 449 450.ColorBox 451{ 452 font-size: 1px; 453 width: 10px; 454 position: static; 455 height: 10px; 456} 457 458.ColorDeselected, .ColorSelected 459{ 460 cursor: default; 461} 462 463.ColorDeselected 464{ 465 border: #ffffff 1px solid; 466 padding: 2px; 467 float: left; 468} 469 470.ColorSelected 471{ 472 border: #330066 1px solid; 473 padding: 2px; 474 float: left; 475 background-color: #c4cdd6; 476} 477