[Summary view] [Print] [Text view]

   1  /*

   2  Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.

   3  For licensing, see LICENSE.html or http://ckeditor.com/license

   4  */
   5  
   6  @media print
   7  {
   8      /* For printing, we simply hide the toolbar */

   9  
  10      .cke_skin_kama .cke_toolbox
  11      {
  12          display: none;
  13      }
  14  }
  15  
  16  .cke_skin_kama .cke_browser_webkit .cke_toolbox,
  17  .cke_skin_kama .cke_browser_webkit .cke_toolbox > span
  18  {
  19      white-space: normal;
  20  }
  21  
  22  .cke_skin_kama .cke_toolbox
  23  {
  24      clear: both;
  25      /* Define the padding-bottom otherwise the collapser button will not be clickable #4932*/

  26      padding-bottom: 1px;
  27  }
  28  
  29  .cke_skin_kama a.cke_toolbox_collapser,
  30  .cke_skin_kama a:hover.cke_toolbox_collapser
  31  {
  32      /* arrowtop.gif */

  33      background-image: url(images/sprites.png);
  34      _background-image: url(images/sprites_ie6.png);
  35      background-position: 3px -1366px; /* +3px +4px */
  36      background-repeat: no-repeat;
  37      width: 11px;
  38      height: 11px;
  39      float: right;
  40      border: 1px outset #D3D3D3;
  41      margin: 11px 0 2px;
  42      cursor: pointer;
  43  }
  44  
  45  .cke_skin_kama .cke_rtl a.cke_toolbox_collapser,
  46  .cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser
  47  {
  48      float: left;
  49  }
  50  
  51  .cke_skin_kama a.cke_toolbox_collapser span
  52  {
  53      display: none;
  54  }
  55  
  56  .cke_skin_kama .cke_hc a.cke_toolbox_collapser span
  57  {
  58      font-size: 10px;
  59      font-weight: bold;
  60      font-family: Arial;
  61      display: inline;
  62  }
  63  
  64  .cke_skin_kama a.cke_toolbox_collapser_min,
  65  .cke_skin_kama a:hover.cke_toolbox_collapser_min
  66  {
  67      /* arrowleft.gif*/

  68      background-image: url(images/sprites.png);
  69      _background-image: url(images/sprites_ie6.png);
  70      background-position: 4px -1387px; /* +4px +3px */
  71      background-repeat: no-repeat;
  72      margin: 2px 4px;
  73  }
  74  
  75  .cke_skin_kama .cke_rtl a.cke_toolbox_collapser_min,
  76  .cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser_min
  77  {
  78      /* arrowright.gif*/

  79      background-position: 4px -1408px; /* +2px +3px */
  80  }
  81  
  82  .cke_skin_kama .cke_toolbar
  83  {
  84      display: inline;
  85  }
  86  
  87  .cke_skin_kama .cke_separator
  88  {
  89      display: none;
  90  }
  91  
  92  .cke_skin_kama .cke_break
  93  {
  94      font-size: 0;
  95      clear: left;
  96  }
  97  
  98  .cke_skin_kama .cke_rtl .cke_break
  99  {
 100      clear: right;
 101  }
 102  
 103  .cke_skin_kama .cke_toolbar_start
 104  {
 105      display: none;
 106  }
 107  
 108  .cke_skin_kama .cke_toolgroup
 109  {
 110      -moz-border-radius:5px;
 111      -webkit-border-radius: 5px;
 112      border-radius: 5px;
 113      background-image: url(images/sprites.png);
 114      _background-image: url(images/sprites_ie6.png);
 115      background-repeat: repeat-x;
 116      background-position: 0 -500px;
 117      float: left;
 118      margin-right: 6px;
 119      margin-bottom: 5px;
 120      padding: 2px;
 121      display: inline;
 122  }
 123  
 124  .cke_skin_kama .cke_rtl .cke_toolgroup
 125  {
 126      float: right;
 127      margin-right: 0;
 128      margin-left: 6px;
 129  }
 130  
 131  .cke_skin_kama .cke_toolgroup
 132  {
 133      display: block;
 134      height: 22px;
 135  }
 136  
 137  .cke_skin_kama .cke_button a,
 138  .cke_skin_kama .cke_button a:hover,
 139  .cke_skin_kama .cke_button a:focus,
 140  .cke_skin_kama .cke_button a:active,
 141  .cke_skin_kama .cke_button a.cke_off
 142  {
 143      border-radius: 3px;
 144      outline: none;
 145      padding: 2px 4px;
 146      height: 18px;
 147      display: inline-block;
 148      cursor: default;
 149  }
 150  
 151  .cke_skin_kama .cke_button a,
 152  .cke_skin_kama .cke_button a.cke_off
 153  {
 154      filter: alpha(opacity=70); /* IE */
 155      opacity: 0.70; /* Safari, Opera and Mozilla */
 156      -moz-border-radius: 3px;
 157      -webkit-border-radius: 3px;
 158  }
 159  
 160  .cke_skin_kama .cke_hc .cke_button a,
 161  .cke_skin_kama .cke_hc .cke_button a.cke_off
 162  {
 163      opacity: 1.0;
 164      filter: alpha(opacity=100);
 165      border: 1px solid white;
 166  }
 167  
 168  .cke_skin_kama .cke_button a.cke_on
 169  {
 170      background-color: #a3d7ff;
 171      filter: alpha(opacity=100); /* IE */
 172      opacity: 1; /* Safari, Opera and Mozilla */
 173      padding: 2px 4px;
 174  }
 175  
 176  .cke_skin_kama .cke_hc .cke_button a.cke_on
 177  {
 178      padding: 0 2px !important;
 179      border-width: 3px;
 180  }
 181  
 182  .cke_skin_kama .cke_button a.cke_disabled *,
 183  .cke_skin_kama .cke_browser_ie a:hover.cke_button .cke_disabled *
 184  {
 185      filter: alpha(opacity=30); /* IE */
 186      opacity: 0.3; /* Safari, Opera and Mozilla */
 187  }
 188  
 189  .cke_skin_kama .cke_hc .cke_button a.cke_disabled *,
 190  .cke_skin_kama .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled *
 191  {
 192      filter: alpha(opacity=60);
 193      opacity: 0.6;
 194  }
 195  
 196  .cke_skin_kama .cke_button a:hover.cke_on,
 197  .cke_skin_kama .cke_button a:focus.cke_on,
 198  .cke_skin_kama .cke_button a:active.cke_on,    /* IE */
 199  .cke_skin_kama .cke_button a:hover.cke_off,
 200  .cke_skin_kama .cke_button a:focus.cke_off,
 201  .cke_skin_kama .cke_button a:active.cke_off    /* IE */
 202  {
 203      filter: alpha(opacity=100); /* IE */
 204      opacity: 1; /* Safari, Opera and Mozilla */
 205      padding: 2px 4px;
 206  }
 207  
 208  .cke_skin_kama .cke_button a:hover,
 209  .cke_skin_kama .cke_button a:focus,
 210  .cke_skin_kama .cke_button a:active    /* IE */
 211  {
 212      background-color: #dff1ff;
 213  }
 214  
 215  .cke_skin_kama .cke_button a:hover.cke_on,
 216  .cke_skin_kama .cke_button a:focus.cke_on,
 217  .cke_skin_kama .cke_button a:active.cke_on    /* IE */
 218  {
 219      background-color: #86caff;
 220  }
 221  
 222  .cke_skin_kama .cke_hc .cke_button a:hover,
 223  .cke_skin_kama .cke_hc .cke_button a:focus,
 224  .cke_skin_kama .cke_hc .cke_button a:active    /* IE */
 225  {
 226      padding: 0 2px !important;
 227      border-width: 3px;
 228  }
 229  
 230  .cke_skin_kama .cke_button .cke_icon
 231  {
 232      background-image: url(icons.png);
 233      background-position: 100px;
 234      background-repeat: no-repeat;
 235      margin-top: 1px;
 236      width: 16px;
 237      height: 16px;
 238      display: inline-block;
 239      float: left;
 240      cursor: default;
 241  }
 242  
 243  .cke_skin_kama .cke_rtl .cke_button .cke_icon
 244  {
 245      float: right;
 246  }
 247  
 248  .cke_skin_kama .cke_button .cke_label
 249  {
 250      cursor: default;
 251      display: none;
 252      padding-left: 3px;
 253      line-height: 18px;
 254      vertical-align: middle;
 255      float: left;
 256  }
 257  
 258  .cke_skin_kama .cke_rtl .cke_button .cke_label
 259  {
 260      padding-left: 0;
 261      padding-right: 3px;
 262      float: right;
 263  }
 264  
 265  .cke_skin_kama .cke_hc .cke_button .cke_label
 266  {
 267      padding: 0;
 268      display: inline-block;
 269  }
 270  
 271  .cke_skin_kama .cke_hc .cke_button .cke_icon
 272  {
 273      display: none;
 274  }
 275  
 276  .cke_skin_kama .cke_accessibility
 277  {
 278      position: absolute;
 279      display: block;
 280      width: 0;
 281      height: 0;
 282      overflow: hidden;
 283  }
 284  
 285  .cke_skin_kama .cke_button .cke_buttonarrow
 286  {
 287      display: inline-block;
 288      height: 17px;
 289      width: 8px;
 290      background-position: 2px -1469px; /* (+2, -5) */
 291      background-image: url(images/sprites.png);
 292      _background-image: url(images/sprites_ie6.png);
 293      background-repeat: no-repeat;
 294      float: left;
 295      cursor: default;
 296  }
 297  
 298  .cke_skin_kama .cke_rtl .cke_button .cke_buttonarrow
 299  {
 300      background-position: 0 -1469px; /* (0, -5) */
 301      float: right;
 302  }
 303  
 304  /*** Firefox 2 ***/

 305  
 306  .cke_skin_kama .cke_browser_gecko .cke_toolbar,
 307  .cke_skin_kama .cke_browser_gecko .cke_button a,
 308  .cke_skin_kama .cke_browser_gecko .cke_button a.cke_off,
 309  .cke_skin_kama .cke_browser_gecko .cke_button .cke_icon,
 310  .cke_skin_kama .cke_browser_gecko .cke_button .cke_buttonarrow,
 311  .cke_skin_kama .cke_browser_gecko .cke_separator,
 312  .cke_skin_kama .cke_browser_gecko .cke_toolbar_start
 313  {
 314      display: block;
 315      float: left;
 316  }
 317  
 318  .cke_skin_kama .cke_browser_gecko.cke_hc .cke_button .cke_icon
 319  {
 320      display: none;
 321  }
 322  
 323  .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar,
 324  .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button a,
 325  .cke_skin_kama .cke_browser_gecko .cke_rtl.cke_button a.cke_off,
 326  .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_icon,
 327  .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_buttonarrow,
 328  .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar_start
 329  {
 330      float: right;
 331  }
 332  
 333  .cke_skin_kama .cke_browser_gecko .cke_button .cke_label,
 334  .cke_skin_kama .cke_browser_gecko .cke_break
 335  {
 336      float: left;
 337  }
 338  
 339  .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_label,
 340  .cke_skin_kama .cke_browser_gecko .cke_rtl .cke_break
 341  {
 342      float: right;
 343  }
 344  
 345  /*** IE ***/

 346  
 347  /* The biggest problem with IE is the RTL support (and float:right). It's

 348     totally broken, and quite delicate. IE8 fixed these issues. */
 349  
 350  .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_icon,
 351  .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_label,
 352  .cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_buttonarrow
 353  {
 354      float: none;
 355  }
 356  
 357  /*** WebKit ***/

 358  
 359  /* We have originally used display:inline-block+float for cke_toolbar and it

 360     worked well in all browsers, except IE+RTL. We had to change it to inline

 361     and remove the float. This change didn't play well with Safari. */
 362  
 363  .cke_skin_kama .cke_browser_webkit .cke_toolbar
 364  {
 365      float: left;
 366  }
 367  
 368  .cke_skin_kama .cke_browser_webkit .cke_rtl .cke_toolbar
 369  {
 370      float: right;
 371  }
 372  
 373  /*** Mixed Fixes ***/

 374  
 375  .cke_skin_kama .cke_browser_ie8 .cke_button .cke_label,
 376  .cke_skin_kama .cke_browser_opera .cke_button .cke_label,
 377  .cke_skin_kama .cke_browser_webkit .cke_button .cke_label
 378  {
 379      line-height: 20px;
 380  }
 381  
 382  .cke_skin_kama .cke_browser_opera.cke_browser_quirks .cke_button .cke_label,
 383  .cke_skin_kama .cke_browser_iequirks .cke_button .cke_label
 384  {
 385      line-height: 17px;
 386  }
 387  
 388  /* Fix cursor shape consistency on toolbar combos (#4031) */

 389  .cke_skin_kama .cke_browser_ie .cke_rcombo,
 390  .cke_skin_kama .cke_browser_ie .cke_rcombo *
 391  {
 392      cursor: default;
 393  }
 394  
 395  .cke_skin_kama .cke_browser_ie .cke_toolbox
 396  {
 397      padding-bottom: 5px;
 398      _padding-bottom: 6px;
 399  }
 400  
 401  .cke_shared .cke_skin_kama .cke_browser_ie .cke_toolbox
 402  {
 403      padding-bottom: 0;
 404  }