_source/skins/v2/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_v2 .cke_contextmenu
   7 {
   8         padding: 2px;
   9 }
  10
  11 .cke_skin_v2 .cke_menuitem a
  12 {
  13         display:block;
  14 }
  15
  16 .cke_skin_v2 .cke_menuitem span
  17 {
  18         cursor: default;
  19 }
  20
  21 .cke_skin_v2 .cke_menuitem a:hover,
  22 .cke_skin_v2 .cke_menuitem a:focus,
  23 .cke_skin_v2 .cke_menuitem a:active
  24 {
  25         background-color: #8f8f73;
  26         display:block;
  27 }
  28 .cke_hc .cke_menuitem a:hover,
  29 .cke_hc .cke_menuitem a:focus,
  30 .cke_hc .cke_menuitem a:active
  31 {
  32         border: 2px solid;
  33 }
  34
  35 .cke_skin_v2 .cke_menuitem .cke_icon
  36 {
  37         background-image: url(icons.png);
  38         background-position: 100px;
  39         background-repeat:no-repeat;
  40         background-color: transparent;
  41         width: 16px;
  42         height: 16px;
  43         float: left;
  44 }
  45
  46 .cke_rtl .cke_skin_v2 .cke_menuitem .cke_icon
  47 {
  48         background-image: url(icons_rtl.png);
  49 }
  50
  51 /* IE with zoom != 100% will distort the icons otherwise #4821 */
  52 .cke_browser_ie .cke_skin_v2 .cke_menuitem .cke_icon
  53 {
  54         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
  55 }
  56 .cke_browser_ie.cke_rtl .cke_skin_v2 .cke_menuitem .cke_icon
  57 {
  58         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
  59 }
  60 .cke_browser_ie6 .cke_skin_v2 .cke_menuitem .cke_icon,
  61 .cke_browser_ie .cke_skin_v2 .cke_menuitem.cke_noalphafix .cke_icon
  62 {
  63         filter: ;
  64 }
  65
  66 .cke_skin_v2 .cke_menuitem .cke_disabled .cke_icon
  67 {
  68         filter: alpha(opacity=70); /* IE */
  69         opacity: 0.70; /* Safari, Opera and Mozilla */
  70 }
  71
  72
  73 /* IE with zoom != 100% will distort the icons otherwise #4821 */
  74 .cke_browser_ie .cke_skin_v2 .cke_menuitem .cke_disabled .cke_icon
  75 {
  76         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
  77 }
  78 .cke_browser_ie.cke_rtl .cke_skin_v2 .cke_menuitem .cke_disabled .cke_icon
  79 {
  80         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
  81 }
  82 .cke_browser_ie6 .cke_skin_v2 .cke_menuitem .cke_disabled .cke_icon,
  83 .cke_browser_ie .cke_skin_v2 .cke_menuitem.cke_noalphafix .cke_disabled .cke_icon
  84 {
  85         filter: ;
  86 }
  87
  88 .cke_skin_v2 .cke_menuitem .cke_icon_wrapper
  89 {
  90         background-color: #e3e3c7;
  91         border: solid 4px #e3e3c7;
  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_v2 .cke_menuitem .cke_icon_wrapper
 101 {
 102         float: right;
 103 }
 104
 105 .cke_skin_v2 .cke_menuitem a:hover .cke_icon_wrapper,
 106 .cke_skin_v2 .cke_menuitem a:focus .cke_icon_wrapper,
 107 .cke_skin_v2 .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_v2 .cke_menuitem a:hover.cke_disabled .cke_icon_wrapper,
 116 .cke_skin_v2 .cke_menuitem a:focus.cke_disabled .cke_icon_wrapper,
 117 .cke_skin_v2 .cke_menuitem a:active.cke_disabled .cke_icon_wrapper
 118 {
 119         background-color: #e3e3c7;
 120         border: solid 4px #e3e3c7;
 121 }
 122
 123 .cke_skin_v2 .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_v2 .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_v2 .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_v2 .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_v2 .cke_menuitem a:hover .cke_label,
 155 .cke_skin_v2 .cke_menuitem a:focus .cke_label,
 156 .cke_skin_v2 .cke_menuitem a:active .cke_label
 157 {
 158         background-color: #8f8f73;
 159         color: white;
 160 }
 161
 162 .cke_skin_v2 .cke_menuitem a.cke_disabled:hover .cke_label,
 163 .cke_skin_v2 .cke_menuitem a.cke_disabled:focus .cke_label,
 164 .cke_skin_v2 .cke_menuitem a.cke_disabled:active .cke_label
 165 {
 166         background-color: transparent;
 167         color: black;
 168 }
 169
 170 .cke_skin_v2 .cke_menuseparator
 171 {
 172         background-color: #e3e3c7;
 173         height: 2px;
 174         filter: alpha(opacity=70); /* IE */
 175         opacity: 0.70; /* Safari, Opera and Mozilla */
 176
 177         _font-size: 0;
 178 }
 179
 180 .cke_skin_v2 .cke_menuarrow
 181 {
 182         /* arrowright.gif*/
 183         background-image: url(images/sprites.png);
 184         _background-image: url(images/sprites_ie6.png);
 185         background-position: 0 -784px;
 186         background-repeat: no-repeat;
 187         height: 5px;
 188         width: 3px;
 189         float: right;
 190         margin-right: 2px;
 191         margin-top: 3px;
 192 }
 193
 194 /* Never applied */
 195 .cke_rtl .cke_skin_v2 .cke_menuarrow
 196 {
 197         float: left;
 198         margin-right: 0;
 199         margin-left: 2px;
 200         /* arrowleft.gif*/
 201         background-position: 0 -763px;
 202 }
 203
 204 .cke_skin_v2 .cke_menuarrow span
 205 {
 206         display: none;
 207 }
 208
 209 .cke_hc .cke_skin_v2 .cke_menuarrow
 210 {
 211         width: auto;
 212         margin-top: 0;
 213 }
 214
 215 .cke_hc .cke_skin_v2 .cke_menuarrow span
 216 {
 217         display: inline;
 218 }
 219
 220 /* #3766 In the context menu, long labels with second level menu get wrapped */
 221 .cke_browser_ie.cke_ltr .cke_skin_v2 .cke_menuarrow
 222 {
 223         position: absolute;
 224         right: 2px;
 225 }
 226
 227 .cke_browser_ie.cke_rtl .cke_skin_v2 .cke_menuarrow
 228 {
 229         position: absolute;
 230         left: 2px;
 231 }
 232 /* END #3766 */