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