_source/skins/office2003/dialog.css

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