_source/skins/v2/richcombo.css

   1 /* Special Combo */\r
   2 \r
   3 .cke_skin_v2 .cke_rcombo\r
   4 {\r
   5         display: inline-block;\r
   6         margin-left: 2px;\r
   7         margin-right: 2px;\r
   8         margin-top: 2px;\r
   9         vertical-align: top;\r
  10         float: left;\r
  11 }\r
  12 \r
  13 .cke_skin_v2 .cke_browser_ie .cke_rcombo\r
  14 {\r
  15         #float: none;\r
  16         #display: inline;\r
  17 }\r
  18 \r
  19 .cke_skin_v2 .cke_rtl .cke_rcombo\r
  20 {\r
  21         float: right;\r
  22 }\r
  23 \r
  24 .cke_skin_v2 .cke_browser_ie .cke_rcombo\r
  25 {\r
  26         #float: none;\r
  27 }\r
  28 \r
  29 .cke_skin_v2 .cke_rcombopanel\r
  30 {\r
  31         border: 1px solid #316ac5;\r
  32         -moz-border-radius-topleft: 0;\r
  33         -webkit-border-top-left-radius: 0;\r
  34         border-top-left-radius: 0;\r
  35         /*margin-left: 1px;*/\r
  36         /*_margin-left: 0;*/\r
  37 }\r
  38 \r
  39 .cke_skin_v2 .cke_rcombo a\r
  40 {\r
  41         display: inline-block;\r
  42         float: left;\r
  43 \r
  44         filter: alpha(opacity=70); /* IE */\r
  45         opacity: 0.70; /* Safari, Opera and Mozilla */\r
  46 }\r
  47 \r
  48 .cke_skin_v2 .cke_rtl .cke_rcombo a\r
  49 {\r
  50         float: right;\r
  51 }\r
  52 \r
  53 .cke_skin_v2 .cke_hc .cke_rcombo a\r
  54 {\r
  55         filter: alpha(opacity=100); /* IE */\r
  56         opacity: 1.0; /* Safari, Opera and Mozilla */\r
  57 }\r
  58 \r
  59 .cke_skin_v2 .cke_rcombo .cke_label\r
  60 {\r
  61         display: inline-block;\r
  62         float: left;\r
  63 \r
  64         line-height: 24px;\r
  65         height: 22px;\r
  66         vertical-align: top;\r
  67         padding-left: 4px;\r
  68         padding-right: 5px;\r
  69         filter: alpha(opacity=70); /* IE */\r
  70         opacity: 0.70; /* Safari, Opera and Mozilla */\r
  71         background-color: #f1f1e3;      /* Because of IE6+ClearType */\r
  72         cursor: default;\r
  73 }\r
  74 \r
  75 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_label\r
  76 {\r
  77         float: right;\r
  78         padding-right: 4px;\r
  79         padding-left: 5px;\r
  80 }\r
  81 \r
  82 .cke_skin_v2 .cke_hc .cke_rcombo .cke_label\r
  83 {\r
  84         filter: alpha(opacity=100);\r
  85         opacity: 1.0;\r
  86 }\r
  87 \r
  88 .cke_skin_v2 .cke_rcombo .cke_inline_label\r
  89 {\r
  90         color: #fff;\r
  91 }\r
  92 \r
  93 .cke_skin_v2 .cke_rcombo .cke_text\r
  94 {\r
  95         border: 1px solid #8f8f73;\r
  96         background-color: #fff;\r
  97         height: 12px;\r
  98         width:60px;\r
  99         padding-top: 4px;\r
 100         padding-bottom: 4px;\r
 101         padding-left: 5px;\r
 102         padding-right: 5px;\r
 103         text-overflow: ellipsis;\r
 104         overflow: hidden;\r
 105         display: inline-block;\r
 106         vertical-align: top;\r
 107         cursor: default;\r
 108 }\r
 109 \r
 110 .cke_skin_v2 .cke_ltr .cke_rcombo .cke_text\r
 111 {\r
 112         -moz-border-radius-topleft: 3px;\r
 113         -webkit-border-top-left-radius: 3px;\r
 114         border-top-left-radius: 3px;\r
 115         -moz-border-radius-bottomleft: 3px;\r
 116         -webkit-border-bottom-left-radius: 3px;\r
 117         border-bottom-left-radius: 3px;\r
 118 }\r
 119 \r
 120 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_text\r
 121 {\r
 122         -moz-border-radius-topright: 3px;\r
 123         -webkit-border-top-right-radius: 3px;\r
 124         border-top-right-radius: 3px;\r
 125         -moz-border-radius-bottomright: 3px;\r
 126         -webkit-border-bottom-right-radius: 3px;\r
 127         border-bottom-right-radius: 3px;\r
 128 }\r
 129 \r
 130 /* Fix for IE height */\r
 131 .cke_skin_v2 .cke_browser_iequirks .cke_rcombo .cke_text\r
 132 {\r
 133         height: 22px;\r
 134 }\r
 135 \r
 136 .cke_skin_v2 .cke_rcombo .cke_openbutton\r
 137 {\r
 138         display: inline-block;\r
 139 \r
 140         background-position: 5px -715px;\r
 141         background-image: url(images/sprites.png);\r
 142         _background-image: url(images/sprites_ie6.png);\r
 143         background-repeat: no-repeat;\r
 144 \r
 145         border-top: 1px solid #8f8f73;\r
 146         border-bottom: 1px solid #8f8f73;\r
 147         width: 14px;\r
 148         height: 20px;\r
 149 }\r
 150 \r
 151 /* IE with zoom != 100% will distort the icons otherwise #4821 */\r
 152 .cke_skin_v2 .cke_browser_ie .cke_rcombo .cke_openbutton\r
 153 {\r
 154         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');\r
 155 }\r
 156 .cke_skin_v2 .cke_browser_ie6 .cke_rcombo .cke_openbutton\r
 157 {\r
 158         filter: ;\r
 159 }\r
 160 \r
 161 .cke_skin_v2 .cke_rcombo .cke_openbutton span\r
 162 {\r
 163         display: none;\r
 164 }\r
 165 \r
 166 .cke_skin_v2 .cke_hc .cke_rcombo .cke_openbutton span\r
 167 {\r
 168         display : inline;\r
 169 }\r
 170 \r
 171 .cke_skin_v2 .cke_ltr .cke_rcombo .cke_openbutton\r
 172 {\r
 173     border-right: 1px solid #8f8f73;\r
 174         -moz-border-radius-topright: 3px;\r
 175         -webkit-border-top-right-radius: 3px;\r
 176         border-top-right-radius: 3px;\r
 177         -moz-border-radius-bottomright: 3px;\r
 178         -webkit-border-bottom-right-radius: 3px;\r
 179         border-bottom-right-radius: 3px;\r
 180 }\r
 181 \r
 182 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_openbutton\r
 183 {\r
 184     border-left: 1px solid #8f8f73;\r
 185         -moz-border-radius-topleft: 3px;\r
 186         -webkit-border-top-left-radius: 3px;\r
 187         border-top-left-radius: 3px;\r
 188         -moz-border-radius-bottomleft: 3px;\r
 189         -webkit-border-bottom-left-radius: 3px;\r
 190         border-bottom-left-radius: 3px;\r
 191 }\r
 192 \r
 193 .cke_skin_v2 .cke_rcombo .cke_off a:hover,\r
 194 .cke_skin_v2 .cke_rcombo .cke_off a:focus,\r
 195 .cke_skin_v2 .cke_rcombo .cke_off a:active,\r
 196 .cke_skin_v2 .cke_rcombo .cke_on a\r
 197 {\r
 198         filter: alpha(opacity=100); /* IE */\r
 199         opacity: 1; /* Safari, Opera and Mozilla */\r
 200 }\r
 201 \r
 202 .cke_skin_v2 .cke_rcombo .cke_off a:hover .cke_text,\r
 203 .cke_skin_v2 .cke_rcombo .cke_off a:focus .cke_text,\r
 204 .cke_skin_v2 .cke_rcombo .cke_off a:active .cke_text,\r
 205 .cke_skin_v2 .cke_rcombo .cke_on .cke_text\r
 206 {\r
 207         border-color: #316ac5;\r
 208 }\r
 209 \r
 210 .cke_skin_v2 .cke_rcombo .cke_off a:hover .cke_openbutton,\r
 211 .cke_skin_v2 .cke_rcombo .cke_off a:focus .cke_openbutton,\r
 212 .cke_skin_v2 .cke_rcombo .cke_off a:active .cke_openbutton,\r
 213 .cke_skin_v2 .cke_rcombo .cke_on .cke_openbutton\r
 214 {\r
 215         border-color: #316ac5;\r
 216         background-color: #dff1ff;\r
 217 }\r
 218 \r
 219 .cke_skin_v2 .cke_rcombo .cke_on .cke_text\r
 220 {\r
 221         -moz-border-radius-bottomleft: 0px;\r
 222         -webkit-border-bottom-left-radius: 0px;\r
 223         border-bottom-left-radius: 0px;\r
 224 }\r
 225 \r
 226 .cke_skin_v2 .cke_rcombo .cke_on .cke_openbutton\r
 227 {\r
 228         -moz-border-radius-bottomright: 0px;\r
 229         -webkit-border-bottom-right-radius: 0px;\r
 230         border-bottom-right-radius: 0px;\r
 231 }\r
 232 \r
 233 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_label\r
 234 {\r
 235         filter: alpha(opacity=30); /* IE */\r
 236         opacity: 0.3; /* Safari, Opera and Mozilla */\r
 237 }\r
 238 \r
 239 .cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_label\r
 240 {\r
 241         filter: alpha(opacity=70);\r
 242         opacity: 0.7;\r
 243 }\r
 244 \r
 245 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_text,\r
 246 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_openbutton\r
 247 {\r
 248         filter: alpha(opacity=50); /* IE */\r
 249         opacity: 0.5; /* Safari, Opera and Mozilla */\r
 250 }\r
 251 \r
 252 /* IE with zoom != 100% will distort the icons otherwise #4821 */\r
 253 .cke_skin_v2 .cke_browser_ie .cke_rcombo .cke_disabled .cke_openbutton\r
 254 {\r
 255         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=50);\r
 256 }\r
 257 .cke_skin_v2 .cke_browser_ie6 .cke_rcombo .cke_disabled .cke_openbutton\r
 258 {\r
 259         filter: alpha(opacity=50);\r
 260 }\r
 261 \r
 262 .cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_text,\r
 263 .cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_openbutton\r
 264 {\r
 265         filter: alpha(opacity=80);\r
 266         opacity: 0.8;\r
 267 }\r
 268 \r
 269 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_text\r
 270 {\r
 271         color: #fff;\r
 272 }\r
 273 \r
 274 /* Firefox 2 & WebKit Section */\r
 275 \r
 276 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo,\r
 277 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_label,\r
 278 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_text,\r
 279 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_openbutton,\r
 280 .cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_label,\r
 281 .cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_text,\r
 282 .cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_openbutton\r
 283 {\r
 284         display: block;\r
 285         float: left;\r
 286 }\r
 287 \r
 288 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo,\r
 289 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_label,\r
 290 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_text,\r
 291 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_openbutton,\r
 292 .cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_label,\r
 293 .cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text,\r
 294 .cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_openbutton\r
 295 {\r
 296         float: right;\r
 297 }\r
 298 \r
 299 /*** IE ***/\r
 300 \r
 301 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo,\r
 302 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo a,\r
 303 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo .cke_label\r
 304 {\r
 305         float: none;\r
 306 }\r
 307 \r
 308 .cke_skin_v2 .cke_browser_iequirks .cke_rcombo .cke_openbutton\r
 309 {\r
 310         height: 22px;\r
 311 }\r
 312 \r
 313 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_font .cke_text,\r
 314 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_fontSize .cke_text\r
 315 {\r
 316         direction: ltr;\r
 317 }\r