ckeditor/_source/skins/kama/menu.css

   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 .cke_skin_kama .cke_contextmenu
   7 {
   8         padding: 2px;
   9 }
  10
  11 .cke_skin_kama .cke_menuitem a
  12 {
  13         display:block;
  14 }
  15
  16 .cke_skin_kama .cke_menuitem span
  17 {
  18         cursor: default;
  19 }
  20
  21 .cke_skin_kama .cke_menuitem a:hover,
  22 .cke_skin_kama .cke_menuitem a:focus,
  23 .cke_skin_kama .cke_menuitem a:active
  24 {
  25         background-color: #D3D3D3;
  26         display:block;
  27 }
  28
  29 .cke_hc .cke_menuitem a:hover,
  30 .cke_hc .cke_menuitem a:focus,
  31 .cke_hc .cke_menuitem a:active
  32 {
  33         border: 2px solid;
  34 }
  35
  36 .cke_skin_kama .cke_menuitem .cke_icon
  37 {
  38         background-image: url(icons.png);
  39         background-position: 100px;
  40         background-repeat:no-repeat;
  41         background-color: transparent;
  42         width: 16px;
  43         height: 16px;
  44         float: left;
  45 }
  46
  47 .cke_skin_kama .cke_menuitem .cke_disabled .cke_icon
  48 {
  49         filter: alpha(opacity=70); /* IE */
  50         opacity: 0.70; /* Safari, Opera and Mozilla */
  51 }
  52
  53 .cke_skin_kama .cke_menuitem .cke_icon_wrapper
  54 {
  55         background-color: #D3D3D3;
  56         border: solid 4px #D3D3D3;
  57         width: 16px;
  58         height: 16px;
  59         float: left;
  60         filter: alpha(opacity=70); /* IE */
  61         opacity: 0.70; /* Safari, Opera and Mozilla */
  62         clear: both;
  63 }
  64
  65 .cke_rtl .cke_skin_kama .cke_menuitem .cke_icon_wrapper
  66 {
  67         float: right;
  68 }
  69
  70 .cke_skin_kama .cke_menuitem a:hover .cke_icon_wrapper,
  71 .cke_skin_kama .cke_menuitem a:focus .cke_icon_wrapper,
  72 .cke_skin_kama .cke_menuitem a:active .cke_icon_wrapper
  73 {
  74         background-color: #9d9d9d;
  75         border: solid 4px #9d9d9d;
  76         filter: alpha(opacity=70); /* IE */
  77         opacity: 0.70; /* Safari, Opera and Mozilla */
  78 }
  79
  80 .cke_skin_kama .cke_menuitem a:hover.cke_disabled .cke_icon_wrapper,
  81 .cke_skin_kama .cke_menuitem a:focus.cke_disabled .cke_icon_wrapper,
  82 .cke_skin_kama .cke_menuitem a:active.cke_disabled .cke_icon_wrapper
  83 {
  84         background-color: #D3D3D3;
  85         border: solid 4px #D3D3D3;
  86 }
  87
  88 .cke_skin_kama .cke_menuitem .cke_label
  89 {
  90         display:block;
  91         padding-right: 3px;
  92         padding-top: 5px;
  93         padding-left: 4px;
  94         height:19px;
  95         margin-left: 24px;
  96         background-color: #fff;
  97 }
  98 /* Set these after the document has been loaded and we know the dimensions*/
  99 .cke_skin_kama .cke_frameLoaded .cke_menuitem .cke_label
 100 {
 101         filter: alpha(opacity=70); /* IE */
 102         opacity: 0.70; /* Safari, Opera and Mozilla */
 103 }
 104
 105 .cke_rtl .cke_skin_kama .cke_menuitem .cke_label
 106 {
 107         padding-right: 0;
 108         margin-left: 0;
 109         padding-left: 3px;
 110         margin-right: 28px;
 111 }
 112
 113 .cke_skin_kama .cke_menuitem a.cke_disabled .cke_label
 114 {
 115         filter: alpha(opacity=30); /* IE */
 116         opacity: 0.30; /* Safari, Opera and Mozilla */
 117 }
 118
 119 .cke_skin_kama .cke_menuitem a:hover .cke_label,
 120 .cke_skin_kama .cke_menuitem a:focus .cke_label,
 121 .cke_skin_kama .cke_menuitem a:active .cke_label
 122 {
 123         background-color: #D3D3D3;
 124 }
 125
 126 .cke_skin_kama .cke_menuitem a.cke_disabled:hover .cke_label,
 127 .cke_skin_kama .cke_menuitem a.cke_disabled:focus .cke_label,
 128 .cke_skin_kama .cke_menuitem a.cke_disabled:active .cke_label
 129 {
 130         background-color: transparent;
 131 }
 132
 133 .cke_skin_kama .cke_menuseparator
 134 {
 135         background-color: #D3D3D3;
 136         height: 2px;
 137         filter: alpha(opacity=70); /* IE */
 138         opacity: 0.70; /* Safari, Opera and Mozilla */
 139
 140         _font-size: 0;
 141 }
 142
 143 .cke_skin_kama .cke_menuarrow
 144 {
 145         /* arrowright.gif*/
 146         background-image: url(images/sprites.png);
 147         _background-image: url(images/sprites_ie6.png);
 148         background-position: 0 -1411px;
 149         background-repeat: no-repeat;
 150         height: 5px;
 151         width: 3px;
 152         float: right;
 153         margin-right: 2px;
 154         margin-top: 3px;
 155 }
 156
 157 .cke_rtl .cke_skin_kama .cke_menuarrow
 158 {
 159         float: left;
 160         margin-right: 0;
 161         margin-left: 2px;
 162         /* arrowleft.gif*/
 163         background-image: url(images/sprites.png);
 164         _background-image: url(images/sprites_ie6.png);
 165         background-position: 0px -1390px;
 166         background-repeat: no-repeat;
 167 }
 168
 169 .cke_skin_kama .cke_menuarrow span
 170 {
 171         display: none;
 172 }
 173
 174 .cke_hc .cke_skin_kama .cke_menuarrow
 175 {
 176         width: auto;
 177         margin-top: 0;
 178 }
 179
 180 .cke_hc .cke_skin_kama .cke_menuarrow span
 181 {
 182         display: inline;
 183 }
 184
 185 /* #3766 In the context menu, long labels with second level menu get wrapped */
 186 .cke_browser_ie.cke_ltr .cke_skin_kama .cke_menuarrow
 187 {
 188         position: absolute;
 189         right: 2px;
 190 }
 191
 192 .cke_browser_ie.cke_rtl .cke_skin_kama .cke_menuarrow
 193 {
 194         position: absolute;
 195         left: 2px;
 196 }
 197 /* END #3766 */