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