_source/skins/kama/dialog.css

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