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