_source/skins/v2/menu.css

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