_source/skins/office2003/menu.css

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