_source/skins/office2003/toolbar.css

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