_source/skins/office2003/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_office2003 .cke_contextmenu\r
   7 {\r
   8         padding: 2px;\r
   9 }\r
  10 \r
  11 .cke_skin_office2003 .cke_menuitem a\r
  12 {\r
  13         display:block;\r
  14 }\r
  15 \r
  16 .cke_skin_office2003 .cke_menuitem span\r
  17 {\r
  18         cursor: default;\r
  19 }\r
  20 \r
  21 .cke_skin_office2003 .cke_menuitem a:hover,\r
  22 .cke_skin_office2003 .cke_menuitem a:focus,\r
  23 .cke_skin_office2003 .cke_menuitem a:active\r
  24 {\r
  25         background-color: #8db1ff;\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_office2003 .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_office2003 .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_office2003 .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_office2003 .cke_menuitem .cke_icon\r
  58 {\r
  59         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');\r
  60 }\r
  61 .cke_browser_ie6 .cke_skin_office2003 .cke_menuitem .cke_icon\r
  62 {\r
  63         filter: ;\r
  64 }\r
  65 \r
  66 .cke_skin_office2003 .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 /* IE with zoom != 100% will distort the icons otherwise #4821 */\r
  73 .cke_browser_ie .cke_skin_office2003 .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_office2003 .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_office2003 .cke_menuitem .cke_disabled .cke_icon\r
  82 {\r
  83         filter: ;\r
  84 }\r
  85 \r
  86 .cke_skin_office2003 .cke_menuitem .cke_icon_wrapper\r
  87 {\r
  88         background-color: #f7f8fd;\r
  89         border: solid 4px #f7f8fd;\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_office2003 .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_office2003 .cke_menuitem .cke_icon_wrapper\r
 106 {\r
 107         float: right;\r
 108 }\r
 109 \r
 110 .cke_skin_office2003 .cke_menuitem a:hover .cke_icon_wrapper,\r
 111 .cke_skin_office2003 .cke_menuitem a:focus .cke_icon_wrapper,\r
 112 .cke_skin_office2003 .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_office2003 .cke_menuitem a:hover.cke_disabled .cke_icon_wrapper,\r
 121 .cke_skin_office2003 .cke_menuitem a:focus.cke_disabled .cke_icon_wrapper,\r
 122 .cke_skin_office2003 .cke_menuitem a:active.cke_disabled .cke_icon_wrapper\r
 123 {\r
 124         background-color: #f7f8fd;\r
 125         border: solid 4px #f7f8fd;\r
 126 }\r
 127 \r
 128 .cke_skin_office2003 .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_office2003 .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_office2003 .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_office2003 .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_office2003 .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_office2003 .cke_menuitem a:hover .cke_label,\r
 167 .cke_skin_office2003 .cke_menuitem a:focus .cke_label,\r
 168 .cke_skin_office2003 .cke_menuitem a:active .cke_label\r
 169 {\r
 170         background-color: #8db1ff;\r
 171 }\r
 172 \r
 173 .cke_skin_office2003 .cke_menuitem a.cke_disabled:hover .cke_label,\r
 174 .cke_skin_office2003 .cke_menuitem a.cke_disabled:focus .cke_label,\r
 175 .cke_skin_office2003 .cke_menuitem a.cke_disabled:active .cke_label\r
 176 {\r
 177         background-color: transparent;\r
 178 }\r
 179 \r
 180 .cke_skin_office2003 .cke_menuseparator\r
 181 {\r
 182         background-color: #f7f8fd;\r
 183         height: 2px;\r
 184         filter: alpha(opacity=70); /* IE */\r
 185         opacity: 0.70; /* Safari, Opera and Mozilla */\r
 186 \r
 187         _font-size: 0;\r
 188 }\r
 189 \r
 190 .cke_skin_office2003 .cke_menuarrow\r
 191 {\r
 192         /* arrowright.gif*/\r
 193         background-image: url(images/sprites.png);\r
 194         _background-image: url(images/sprites_ie6.png);\r
 195         background-position: 0 -1071px;\r
 196         background-repeat: no-repeat;\r
 197         height: 5px;\r
 198         width: 3px;\r
 199         float: right;\r
 200         margin-right: 2px;\r
 201         margin-top: 3px;\r
 202 }\r
 203 \r
 204 .cke_rtl .cke_skin_office2003 .cke_menuarrow\r
 205 {\r
 206         float: left;\r
 207         margin-right: 0;\r
 208         margin-left: 2px;\r
 209         /* arrowleft.gif*/\r
 210         background-position: 0 -1050px;\r
 211 }\r
 212 \r
 213 .cke_skin_office2003 .cke_menuarrow span\r
 214 {\r
 215         display: none;\r
 216 }\r
 217 \r
 218 .cke_hc .cke_skin_office2003 .cke_menuarrow\r
 219 {\r
 220         width: auto;\r
 221         margin-top: 0;\r
 222 }\r
 223 \r
 224 .cke_hc .cke_skin_office2003 .cke_menuarrow span\r
 225 {\r
 226         display: inline;\r
 227 }\r
 228 \r
 229 /* #3766 In the context menu, long labels with second level menu get wrapped */\r
 230 .cke_browser_ie.cke_ltr .cke_skin_office2003 .cke_menuarrow\r
 231 {\r
 232         position: absolute;\r
 233         right: 2px;\r
 234 }\r
 235 \r
 236 .cke_browser_ie.cke_rtl .cke_skin_office2003 .cke_menuarrow\r
 237 {\r
 238         position: absolute;\r
 239         left: 2px;\r
 240 }\r
 241 /* END #3766 */\r