_source/skins/office2003/toolbar.css

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