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