[239] | 1 | /*
|
---|
| 2 | Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
|
---|
| 3 | For licensing, see LICENSE.html or http://ckeditor.com/license
|
---|
| 4 | */
|
---|
| 5 |
|
---|
| 6 | @media print
|
---|
| 7 | {
|
---|
| 8 | .cke_skin_v2 .cke_toolbox
|
---|
| 9 | {
|
---|
| 10 | display: none;
|
---|
| 11 | }
|
---|
| 12 | }
|
---|
| 13 |
|
---|
| 14 | .cke_skin_v2 .cke_browser_webkit .cke_toolbox,
|
---|
| 15 | .cke_skin_v2 .cke_browser_webkit .cke_toolbox > span
|
---|
| 16 | {
|
---|
| 17 | white-space: normal;
|
---|
| 18 | }
|
---|
| 19 |
|
---|
| 20 | .cke_skin_v2 .cke_toolbox
|
---|
| 21 | {
|
---|
| 22 | clear: both;
|
---|
| 23 | /* Define the padding-bottom otherwise the collapser button will not be clickable #4932*/
|
---|
| 24 | padding-bottom: 1px;
|
---|
| 25 | }
|
---|
| 26 |
|
---|
| 27 | .cke_skin_v2 a.cke_toolbox_collapser,
|
---|
| 28 | .cke_skin_v2 a:hover.cke_toolbox_collapser
|
---|
| 29 | {
|
---|
| 30 | background-image: url(images/sprites.png);
|
---|
| 31 | _background-image: url(images/sprites_ie6.png);
|
---|
| 32 | background-position: 3px -739px; /* +3px +4px */
|
---|
| 33 | background-repeat: no-repeat;
|
---|
| 34 | width: 11px;
|
---|
| 35 | height: 11px;
|
---|
| 36 | float: right;
|
---|
| 37 | border: outset 1px;
|
---|
| 38 | margin: 11px 2px 2px;
|
---|
| 39 | cursor: pointer;
|
---|
| 40 | }
|
---|
| 41 |
|
---|
| 42 | .cke_skin_v2 a.cke_toolbox_collapser span
|
---|
| 43 | {
|
---|
| 44 | display: none;
|
---|
| 45 | }
|
---|
| 46 |
|
---|
| 47 | .cke_skin_v2 .cke_hc a.cke_toolbox_collapser span
|
---|
| 48 | {
|
---|
| 49 | font-size: 10px;
|
---|
| 50 | font-weight: bold;
|
---|
| 51 | font-family: Arial;
|
---|
| 52 | display: inline;
|
---|
| 53 | }
|
---|
| 54 |
|
---|
| 55 | .cke_skin_v2 .cke_rtl a.cke_toolbox_collapser,
|
---|
| 56 | .cke_skin_v2 .cke_rtl a:hover.cke_toolbox_collapser
|
---|
| 57 | {
|
---|
| 58 | float: left;
|
---|
| 59 | }
|
---|
| 60 |
|
---|
| 61 | .cke_skin_v2 a.cke_toolbox_collapser_min,
|
---|
| 62 | .cke_skin_v2 a:hover.cke_toolbox_collapser_min
|
---|
| 63 | {
|
---|
| 64 | /* arrowleft.gif*/
|
---|
| 65 | background-image: url(images/sprites.png);
|
---|
| 66 | _background-image: url(images/sprites_ie6.png);
|
---|
| 67 | background-position: 4px -760px; /* +4px +3px */
|
---|
| 68 | background-repeat: no-repeat;
|
---|
| 69 | margin: 2px;
|
---|
| 70 | }
|
---|
| 71 |
|
---|
| 72 | .cke_skin_v2 .cke_rtl a.cke_toolbox_collapser_min,
|
---|
| 73 | .cke_skin_v2 .cke_rtl a:hover.cke_toolbox_collapser_min
|
---|
| 74 | {
|
---|
| 75 | /* arrowright.gif*/
|
---|
| 76 | background-position: 4px -781px; /* +2px +3px */
|
---|
| 77 | }
|
---|
| 78 |
|
---|
| 79 | .cke_skin_v2 .cke_toolbar
|
---|
| 80 | {
|
---|
| 81 | padding-top: 1px;
|
---|
| 82 | padding-bottom: 1px;
|
---|
| 83 | display: inline-block;
|
---|
| 84 | float: left;
|
---|
| 85 | }
|
---|
| 86 |
|
---|
| 87 | .cke_skin_v2 .cke_rtl .cke_toolbar
|
---|
| 88 | {
|
---|
| 89 | float: right;
|
---|
| 90 | }
|
---|
| 91 |
|
---|
| 92 | .cke_skin_v2 .cke_toolgroup
|
---|
| 93 | {
|
---|
| 94 | display: inline-block;
|
---|
| 95 | float: left;
|
---|
| 96 | }
|
---|
| 97 |
|
---|
| 98 | .cke_skin_v2 .cke_browser_ie .cke_toolgroup
|
---|
| 99 | {
|
---|
| 100 | #float: none;
|
---|
| 101 | #display: inline;
|
---|
| 102 | }
|
---|
| 103 |
|
---|
| 104 | .cke_skin_v2 .cke_rtl .cke_toolgroup
|
---|
| 105 | {
|
---|
| 106 | float: right;
|
---|
| 107 | }
|
---|
| 108 |
|
---|
| 109 | .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolgroup
|
---|
| 110 | {
|
---|
| 111 | #float: none;
|
---|
| 112 | }
|
---|
| 113 |
|
---|
| 114 | .cke_skin_v2 .cke_separator
|
---|
| 115 | {
|
---|
| 116 | display: inline-block;
|
---|
| 117 | float: left;
|
---|
| 118 | border-left: solid 1px #999;
|
---|
| 119 | margin: 4px 2px;
|
---|
| 120 | height: 16px;
|
---|
| 121 | }
|
---|
| 122 |
|
---|
| 123 | .cke_skin_v2 .cke_browser_ie .cke_separator
|
---|
| 124 | {
|
---|
| 125 | #float: none;
|
---|
| 126 | #display: inline;
|
---|
| 127 | }
|
---|
| 128 |
|
---|
| 129 | .cke_skin_v2 .cke_rtl .cke_separator
|
---|
| 130 | {
|
---|
| 131 | float: right;
|
---|
| 132 | }
|
---|
| 133 |
|
---|
| 134 | .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_separator
|
---|
| 135 | {
|
---|
| 136 | #float: none;
|
---|
| 137 | }
|
---|
| 138 |
|
---|
| 139 | .cke_skin_v2 .cke_break
|
---|
| 140 | {
|
---|
| 141 | clear: left;
|
---|
| 142 | }
|
---|
| 143 |
|
---|
| 144 | .cke_skin_v2 .cke_rtl .cke_break
|
---|
| 145 | {
|
---|
| 146 | clear: right;
|
---|
| 147 | }
|
---|
| 148 |
|
---|
| 149 | .cke_skin_v2 .cke_toolbar_start
|
---|
| 150 | {
|
---|
| 151 | display: inline-block;
|
---|
| 152 | background-image: url(images/toolbar_start.gif);
|
---|
| 153 | background-repeat: no-repeat;
|
---|
| 154 | margin: 4px 2px 0 2px;
|
---|
| 155 | width: 3px;
|
---|
| 156 | height: 20px;
|
---|
| 157 | float: left;
|
---|
| 158 | }
|
---|
| 159 |
|
---|
| 160 | .cke_skin_v2 .cke_browser_ie .cke_toolbar_start
|
---|
| 161 | {
|
---|
| 162 | #float: none;
|
---|
| 163 | #display: inline;
|
---|
| 164 | }
|
---|
| 165 |
|
---|
| 166 | .cke_skin_v2 .cke_rtl .cke_toolbar_start
|
---|
| 167 | {
|
---|
| 168 | float: right;
|
---|
| 169 | }
|
---|
| 170 |
|
---|
| 171 | .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_start
|
---|
| 172 | {
|
---|
| 173 | #float: none;
|
---|
| 174 | }
|
---|
| 175 |
|
---|
| 176 | .cke_skin_v2 .cke_toolbar_end
|
---|
| 177 | {
|
---|
| 178 | display: inline-block;
|
---|
| 179 | float: left;
|
---|
| 180 | }
|
---|
| 181 |
|
---|
| 182 | .cke_skin_v2 .cke_browser_ie .cke_toolbar_end
|
---|
| 183 | {
|
---|
| 184 | #float: none;
|
---|
| 185 | #display: inline
|
---|
| 186 | }
|
---|
| 187 |
|
---|
| 188 | .cke_skin_v2 .cke_rtl .cke_toolbar_end
|
---|
| 189 | {
|
---|
| 190 | float: right;
|
---|
| 191 | }
|
---|
| 192 |
|
---|
| 193 | .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_end
|
---|
| 194 | {
|
---|
| 195 | #float: none;
|
---|
| 196 | }
|
---|
| 197 |
|
---|
| 198 | /*#7181*/
|
---|
| 199 | .cke_skin_v2 .cke_browser_ie9 .cke_rtl .cke_separator,
|
---|
| 200 | .cke_skin_v2 .cke_browser_ie9 .cke_rtl .cke_toolbar_start,
|
---|
| 201 | .cke_skin_v2 .cke_browser_ie9 .cke_rtl .cke_toolbar_end
|
---|
| 202 | {
|
---|
| 203 | vertical-align:middle;
|
---|
| 204 | }
|
---|
| 205 |
|
---|
| 206 | .cke_skin_v2 .cke_button a,
|
---|
| 207 | .cke_skin_v2 .cke_button a:hover,
|
---|
| 208 | .cke_skin_v2 .cke_button a:focus,
|
---|
| 209 | .cke_skin_v2 .cke_button a:active,
|
---|
| 210 | .cke_skin_v2 .cke_button a.cke_off
|
---|
| 211 | {
|
---|
| 212 | border: solid 1px #efefde;
|
---|
| 213 | display: inline-block;
|
---|
| 214 | border-radius: 3px;
|
---|
| 215 | outline: none;
|
---|
| 216 | padding-top: 2px;
|
---|
| 217 | padding-left: 4px;
|
---|
| 218 | padding-right: 4px;
|
---|
| 219 | padding-bottom: 2px;
|
---|
| 220 | height: 18px;
|
---|
| 221 | cursor: default;
|
---|
| 222 | }
|
---|
| 223 |
|
---|
| 224 | .cke_skin_v2 .cke_button a,
|
---|
| 225 | .cke_skin_v2 .cke_button a.cke_off
|
---|
| 226 | {
|
---|
| 227 | background-color: #efefde;
|
---|
| 228 | filter: alpha(opacity=70); /* IE */
|
---|
| 229 | opacity: 0.70; /* Safari, Opera and Mozilla */
|
---|
| 230 | -moz-border-radius: 3px;
|
---|
| 231 | -webkit-border-radius: 3px;
|
---|
| 232 | }
|
---|
| 233 |
|
---|
| 234 | .cke_skin_v2 .cke_hc .cke_button a,
|
---|
| 235 | .cke_skin_v2 .cke_hc .cke_button a.cke_off
|
---|
| 236 | {
|
---|
| 237 | opacity: 1.0;
|
---|
| 238 | filter: alpha(opacity=100);
|
---|
| 239 | }
|
---|
| 240 |
|
---|
| 241 | .cke_skin_v2 .cke_button a.cke_on
|
---|
| 242 | {
|
---|
| 243 | border: solid 1px #316ac5;
|
---|
| 244 | background-color: #a3d7ff;
|
---|
| 245 | filter: alpha(opacity=100); /* IE */
|
---|
| 246 | opacity: 1; /* Safari, Opera and Mozilla */
|
---|
| 247 | }
|
---|
| 248 |
|
---|
| 249 | .cke_skin_v2 .cke_button a.cke_disabled *
|
---|
| 250 | {
|
---|
| 251 | filter: alpha(opacity=30); /* IE */
|
---|
| 252 | opacity: 0.3; /* Safari, Opera and Mozilla */
|
---|
| 253 | }
|
---|
| 254 |
|
---|
| 255 | /* IE with zoom != 100% will distort the icons otherwise #4821 */
|
---|
| 256 | .cke_skin_v2 .cke_browser_ie .cke_button a.cke_disabled *,
|
---|
| 257 | .cke_skin_v2 .cke_browser_ie a:hover.cke_button .cke_disabled *
|
---|
| 258 | {
|
---|
| 259 | filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=30);
|
---|
| 260 | }
|
---|
| 261 | .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_button a.cke_disabled *,
|
---|
| 262 | .cke_skin_v2 .cke_browser_ie .cke_rtl a:hover.cke_button .cke_disabled *
|
---|
| 263 | {
|
---|
| 264 | filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=30);
|
---|
| 265 | }
|
---|
| 266 | .cke_skin_v2 .cke_browser_ie6 .cke_button a.cke_disabled *,
|
---|
| 267 | .cke_skin_v2 .cke_browser_ie6 a:hover.cke_button .cke_disabled *,
|
---|
| 268 | .cke_skin_v2 .cke_browser_ie .cke_button.cke_noalphafix a.cke_disabled *
|
---|
| 269 | {
|
---|
| 270 | filter: alpha(opacity=30);
|
---|
| 271 | }
|
---|
| 272 |
|
---|
| 273 | .cke_skin_v2 .cke_hc .cke_button a.cke_disabled *,
|
---|
| 274 | .cke_skin_v2 .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled *
|
---|
| 275 | {
|
---|
| 276 | filter: alpha(opacity=60);
|
---|
| 277 | opacity: 0.6;
|
---|
| 278 | }
|
---|
| 279 |
|
---|
| 280 | .cke_skin_v2 .cke_button a:hover,
|
---|
| 281 | .cke_skin_v2 .cke_button a:focus,
|
---|
| 282 | .cke_skin_v2 .cke_button a:active /* IE */
|
---|
| 283 | {
|
---|
| 284 | border: solid 1px #316ac5;
|
---|
| 285 | background-color: #dff1ff;
|
---|
| 286 | padding: 2px 4px;
|
---|
| 287 | }
|
---|
| 288 |
|
---|
| 289 | .cke_skin_v2 .cke_hc .cke_button a:hover,
|
---|
| 290 | .cke_skin_v2 .cke_hc .cke_button a:focus,
|
---|
| 291 | .cke_skin_v2 .cke_hc .cke_button a:active /* IE */
|
---|
| 292 | {
|
---|
| 293 | padding: 0 2px !important;
|
---|
| 294 | border-width: 3px;
|
---|
| 295 | }
|
---|
| 296 |
|
---|
| 297 | .cke_skin_v2 .cke_button .cke_icon
|
---|
| 298 | {
|
---|
| 299 | background-image: url(icons.png);
|
---|
| 300 | background-position: 100px;
|
---|
| 301 | background-repeat:no-repeat;
|
---|
| 302 | margin-top:1px;
|
---|
| 303 | width: 16px;
|
---|
| 304 | height: 16px;
|
---|
| 305 | display: inline-block;
|
---|
| 306 | cursor: default;
|
---|
| 307 | }
|
---|
| 308 |
|
---|
| 309 | .cke_skin_v2 .cke_rtl .cke_button .cke_icon
|
---|
| 310 | {
|
---|
| 311 | background-image: url(icons_rtl.png);
|
---|
| 312 | }
|
---|
| 313 |
|
---|
| 314 | /* IE with zoom != 100% will distort the icons otherwise #4821 */
|
---|
| 315 | .cke_skin_v2 .cke_browser_ie .cke_button .cke_icon
|
---|
| 316 | {
|
---|
| 317 | filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
|
---|
| 318 | }
|
---|
| 319 | .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_button .cke_icon
|
---|
| 320 | {
|
---|
| 321 | filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
|
---|
| 322 | }
|
---|
| 323 | .cke_skin_v2 .cke_browser_ie6 .cke_button .cke_icon,
|
---|
| 324 | .cke_skin_v2 .cke_browser_ie6 .cke_rtl .cke_button .cke_icon,
|
---|
| 325 | .cke_skin_v2 .cke_browser_ie .cke_button.cke_noalphafix .cke_icon,
|
---|
| 326 | .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_button.cke_noalphafix .cke_icon
|
---|
| 327 | {
|
---|
| 328 | filter: ;
|
---|
| 329 | }
|
---|
| 330 |
|
---|
| 331 | .cke_skin_v2 .cke_button .cke_label
|
---|
| 332 | {
|
---|
| 333 | cursor: default;
|
---|
| 334 | display: none;
|
---|
| 335 | padding-left: 3px;
|
---|
| 336 | vertical-align:middle;
|
---|
| 337 | }
|
---|
| 338 |
|
---|
| 339 | .cke_skin_v2 .cke_hc .cke_button .cke_label
|
---|
| 340 | {
|
---|
| 341 | padding: 0;
|
---|
| 342 | display: inline-block;
|
---|
| 343 | }
|
---|
| 344 |
|
---|
| 345 | .cke_skin_v2 .cke_hc .cke_button .cke_icon
|
---|
| 346 | {
|
---|
| 347 | display: none;
|
---|
| 348 | }
|
---|
| 349 |
|
---|
| 350 | .cke_skin_v2 .cke_accessibility
|
---|
| 351 | {
|
---|
| 352 | position: absolute;
|
---|
| 353 | display: block;
|
---|
| 354 | width: 0;
|
---|
| 355 | height: 0;
|
---|
| 356 | overflow: hidden;
|
---|
| 357 | }
|
---|
| 358 |
|
---|
| 359 | .cke_skin_v2 .cke_button .cke_buttonarrow
|
---|
| 360 | {
|
---|
| 361 | display: inline-block;
|
---|
| 362 | height: 17px;
|
---|
| 363 | width: 8px;
|
---|
| 364 | background-position: 2px -717px;
|
---|
| 365 | background-image: url(images/sprites.png);
|
---|
| 366 | _background-image: url(images/sprites_ie6.png);
|
---|
| 367 | background-repeat: no-repeat;
|
---|
| 368 | cursor: default;
|
---|
| 369 | }
|
---|
| 370 |
|
---|
| 371 | .cke_skin_v2 .cke_rtl .cke_button .cke_buttonarrow
|
---|
| 372 | {
|
---|
| 373 | background-position: 0 -717px;
|
---|
| 374 | background-image: url(images/sprites.png);
|
---|
| 375 | _background-image: url(images/sprites_ie6.png);
|
---|
| 376 | }
|
---|
| 377 |
|
---|
| 378 | /*** Firefox 2 ***/
|
---|
| 379 |
|
---|
| 380 | .cke_skin_v2 .cke_browser_gecko18 .cke_toolbar,
|
---|
| 381 | .cke_skin_v2 .cke_browser_gecko18 .cke_button a,
|
---|
| 382 | .cke_skin_v2 .cke_browser_gecko18 .cke_button a.cke_off,
|
---|
| 383 | .cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_icon,
|
---|
| 384 | .cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_buttonarrow,
|
---|
| 385 | .cke_skin_v2 .cke_browser_gecko18 .cke_separator,
|
---|
| 386 | .cke_skin_v2 .cke_browser_gecko18 .cke_toolbar_start
|
---|
| 387 | {
|
---|
| 388 | display: block;
|
---|
| 389 | float: left;
|
---|
| 390 | }
|
---|
| 391 |
|
---|
| 392 | .cke_skin_v2 .cke_browser_gecko18 .cke_hc .cke_button .cke_icon
|
---|
| 393 | {
|
---|
| 394 | display: none;
|
---|
| 395 | }
|
---|
| 396 |
|
---|
| 397 | .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_toolbar,
|
---|
| 398 | .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button a,
|
---|
| 399 | .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button a.cke_off,
|
---|
| 400 | .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_icon,
|
---|
| 401 | .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_buttonarrow,
|
---|
| 402 | .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_separator,
|
---|
| 403 | .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_toolbar_start
|
---|
| 404 | {
|
---|
| 405 | float: right;
|
---|
| 406 | }
|
---|
| 407 |
|
---|
| 408 | .cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_label,
|
---|
| 409 | .cke_skin_v2 .cke_browser_gecko18 .cke_break
|
---|
| 410 | {
|
---|
| 411 | float: left;
|
---|
| 412 | }
|
---|
| 413 |
|
---|
| 414 | .cke_skin_v2 .cke_browser_gecko18 .cke_rtl span.cke_inline_label
|
---|
| 415 | {
|
---|
| 416 | float: right;
|
---|
| 417 | }
|
---|
| 418 |
|
---|
| 419 | .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_label,
|
---|
| 420 | .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_break
|
---|
| 421 | {
|
---|
| 422 | float: right;
|
---|
| 423 | }
|
---|
| 424 |
|
---|
| 425 | .cke_skin_v2 .cke_browser_gecko18 .cke_separator
|
---|
| 426 | {
|
---|
| 427 | margin-top: 4px;
|
---|
| 428 | }
|
---|
| 429 |
|
---|
| 430 | .cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_label
|
---|
| 431 | {
|
---|
| 432 | padding-top: 3px;
|
---|
| 433 | }
|
---|
| 434 |
|
---|
| 435 | /*** IE6 ***/
|
---|
| 436 |
|
---|
| 437 | .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolgroup,
|
---|
| 438 | .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_separator,
|
---|
| 439 | .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_start,
|
---|
| 440 | .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_end
|
---|
| 441 | {
|
---|
| 442 | float: none;
|
---|
| 443 | }
|
---|
| 444 |
|
---|
| 445 | /*** IE8 ***/
|
---|
| 446 |
|
---|
| 447 | .cke_skin_v2 .cke_browser_ie8 .cke_toolbar,
|
---|
| 448 | .cke_skin_v2 .cke_browser_ie8 .cke_toolgroup
|
---|
| 449 | {
|
---|
| 450 | vertical-align: top;
|
---|
| 451 | }
|
---|
| 452 |
|
---|
| 453 | .cke_skin_v2 .cke_browser_iequirks.cke_browser_ie8 .cke_toolbar,
|
---|
| 454 | .cke_skin_v2 .cke_browser_iequirks.cke_browser_ie8 .cke_toolgroup
|
---|
| 455 | {
|
---|
| 456 | /* revert previous */
|
---|
| 457 | vertical-align: baseline;
|
---|
| 458 | }
|
---|
| 459 |
|
---|
| 460 | /* Fix cursor shape consistency on toolbar combos (#4031) */
|
---|
| 461 | .cke_skin_v2 .cke_browser_ie .cke_rcombo,
|
---|
| 462 | .cke_skin_v2 .cke_browser_ie .cke_rcombo *
|
---|
| 463 | {
|
---|
| 464 | cursor: default;
|
---|
| 465 | }
|
---|