_source/skins/v2/dialog.css

   1 /*\r
   2 Copyright (c) 2003-2011, 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_v2 table.cke_dialog.cke_browser_gecko\r
  14 {\r
  15         display:block;\r
  16 }\r
  17 \r
  18 .cke_skin_v2 .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 \r
  33 .cke_skin_v2 .cke_dialog_tl,\r
  34 .cke_skin_v2 .cke_dialog_tr,\r
  35 .cke_skin_v2 .cke_dialog_tc,\r
  36 .cke_skin_v2 .cke_dialog_bl,\r
  37 .cke_skin_v2 .cke_dialog_br,\r
  38 .cke_skin_v2 .cke_dialog_bc\r
  39 {\r
  40         background-image: url(images/sprites.png);\r
  41         background-repeat: no-repeat;\r
  42         position: absolute;\r
  43 \r
  44         /* IE6 does not support full color transparent PNG. */\r
  45         _background-image: url(images/sprites_ie6.png);\r
  46         /* Dialog corner parts require a negative z-index to avoid covering dialog body. (#4954) */\r
  47         _z-index: -1;\r
  48 }\r
  49 \r
  50 .cke_skin_v2 .cke_dialog_tl\r
  51 {\r
  52         background-position: -16px -16px;\r
  53         height: 16px;\r
  54         width: 16px;\r
  55         top: 0;\r
  56         left: 0;\r
  57 }\r
  58 \r
  59 .cke_skin_v2 .cke_rtl .cke_dialog_tl\r
  60 {\r
  61         background-position: -16px -397px;\r
  62 }\r
  63 \r
  64 .cke_skin_v2 .cke_dialog_tr\r
  65 {\r
  66         background-position: -16px -76px;\r
  67         height: 16px;\r
  68         width: 16px;\r
  69         top: 0;\r
  70         right: 0;\r
  71 }\r
  72 \r
  73 .cke_skin_v2 .cke_rtl .cke_dialog_tr\r
  74 {\r
  75         background-position: -16px -457px;\r
  76 }\r
  77 \r
  78 .cke_skin_v2 .cke_dialog_tc\r
  79 {\r
  80         background-position: 0 -136px;\r
  81         background-repeat: repeat-x;\r
  82         height: 16px;\r
  83         top: 0;\r
  84         left: 16px;\r
  85         right: 16px;\r
  86 }\r
  87 \r
  88 .cke_skin_v2 .cke_dialog_bl\r
  89 {\r
  90         background-position: -16px -196px;\r
  91         height: 51px;\r
  92         width: 30px;\r
  93         bottom: 0;\r
  94         left: 0;\r
  95 }\r
  96 \r
  97 .cke_skin_v2 .cke_rtl .cke_dialog_bl\r
  98 {\r
  99         background-position: -16px -517px;\r
 100 }\r
 101 \r
 102 .cke_skin_v2 .cke_dialog_br\r
 103 {\r
 104         background-position: -16px -263px;\r
 105         height: 51px;\r
 106         width: 30px;\r
 107         bottom: 0;\r
 108         right: 0;\r
 109 }\r
 110 \r
 111 .cke_skin_v2 .cke_rtl .cke_dialog_br\r
 112 {\r
 113         background-position: -16px -584px;\r
 114 }\r
 115 \r
 116 .cke_skin_v2 .cke_dialog_bc\r
 117 {\r
 118         background-position: 0 -330px;\r
 119         background-repeat: repeat-x;\r
 120         height: 51px;\r
 121         bottom: 0;\r
 122         left: 30px;\r
 123         right: 30px;\r
 124 }\r
 125 \r
 126 .cke_skin_v2 .cke_dialog_ml,\r
 127 .cke_skin_v2 .cke_dialog_mr\r
 128 {\r
 129         background-image: url(images/dialog_sides.png);\r
 130         background-repeat: repeat-y;\r
 131         position: absolute;\r
 132         width: 16px;\r
 133         top: 16px;\r
 134         bottom: 51px;\r
 135 \r
 136         /* IE6 does not support full color transparent PNG. */\r
 137         _background-image: url(images/dialog_sides.gif);\r
 138 \r
 139         /* IE quirks gets confused when we have both top and bottom. */\r
 140         _top: auto;\r
 141 }\r
 142 \r
 143 .cke_skin_v2 .cke_rtl .cke_dialog_ml,\r
 144 .cke_skin_v2 .cke_rtl .cke_dialog_mr\r
 145 {\r
 146         background-image: url(images/dialog_sides_rtl.png);\r
 147 \r
 148         /* IE6 does not support full color transparent PNG. */\r
 149         _background-image: url(images/dialog_sides.gif);\r
 150 }\r
 151 \r
 152 .cke_skin_v2 .cke_dialog_ml\r
 153 {\r
 154         background-position: 0 0;\r
 155         left: 0;\r
 156 }\r
 157 \r
 158 .cke_skin_v2 .cke_dialog_mr\r
 159 {\r
 160         background-position: -16px 0;\r
 161         right: 0;\r
 162 }\r
 163 \r
 164 .cke_skin_v2 .cke_browser_iequirks .cke_dialog_ml,\r
 165 .cke_skin_v2 .cke_browser_iequirks .cke_dialog_mr\r
 166 {\r
 167         margin-top: 3px;\r
 168 }\r
 169 \r
 170 .cke_skin_v2 .cke_dialog_title\r
 171 {\r
 172         font-weight: bold;\r
 173         font-size: 14pt;\r
 174         color: #737357;\r
 175         background-color: #e3e3c7;\r
 176         padding: 3px 10px 26px 10px;\r
 177         cursor: move;\r
 178         position: relative;\r
 179 }\r
 180 \r
 181 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_title\r
 182 {\r
 183         position: static;\r
 184 }\r
 185 \r
 186 .cke_skin_v2 .cke_dialog_contents\r
 187 {\r
 188         background-color: #f1f1e3;\r
 189         border: #d5d59d 1px solid;\r
 190         overflow: auto;\r
 191         padding: 5px 10px;\r
 192 }\r
 193 \r
 194 .cke_skin_v2 .cke_dialog_footer\r
 195 {\r
 196         background-color: #e3e3c7;\r
 197         text-align: right;\r
 198 }\r
 199 \r
 200 .cke_skin_v2 .cke_rtl .cke_dialog_footer\r
 201 {\r
 202         text-align: left;\r
 203 }\r
 204 \r
 205 .cke_skin_v2 .cke_dialog_footer .cke_resizer {\r
 206         margin-top: 21px;\r
 207 }\r
 208 \r
 209 /* tabs */\r
 210 \r
 211 .cke_skin_v2 .cke_dialog_tabs\r
 212 {\r
 213         height: 23px;\r
 214         background-color: #e3e3c7;\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_v2 .cke_rtl .cke_dialog_tabs\r
 224 {\r
 225         right: 10px;\r
 226 }\r
 227 \r
 228 .cke_skin_v2 a.cke_dialog_tab,\r
 229 .cke_skin_v2 a:link.cke_dialog_tab,\r
 230 .cke_skin_v2 a:active.cke_dialog_tab,\r
 231 .cke_skin_v2 a:hover.cke_dialog_tab,\r
 232 .cke_skin_v2 a:visited.cke_dialog_tab\r
 233 {\r
 234         color: #737357;\r
 235         border-left: 1px solid #d5d59d;\r
 236         border-right: 1px solid #d5d59d;\r
 237         border-top: 1px solid #d5d59d;\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_v2 .cke_browser_gecko18 a.cke_dialog_tab,\r
 246 .cke_skin_v2 .cke_browser_gecko18 a:link.cke_dialog_tab,\r
 247 .cke_skin_v2 .cke_browser_gecko18 a:active.cke_dialog_tab,\r
 248 .cke_skin_v2 .cke_browser_gecko18 a:hover.cke_dialog_tab,\r
 249 .cke_skin_v2 .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_v2 a:hover.cke_dialog_tab\r
 257 {\r
 258         background-color: #f1f1e3;\r
 259 }\r
 260 \r
 261 .cke_skin_v2 .cke_hc a:hover.cke_dialog_tab\r
 262 {\r
 263         padding: 2px 3px !important;\r
 264         border-width: 3px;\r
 265 }\r
 266 \r
 267 .cke_skin_v2 a.cke_dialog_tab_selected,\r
 268 .cke_skin_v2 a:link.cke_dialog_tab_selected,\r
 269 .cke_skin_v2 a:active.cke_dialog_tab_selected,\r
 270 .cke_skin_v2 a:hover.cke_dialog_tab_selected,\r
 271 .cke_skin_v2 a:visited.cke_dialog_tab_selected\r
 272 {\r
 273         border-bottom: 1px solid #f1f1e3;\r
 274         background-color: #f1f1e3;\r
 275         font-weight: bold;\r
 276         cursor: default;\r
 277 }\r
 278 \r
 279 .cke_skin_v2 .cke_hc a.cke_dialog_tab_selected,\r
 280 .cke_skin_v2 .cke_hc a:link.cke_dialog_tab_selected,\r
 281 .cke_skin_v2 .cke_hc a:active.cke_dialog_tab_selected,\r
 282 .cke_skin_v2 .cke_hc a:hover.cke_dialog_tab_selected,\r
 283 .cke_skin_v2 .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 .cke_skin_v2 .cke_hc .cke_dialog_tabs a,\r
 290 .cke_skin_v2 .cke_hc .cke_dialog_footer a\r
 291 {\r
 292         opacity: 1.0;\r
 293         filter: alpha(opacity=100);\r
 294         border: 1px solid white;\r
 295 }\r
 296 \r
 297 /* single_page */\r
 298 \r
 299 .cke_skin_v2 .cke_single_page .cke_dialog_tabs\r
 300 {\r
 301         display: none;\r
 302 }\r
 303 \r
 304 .cke_skin_v2 .cke_single_page .cke_dialog_title\r
 305 {\r
 306         padding-bottom: 3px;\r
 307 }\r
 308 \r
 309 .cke_skin_v2 .cke_dialog_ui_vbox table,\r
 310 .cke_skin_v2 .cke_dialog_ui_hbox table\r
 311 {\r
 312         margin: auto;\r
 313 }\r
 314 \r
 315 .cke_skin_v2 .cke_dialog_ui_vbox_child\r
 316 {\r
 317         padding: 5px 0px;\r
 318 }\r
 319 \r
 320 .cke_skin_v2 input.cke_dialog_ui_input_text,\r
 321 .cke_skin_v2 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_v2 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_text,\r
 331 .cke_skin_v2 .cke_browser_gecko.cke_hc div.cke_dialog_ui_input_password\r
 332 {\r
 333         border-width: 0px;\r
 334 }\r
 335 \r
 336 .cke_skin_v2 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_text,\r
 337 .cke_skin_v2 .cke_browser_gecko18.cke_hc div.cke_dialog_ui_input_password\r
 338 {\r
 339         border-width: 1px;\r
 340 }\r
 341 \r
 342 /* Opera/IE doesn't leave enough padding in text input for cursor to blink in RTL. (#6087) */\r
 343 .cke_skin_v2 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_text,\r
 344 .cke_skin_v2 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_text,\r
 345 .cke_skin_v2 .cke_browser_ie.cke_rtl input.cke_dialog_ui_input_password,\r
 346 .cke_skin_v2 .cke_browser_opera.cke_rtl input.cke_dialog_ui_input_password\r
 347 {\r
 348         padding-right: 2px\r
 349 }\r
 350 \r
 351 /* Compensate the padding added above on container. */\r
 352 .cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text,\r
 353 .cke_skin_v2 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_text,\r
 354 .cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_password,\r
 355 .cke_skin_v2 .cke_browser_opera.cke_rtl div.cke_dialog_ui_input_password\r
 356 {\r
 357         padding-left: 2px;\r
 358 }\r
 359 \r
 360 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_vbox_child,\r
 361 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_child,\r
 362 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_first,\r
 363 .cke_skin_v2 .cke_browser_ie.cke_rtl .cke_dialog_ui_hbox_last\r
 364 {\r
 365         padding-right: 2px !important;\r
 366 }\r
 367 \r
 368 .cke_skin_v2 div.cke_dialog_ui_input_text,\r
 369 .cke_skin_v2 div.cke_dialog_ui_input_password\r
 370 {\r
 371         background-color: white;\r
 372         border: 1px solid #a0a0a0;\r
 373         padding: 1px 0px;\r
 374         /* IE6/Quirks - make sure the content does not overflow (#7321) */\r
 375         _width: 99.9%;\r
 376 }\r
 377 \r
 378 .cke_skin_v2 .cke_browser_ie.cke_rtl div.cke_dialog_ui_input_text {\r
 379         padding-right: 1px;\r
 380 }\r
 381 \r
 382 .cke_skin_v2 textarea.cke_dialog_ui_input_textarea\r
 383 {\r
 384         background-color: white;\r
 385         border: none;\r
 386         padding: 0px;\r
 387         width: 100%;\r
 388         /*\r
 389          * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.\r
 390          * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.\r
 391          */\r
 392         _width: 99%;\r
 393         overflow: auto;\r
 394         resize: none;\r
 395 }\r
 396 \r
 397 .cke_skin_v2 div.cke_dialog_ui_input_textarea\r
 398 {\r
 399         background-color: white;\r
 400         border: 1px solid #a0a0a0;\r
 401         padding: 1px 0px;\r
 402 }\r
 403 \r
 404 /* RTL + IE6: Input overflows dialog element. (#7321) */\r
 405 .cke_skin_v2 .cke_rtl .cke_dialog_ui_labeled_content\r
 406 {\r
 407         _width: 95%;\r
 408 }\r
 409 \r
 410 .cke_skin_v2 div.cke_disabled .cke_dialog_ui_labeled_content *\r
 411 {\r
 412         background-color : #a0a0a0;\r
 413         cursor : default;\r
 414 }\r
 415 \r
 416 .cke_skin_v2 .cke_dialog_ui_hbox\r
 417 {\r
 418         width: 100%;\r
 419 }\r
 420 \r
 421 .cke_skin_v2 .cke_dialog_ui_hbox_first,\r
 422 .cke_skin_v2 .cke_dialog_ui_hbox_child,\r
 423 .cke_skin_v2 .cke_dialog_ui_hbox_last\r
 424 {\r
 425         vertical-align: top;\r
 426 }\r
 427 \r
 428 .cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_first,\r
 429 .cke_skin_v2 .cke_ltr .cke_dialog_ui_hbox_child\r
 430 {\r
 431         padding-right: 10px;\r
 432 }\r
 433 \r
 434 .cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_first,\r
 435 .cke_skin_v2 .cke_rtl .cke_dialog_ui_hbox_child\r
 436 {\r
 437         padding-left: 10px;\r
 438 }\r
 439 \r
 440 /* button */\r
 441 \r
 442 .cke_skin_v2 a.cke_dialog_ui_button\r
 443 {\r
 444         border-collapse: separate;\r
 445         cursor: default;\r
 446 }\r
 447 \r
 448 .cke_skin_v2 a.cke_dialog_ui_button_ok span,\r
 449 .cke_skin_v2 a.cke_dialog_ui_button_cancel span\r
 450 {\r
 451         width:60px;\r
 452 }\r
 453 \r
 454 .cke_skin_v2 span.cke_dialog_ui_button\r
 455 {\r
 456         border: #737357 1px solid;\r
 457         padding: 2px 10px;\r
 458         text-align: center;\r
 459         color: #3b3b1f;\r
 460         background-color: #c7c78f;\r
 461         display: inline-block;\r
 462         cursor: default;\r
 463 }\r
 464 \r
 465 /* Gecko 1.8 does not support display: inline-block */\r
 466 .cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button\r
 467 {\r
 468         display: block;\r
 469 }\r
 470 \r
 471 .cke_skin_v2 a.cke_dialog_ui_button span.cke_disabled\r
 472 {\r
 473         border: #898980 1px solid;\r
 474         color: #5e5e55;\r
 475         background-color: #c5c5b3;\r
 476 }\r
 477 \r
 478 .cke_skin_v2 a:focus span.cke_dialog_ui_button,\r
 479 .cke_skin_v2 a:active span.cke_dialog_ui_button\r
 480 {\r
 481         background-color: #e3e3c7;\r
 482 }\r
 483 \r
 484 .cke_skin_v2 .cke_hc a:focus span.cke_dialog_ui_button,\r
 485 .cke_skin_v2 .cke_hc a:active span.cke_dialog_ui_button\r
 486 {\r
 487         border-width: 2px;\r
 488 }\r
 489 \r
 490 .cke_skin_v2 .cke_dialog_footer_buttons\r
 491 {\r
 492         display: inline-table;\r
 493         margin-right: 12px;\r
 494         margin-left: 12px;\r
 495         width: auto;\r
 496         position: relative;\r
 497 }\r
 498 \r
 499 /* Gecko 1.8 does not support for display: inline-table */\r
 500 .cke_skin_v2 .cke_browser_gecko18 .cke_dialog_footer_buttons\r
 501 {\r
 502         display: inline;\r
 503 }\r
 504 \r
 505 .cke_skin_v2 .cke_dialog_footer_buttons span.cke_dialog_ui_button\r
 506 {\r
 507         margin: 7px 0;\r
 508 }\r
 509 \r
 510 .cke_skin_v2 .cke_browser_ie7 .cke_dialog_footer_buttons\r
 511 {\r
 512         position: static;\r
 513 }\r
 514 \r
 515 .cke_skin_v2 strong\r
 516 {\r
 517         font-weight: bold;\r
 518 }\r
 519 \r
 520 /* close_button */\r
 521 \r
 522 .cke_skin_v2 a.cke_dialog_close_button,\r
 523 .cke_skin_v2 a:hover.cke_dialog_close_button,\r
 524 .cke_skin_v2 .cke_browser_ie6 a.cke_dialog_close_button,\r
 525 .cke_skin_v2 .cke_browser_ie6 a:hover.cke_dialog_close_button\r
 526 {\r
 527         background-image: url(images/sprites.png);\r
 528         background-repeat: no-repeat;\r
 529         background-position: -16px -651px;\r
 530         position: absolute;\r
 531         cursor: pointer;\r
 532         text-align: center;\r
 533         height: 20px;\r
 534         width: 20px;\r
 535         top: 5px;\r
 536 \r
 537         /* IE6 does not support full color transparent PNG. */\r
 538         _background-image: url(images/sprites_ie6.png);\r
 539 }\r
 540 \r
 541 .cke_skin_v2 a.cke_dialog_close_button span\r
 542 {\r
 543         display: none;\r
 544 }\r
 545 \r
 546 .cke_skin_v2 a:hover.cke_dialog_close_button\r
 547 {\r
 548         background-position: -16px -687px;\r
 549 }\r
 550 \r
 551 .cke_skin_v2 .cke_ltr a.cke_dialog_close_button,\r
 552 .cke_skin_v2 .cke_ltr a:hover.cke_dialog_close_button\r
 553 {\r
 554         right: 10px;\r
 555         _right: 22px;\r
 556 }\r
 557 \r
 558 .cke_skin_v2 .cke_rtl a.cke_dialog_close_button,\r
 559 .cke_skin_v2 .cke_rtl a:hover.cke_dialog_close_button\r
 560 {\r
 561         left: 10px;\r
 562         _left: 16px;\r
 563         _top: 7px;\r
 564 }\r
 565 \r
 566 .cke_skin_v2 .cke_browser_ie6.cke_rtl a.cke_dialog_close_button,\r
 567 .cke_skin_v2 .cke_browser_ie6.cke_rtl a:hover.cke_dialog_close_button\r
 568 {\r
 569         position: relative;\r
 570         float: left;\r
 571         margin-top: -55px;\r
 572         margin-left: -7px;\r
 573 }\r
 574 \r
 575 .cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page a.cke_dialog_close_button,\r
 576 .cke_skin_v2 .cke_browser_iequirks.cke_rtl.cke_single_page a:hover.cke_dialog_close_button\r
 577 {\r
 578         margin-top: -32px;\r
 579 }\r
 580 \r
 581 .cke_skin_v2 .cke_browser_iequirks.cke_ltr a.cke_dialog_close_button,\r
 582 .cke_skin_v2 .cke_browser_iequirks.cke_ltr a:hover.cke_dialog_close_button\r
 583 {\r
 584         margin-top: 0;\r
 585 }\r
 586 \r
 587 .cke_skin_v2 .cke_dialog_ui_input_select\r
 588 {\r
 589         border: 1px solid #a0a0a0;\r
 590         background-color: white;\r
 591 }\r
 592 \r
 593 .cke_skin_v2 .cke_dialog_ui_input_file\r
 594 {\r
 595         width: 100%;\r
 596         height: 25px;\r
 597 }\r
 598 \r
 599 /*\r
 600  * Some utility CSS classes for dialog authors.\r
 601  */\r
 602 .cke_skin_v2 .cke_dialog .cke_dark_background\r
 603 {\r
 604         background-color: #eaead1;\r
 605 }\r
 606 \r
 607 .cke_skin_v2 .cke_dialog .cke_hand\r
 608 {\r
 609         cursor: pointer;\r
 610 }\r
 611 \r
 612 .cke_skin_v2 .cke_dialog .cke_centered\r
 613 {\r
 614         text-align: center;\r
 615 }\r
 616 \r
 617 .cke_skin_v2 .cke_dialog a.cke_btn_reset\r
 618 {\r
 619         float: right;\r
 620         background-position: 0 -32px;\r
 621         background-image: url(images/mini.gif);\r
 622         width: 16px;\r
 623         height: 16px;\r
 624         background-repeat: no-repeat;\r
 625         border: 1px none;\r
 626         font-size: 1px;\r
 627 }\r
 628 \r
 629 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_reset\r
 630 {\r
 631         float: left;\r
 632 }\r
 633 \r
 634 .cke_skin_v2 .cke_dialog a.cke_btn_locked,\r
 635 .cke_skin_v2 .cke_dialog a.cke_btn_unlocked\r
 636 {\r
 637         float: left;\r
 638         background-position: 0 0;\r
 639         background-image: url(images/mini.gif);\r
 640         width: 16px;\r
 641         height: 16px;\r
 642         background-repeat: no-repeat;\r
 643         border: none 1px;\r
 644         font-size: 1px;\r
 645 }\r
 646 .cke_skin_v2 .cke_dialog a.cke_btn_locked .cke_icon\r
 647 {\r
 648         display:none;\r
 649 }\r
 650 \r
 651 \r
 652 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_locked,\r
 653 .cke_skin_v2 .cke_rtl .cke_dialog a.cke_btn_unlocked\r
 654 {\r
 655         float: right;\r
 656 }\r
 657 \r
 658 .cke_skin_v2 .cke_dialog a.cke_btn_unlocked\r
 659 {\r
 660         background-position: 0 -16px;\r
 661         background-image: url(images/mini.gif);\r
 662 }\r
 663 \r
 664 .cke_skin_v2 .cke_dialog .cke_btn_over\r
 665 {\r
 666         border: outset 1px;\r
 667         cursor: pointer;\r
 668 }\r
 669 \r
 670 .cke_skin_v2 .cke_dialog  .ImagePreviewBox\r
 671 {\r
 672         border : 2px ridge black;\r
 673         overflow : scroll;\r
 674         height : 210px;\r
 675         width : 230px;\r
 676         padding : 2px;\r
 677         background-color : white;\r
 678 }\r
 679 \r
 680 .cke_skin_v2 .cke_dialog .ImagePreviewBox table td {\r
 681         white-space: normal;\r
 682 }\r
 683 \r
 684 /* Fix iframedialog's height doesn't stretch to 100% #4863.*/\r
 685 .cke_skin_v2 .cke_browser_iequirks .cke_dialog_page_contents\r
 686 {\r
 687         _position: absolute;\r
 688 }\r
 689 \r
 690 .cke_skin_v2 .cke_dialog  .ImagePreviewLoader\r
 691 {\r
 692         position: absolute;\r
 693         white-space : normal;\r
 694         overflow : hidden;\r
 695         height : 160px;\r
 696         width : 230px;\r
 697         margin : 2px;\r
 698         padding : 2px;\r
 699         opacity : 0.9;\r
 700         filter : alpha(opacity=90);\r
 701 \r
 702         background-color : #e4e4e4;\r
 703 }\r
 704 \r
 705 .cke_skin_v2 .cke_dialog  .FlashPreviewBox\r
 706 {\r
 707         white-space : normal;\r
 708         border : 2px ridge black;\r
 709         overflow : auto;\r
 710         height : 160px;\r
 711         width : 390px;\r
 712         padding : 2px;\r
 713         background-color : white;\r
 714 }\r
 715 \r
 716 .cke_skin_v2 .cke_dialog .cke_pastetext\r
 717 {\r
 718         width: 346px;\r
 719         height: 170px;\r
 720 }\r
 721 \r
 722 .cke_skin_v2 .cke_dialog .cke_pastetext textarea\r
 723 {\r
 724         width: 340px;\r
 725         height: 170px;\r
 726         resize: none;\r
 727 }\r
 728 \r
 729 .cke_skin_v2 .cke_dialog iframe.cke_pasteframe\r
 730 {\r
 731         width: 346px;\r
 732         height: 130px;\r
 733         background-color: white;\r
 734         border: 1px solid black;\r
 735 }\r
 736 \r
 737 .cke_skin_v2 .cke_dialog .cke_dark_background\r
 738 {\r
 739         text-align : center;\r
 740         background-color: #eaead1;\r
 741         font-size : 14px;\r
 742 }\r
 743 \r
 744 .cke_skin_v2 .cke_dialog .cke_light_background\r
 745 {\r
 746         text-align : center;\r
 747         background-color: #ffffbe;\r
 748 }\r
 749 \r
 750 .cke_skin_v2 .cke_dialog .cke_hand\r
 751 {\r
 752         cursor: pointer;\r
 753 }\r
 754 \r
 755 .cke_skin_v2 .cke_disabled\r
 756 {\r
 757         color: #a0a0a0;\r
 758 }\r
 759 \r
 760 /* High Contrast Mode */\r
 761 .cke_skin_v2 .cke_hc .cke_dialog_title,\r
 762 .cke_skin_v2 .cke_hc .cke_dialog_tabs,\r
 763 .cke_skin_v2 .cke_hc .cke_dialog_contents,\r
 764 .cke_skin_v2 .cke_hc .cke_dialog_footer\r
 765 {\r
 766         border-left: 1px solid;\r
 767         border-right: 1px solid;\r
 768 }\r
 769 \r
 770 .cke_skin_v2 .cke_hc .cke_dialog_title\r
 771 {\r
 772         border-top: 1px solid;\r
 773 }\r
 774 \r
 775 .cke_skin_v2 .cke_hc .cke_dialog_footer\r
 776 {\r
 777         border-bottom: 1px solid;\r
 778 }\r
 779 \r
 780 .cke_skin_v2 .cke_hc .cke_dialog_close_button span\r
 781 {\r
 782         display: inline;\r
 783         cursor: pointer;\r
 784         font-weight: bold;\r
 785         position: relative;\r
 786         top: 3px;\r
 787 }\r
 788 \r
 789 .cke_skin_v2 .cke_dialog_body .cke_label\r
 790 {\r
 791         display: none;\r
 792 }\r
 793 \r
 794 .cke_skin_v2 .cke_dialog_body label.cke_required\r
 795 {\r
 796         font-weight: bold;\r
 797 }\r
 798 \r
 799 .cke_skin_v2 .cke_hc .cke_dialog_body .cke_label\r
 800 {\r
 801         display: inline;\r
 802         cursor: inherit;\r
 803 }\r
 804 \r
 805 .cke_skin_v2 .cke_hc a.cke_btn_locked,\r
 806 .cke_skin_v2 .cke_hc a.cke_btn_unlocked,\r
 807 .cke_skin_v2 .cke_hc a.cke_btn_reset\r
 808 {\r
 809         border-style: solid;\r
 810         float:left;\r
 811         width:auto;\r
 812         height:auto;\r
 813         padding: 0 2px;\r
 814 }\r
 815 .cke_skin_v2 .cke_hc a.cke_btn_locked .cke_icon\r
 816 {\r
 817         display:inline;\r
 818 }\r
 819 \r
 820 .cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_locked,\r
 821 .cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_unlocked,\r
 822 .cke_skin_v2 .cke_rtl.cke_hc a.cke_btn_reset\r
 823 {\r
 824         float:right;\r
 825 }\r
 826 \r
 827 .cke_skin_v2 a.cke_smile img\r
 828 {\r
 829         /* IE6 does not support transparent borders */\r
 830         border: 2px solid #eaead1;\r
 831 }\r
 832 \r
 833 .cke_skin_v2 a.cke_smile:focus img,\r
 834 .cke_skin_v2 a.cke_smile:active img,\r
 835 .cke_skin_v2 a.cke_smile:hover img\r
 836 {\r
 837         border-color: #C7C78F;\r
 838 }\r
 839 \r
 840 \r
 841 /**\r
 842  * Styles specific to "cellProperties" dialog.\r
 843  */\r
 844 \r
 845 .cke_skin_v2 .cke_dialog_contents a.colorChooser\r
 846 {\r
 847         display:block;\r
 848         margin-top:12px;\r
 849         margin-left: 10px;\r
 850         width: 40px;\r
 851 }\r
 852 \r
 853 .cke_skin_v2 .cke_dialog_contents a.colorChooser .cke_dialog_ui_button\r
 854 {\r
 855         width:100%;\r
 856 }\r
 857 \r
 858 .cke_skin_v2 .cke_rtl .cke_dialog_contents a.colorChooser\r
 859 {\r
 860         margin-right: 10px;\r
 861 }\r