_source/skins/office2003/toolbar.css

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