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 dialog boxes. 22 */ 23 24html, body 25{ 26 background-color: transparent; 27 margin: 0px; 28 padding: 0px; 29} 30 31body 32{ 33 padding: 10px; 34} 35 36body, td, input, select, textarea 37{ 38 font-size: 11px; 39 font-family: 'Microsoft Sans Serif' , Arial, Helvetica, Verdana; 40} 41 42body, .BackColor 43{ 44 background-color: #f1f1e3; 45} 46 47.PopupBody 48{ 49 height: 100%; 50 width: 100%; 51 overflow: hidden; 52 background-color: transparent; 53 padding: 0px; 54} 55 56#header 57{ 58 cursor: move; 59} 60 61.PopupTitle 62{ 63 font-weight: bold; 64 font-size: 14pt; 65 color: #737357; 66 background-color: #e3e3c7; 67 padding: 3px 10px 3px 10px; 68} 69 70.PopupButtons 71{ 72 position: absolute; 73 right: 0px; 74 left: 0px; 75 bottom: 0px; 76 border-top: #d5d59d 1px solid; 77 background-color: #e3e3c7; 78 padding: 7px 10px 7px 10px; 79} 80 81.Button 82{ 83 border: #737357 1px solid; 84 color: #3b3b1f; 85 background-color: #c7c78f; 86} 87 88#btnOk 89{ 90 width: 100px; 91} 92 93.DarkBackground 94{ 95 background-color: #eaead1; 96} 97 98.LightBackground 99{ 100 background-color: #ffffbe; 101} 102 103.PopupTitleBorder 104{ 105 border-bottom: #d5d59d 1px solid; 106} 107 108.PopupTabArea 109{ 110 color: #737357; 111 background-color: #e3e3c7; 112} 113 114.PopupTabEmptyArea 115{ 116 padding-left: 10px; 117 border-bottom: #d5d59d 1px solid; 118} 119 120.PopupTab, .PopupTabSelected 121{ 122 border-right: #d5d59d 1px solid; 123 border-top: #d5d59d 1px solid; 124 border-left: #d5d59d 1px solid; 125 padding: 3px 5px 3px 5px; 126 color: #737357; 127} 128 129.PopupTab 130{ 131 margin-top: 1px; 132 border-bottom: #d5d59d 1px solid; 133 cursor: pointer; 134 cursor: hand; 135} 136 137.PopupTabSelected 138{ 139 font-weight: bold; 140 cursor: default; 141 padding-top: 4px; 142 border-bottom: #f1f1e3 1px solid; 143 background-color: #f1f1e3; 144} 145 146.PopupSelectionBox 147{ 148 border: #ff9933 1px solid !important; 149 background-color: #fffacd !important; 150 cursor: pointer; 151 cursor: hand; 152} 153 154#tdBrowse 155{ 156 vertical-align: bottom; 157} 158 159/** 160 * Dialog frame related styles. 161 */ 162 163.contents 164{ 165 position: absolute; 166 top: 2px; 167 left: 16px; 168 right: 16px; 169 bottom: 20px; 170 background-color: #f1f1e3; 171 overflow: hidden; 172 z-index: 1; 173} 174 175.tl, .tr, .tc, .bl, .br, .bc 176{ 177 position: absolute; 178 background-image: url(images/sprites.png); 179 background-repeat: no-repeat; 180} 181 182* html .tl, * html .tr, * html .tc, * html .bl, * html .br, * html .bc 183{ 184 background-image: url(images/sprites.gif); 185} 186 187.ml, .mr 188{ 189 position: absolute; 190 background-image: url(images/dialog.sides.png); 191 background-repeat: repeat-y; 192} 193 194* html .ml, * html .mr 195{ 196 background-image: url(images/dialog.sides.gif); 197} 198 199.rtl .ml, .rtl .mr 200{ 201 position: absolute; 202 background-image: url(images/dialog.sides.rtl.png); 203 background-repeat: repeat-y; 204} 205 206* html .rtl .ml, * html .rtl .mr 207{ 208 background-image: url(images/dialog.sides.gif); 209} 210 211.tl 212{ 213 top: 0px; 214 left: 0px; 215 width: 16px; 216 height: 16px; 217 background-position: -16px -16px; 218} 219 220.rtl .tl 221{ 222 background-position: -16px -397px; 223} 224 225.tr 226{ 227 top: 0px; 228 right: 0px; 229 width: 16px; 230 height: 16px; 231 background-position: -16px -76px; 232} 233 234.rtl .tr 235{ 236 background-position: -16px -457px; 237} 238 239.tc 240{ 241 top: 0px; 242 right: 16px; 243 left: 16px; 244 height: 16px; 245 background-position: 0px -136px; 246 background-repeat: repeat-x; 247} 248 249.ml 250{ 251 top: 16px; 252 left: 0px; 253 width: 16px; 254 bottom: 51px; 255 background-position: 0px 0px; 256} 257 258.mr 259{ 260 top: 16px; 261 right: 0px; 262 width: 16px; 263 bottom: 51px; 264 background-position: -16px 0px; 265} 266 267.bl 268{ 269 bottom: 0px; 270 left: 0px; 271 width: 30px; 272 height: 51px; 273 background-position: -16px -196px; 274} 275 276.rtl .bl 277{ 278 background-position: -16px -517px; 279} 280 281.br 282{ 283 bottom: 0px; 284 right: 0px; 285 width: 30px; 286 height: 51px; 287 background-position: -16px -263px; 288} 289 290.rtl .br 291{ 292 background-position: -16px -584px; 293} 294 295.bc 296{ 297 bottom: 0px; 298 right: 30px; 299 left: 30px; 300 height: 51px; 301 background-position: 0px -330px; 302 background-repeat: repeat-x; 303} 304 305/* For IE6. Do not change it. */ 306* html .blocker 307{ 308 position: absolute; 309 width: 100%; 310 height: 100%; 311 z-index: 12; 312 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); 313} 314 315/* The layer used to cover the dialog when opening a child dialog. */ 316.cover 317{ 318 position: absolute; 319 top: 0px; 320 left: 14px; 321 right: 14px; 322 bottom: 18px; 323 z-index: 11; 324} 325 326#closeButton 327{ 328 position: absolute; 329 right: 0px; 330 top: 0px; 331 margin-top: 5px; 332 margin-right: 10px; 333 width: 20px; 334 height: 20px; 335 cursor: pointer; 336 background-image: url(images/sprites.png); 337 background-repeat: no-repeat; 338 background-position: -16px -651px; 339} 340 341* html #closeButton 342{ 343 cursor: hand; 344 background-image: url(images/sprites.gif); 345} 346 347.rtl #closeButton 348{ 349 right: auto; 350 left: 10px; 351 margin-right: 0px; 352} 353 354#closeButton:hover 355{ 356 background-position: -16px -687px; 357} 358 359#throbberBlock 360{ 361 z-index: 10; 362} 363 364#throbberBlock div 365{ 366 float: left; 367 width: 8px; 368 height: 9px; 369 margin-left: 2px; 370 margin-right: 2px; 371 font-size: 1px; /* IE6 */ 372} 373 374/* 375 Color Gradient Generator: 376 http://www.herethere.net/~samson/php/color_gradient/?cbegin=737357&cend=E3E3C7&steps=4 377*/ 378 379.throbber_1 380{ 381 background-color: #737357; 382} 383 384.throbber_2 385{ 386 background-color: #8f8f73; 387} 388 389.throbber_3 390{ 391 background-color: #abab8f; 392} 393 394.throbber_4 395{ 396 background-color: #c7c7ab; 397} 398 399.throbber_5 400{ 401 background-color: #e3e3c7; 402} 403