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