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