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