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