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