_source/skins/office2003/toolbar.css

   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_office2003 .cke_toolbox
   9         {
  10                 display: none;
  11         }
  12 }
  13
  14 .cke_skin_office2003 .cke_browser_webkit .cke_toolbox,
  15 .cke_skin_office2003 .cke_browser_webkit .cke_toolbox > span
  16 {
  17         white-space: normal;
  18 }
  19
  20 .cke_skin_office2003 .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_office2003 a.cke_toolbox_collapser,
  28 .cke_skin_office2003 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 -1026px; /* +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_office2003 .cke_rtl a.cke_toolbox_collapser,
  43 .cke_skin_office2003 .cke_rtl a:hover.cke_toolbox_collapser
  44 {
  45         float: left;
  46 }
  47
  48 .cke_skin_office2003 a.cke_toolbox_collapser span
  49 {
  50         display: none;
  51 }
  52
  53 .cke_skin_office2003 .cke_hc a.cke_toolbox_collapser span
  54 {
  55         font-size: 10px;
  56         font-weight: bold;
  57         font-family: Arial;
  58         display: inline;
  59 }
  60
  61 .cke_skin_office2003 a.cke_toolbox_collapser_min,
  62 .cke_skin_office2003 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 -1047px; /* +4px +3px */
  68         background-repeat: no-repeat;
  69         margin: 2px;
  70 }
  71
  72 .cke_skin_office2003 .cke_rtl a.cke_toolbox_collapser_min,
  73 .cke_skin_office2003 .cke_rtl a:hover.cke_toolbox_collapser_min
  74 {
  75         /* arrowright.gif*/
  76         background-position: 4px -1068px; /* +2px +3px */
  77 }
  78
  79 .cke_skin_office2003 .cke_toolbar
  80 {
  81         background-color: #d6dff7;
  82         background-image: url(images/sprites.png);
  83         _background-image: url(images/sprites_ie6.png);
  84         background-position: 0 -962px;
  85         background-repeat: repeat-x;
  86         display: inline-block;
  87         float: left;
  88         !height: 28px;
  89         !line-height: 28px;
  90 }
  91
  92 .cke_skin_office2003 .cke_rtl .cke_toolbar
  93 {
  94         float: right;
  95 }
  96
  97 .cke_skin_office2003 .cke_toolgroup
  98 {
  99         display: inline-block;
 100         float: left;
 101         height: 28px;
 102 }
 103
 104 .cke_skin_office2003 .cke_browser_ie .cke_toolgroup
 105 {
 106         #float: none;
 107         #display: inline;
 108 }
 109
 110 .cke_skin_office2003 .cke_rtl .cke_toolgroup
 111 {
 112         float: right;
 113 }
 114
 115 .cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolgroup
 116 {
 117         #float: none;
 118 }
 119
 120 .cke_skin_office2003 .cke_separator
 121 {
 122         display: inline-block;
 123         float: left;
 124         border-left: solid 1px #B2CBFF;
 125         margin: 6px 2px;
 126         height: 16px;
 127 }
 128
 129 .cke_skin_office2003 .cke_browser_ie .cke_separator
 130 {
 131         #float: none;
 132         #display: inline;
 133 }
 134
 135 .cke_skin_office2003 .cke_rtl .cke_separator
 136 {
 137         float: right;
 138 }
 139
 140 .cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_separator
 141 {
 142         #float: none;
 143 }
 144
 145 .cke_skin_office2003 .cke_break
 146 {
 147         clear: left;
 148 }
 149
 150 .cke_skin_office2003 .cke_rtl .cke_break
 151 {
 152         clear: right;
 153 }
 154
 155 .cke_skin_office2003 .cke_toolbar_start
 156 {
 157         display: inline-block;
 158         background-image: url(images/sprites.png);
 159         _background-image: url(images/sprites_ie6.png);
 160         background-repeat: no-repeat;
 161         background-position: -27px -765px;
 162         width: 10px;
 163         height: 28px;
 164         float: left;
 165 }
 166
 167 .cke_skin_office2003 .cke_browser_ie .cke_toolbar_start
 168 {
 169         #float: none;
 170         #display: inline;
 171 }
 172
 173 .cke_skin_office2003 .cke_rtl .cke_toolbar_start
 174 {
 175     background-position: -27px -816px;
 176     float: right;
 177 }
 178
 179 .cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_start
 180 {
 181         #float: none;
 182 }
 183
 184 .cke_skin_office2003 .cke_toolbar_end
 185 {
 186         display: inline-block;
 187         background-image: url(images/sprites.png);
 188         _background-image: url(images/sprites_ie6.png);
 189         background-repeat: no-repeat;
 190         background-position: -29px -861px;
 191         width: 4px;
 192         height: 28px;
 193         float: left;
 194 }
 195
 196 .cke_skin_office2003 .cke_browser_ie .cke_toolbar_end
 197 {
 198         #float: none;
 199         #display: inline;
 200 }
 201
 202 .cke_skin_office2003 .cke_rtl .cke_toolbar_end
 203 {
 204     background-position: -29px -907px;
 205     float: right;
 206 }
 207
 208 .cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_end
 209 {
 210         #float: none;
 211 }
 212
 213 /*#7181*/
 214 .cke_skin_office2003 .cke_browser_ie9 .cke_rtl .cke_separator,
 215 .cke_skin_office2003 .cke_browser_ie9 .cke_rtl .cke_toolbar_start,
 216 .cke_skin_office2003 .cke_browser_ie9 .cke_rtl .cke_toolbar_end
 217 {
 218         vertical-align:middle;
 219 }
 220
 221 .cke_skin_office2003 .cke_button a,
 222 .cke_skin_office2003 .cke_button a:hover,
 223 .cke_skin_office2003 .cke_button a:focus,
 224 .cke_skin_office2003 .cke_button a:active,
 225 .cke_skin_office2003 .cke_button a.cke_off
 226 {
 227         border: solid 1px transparent;
 228         border-radius: 3px;
 229         outline: none;
 230         padding-top: 2px;
 231         padding-left: 4px;
 232         padding-right: 4px;
 233         padding-bottom: 2px;
 234         margin-top: 2px;
 235         height: 18px;
 236         vertical-align: top;
 237
 238         _border: none;
 239         _margin: 3px 1px 1px 1px;
 240         cursor: default;
 241         display: inline-block;
 242 }
 243
 244 .cke_skin_office2003 .cke_button a,
 245 .cke_skin_office2003 .cke_button a.cke_off
 246 {
 247         filter: alpha(opacity=70); /* IE */
 248         opacity: 0.70; /* Safari, Opera and Mozilla */
 249         -moz-border-radius: 3px;
 250         -webkit-border-radius: 3px;
 251 }
 252
 253 .cke_skin_office2003 .cke_hc .cke_button a,
 254 .cke_skin_office2003 .cke_hc .cke_button a.cke_off
 255 {
 256         opacity: 1.0;
 257         filter: alpha(opacity=100);
 258         _border: 1px solid transparent;
 259 }
 260
 261 .cke_skin_office2003 .cke_button a.cke_on
 262 {
 263         border: solid 1px #316ac5;
 264         background-color: #c1d2ee;
 265         filter: alpha(opacity=100); /* IE */
 266         opacity: 1; /* Safari, Opera and Mozilla */
 267
 268         _margin: 2px 0 0 0;
 269 }
 270
 271 .cke_skin_office2003 .cke_hc .cke_button a:hover,
 272 .cke_skin_office2003 .cke_hc .cke_button a:focus,
 273 .cke_skin_office2003 .cke_hc .cke_button a:active       /* IE */
 274 {
 275         padding: 0 2px !important;
 276         border-width: 3px;
 277 }
 278
 279 .cke_skin_office2003 .cke_button a.cke_disabled *
 280 {
 281         filter: alpha(opacity=30); /* IE */
 282         opacity: 0.3; /* Safari, Opera and Mozilla */
 283 }
 284
 285 /* IE with zoom != 100% will distort the icons otherwise #4821 */
 286 .cke_skin_office2003 .cke_browser_ie .cke_button a.cke_disabled *,
 287 .cke_skin_office2003 .cke_browser_ie a:hover.cke_button .cke_disabled *
 288 {
 289         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=30);
 290 }
 291 .cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_button a.cke_disabled *,
 292 .cke_skin_office2003 .cke_browser_ie .cke_rtl a:hover.cke_button .cke_disabled *
 293 {
 294         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=30);
 295 }
 296 .cke_skin_office2003 .cke_browser_ie6 .cke_button a.cke_disabled *,
 297 .cke_skin_office2003 .cke_browser_ie6 a:hover.cke_button .cke_disabled *,
 298 .cke_skin_office2003 .cke_browser_ie .cke_button.cke_noalphafix a.cke_disabled *
 299 {
 300         filter: alpha(opacity=30);
 301 }
 302
 303 .cke_skin_office2003 .cke_hc .cke_button a.cke_disabled *,
 304 .cke_skin_office2003 .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled *
 305 {
 306         filter: alpha(opacity=60);
 307         opacity: 0.6;
 308 }
 309
 310 .cke_skin_office2003 .cke_button a:hover,
 311 .cke_skin_office2003 .cke_button a:focus,
 312 .cke_skin_office2003 .cke_button a:active       /* IE */
 313 {
 314         border: solid 1px #316ac5;
 315         background-color: #dff1ff;
 316         filter: alpha(opacity=100); /* IE */
 317         opacity: 1; /* Safari, Opera and Mozilla */
 318         vertical-align: top;
 319
 320         _margin: 2px 0 0 0;
 321         padding: 2px 4px;
 322 }
 323
 324 .cke_skin_office2003 .cke_button .cke_icon
 325 {
 326         background-image: url(icons.png);
 327         background-position: 100px;
 328         background-repeat:no-repeat;
 329         margin-top:1px;
 330         width: 16px;
 331         height: 16px;
 332         display: inline-block;
 333         cursor: default;
 334 }
 335
 336 .cke_skin_office2003 .cke_rtl .cke_button .cke_icon
 337 {
 338         background-image: url(icons_rtl.png);
 339 }
 340
 341 /* IE with zoom != 100% will distort the icons otherwise #4821 */
 342 .cke_skin_office2003 .cke_browser_ie .cke_button .cke_icon
 343 {
 344         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
 345 }
 346 .cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_button .cke_icon
 347 {
 348         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
 349 }
 350 .cke_skin_office2003 .cke_browser_ie6 .cke_button .cke_icon,
 351 .cke_skin_office2003 .cke_browser_ie6 .cke_rtl .cke_button .cke_icon,
 352 .cke_skin_office2003 .cke_browser_ie .cke_button.cke_noalphafix .cke_icon,
 353 .cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_button.cke_noalphafix .cke_icon
 354 {
 355         filter: ;
 356 }
 357
 358 .cke_skin_office2003 .cke_button .cke_label
 359 {
 360         display: none;
 361         padding-left: 3px;
 362         cursor: default;
 363         vertical-align:middle;
 364         _background-image: url(images/sprites_ie6.png);
 365         _background-position: 0 -970px;
 366         _background-repeat: repeat-x;
 367 }
 368
 369 .cke_skin_office2003 .cke_button a:hover .cke_label
 370 {
 371         _background-color: #dff1ff;
 372         _background-image: none;
 373 }
 374
 375 .cke_skin_office2003 .cke_button a.cke_on .cke_label
 376 {
 377         _background-color: #c1d2ee;
 378         _background-image: none;
 379 }
 380
 381 .cke_skin_office2003 .cke_hc .cke_button .cke_label
 382 {
 383         padding: 0;
 384         display: inline-block;
 385 }
 386
 387 .cke_skin_office2003 .cke_hc .cke_button .cke_icon
 388 {
 389         display: none;
 390 }
 391
 392 .cke_skin_office2003 .cke_accessibility
 393 {
 394         position: absolute;
 395         display: block;
 396         width: 0;
 397         height: 0;
 398         overflow: hidden;
 399 }
 400
 401 .cke_skin_office2003 .cke_button .cke_buttonarrow
 402 {
 403         display: inline-block;
 404         height: 18px;
 405         width: 8px;
 406         background-position: 2px -1004px;
 407         background-image: url(images/sprites.png);
 408         _background-image: url(images/sprites_ie6.png);
 409         background-repeat: no-repeat;
 410         cursor: default;
 411 }
 412
 413 /* IE with zoom != 100% will distort the icons otherwise #4821 */
 414 .cke_skin_office2003 .cke_browser_ie .cke_button .cke_buttonarrow
 415 {
 416         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
 417 }
 418 .cke_skin_office2003 .cke_browser_ie6 .cke_button .cke_buttonarrow
 419 {
 420         filter: ;
 421 }
 422
 423 .cke_skin_office2003 .cke_rtl .cke_button .cke_buttonarrow
 424 {
 425         background-position: 0 -1004px;
 426 }
 427
 428 /*** Firefox 2 ***/
 429
 430 .cke_skin_office2003 .cke_browser_gecko18 .cke_toolbar,
 431 .cke_skin_office2003 .cke_browser_gecko18 .cke_button a,
 432 .cke_skin_office2003 .cke_browser_gecko18 .cke_button a.cke_off,
 433 .cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_icon,
 434 .cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_buttonarrow,
 435 .cke_skin_office2003 .cke_browser_gecko18 .cke_separator,
 436 .cke_skin_office2003 .cke_browser_gecko18 .cke_toolbar_start,
 437 .cke_skin_office2003 .cke_browser_gecko18 .cke_toolbar_end
 438 {
 439         display: block;
 440         float: left;
 441 }
 442
 443 .cke_skin_office2003 .cke_browser_gecko18 .cke_hc .cke_button .cke_icon
 444 {
 445         display: none;
 446 }
 447
 448 .cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_toolbar,
 449 .cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button a,
 450 .cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button a.cke_off,
 451 .cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button .cke_icon,
 452 .cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button .cke_buttonarrow,
 453 .cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_separator,
 454 .cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_toolbar_start,
 455 .cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_toolbar_end
 456 {
 457         float: right;
 458 }
 459
 460 .cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_label,
 461 .cke_skin_office2003 .cke_browser_gecko18 .cke_break
 462 {
 463         float: left;
 464 }
 465
 466 .cke_skin_office2003 .cke_browser_gecko18 .cke_rtl span.cke_inline_label
 467 {
 468         float: right;
 469 }
 470
 471 .cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_button .cke_label,
 472 .cke_skin_office2003 .cke_browser_gecko18 .cke_rtl .cke_break
 473 {
 474         float: right;
 475 }
 476
 477 .cke_skin_office2003 .cke_browser_gecko18 .cke_separator
 478 {
 479         margin-top: 4px;
 480 }
 481
 482 .cke_skin_office2003 .cke_browser_gecko18 .cke_button .cke_label
 483 {
 484         padding-top: 3px;
 485 }
 486
 487 /*** IE6 ***/
 488
 489 .cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolgroup,
 490 .cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_separator,
 491 .cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_start,
 492 .cke_skin_office2003 .cke_browser_ie .cke_rtl .cke_toolbar_end
 493 {
 494         float: none;
 495 }
 496
 497 /*** IE8 ***/
 498
 499 .cke_skin_office2003 .cke_browser_ie8 .cke_toolbar,
 500 .cke_skin_office2003 .cke_browser_ie8 .cke_toolgroup
 501 {
 502         vertical-align: top;
 503 }
 504
 505 .cke_skin_office2003 .cke_browser_iequirks.cke_browser_ie8 .cke_toolbar,
 506 .cke_skin_office2003 .cke_browser_iequirks.cke_browser_ie8 .cke_toolgroup
 507 {
 508         /* revert previous */
 509         vertical-align: baseline;
 510 }
 511
 512 /* Separator + Combo penetrate toolbar in IE quirks. (#4461) */
 513 .cke_skin_office2003 .cke_browser_iequirks .cke_separator
 514 {
 515         vertical-align: text-bottom;
 516 }
 517 /* Fix cursor shape consistency on toolbar combos (#4031) */
 518 .cke_skin_office2003 .cke_browser_ie .cke_rcombo,
 519 .cke_skin_office2003 .cke_browser_ie .cke_rcombo *
 520 {
 521         cursor: default;
 522 }