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