_source/skins/v2/dialog.css

   1 /*\r
   2 Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.\r
   3 For licensing, see LICENSE.html or http://ckeditor.com/license\r
   4 */\r
   5 \r
   6 /* Restore the dialog visibility */\r
   7 body .cke_dialog\r
   8 {\r
   9         visibility: visible;\r
  10 }\r
  11 \r
  12 /* Force Gecko to consider table as positioned */\r
  13 .cke_skin_v2 table.cke_dialog.cke_browser_gecko\r
  14 {\r
  15         display:block;\r
  16 }\r
  17 \r
  18 .cke_skin_v2 .cke_dialog_body\r
  19 {\r
  20         margin-left: 16px;\r
  21         margin-right: 16px;\r
  22         margin-top: 2px;\r
  23         margin-bottom: 20px;\r
  24         z-index: 1;\r
  25 \r
  26         /* 'cke_dialog' element has been fixed positioned in all but IE6, while we\r
  27                 need it to be positioned to hold e.g. close button. */\r
  28         position: relative;\r
  29         _position: static;\r
  30 \r
  31 }\r
  32 \r
  33 .cke_skin_v2 .cke_dialog_tl,\r
  34 .cke_skin_v2 .cke_dialog_tr,\r
  35 .cke_skin_v2 .cke_dialog_tc,\r
  36 .cke_skin_v2 .cke_dialog_bl,\r
  37 .cke_skin_v2 .cke_dialog_br,\r
  38 .cke_skin_v2 .cke_dialog_bc\r
  39 {\r
  40         background-image: url(images/sprites.png);\r
  41         background-repeat: no-repeat;\r
  42         position: absolute;\r
  43 \r
  44         /* IE6 does not support full color transparent PNG. */\r
  45         _background-image: url(images/sprites_ie6.png);\r
  46 }\r
  47 \r
  48 .cke_skin_v2 .cke_dialog_tl\r
  49 {\r
  50         background-position: -16px -16px;\r
  51         height: 16px;\r
  52         width: 16px;\r
  53         top: 0;\r
  54         left: 0;\r
  55 }\r
  56 \r
  57 .cke_skin_v2 .cke_rtl .cke_dialog_tl\r
  58 {\r
  59         background-position: -16px -397px;\r
  60 }\r
  61 \r
  62 .cke_skin_v2 .cke_dialog_tr\r
  63 {\r
  64         background-position: -16px -76px;\r
  65         height: 16px;\r
  66         width: 16px;\r
  67         top: 0;\r
  68         right: 0;\r
  69 }\r
  70 \r
  71 .cke_skin_v2 .cke_rtl .cke_dialog_tr\r
  72 {\r
  73         background-position: -16px -457px;\r
  74 }\r
  75 \r
  76 .cke_skin_v2 .cke_dialog_tc\r
  77 {\r
  78         background-position: 0 -136px;\r
  79         background-repeat: repeat-x;\r
  80         height: 16px;\r
  81         top: 0;\r
  82         left: 16px;\r
  83         right: 16px;\r
  84 }\r
  85 \r
  86 .cke_skin_v2 .cke_dialog_bl\r
  87 {\r
  88         background-position: -16px -196px;\r
  89         height: 51px;\r
  90         width: 30px;\r
  91         bottom: 0;\r
  92         left: 0;\r
  93 }\r
  94 \r
  95 .cke_skin_v2 .cke_rtl .cke_dialog_bl\r
  96 {\r
  97         background-position: -16px -517px;\r
  98 }\r
  99 \r
 100 .cke_skin_v2 .cke_dialog_br\r
 101 {\r
 102         background-position: -16px -263px;\r
 103         height: 51px;\r
 104         width: 30px;\r
 105         bottom: 0;\r
 106         right: 0;\r
 107 }\r
 108 \r
 109 .cke_skin_v2 .cke_rtl .cke_dialog_br\r
 110 {\r
 111         background-position: -16px -584px;\r
 112 }\r
 113 \r
 114 .cke_skin_v2 .cke_dialog_bc\r
 115 {\r
 116         background-position: 0 -330px;\r
 117         background-repeat: repeat-x;\r
 118         height: 51px;\r
 119         bottom: 0;\r
 120         left: 30px;\r
 121         right: 30px;\r
 122 }\r
 123 \r
 124 .cke_skin_v2 .cke_dialog_ml,\r
 125 .cke_skin_v2 .cke_dialog_mr\r
 126 {\r
 127         background-image: url(images/dialog_sides.png);\r
 128         background-repeat: repeat-y;\r
 129         position: absolute;\r
 130         width: 16px;\r
 131         top: 16px;\r
 132         bottom: 51px;\r
 133 \r
 134         /* IE6 does not support full color transparent PNG. */\r
 135         _background-image: url(images/dialog_sides.gif);\r
 136 \r
 137         /* IE quirks gets confused when we have both top and bottom. */\r
 138         _top: auto;\r
 139 }\r
 140 \r
 141 .cke_skin_v2 .cke_rtl .cke_dialog_ml,\r
 142 .cke_skin_v2 .cke_rtl .cke_dialog_mr\r
 143 {\r
 144         background-image: url(images/dialog_sides_rtl.png);\r
 145 \r
 146         /* IE6 does not support full color transparent PNG. */\r
 147         _background-image: url(images/dialog_sides.gif);\r
 148 }\r
 149 \r
 150 .cke_skin_v2 .cke_dialog_ml\r
 151 {\r
 152         background-position: 0 0;\r
 153         left: 0;\r
 154 }\r
 155 \r
 156 .cke_skin_v2 .cke_dialog_mr\r
 157 {\r
 158         background-position: -16px 0;\r
 159         right: 0;\r
 160 }\r
 161 \r
 162 .cke_skin_v2 .cke_browser_iequirks .cke_dialog_ml,\r
 163 .cke_skin_v2 .cke_browser_iequirks .cke_dialog_mr\r
 164 {\r
 165         margin-top: 3px;\r
 166 }\r
 167 \r
 168 .cke_skin_v2 .cke_dialog_title\r
 169 {\r
 170         font-weight: bold;\r
 171         font-size: 14pt;\r
 172         color: #737357;\r
 173         background-color: #e3e3c7;\r
 174         padding: 3px 10px 26px 10px;\r
 175         cursor: move;\r
 176         position: relative;\r
 177 }\r
 178 \r
 179 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_title\r
 180 {\r
 181         position: static !important;\r
 182         unicode-bidi: bidi-override;\r
 183 }\r
 184 \r
 185 .cke_skin_v2 .cke_dialog_contents\r
 186 {\r
 187         background-color: #f1f1e3;\r
 188         border: #d5d59d 1px solid;\r
 189         overflow: auto;\r
 190         padding: 5px 10px;\r
 191 }\r
 192 \r
 193 .cke_skin_v2 .cke_dialog_footer\r
 194 {\r
 195         background-color: #e3e3c7;\r
 196         text-align: right;\r
 197 }\r
 198 \r
 199 .cke_skin_v2 .cke_rtl .cke_dialog_footer\r
 200 {\r
 201         text-align: left;\r
 202 }\r
 203 \r
 204 /* tabs */\r
 205 \r
 206 .cke_skin_v2 .cke_dialog_tabs\r
 207 {\r
 208         height: 23px;\r
 209         background-color: #e3e3c7;\r
 210         display: inline-block;\r
 211         margin-left:10px;\r
 212         margin-right:10px;\r
 213         margin-top:-23px;\r
 214         position: absolute;\r
 215         z-index: 2;\r
 216 }\r
 217 \r
 218 .cke_skin_v2 .cke_rtl .cke_dialog_tabs\r
 219 {\r
 220         right: 10px;\r
 221 }\r
 222 \r
 223 .cke_skin_v2 a.cke_dialog_tab,\r
 224 .cke_skin_v2 a:link.cke_dialog_tab,\r
 225 .cke_skin_v2 a:active.cke_dialog_tab,\r
 226 .cke_skin_v2 a:hover.cke_dialog_tab,\r
 227 .cke_skin_v2 a:visited.cke_dialog_tab\r
 228 {\r
 229         color: #737357;\r
 230         border-left: 1px solid #d5d59d;\r
 231         border-right: 1px solid #d5d59d;\r
 232         border-top: 1px solid #d5d59d;\r
 233         height: 14px;\r
 234         padding: 4px 5px;\r
 235         display: inline-block;\r
 236         cursor: pointer;\r
 237 }\r
 238 \r
 239 /* Gecko 1.8 layout workaround. */\r
 240 .cke_skin_v2 .cke_browser_gecko18 a.cke_dialog_tab,\r
 241 .cke_skin_v2 .cke_browser_gecko18 a:link.cke_dialog_tab,\r
 242 .cke_skin_v2 .cke_browser_gecko18 a:active.cke_dialog_tab,\r
 243 .cke_skin_v2 .cke_browser_gecko18 a:hover.cke_dialog_tab,\r
 244 .cke_skin_v2 .cke_browser_gecko18 a:visited.cke_dialog_tab\r
 245 {\r
 246         display: inline;\r
 247         position: relative;\r
 248         top: 6px;\r
 249 }\r
 250 \r
 251 .cke_skin_v2 a:hover.cke_dialog_tab\r
 252 {\r
 253         background-color: #f1f1e3;\r
 254 }\r
 255 \r
 256 .cke_skin_v2 a.cke_dialog_tab_selected,\r
 257 .cke_skin_v2 a:link.cke_dialog_tab_selected,\r
 258 .cke_skin_v2 a:active.cke_dialog_tab_selected,\r
 259 .cke_skin_v2 a:hover.cke_dialog_tab_selected,\r
 260 .cke_skin_v2 a:visited.cke_dialog_tab_selected\r
 261 {\r
 262         border-bottom: 1px solid #f1f1e3;\r
 263         background-color: #f1f1e3;\r
 264         font-weight: bold;\r
 265         cursor: default;\r
 266 }\r
 267 \r
 268 /* single_page */\r
 269 \r
 270 .cke_skin_v2 .cke_single_page .cke_dialog_tabs\r
 271 {\r
 272         display: none;\r
 273 }\r
 274 \r
 275 .cke_skin_v2 .cke_single_page .cke_dialog_title\r
 276 {\r
 277         padding-bottom: 3px;\r
 278 }\r
 279 \r
 280 .cke_skin_v2 .cke_dialog_ui_vbox table,\r
 281 .cke_skin_v2 .cke_dialog_ui_hbox table\r
 282 {\r
 283         margin: auto;\r
 284 }\r
 285 \r
 286 .cke_skin_v2 .cke_dialog_ui_vbox_child\r
 287 {\r
 288         padding: 5px 0px;\r
 289 }\r
 290 \r
 291 .cke_skin_v2 input.cke_dialog_ui_input_text,\r
 292 .cke_skin_v2 input.cke_dialog_ui_input_password\r
 293 {\r
 294         background-color: white;\r
 295         border: none;\r
 296         padding: 0px;\r
 297         width: 100%;\r
 298         height: 14px;\r
 299 }\r
 300 \r
 301 .cke_skin_v2 div.cke_dialog_ui_input_text,\r
 302 .cke_skin_v2 div.cke_dialog_ui_input_password\r
 303 {\r
 304         background-color: white;\r
 305         border: 1px solid #a0a0a0;\r
 306         padding: 1px 0px;\r
 307 }\r
 308 \r
 309 .cke_skin_v2 textarea.cke_dialog_ui_input_textarea\r
 310 {\r
 311         background-color: white;\r
 312         border: none;\r
 313         padding: 0px;\r
 314         width: 100%;\r
 315         /*\r
 316          * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.\r
 317          * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.\r
 318          */\r
 319         _width: 99%;\r
 320         overflow: auto;\r
 321         resize: none;\r
 322 }\r
 323 \r
 324 .cke_skin_v2 div.cke_dialog_ui_input_textarea\r
 325 {\r
 326         background-color: white;\r
 327         border: 1px solid #a0a0a0;\r
 328         padding: 1px 0px;\r
 329 }\r
 330 \r
 331 .cke_skin_v2 div.cke_disabled .cke_dialog_ui_labeled_content *\r
 332 {\r
 333         background-color : #a0a0a0;\r
 334         cursor : default;\r
 335 }\r
 336 \r
 337 .cke_skin_v2 .cke_dialog_ui_hbox\r
 338 {\r
 339         width: 100%;\r
 340 }\r
 341 \r
 342 .cke_skin_v2 .cke_dialog_ui_hbox_first,\r
 343 .cke_skin_v2 .cke_dialog_ui_hbox_child,\r
 344 .cke_skin_v2 .cke_dialog_ui_hbox_last\r
 345 {\r
 346         vertical-align: top;\r
 347 }\r
 348 \r
 349 .cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_first,\r
 350 .cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_child\r
 351 {\r
 352         padding-right: 10px;\r
 353 }\r
 354 \r
 355 .cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_first,\r
 356 .cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_child\r
 357 {\r
 358         padding-left: 10px;\r
 359 }\r
 360 \r
 361 /* button */\r
 362 \r
 363 .cke_skin_v2 a.cke_dialog_ui_button\r
 364 {\r
 365         border-collapse: separate;\r
 366         cursor: default;\r
 367 }\r
 368 \r
 369 .cke_skin_v2 span.cke_dialog_ui_button\r
 370 {\r
 371         border: #737357 1px solid;\r
 372         padding: 2px 10px;\r
 373         text-align: center;\r
 374         color: #3b3b1f;\r
 375         background-color: #c7c78f;\r
 376         display: inline-block;\r
 377         cursor: default;\r
 378 }\r
 379 \r
 380 /* Gecko 1.8 does not support display: inline-block */\r
 381 .cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button\r
 382 {\r
 383         display: block;\r
 384 }\r
 385 \r
 386 .cke_skin_v2 a.cke_dialog_ui_button span.cke_disabled\r
 387 {\r
 388         border: #898980 1px solid;\r
 389         color: #5e5e55;\r
 390         background-color: #c5c5b3;\r
 391 }\r
 392 \r
 393 .cke_skin_v2 a:focus span.cke_dialog_ui_button,\r
 394 .cke_skin_v2 a:active span.cke_dialog_ui_button\r
 395 {\r
 396         background-color: #e3e3c7;\r
 397 }\r
 398 \r
 399 .cke_skin_v2 .cke_dialog_footer_buttons\r
 400 {\r
 401         display: inline-table;\r
 402         margin-right: 12px;\r
 403         margin-left: 12px;\r
 404         width: auto;\r
 405         position: relative;\r
 406 }\r
 407 \r
 408 /* Gecko 1.8 does not support for display: inline-table */\r
 409 .cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons\r
 410 {\r
 411         display: inline;\r
 412 }\r
 413 \r
 414 .cke_skin_v2 .cke_dialog_footer_buttons span.cke_dialog_ui_button\r
 415 {\r
 416         width: 60px;\r
 417         margin: 7px 0;\r
 418 }\r
 419 \r
 420 .cke_skin_v2 strong\r
 421 {\r
 422         font-weight: bold;\r
 423 }\r
 424 \r
 425 /* close_button */\r
 426 \r
 427 .cke_skin_v2 .cke_dialog_close_button\r
 428 {\r
 429         background-image: url(images/sprites.png);\r
 430         background-repeat: no-repeat;\r
 431         background-position: -16px -651px;\r
 432         position: absolute;\r
 433         cursor: pointer;\r
 434         text-align: center;\r
 435         height: 20px;\r
 436         width: 20px;\r
 437         top: 5px;\r
 438 \r
 439         /* IE6 does not support full color transparent PNG. */\r
 440         _background-image: url(images/sprites_ie6.png);\r
 441 }\r
 442 \r
 443 .cke_skin_v2 .cke_dialog_close_button span\r
 444 {\r
 445         display: none;\r
 446 }\r
 447 \r
 448 .cke_skin_v2 .cke_dialog_close_button:hover\r
 449 {\r
 450         background-position: -16px -687px;\r
 451 }\r
 452 \r
 453 .cke_skin_v2 .cke_ltr .cke_dialog_close_button\r
 454 {\r
 455         right: 10px;\r
 456         _right: 22px;\r
 457 }\r
 458 \r
 459 .cke_skin_v2 .cke_rtl .cke_dialog_close_button\r
 460 {\r
 461         left: 10px;\r
 462         _left: 16px;\r
 463         _top: 7px;\r
 464 }\r
 465 \r
 466 .cke_skin_v2 .cke_browser_ie6.cke_rtl .cke_dialog_close_button\r
 467 {\r
 468         position: relative;\r
 469         float: left;\r
 470         margin-top: -55px;\r
 471         margin-left: -7px;\r
 472 }\r
 473 \r
 474 .cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page .cke_dialog_close_button\r
 475 {\r
 476         margin-top: -32px;\r
 477 }\r
 478 \r
 479 .cke_skin_v2 .cke_browser_iequirks.cke_ltr .cke_dialog_close_button\r
 480 {\r
 481         margin-top: 0;\r
 482 }\r
 483 \r
 484 .cke_skin_v2 .cke_dialog_ui_input_select\r
 485 {\r
 486         border: 1px solid #a0a0a0;\r
 487         background-color: white;\r
 488 }\r
 489 \r
 490 .cke_skin_v2 iframe.cke_dialog_ui_input_file\r
 491 {\r
 492         width: 100%;\r
 493         height: 25px;\r
 494 }\r
 495 \r
 496 /*\r
 497  * Some utility CSS classes for dialog authors.\r
 498  */\r
 499 .cke_skin_v2 .cke_dialog .cke_dark_background\r
 500 {\r
 501         background-color: #eaead1;\r
 502 }\r
 503 \r
 504 .cke_skin_v2 .cke_dialog .cke_hand\r
 505 {\r
 506         cursor: pointer;\r
 507 }\r
 508 \r
 509 .cke_skin_v2 .cke_dialog .cke_centered\r
 510 {\r
 511         text-align: center;\r
 512 }\r
 513 \r
 514 .cke_skin_v2 .cke_dialog a.cke_btn_reset\r
 515 {\r
 516         float: right;\r
 517         background-position: 0 -32px;\r
 518         background-image: url(images/mini.gif);\r
 519         width: 16px;\r
 520         height: 16px;\r
 521         background-repeat: no-repeat;\r
 522         border: 1px none;\r
 523         font-size: 1px;\r
 524 }\r
 525 \r
 526 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_reset\r
 527 {\r
 528         float: left;\r
 529 }\r
 530 \r
 531 .cke_skin_v2 .cke_dialog a.cke_btn_locked,\r
 532 .cke_skin_v2 .cke_dialog a.cke_btn_unlocked\r
 533 {\r
 534         float: left;\r
 535         background-position: 0 0;\r
 536         background-image: url(images/mini.gif);\r
 537         width: 16px;\r
 538         height: 16px;\r
 539         background-repeat: no-repeat;\r
 540         border: none 1px;\r
 541         font-size: 1px;\r
 542 }\r
 543 \r
 544 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_locked,\r
 545 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_unlocked\r
 546 {\r
 547         float: right;\r
 548 }\r
 549 \r
 550 .cke_skin_v2 .cke_dialog a.cke_btn_unlocked\r
 551 {\r
 552         background-position: 0 -16px;\r
 553         background-image: url(images/mini.gif);\r
 554 }\r
 555 \r
 556 .cke_skin_v2 .cke_dialog .cke_btn_over\r
 557 {\r
 558         border: outset 1px;\r
 559         cursor: pointer;\r
 560         cursor: hand;\r
 561 }\r
 562 \r
 563 .cke_skin_v2 .cke_dialog  #ImagePreviewBox\r
 564 {\r
 565         white-space : normal;\r
 566         border : 2px ridge black;\r
 567         overflow : scroll;\r
 568         height : 160px;\r
 569         width : 230px;\r
 570         padding : 2px;\r
 571         background-color : white;\r
 572 }\r
 573 .cke_skin_v2 .cke_dialog  #ImagePreviewLoader\r
 574 {\r
 575         position: absolute;\r
 576         white-space : normal;\r
 577         overflow : hidden;\r
 578         height : 160px;\r
 579         width : 230px;\r
 580         margin : 2px;\r
 581         padding : 2px;\r
 582         opacity : 0.9;\r
 583         filter : alpha(opacity=90);\r
 584 \r
 585         background-color : #e4e4e4;\r
 586 }\r
 587 \r
 588 .cke_skin_v2 .cke_dialog  #FlashPreviewBox\r
 589 {\r
 590         white-space : normal;\r
 591         border : 2px ridge black;\r
 592         overflow : auto;\r
 593         height : 160px;\r
 594         width : 390px;\r
 595         padding : 2px;\r
 596         background-color : white;\r
 597 }\r
 598 \r
 599 .cke_skin_v2 .cke_dialog .cke_dark_background\r
 600 {\r
 601         text-align : center;\r
 602         background-color: #eaead1;\r
 603         font-size : 14px;\r
 604 }\r
 605 \r
 606 .cke_skin_v2 .cke_dialog .cke_light_background\r
 607 {\r
 608         text-align : center;\r
 609         background-color: #ffffbe;\r
 610 }\r
 611 \r
 612 .cke_skin_v2 .cke_dialog .cke_hand\r
 613 {\r
 614         cursor: pointer;\r
 615         cursor: hand;\r
 616 }\r
 617 \r
 618 .cke_skin_v2 .cke_disabled\r
 619 {\r
 620         color: #a0a0a0;\r
 621 }\r
 622 \r
 623 /* High Contrast Mode */\r
 624 .cke_skin_v2 .cke_hc .cke_dialog_title,\r
 625 .cke_skin_v2 .cke_hc .cke_dialog_tabs,\r
 626 .cke_skin_v2 .cke_hc .cke_dialog_contents,\r
 627 .cke_skin_v2 .cke_hc .cke_dialog_footer\r
 628 {\r
 629         border-left: 1px solid;\r
 630         border-right: 1px solid;\r
 631 }\r
 632 \r
 633 .cke_skin_v2 .cke_hc .cke_dialog_title\r
 634 {\r
 635         border-top: 1px solid;\r
 636 }\r
 637 \r
 638 .cke_skin_v2 .cke_hc .cke_dialog_footer\r
 639 {\r
 640         border-bottom: 1px solid;\r
 641 }\r
 642 \r
 643 .cke_skin_v2 .cke_hc .cke_dialog_close_button span\r
 644 {\r
 645         display: inline;\r
 646         cursor: pointer;\r
 647         cursor: hand;\r
 648         font-weight: bold;\r
 649         position: relative;\r
 650         top: 3px;\r
 651 }\r
 652 .cke_skin_v2 .cke_hc a.cke_btn_locked,\r
 653 .cke_skin_v2 .cke_hc a.cke_btn_unlocked,\r
 654 .cke_skin_v2 .cke_hc a.cke_btn_reset\r
 655 {\r
 656         border-style: solid;\r
 657 }\r
 658 \r
 659 .cke_skin_v2 a.cke_smile img\r
 660 {\r
 661         /* IE6 does not support transparent borders */\r
 662         border: 2px solid #eaead1;\r
 663 }\r
 664 \r
 665 .cke_skin_v2 a.cke_smile:focus img,\r
 666 .cke_skin_v2 a.cke_smile:active img,\r
 667 .cke_skin_v2 a.cke_smile:hover img\r
 668 {\r
 669         border-color: #C7C78F;\r
 670 }\r