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