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