_source/skins/v2/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_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 .cke_rtl .cke_skin_v2 .cke_menuitem .cke_icon_wrapper\r
 101 {\r
 102         float: right;\r
 103 }\r
 104 \r
 105 .cke_skin_v2 .cke_menuitem a:hover .cke_icon_wrapper,\r
 106 .cke_skin_v2 .cke_menuitem a:focus .cke_icon_wrapper,\r
 107 .cke_skin_v2 .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_v2 .cke_menuitem a:hover.cke_disabled .cke_icon_wrapper,\r
 116 .cke_skin_v2 .cke_menuitem a:focus.cke_disabled .cke_icon_wrapper,\r
 117 .cke_skin_v2 .cke_menuitem a:active.cke_disabled .cke_icon_wrapper\r
 118 {\r
 119         background-color: #e3e3c7;\r
 120         border: solid 4px #e3e3c7;\r
 121 }\r
 122 \r
 123 .cke_skin_v2 .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_v2 .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_v2 .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_v2 .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_v2 .cke_menuitem a:hover .cke_label,\r
 155 .cke_skin_v2 .cke_menuitem a:focus .cke_label,\r
 156 .cke_skin_v2 .cke_menuitem a:active .cke_label\r
 157 {\r
 158         background-color: #8f8f73;\r
 159         color: white;\r
 160 }\r
 161 \r
 162 .cke_skin_v2 .cke_menuitem a.cke_disabled:hover .cke_label,\r
 163 .cke_skin_v2 .cke_menuitem a.cke_disabled:focus .cke_label,\r
 164 .cke_skin_v2 .cke_menuitem a.cke_disabled:active .cke_label\r
 165 {\r
 166         background-color: transparent;\r
 167         color: black;\r
 168 }\r
 169 \r
 170 .cke_skin_v2 .cke_menuseparator\r
 171 {\r
 172         background-color: #e3e3c7;\r
 173         height: 2px;\r
 174         filter: alpha(opacity=70); /* IE */\r
 175         opacity: 0.70; /* Safari, Opera and Mozilla */\r
 176 \r
 177         _font-size: 0;\r
 178 }\r
 179 \r
 180 .cke_skin_v2 .cke_menuarrow\r
 181 {\r
 182         /* arrowright.gif*/\r
 183         background-image: url(images/sprites.png);\r
 184         _background-image: url(images/sprites_ie6.png);\r
 185         background-position: 0 -784px;\r
 186         background-repeat: no-repeat;\r
 187         height: 5px;\r
 188         width: 3px;\r
 189         float: right;\r
 190         margin-right: 2px;\r
 191         margin-top: 3px;\r
 192 }\r
 193 \r
 194 /* Never applied */\r
 195 .cke_rtl .cke_skin_v2 .cke_menuarrow\r
 196 {\r
 197         float: left;\r
 198         margin-right: 0;\r
 199         margin-left: 2px;\r
 200         /* arrowleft.gif*/\r
 201         background-position: 0 -763px;\r
 202 }\r
 203 \r
 204 .cke_skin_v2 .cke_menuarrow span\r
 205 {\r
 206         display: none;\r
 207 }\r
 208 \r
 209 .cke_hc .cke_skin_v2 .cke_menuarrow\r
 210 {\r
 211         width: auto;\r
 212         margin-top: 0;\r
 213 }\r
 214 \r
 215 .cke_hc .cke_skin_v2 .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_v2 .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_v2 .cke_menuarrow\r
 228 {\r
 229         position: absolute;\r
 230         left: 2px;\r
 231 }\r
 232 /* END #3766 */\r