_source/skins/office2003/dialog.css

   1 /*\r
   2 Copyright (c) 2003-2013, 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: static;\r
  29 }\r
  30 \r
  31 .cke_skin_office2003 .cke_dialog_tl,\r
  32 .cke_skin_office2003 .cke_dialog_tr,\r
  33 .cke_skin_office2003 .cke_dialog_tc,\r
  34 .cke_skin_office2003 .cke_dialog_bl,\r
  35 .cke_skin_office2003 .cke_dialog_br,\r
  36 .cke_skin_office2003 .cke_dialog_bc\r
  37 {\r
  38         background-image: url(images/sprites.png);\r
  39         background-repeat: no-repeat;\r
  40         position: absolute;\r
  41 \r
  42         /* IE6 does not support full color transparent PNG. */\r
  43         _background-image: url(images/sprites_ie6.png);\r
  44         /* Dialog corner parts require a negative z-index to avoid covering dialog body. (#4954) */\r
  45         z-index: -1;\r
  46 }\r
  47 \r
  48 .cke_skin_office2003 .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_office2003 .cke_rtl .cke_dialog_tl\r
  58 {\r
  59         background-position: -16px -397px;\r
  60 }\r
  61 \r
  62 .cke_skin_office2003 .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_office2003 .cke_rtl .cke_dialog_tr\r
  72 {\r
  73         background-position: -16px -457px;\r
  74 }\r
  75 \r
  76 .cke_skin_office2003 .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_office2003 .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_office2003 .cke_rtl .cke_dialog_bl\r
  96 {\r
  97         background-position: -16px -517px;\r
  98 }\r
  99 \r
 100 .cke_skin_office2003 .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_office2003 .cke_rtl .cke_dialog_br\r
 110 {\r
 111         background-position: -16px -584px;\r
 112 }\r
 113 \r
 114 .cke_skin_office2003 .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_office2003 .cke_dialog_ml,\r
 125 .cke_skin_office2003 .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_office2003 .cke_rtl .cke_dialog_ml,\r
 142 .cke_skin_office2003 .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_office2003 .cke_dialog_ml\r
 151 {\r
 152         background-position: 0 0;\r
 153         left: 0;\r
 154 }\r
 155 \r
 156 .cke_skin_office2003 .cke_dialog_mr\r
 157 {\r
 158         background-position: -16px 0;\r
 159         right: 0;\r
 160 }\r
 161 \r
 162 .cke_skin_office2003 .cke_browser_iequirks .cke_dialog_ml,\r
 163 .cke_skin_office2003 .cke_browser_iequirks .cke_dialog_mr\r
 164 {\r
 165         margin-top: 3px;\r
 166 }\r
 167 \r
 168 .cke_skin_office2003 .cke_dialog_title\r
 169 {\r
 170         background-image: url(images/sprites.png);\r
 171         _background-image: url(images/sprites_ie6.png);\r
 172         background-position: 0 -678px;\r
 173         background-repeat: repeat-x;\r
 174         font-weight: bold;\r
 175         font-size: 14pt;\r
 176         color: #0E3460;\r
 177         background-color: #8db1ff;\r
 178         padding: 3px 10px 26px 10px;\r
 179         cursor: move;\r
 180         position: relative;\r
 181 }\r
 182 \r
 183 .cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_title\r
 184 {\r
 185         position: static;\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 .cke_skin_office2003 .cke_dialog_footer .cke_resizer {\r
 208         margin-top: 21px;\r
 209 }\r
 210 \r
 211 /* tabs */\r
 212 \r
 213 .cke_skin_office2003 .cke_dialog_tabs\r
 214 {\r
 215         height: 23px;\r
 216         background-color: #8db1ff;\r
 217         display: inline-block;\r
 218         margin-left:10px;\r
 219         margin-right:10px;\r
 220         margin-top:-23px;\r
 221         position: absolute;\r
 222         z-index: 2;\r
 223 }\r
 224 \r
 225 .cke_skin_office2003 .cke_rtl .cke_dialog_tabs\r
 226 {\r
 227         right: 10px;\r
 228 }\r
 229 \r
 230 .cke_skin_office2003 a.cke_dialog_tab,\r
 231 .cke_skin_office2003 a:link.cke_dialog_tab,\r
 232 .cke_skin_office2003 a:active.cke_dialog_tab,\r
 233 .cke_skin_office2003 a:hover.cke_dialog_tab,\r
 234 .cke_skin_office2003 a:visited.cke_dialog_tab\r
 235 {\r
 236         color: #0E3460;\r
 237         border-left: 1px solid #2b66c9;\r
 238         border-right: 1px solid #2b66c9;\r
 239         border-top: 1px solid #2b66c9;\r
 240         height: 14px;\r
 241         padding: 4px 5px;\r
 242         display: inline-block;\r
 243         cursor: pointer;\r
 244 }\r
 245 \r
 246 /* Gecko 1.8 layout workaround. */\r
 247 .cke_skin_office2003 .cke_browser_gecko18 a.cke_dialog_tab,\r
 248 .cke_skin_office2003 .cke_browser_gecko18 a:link.cke_dialog_tab,\r
 249 .cke_skin_office2003 .cke_browser_gecko18 a:active.cke_dialog_tab,\r
 250 .cke_skin_office2003 .cke_browser_gecko18 a:hover.cke_dialog_tab,\r
 251 .cke_skin_office2003 .cke_browser_gecko18 a:visited.cke_dialog_tab\r
 252 {\r
 253         display: inline;\r
 254         position: relative;\r
 255         top: 6px;\r
 256 }\r
 257 \r
 258 .cke_skin_office2003 a:hover.cke_dialog_tab\r
 259 {\r
 260         background-color: #f7f8fd;\r
 261 }\r
 262 .cke_skin_office2003 .cke_hc a:hover.cke_dialog_tab\r
 263 {\r
 264         padding: 2px 3px !important;\r
 265         border-width: 3px;\r
 266 }\r
 267 \r
 268 .cke_skin_office2003 a.cke_dialog_tab_selected,\r
 269 .cke_skin_office2003 a:link.cke_dialog_tab_selected,\r
 270 .cke_skin_office2003 a:active.cke_dialog_tab_selected,\r
 271 .cke_skin_office2003 a:hover.cke_dialog_tab_selected,\r
 272 .cke_skin_office2003 a:visited.cke_dialog_tab_selected\r
 273 {\r
 274         border-bottom: 1px solid #f7f8fd;\r
 275         background-color: #f7f8fd;\r
 276         font-weight: bold;\r
 277         cursor: default;\r
 278 }\r
 279 .cke_skin_office2003 .cke_hc a.cke_dialog_tab_selected,\r
 280 .cke_skin_office2003 .cke_hc a:link.cke_dialog_tab_selected,\r
 281 .cke_skin_office2003 .cke_hc a:active.cke_dialog_tab_selected,\r
 282 .cke_skin_office2003 .cke_hc a:hover.cke_dialog_tab_selected,\r
 283 .cke_skin_office2003 .cke_hc a:visited.cke_dialog_tab_selected\r
 284 {\r
 285         padding: 2px 3px !important;\r
 286         border-width: 3px;\r
 287 }\r
 288 \r
 289 /* single_page */\r
 290 \r
 291 .cke_skin_office2003 .cke_single_page .cke_dialog_tabs\r
 292 {\r
 293         display: none;\r
 294 }\r
 295 \r
 296 .cke_skin_office2003 .cke_hc .cke_dialog_tabs a,\r
 297 .cke_skin_office2003 .cke_hc .cke_dialog_footer a\r
 298 {\r
 299         opacity: 1.0;\r
 300         filter: alpha(opacity=100);\r
 301         border: 1px solid white;\r
 302 }\r
 303 \r
 304 .cke_skin_office2003 .cke_single_page .cke_dialog_title\r
 305 {\r
 306         padding-bottom: 3px;\r
 307 }\r
 308 \r
 309 .cke_skin_office2003 .cke_dialog_ui_vbox table,\r
 310 .cke_skin_office2003 .cke_dialog_ui_hbox table\r
 311 {\r
 312         margin: auto;\r
 313 }\r
 314 \r
 315 .cke_skin_office2003 .cke_dialog_ui_vbox_child\r
 316 {\r
 317         padding: 5px 0px;\r
 318 }\r
 319 \r
 320 .cke_skin_office2003 input.cke_dialog_ui_input_text,\r
 321 .cke_skin_office2003 input.cke_dialog_ui_input_password\r
 322 {\r
 323         background-color: white;\r
 324         border: none;\r
 325         padding: 0px;\r
 326         width: 100%;\r
 327         height: 14px;\r
 328 }\r
 329 \r
 330 .cke_skin_office2003 div.cke_dialog_ui_input_text,\r
 331 .cke_skin_office2003 div.cke_dialog_ui_input_password\r
 332 {\r
 333         background-color: white;\r
 334         border: 1px solid #a0a0a0;\r
 335         padding: 1px 0px;\r
 336         /* IE6/Quirks - make sure the content does not overflow (#7321) */\r
 337         _width: 99.9%;\r
 338 }\r
 339 \r
 340 /* The absolute position is required for IE7 on text inputs not to stretch dialog horizontally. (#8971)*/\r
 341 .cke_skin_office2003 .cke_browser_ie7 input.cke_dialog_ui_input_text,\r
 342 .cke_skin_office2003 .cke_browser_ie7 input.cke_dialog_ui_input_password\r
 343 {\r
 344         position: absolute;\r
 345 }\r
 346 .cke_skin_office2003 .cke_browser_ie7 div.cke_dialog_ui_input_text,\r
 347 .cke_skin_office2003 .cke_browser_ie7 div.cke_dialog_ui_input_password\r
 348 {\r
 349         height:14px;\r
 350         position: relative;\r
 351 }\r
 352 \r
 353 /* Opera/IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */\r
 354 .cke_skin_office2003 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_text,\r
 355 .cke_skin_office2003 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_text,\r
 356 .cke_skin_office2003 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_password,\r
 357 .cke_skin_office2003 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_password\r
 358 {\r
 359         padding-right: 2px\r
 360 }\r
 361 \r
 362 /* Compensate the padding added above on container. */\r
 363 .cke_skin_office2003 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text,\r
 364 .cke_skin_office2003 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_text,\r
 365 .cke_skin_office2003 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_password,\r
 366 .cke_skin_office2003 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_password\r
 367 {\r
 368         padding-left: 2px;\r
 369 }\r
 370 \r
 371 .cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_vbox_child,\r
 372 .cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_child,\r
 373 .cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_first,\r
 374 .cke_skin_office2003 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_last\r
 375 {\r
 376         padding-right: 2px !important;\r
 377 }\r
 378 \r
 379 .cke_skin_office2003 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text {\r
 380         padding-right: 1px;\r
 381 }\r
 382 \r
 383 .cke_skin_office2003 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text,\r
 384 .cke_skin_office2003 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_password\r
 385 {\r
 386         border-width: 0px;\r
 387 }\r
 388 \r
 389 .cke_skin_office2003 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_text,\r
 390 .cke_skin_office2003 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_password\r
 391 {\r
 392         border-width: 1px;\r
 393 }\r
 394 \r
 395 .cke_skin_office2003 textarea.cke_dialog_ui_input_textarea\r
 396 {\r
 397         background-color: white;\r
 398         border: none;\r
 399         padding: 0px;\r
 400         width: 100%;\r
 401         /*\r
 402          * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.\r
 403          * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.\r
 404          */\r
 405         _width: 99%;\r
 406         overflow: auto;\r
 407         resize: none;\r
 408 }\r
 409 \r
 410 .cke_skin_office2003 div.cke_dialog_ui_input_textarea\r
 411 {\r
 412         background-color: white;\r
 413         border: 1px solid #a0a0a0;\r
 414         padding: 1px 0px;\r
 415 }\r
 416 \r
 417 /* RTL + IE6: Input overflows dialog element. (#7321) */\r
 418 .cke_skin_office2003 .cke_rtl .cke_dialog_ui_labeled_content\r
 419 {\r
 420         _width: 95%;\r
 421 }\r
 422 \r
 423 .cke_skin_office2003 div.cke_disabled .cke_dialog_ui_labeled_content *\r
 424 {\r
 425         background-color : #a0a0a0;\r
 426         cursor : default;\r
 427 }\r
 428 \r
 429 .cke_skin_office2003 .cke_dialog_ui_hbox\r
 430 {\r
 431         width: 100%;\r
 432 }\r
 433 \r
 434 .cke_skin_office2003 .cke_dialog_ui_hbox_first,\r
 435 .cke_skin_office2003 .cke_dialog_ui_hbox_child,\r
 436 .cke_skin_office2003 .cke_dialog_ui_hbox_last\r
 437 {\r
 438         vertical-align: top;\r
 439 }\r
 440 \r
 441 .cke_skin_office2003 .cke_ltr .cke_dialog_ui_hbox_first,\r
 442 .cke_skin_office2003 .cke_ltr .cke_dialog_ui_hbox_child\r
 443 {\r
 444         padding-right: 10px;\r
 445 }\r
 446 \r
 447 .cke_skin_office2003 .cke_rtl .cke_dialog_ui_hbox_first,\r
 448 .cke_skin_office2003 .cke_rtl .cke_dialog_ui_hbox_child\r
 449 {\r
 450         padding-left: 10px;\r
 451 }\r
 452 \r
 453 /* button */\r
 454 \r
 455 .cke_skin_office2003 a.cke_dialog_ui_button\r
 456 {\r
 457         border-collapse: separate;\r
 458         cursor: default;\r
 459 }\r
 460 \r
 461 .cke_skin_office2003 a.cke_dialog_ui_button_ok span,\r
 462 .cke_skin_office2003 a.cke_dialog_ui_button_cancel span\r
 463 {\r
 464         width:60px;\r
 465 }\r
 466 \r
 467 .cke_skin_office2003 span.cke_dialog_ui_button\r
 468 {\r
 469         background-image: url(images/sprites.png);\r
 470         _background-image: url(images/sprites_ie6.png);\r
 471         background-position: 0 -678px;\r
 472         background-repeat: repeat-x;\r
 473         border: #0E3460 1px solid;\r
 474         padding: 2px 10px;\r
 475         text-align: center;\r
 476         color: #0E3460;\r
 477         background-color: #8db1ff;\r
 478         display: inline-block;\r
 479         cursor: default;\r
 480 }\r
 481 \r
 482 /* Gecko 1.8 does not support display: inline-block */\r
 483 .cke_skin_office2003 .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button\r
 484 {\r
 485         display: block;\r
 486 }\r
 487 \r
 488 .cke_skin_office2003 a.cke_dialog_ui_button span.cke_disabled\r
 489 {\r
 490         border: #898980 1px solid;\r
 491         color: #5e5e55;\r
 492         background-color: #c5c5b3;\r
 493 }\r
 494 \r
 495 .cke_skin_office2003 a:focus span.cke_dialog_ui_button,\r
 496 .cke_skin_office2003 a:active span.cke_dialog_ui_button\r
 497 {\r
 498         background-color: #8db1ff;\r
 499 }\r
 500 .cke_skin_office2003 .cke_hc a:focus span.cke_dialog_ui_button,\r
 501 .cke_skin_office2003 .cke_hc a:active span.cke_dialog_ui_button\r
 502 {\r
 503         border-width: 2px;\r
 504 }\r
 505 \r
 506 .cke_skin_office2003 .cke_dialog_footer_buttons\r
 507 {\r
 508         display: inline-table;\r
 509         margin-right: 12px;\r
 510         margin-left: 12px;\r
 511         width: auto;\r
 512         position: relative;\r
 513 }\r
 514 \r
 515 /* Gecko 1.8 does not support for display: inline-table */\r
 516 .cke_skin_office2003 .cke_browser_gecko18 .cke_dialog_footer_buttons\r
 517 {\r
 518         display: inline;\r
 519 }\r
 520 \r
 521 .cke_skin_office2003 .cke_dialog_footer_buttons span.cke_dialog_ui_button\r
 522 {\r
 523         margin: 7px 0;\r
 524 }\r
 525 \r
 526 .cke_skin_office2003 .cke_browser_ie7 .cke_dialog_footer_buttons\r
 527 {\r
 528         position: static;\r
 529 }\r
 530 \r
 531 .cke_skin_office2003 strong\r
 532 {\r
 533         font-weight: bold;\r
 534 }\r
 535 \r
 536 /* close_button */\r
 537 \r
 538 .cke_skin_office2003 a.cke_dialog_close_button,\r
 539 .cke_skin_office2003 a:hover.cke_dialog_close_button,\r
 540 .cke_skin_office2003 .cke_browser_ie6 a.cke_dialog_close_button,\r
 541 .cke_skin_office2003 .cke_browser_ie6 a:hover.cke_dialog_close_button\r
 542 {\r
 543         background-image: url(images/sprites.png);\r
 544         background-repeat: no-repeat;\r
 545         background-position: -20px -655px;\r
 546         position: absolute;\r
 547         cursor: pointer;\r
 548         text-align: center;\r
 549         height: 21px;\r
 550         width: 21px;\r
 551         top: 4px;\r
 552 \r
 553         /* IE6 does not support full color transparent PNG. */\r
 554         _background-image: url(images/sprites_ie6.png);\r
 555 }\r
 556 \r
 557 .cke_skin_office2003 a.cke_dialog_close_button span\r
 558 {\r
 559         display: none;\r
 560 }\r
 561 \r
 562 .cke_skin_office2003 .cke_ltr a.cke_dialog_close_button\r
 563 {\r
 564         right: 22px;\r
 565 }\r
 566 \r
 567 .cke_skin_office2003 .cke_rtl a.cke_dialog_close_button,\r
 568 .cke_skin_office2003 .cke_rtl a:hover.cke_dialog_close_button\r
 569 {\r
 570         left: 16px;\r
 571         _top: 6px;\r
 572 }\r
 573 \r
 574 .cke_skin_office2003 .cke_browser_ie6.cke_rtl a.cke_dialog_close_button,\r
 575 .cke_skin_office2003 .cke_browser_ie6.cke_rtl a:hover.cke_dialog_close_button\r
 576 {\r
 577         position: relative;\r
 578         float: left;\r
 579         margin-top: -55px;\r
 580         margin-left: -7px;\r
 581 }\r
 582 \r
 583 .cke_skin_office2003 .cke_browser_iequirks.cke_rtl.cke_single_page a.cke_dialog_close_button,\r
 584 .cke_skin_office2003 .cke_browser_iequirks.cke_rtl.cke_single_page a:hover.cke_dialog_close_button\r
 585 {\r
 586         margin-top: -32px;\r
 587 }\r
 588 \r
 589 .cke_skin_office2003 .cke_browser_iequirks.cke_ltr a.cke_dialog_close_button,\r
 590 .cke_skin_office2003 .cke_browser_iequirks.cke_ltr a:hover.cke_dialog_close_button\r
 591 {\r
 592         margin-top: 0;\r
 593 }\r
 594 \r
 595 .cke_skin_office2003 .cke_dialog_ui_input_select\r
 596 {\r
 597         border: 1px solid #a0a0a0;\r
 598         background-color: white;\r
 599 }\r
 600 \r
 601 .cke_skin_office2003 .cke_dialog_ui_input_file\r
 602 {\r
 603         width: 100%;\r
 604         height: 25px;\r
 605 }\r
 606 \r
 607 /*\r
 608  * Some utility CSS classes for dialog authors.\r
 609  */\r
 610 .cke_skin_office2003 .cke_dialog .cke_dark_background\r
 611 {\r
 612         background-color: #eaead1;\r
 613 }\r
 614 \r
 615 .cke_skin_office2003 .cke_dialog .cke_hand\r
 616 {\r
 617         cursor: pointer;\r
 618 }\r
 619 \r
 620 .cke_skin_office2003 .cke_dialog .cke_centered\r
 621 {\r
 622         text-align: center;\r
 623 }\r
 624 \r
 625 .cke_skin_office2003 .cke_dialog a.cke_btn_reset\r
 626 {\r
 627         float: right;\r
 628         background-position: 0 -32px;\r
 629         background-image: url(images/mini.gif);\r
 630         width: 16px;\r
 631         height: 16px;\r
 632         background-repeat: no-repeat;\r
 633         border: 1px none;\r
 634         font-size: 1px;\r
 635 }\r
 636 \r
 637 .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_reset\r
 638 {\r
 639         float: left;\r
 640 }\r
 641 \r
 642 .cke_skin_office2003 .cke_dialog a.cke_btn_locked,\r
 643 .cke_skin_office2003 .cke_dialog a.cke_btn_unlocked\r
 644 {\r
 645         float: left;\r
 646         background-position: 0 0;\r
 647         background-image: url(images/mini.gif);\r
 648         width: 16px;\r
 649         height: 16px;\r
 650         background-repeat: no-repeat;\r
 651         border: none 1px;\r
 652         font-size: 1px;\r
 653 }\r
 654 .cke_skin_office2003 .cke_dialog a.cke_btn_locked .cke_icon\r
 655 {\r
 656         display:none;\r
 657 }\r
 658 \r
 659 .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_locked,\r
 660 .cke_skin_office2003 .cke_rtl .cke_dialog a.cke_btn_unlocked\r
 661 {\r
 662         float: right;\r
 663 }\r
 664 \r
 665 .cke_skin_office2003 .cke_dialog a.cke_btn_unlocked\r
 666 {\r
 667         background-position: 0 -16px;\r
 668         background-image: url(images/mini.gif);\r
 669 }\r
 670 \r
 671 .cke_skin_office2003 .cke_dialog .cke_btn_over\r
 672 {\r
 673         border: outset 1px;\r
 674         cursor: pointer;\r
 675 }\r
 676 \r
 677 .cke_skin_office2003 .cke_dialog  .ImagePreviewBox\r
 678 {\r
 679         border : 2px ridge black;\r
 680         overflow : scroll;\r
 681         height : 210px;\r
 682         width : 230px;\r
 683         padding : 2px;\r
 684         background-color : white;\r
 685 }\r
 686 \r
 687 .cke_skin_office2003 .cke_dialog .ImagePreviewBox table td {\r
 688         white-space: normal;\r
 689 }\r
 690 \r
 691 /* Fix iframedialog's height doesn't stretch to 100% #4863.*/\r
 692 .cke_skin_office2003 .cke_browser_iequirks .cke_dialog_page_contents\r
 693 {\r
 694         _position: absolute;\r
 695 }\r
 696 \r
 697 .cke_skin_office2003 .cke_dialog  .ImagePreviewLoader\r
 698 {\r
 699         position: absolute;\r
 700         white-space : normal;\r
 701         overflow : hidden;\r
 702         height : 160px;\r
 703         width : 230px;\r
 704         margin : 2px;\r
 705         padding : 2px;\r
 706         opacity : 0.9;\r
 707         filter : alpha(opacity=90);\r
 708 \r
 709         background-color : #e4e4e4;\r
 710 }\r
 711 \r
 712 .cke_skin_office2003 .cke_dialog  .FlashPreviewBox\r
 713 {\r
 714         white-space : normal;\r
 715         border : 2px ridge black;\r
 716         overflow : auto;\r
 717         height : 160px;\r
 718         width : 390px;\r
 719         padding : 2px;\r
 720         background-color : white;\r
 721 }\r
 722 \r
 723 .cke_skin_office2003 .cke_dialog .cke_pastetext\r
 724 {\r
 725         width: 346px;\r
 726         height: 170px;\r
 727 }\r
 728 \r
 729 .cke_skin_office2003 .cke_dialog .cke_pastetext textarea\r
 730 {\r
 731         width: 340px;\r
 732         height: 170px;\r
 733         resize: none;\r
 734 }\r
 735 \r
 736 .cke_skin_office2003 .cke_dialog iframe.cke_pasteframe\r
 737 {\r
 738         width: 346px;\r
 739         height: 130px;\r
 740         background-color: white;\r
 741         border: 1px solid black;\r
 742 }\r
 743 \r
 744 .cke_skin_office2003 .cke_dialog .cke_dark_background\r
 745 {\r
 746         text-align : center;\r
 747         background-color: #eaead1;\r
 748         font-size : 14px;\r
 749 }\r
 750 \r
 751 .cke_skin_office2003 .cke_dialog .cke_light_background\r
 752 {\r
 753         text-align : center;\r
 754         background-color: #ffffbe;\r
 755 }\r
 756 \r
 757 .cke_skin_office2003 .cke_dialog .cke_hand\r
 758 {\r
 759         cursor: pointer;\r
 760 }\r
 761 \r
 762 .cke_skin_office2003 .cke_disabled\r
 763 {\r
 764         color: #a0a0a0;\r
 765 }\r
 766 \r
 767 /* High Contrast Mode */\r
 768 .cke_skin_office2003 .cke_hc .cke_dialog_title,\r
 769 .cke_skin_office2003 .cke_hc .cke_dialog_tabs,\r
 770 .cke_skin_office2003 .cke_hc .cke_dialog_contents,\r
 771 .cke_skin_office2003 .cke_hc .cke_dialog_footer\r
 772 {\r
 773         border-left: 1px solid;\r
 774         border-right: 1px solid;\r
 775 }\r
 776 \r
 777 .cke_skin_office2003 .cke_hc .cke_dialog_title\r
 778 {\r
 779         border-top: 1px solid;\r
 780 }\r
 781 \r
 782 .cke_skin_office2003 .cke_hc .cke_dialog_footer\r
 783 {\r
 784         border-bottom: 1px solid;\r
 785 }\r
 786 \r
 787 .cke_skin_office2003 .cke_hc .cke_dialog_close_button span\r
 788 {\r
 789         display: inline;\r
 790         cursor: pointer;\r
 791         font-weight: bold;\r
 792         position: relative;\r
 793         top: 3px;\r
 794 }\r
 795 \r
 796 .cke_skin_office2003 .cke_dialog_body .cke_label\r
 797 {\r
 798         display: none;\r
 799 }\r
 800 \r
 801 .cke_skin_office2003 .cke_dialog_body label.cke_required\r
 802 {\r
 803         font-weight: bold;\r
 804 }\r
 805 \r
 806 .cke_skin_office2003 .cke_hc .cke_dialog_body .cke_label\r
 807 {\r
 808         display: inline;\r
 809         cursor: inherit;\r
 810 }\r
 811 \r
 812 .cke_skin_office2003 .cke_hc a.cke_btn_locked,\r
 813 .cke_skin_office2003 .cke_hc a.cke_btn_unlocked,\r
 814 .cke_skin_office2003 .cke_hc a.cke_btn_reset\r
 815 {\r
 816         border-style: solid;\r
 817         float: left;\r
 818         width: auto;\r
 819         height: auto;\r
 820         padding: 0 2px;\r
 821 }\r
 822 .cke_skin_office2003 .cke_hc a.cke_btn_locked .cke_icon\r
 823 {\r
 824         display:inline;\r
 825 }\r
 826 \r
 827 .cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_locked,\r
 828 .cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_unlocked,\r
 829 .cke_skin_office2003 .cke_rtl.cke_hc a.cke_btn_reset\r
 830 {\r
 831         float: right;\r
 832 }\r
 833 \r
 834 /**\r
 835  * Styles specific to "cellProperties" dialog.\r
 836  */\r
 837 \r
 838 .cke_skin_office2003 .cke_dialog_contents a.colorChooser\r
 839 {\r
 840         display:block;\r
 841         margin-top:12px;\r
 842         margin-left: 10px;\r
 843         width: 40px;\r
 844 }\r
 845 \r
 846 .cke_skin_office2003 .cke_dialog_contents a.colorChooser .cke_dialog_ui_button\r
 847 {\r
 848         width:100%;\r
 849 }\r
 850 \r
 851 .cke_skin_office2003 .cke_rtl .cke_dialog_contents a.colorChooser\r
 852 {\r
 853         margin-right: 10px;\r
 854 }\r
 855 \r
 856 /* Compensate focus outline for some input elements. (#6200) */\r
 857 .cke_skin_office2003 .cke_browser_gecko .cke_dialog_ui_checkbox_input:focus,\r
 858 .cke_skin_office2003 .cke_browser_gecko .cke_dialog_ui_radio_input:focus,\r
 859 .cke_skin_office2003 .cke_browser_opera .cke_dialog_ui_checkbox_input:focus,\r
 860 .cke_skin_office2003 .cke_browser_opera .cke_dialog_ui_radio_input:focus,\r
 861 .cke_skin_office2003 .cke_browser_gecko .cke_dialog_ui_input_select:focus,\r
 862 .cke_skin_office2003 .cke_browser_gecko .cke_btn_over,\r
 863 .cke_skin_office2003 .cke_browser_opera .cke_btn_over,\r
 864 .cke_skin_office2003 .cke_browser_ie .cke_btn_over\r
 865 {\r
 866         outline: 1px dotted #696969;\r
 867 }\r
 868 \r
 869 /* IE<8 instead doesn't support CSS outline property, emulated with dotted border. */\r
 870 \r
 871 /* Predefined border to avoid visual size change impact. */\r
 872 .cke_skin_office2003 .cke_browser_ie .cke_dialog_ui_checkbox_input,\r
 873 .cke_skin_office2003 .cke_browser_ie .cke_dialog_ui_ratio_input,\r
 874 .cke_skin_office2003 .cke_browser_ie .cke_btn_reset,\r
 875 .cke_skin_office2003 .cke_browser_ie .cke_btn_locked,\r
 876 .cke_skin_office2003 .cke_browser_ie .cke_btn_unlocked\r
 877 {\r
 878         *border: 1px solid transparent !important;\r
 879         /* Emulating border-color: transparent in IE6.*/\r
 880         /* Emulating border-color: transparent in IE6.*/\r
 881         -border: 1px solid red !important;\r
 882         -filter: chroma(color=red);\r
 883 }\r
 884 \r
 885 .cke_skin_office2003 .cke_browser_ie .cke_dialog_ui_focused,\r
 886 .cke_skin_office2003 .cke_browser_ie .cke_btn_over\r
 887 {\r
 888         *border: 1px dotted #696969 !important;\r
 889 }\r
 890 \r
 891 .cke_skin_office2003 .cke_iframe_shim\r
 892 {\r
 893         display:block;\r
 894         position:absolute;\r
 895         top:0;\r
 896         left:0;\r
 897         z-index:-1;\r
 898         filter:alpha(opacity=0);\r
 899         width:100%;\r
 900         height:100%;\r
 901 }\r
 902 \r
 903 .cke_dialog label\r
 904 {\r
 905         display: inline;\r
 906         margin-bottom: auto;\r
 907         cursor: default;\r
 908 }\r