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