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