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