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