skins/ckeditor/_source/skins/v2/toolbar.css

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