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