_source/skins/v2/toolbar.css

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