_source/skins/kama/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         /* For printing, we simply hide the toolbar */\r
   9 \r
  10         .cke_skin_kama .cke_toolbox\r
  11         {\r
  12                 display: none;\r
  13         }\r
  14 }\r
  15 \r
  16 .cke_skin_kama .cke_browser_webkit .cke_toolbox,\r
  17 .cke_skin_kama .cke_browser_webkit .cke_toolbox > span\r
  18 {\r
  19         white-space: normal;\r
  20 }\r
  21 \r
  22 .cke_skin_kama .cke_toolbox\r
  23 {\r
  24         clear: both;\r
  25         padding: 5px 3px 5px 6px;\r
  26 }\r
  27 \r
  28 .cke_skin_kama .cke_rtl .cke_toolbox\r
  29 {\r
  30         padding: 5px 6px 5px 3px;\r
  31 }\r
  32 \r
  33 .cke_skin_kama a.cke_toolbox_collapser,\r
  34 .cke_skin_kama a:hover.cke_toolbox_collapser\r
  35 {\r
  36         /* arrowtop.gif */\r
  37         background-image: url(images/sprites.png);\r
  38         _background-image: url(images/sprites_ie6.png);\r
  39         background-position: 3px -1366px; /* +3px +4px */\r
  40         background-repeat: no-repeat;\r
  41         width: 11px;\r
  42         height: 11px;\r
  43         float: right;\r
  44         border: 1px outset #D3D3D3;\r
  45         margin: 11px 4px 2px;\r
  46         cursor: pointer;\r
  47 }\r
  48 \r
  49 .cke_skin_kama .cke_rtl a.cke_toolbox_collapser,\r
  50 .cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser\r
  51 {\r
  52         float: left;\r
  53 }\r
  54 \r
  55 .cke_skin_kama a.cke_toolbox_collapser_min,\r
  56 .cke_skin_kama a:hover.cke_toolbox_collapser_min\r
  57 {\r
  58         /* arrowleft.gif*/\r
  59         background-image: url(images/sprites.png);\r
  60         _background-image: url(images/sprites_ie6.png);\r
  61         background-position: 4px -1387px; /* +4px +3px */\r
  62         background-repeat: no-repeat;\r
  63         margin: 2px 4px;\r
  64 }\r
  65 \r
  66 .cke_skin_kama .cke_rtl a.cke_toolbox_collapser_min,\r
  67 .cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser_min\r
  68 {\r
  69         /* arrowright.gif*/\r
  70         background-position: 4px -1408px; /* +2px +3px */\r
  71 }\r
  72 \r
  73 .cke_skin_kama .cke_toolbar\r
  74 {\r
  75         display: inline;\r
  76 }\r
  77 \r
  78 .cke_skin_kama .cke_separator\r
  79 {\r
  80         display: none;\r
  81 }\r
  82 \r
  83 .cke_skin_kama .cke_break\r
  84 {\r
  85         font-size: 0;\r
  86         clear: left;\r
  87 }\r
  88 \r
  89 .cke_skin_kama .cke_rtl .cke_break\r
  90 {\r
  91         clear: right;\r
  92 }\r
  93 \r
  94 .cke_skin_kama .cke_toolbar_start\r
  95 {\r
  96         display: none;\r
  97 }\r
  98 \r
  99 .cke_skin_kama .cke_toolgroup\r
 100 {\r
 101         -moz-border-radius:5px;\r
 102         -webkit-border-radius: 5px;\r
 103         border-radius: 5px;\r
 104         background-image: url(images/sprites.png);\r
 105         _background-image: url(images/sprites_ie6.png);\r
 106         background-repeat: repeat-x;\r
 107         background-position: 0 -500px;\r
 108         float: left;\r
 109         margin-right: 6px;\r
 110         margin-bottom: 5px;\r
 111         padding: 2px;\r
 112         display: inline;\r
 113 }\r
 114 \r
 115 .cke_skin_kama .cke_rtl .cke_toolgroup\r
 116 {\r
 117         float: right;\r
 118         margin-right: 0;\r
 119         margin-left: 6px;\r
 120 }\r
 121 \r
 122 .cke_skin_kama .cke_button a,\r
 123 .cke_skin_kama .cke_button a:hover,\r
 124 .cke_skin_kama .cke_button a:focus,\r
 125 .cke_skin_kama .cke_button a:active,\r
 126 .cke_skin_kama .cke_button a.cke_off\r
 127 {\r
 128         border-radius: 3px;\r
 129         outline: none;\r
 130         padding: 2px 4px;\r
 131         height: 18px;\r
 132         display: inline-block;\r
 133         cursor: default;\r
 134 }\r
 135 \r
 136 .cke_skin_kama .cke_button a,\r
 137 .cke_skin_kama .cke_button a.cke_off\r
 138 {\r
 139         filter: alpha(opacity=70); /* IE */\r
 140         opacity: 0.70; /* Safari, Opera and Mozilla */\r
 141         -moz-border-radius: 3px;\r
 142         -webkit-border-radius: 3px;\r
 143 }\r
 144 \r
 145 .cke_skin_kama .cke_hc .cke_button a,\r
 146 .cke_skin_kama .cke_hc .cke_button a.cke_off\r
 147 {\r
 148         opacity: 1.0;\r
 149         filter: alpha(opacity=100);\r
 150         border: 1px solid white;\r
 151 }\r
 152 \r
 153 .cke_skin_kama .cke_button a.cke_on\r
 154 {\r
 155         background-color: #a3d7ff;\r
 156         filter: alpha(opacity=100); /* IE */\r
 157         opacity: 1; /* Safari, Opera and Mozilla */\r
 158         padding: 2px 4px;\r
 159 }\r
 160 \r
 161 .cke_skin_kama .cke_hc .cke_button a.cke_on\r
 162 {\r
 163         padding: 0 2px !important;\r
 164         border-width: 3px;\r
 165 }\r
 166 \r
 167 .cke_skin_kama .cke_button a.cke_disabled,\r
 168 .cke_skin_kama .cke_browser_ie a:hover.cke_button .cke_disabled\r
 169 {\r
 170         filter: alpha(opacity=30); /* IE */\r
 171         opacity: 0.3; /* Safari, Opera and Mozilla */\r
 172 }\r
 173 \r
 174 .cke_skin_kama .cke_hc .cke_button a.cke_disabled,\r
 175 .cke_skin_kama .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled\r
 176 {\r
 177         filter: alpha(opacity=60);\r
 178         opacity: 0.6;\r
 179 }\r
 180 \r
 181 .cke_skin_kama .cke_button a:hover.cke_on,\r
 182 .cke_skin_kama .cke_button a:focus.cke_on,\r
 183 .cke_skin_kama .cke_button a:active.cke_on,     /* IE */\r
 184 .cke_skin_kama .cke_button a:hover.cke_off,\r
 185 .cke_skin_kama .cke_button a:focus.cke_off,\r
 186 .cke_skin_kama .cke_button a:active.cke_off     /* IE */\r
 187 {\r
 188         filter: alpha(opacity=100); /* IE */\r
 189         opacity: 1; /* Safari, Opera and Mozilla */\r
 190         padding: 2px 4px;\r
 191 }\r
 192 \r
 193 .cke_skin_kama .cke_button a:hover.cke_on,\r
 194 .cke_skin_kama .cke_button a:focus.cke_on,\r
 195 .cke_skin_kama .cke_button a:active.cke_on      /* IE */\r
 196 {\r
 197         background-color: #86caff;\r
 198 }\r
 199 \r
 200 .cke_skin_kama .cke_button a:hover.cke_off,\r
 201 .cke_skin_kama .cke_button a:focus.cke_off,\r
 202 .cke_skin_kama .cke_button a:active.cke_off     /* IE */\r
 203 {\r
 204         background-color: #dff1ff;\r
 205 }\r
 206 \r
 207 .cke_skin_kama .cke_hc .cke_button a:hover.cke_on,\r
 208 .cke_skin_kama .cke_hc .cke_button a:focus.cke_on,\r
 209 .cke_skin_kama .cke_hc .cke_button a:active.cke_on,     /* IE */\r
 210 .cke_skin_kama .cke_hc .cke_button a:hover.cke_off,\r
 211 .cke_skin_kama .cke_hc .cke_button a:focus.cke_off,\r
 212 .cke_skin_kama .cke_hc .cke_button a:active.cke_off     /* IE */\r
 213 {\r
 214         padding: 0 2px !important;\r
 215         border-width: 3px;\r
 216 }\r
 217 \r
 218 .cke_skin_kama .cke_button .cke_icon\r
 219 {\r
 220         background-image: url(icons.png);\r
 221         background-position: 100px;\r
 222         background-repeat: no-repeat;\r
 223         margin-top: 1px;\r
 224         width: 16px;\r
 225         height: 16px;\r
 226         display: inline-block;\r
 227         float: left;\r
 228 }\r
 229 \r
 230 .cke_skin_kama .cke_rtl .cke_button .cke_icon\r
 231 {\r
 232         float: right;\r
 233 }\r
 234 \r
 235 .cke_skin_kama .cke_button .cke_label\r
 236 {\r
 237         cursor: default;\r
 238         display: none;\r
 239         padding-left: 3px;\r
 240         line-height: 18px;\r
 241         vertical-align: middle;\r
 242         float: left;\r
 243 }\r
 244 \r
 245 .cke_skin_kama .cke_rtl .cke_button .cke_label\r
 246 {\r
 247         padding-left: 0;\r
 248         padding-right: 3px;\r
 249         float: right;\r
 250 }\r
 251 \r
 252 .cke_skin_kama .cke_hc .cke_button .cke_label\r
 253 {\r
 254         padding: 0;\r
 255         display: inline-block;\r
 256 }\r
 257 \r
 258 .cke_skin_kama .cke_hc .cke_button .cke_icon\r
 259 {\r
 260         display: none;\r
 261 }\r
 262 \r
 263 .cke_skin_kama .cke_accessibility\r
 264 {\r
 265         position: absolute;\r
 266         display: block;\r
 267         width: 0;\r
 268         height: 0;\r
 269         overflow: hidden;\r
 270 }\r
 271 \r
 272 .cke_skin_kama .cke_button .cke_buttonarrow\r
 273 {\r
 274         display: inline-block;\r
 275         height: 17px;\r
 276         width: 8px;\r
 277         background-position: 2px -1469px; /* (+2, -5) */\r
 278         background-image: url(images/sprites.png);\r
 279         _background-image: url(images/sprites_ie6.png);\r
 280         background-repeat: no-repeat;\r
 281         float: left;\r
 282 }\r
 283 \r
 284 .cke_skin_kama .cke_rtl .cke_button .cke_buttonarrow\r
 285 {\r
 286         background-position: 0 -1469px; /* (0, -5) */\r
 287         float: right;\r
 288 }\r
 289 \r
 290 .cke_skin_kama .cke_hc .cke_button .cke_buttonarrow\r
 291 {\r
 292         display: none;\r
 293 }\r
 294 \r
 295 /*** Firefox 2 ***/\r
 296 \r
 297 .cke_skin_kama .cke_browser_gecko .cke_toolbar,\r
 298 .cke_skin_kama .cke_browser_gecko .cke_button a,\r
 299 .cke_skin_kama .cke_browser_gecko .cke_button a.cke_off,\r
 300 .cke_skin_kama .cke_browser_gecko .cke_button .cke_icon,\r
 301 .cke_skin_kama .cke_browser_gecko .cke_button .cke_buttonarrow,\r
 302 .cke_skin_kama .cke_browser_gecko .cke_separator,\r
 303 .cke_skin_kama .cke_browser_gecko .cke_toolbar_start\r
 304 {\r
 305         display: block;\r
 306         float: left;\r
 307 }\r
 308 \r
 309 .cke_skin_kama .cke_browser_gecko.cke_hc .cke_button .cke_icon\r
 310 {\r
 311         display: none;\r
 312 }\r
 313 \r
 314 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar,\r
 315 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button a,\r
 316 .cke_skin_kama .cke_browser_gecko .cke_rtl.cke_button a.cke_off,\r
 317 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_icon,\r
 318 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_buttonarrow,\r
 319 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar_start\r
 320 {\r
 321         float: right;\r
 322 }\r
 323 \r
 324 .cke_skin_kama .cke_browser_gecko .cke_button .cke_label,\r
 325 .cke_skin_kama .cke_browser_gecko .cke_break\r
 326 {\r
 327         float: left;\r
 328 }\r
 329 \r
 330 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_label,\r
 331 .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_break\r
 332 {\r
 333         float: right;\r
 334 }\r
 335 \r
 336 /*** IE ***/\r
 337 \r
 338 /* The biggest problem with IE is the RTL support (and float:right). It's\r
 339    totally broken, and quite delicate. IE8 fixed these issues. */\r
 340 \r
 341 .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_icon,\r
 342 .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_label,\r
 343 .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_buttonarrow\r
 344 {\r
 345         float: none;\r
 346 }\r
 347 \r
 348 /*** WebKit ***/\r
 349 \r
 350 /* We have originally used display:inline-block+float for cke_toolbar and it\r
 351    worked well in all browsers, except IE+RTL. We had to change it to inline\r
 352    and remove the float. This change didn't play well with Safari. */\r
 353 \r
 354 .cke_skin_kama .cke_browser_webkit .cke_toolbar\r
 355 {\r
 356         float: left;\r
 357 }\r
 358 \r
 359 .cke_skin_kama .cke_browser_webkit .cke_rtl .cke_toolbar\r
 360 {\r
 361         float: right;\r
 362 }\r
 363 \r
 364 /*** Mixed Fixes ***/\r
 365 \r
 366 .cke_skin_kama .cke_browser_ie8 .cke_button .cke_label,\r
 367 .cke_skin_kama .cke_browser_opera .cke_button .cke_label,\r
 368 .cke_skin_kama .cke_browser_webkit .cke_button .cke_label\r
 369 {\r
 370         line-height: 20px;\r
 371 }\r
 372 \r
 373 .cke_skin_kama .cke_browser_opera.cke_browser_quirks .cke_button .cke_label,\r
 374 .cke_skin_kama .cke_browser_iequirks .cke_button .cke_label\r
 375 {\r
 376         line-height: 17px;\r
 377 }\r
 378 \r
 379 /* IE8 strict button valign correction */\r
 380 .cke_skin_kama .cke_browser_ie8 .cke_button .cke_label\r
 381 {\r
 382         vertical-align: top;\r
 383 }\r
 384 \r
 385 .cke_skin_kama .cke_browser_iequirks.cke_browser_ie8 .cke_button .cke_label\r
 386 {\r
 387         /* revert previous */\r
 388         vertical-align: middle;\r
 389 }\r
 390 /* END IE8 strict button valign correction */\r
 391 \r
 392 /* Fix cursor shape consistency on toolbar combos (#4031) */\r
 393 .cke_skin_kama .cke_browser_ie .cke_rcombo,\r
 394 .cke_skin_kama .cke_browser_ie .cke_rcombo *\r
 395 {\r
 396         cursor: default;\r
 397 }\r