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