_source/skins/v2/menu.css

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