_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         border-top: 1px solid #8f8f73;\r
 140         border-bottom: 1px solid #8f8f73;\r
 141 }\r
 142 \r
 143 .cke_skin_v2 .cke_rcombo .cke_openbutton .cke_icon\r
 144 {\r
 145         display: inline-block;\r
 146         background-position: 5px -715px;\r
 147         background-image: url(images/sprites.png);\r
 148         _background-image: url(images/sprites_ie6.png);\r
 149         background-repeat: no-repeat;\r
 150 \r
 151         width: 14px;\r
 152         height: 20px;\r
 153 }\r
 154 \r
 155 /* IE with zoom != 100% will distort the icons otherwise #4821 */\r
 156 .cke_skin_v2 .cke_browser_ie .cke_rcombo .cke_openbutton .cke_icon\r
 157 {\r
 158         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');\r
 159 }\r
 160 .cke_skin_v2 .cke_browser_ie6 .cke_rcombo .cke_openbutton .cke_icon\r
 161 {\r
 162         filter: ;\r
 163 }\r
 164 .cke_skin_v2 .cke_hc .cke_rcombo .cke_openbutton .cke_icon\r
 165 {\r
 166         background: none;\r
 167         filter: ;\r
 168 }\r
 169 \r
 170 .cke_skin_v2 .cke_ltr .cke_rcombo .cke_openbutton\r
 171 {\r
 172     border-right: 1px solid #8f8f73;\r
 173         -moz-border-radius-topright: 3px;\r
 174         -webkit-border-top-right-radius: 3px;\r
 175         border-top-right-radius: 3px;\r
 176         -moz-border-radius-bottomright: 3px;\r
 177         -webkit-border-bottom-right-radius: 3px;\r
 178         border-bottom-right-radius: 3px;\r
 179 }\r
 180 \r
 181 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_openbutton\r
 182 {\r
 183     border-left: 1px solid #8f8f73;\r
 184         -moz-border-radius-topleft: 3px;\r
 185         -webkit-border-top-left-radius: 3px;\r
 186         border-top-left-radius: 3px;\r
 187         -moz-border-radius-bottomleft: 3px;\r
 188         -webkit-border-bottom-left-radius: 3px;\r
 189         border-bottom-left-radius: 3px;\r
 190 }\r
 191 \r
 192 .cke_skin_v2 .cke_rcombo .cke_off a:hover,\r
 193 .cke_skin_v2 .cke_rcombo .cke_off a:focus,\r
 194 .cke_skin_v2 .cke_rcombo .cke_off a:active,\r
 195 .cke_skin_v2 .cke_rcombo .cke_on a\r
 196 {\r
 197         filter: alpha(opacity=100); /* IE */\r
 198         opacity: 1; /* Safari, Opera and Mozilla */\r
 199 }\r
 200 \r
 201 .cke_skin_v2 .cke_rcombo .cke_off a:hover .cke_text,\r
 202 .cke_skin_v2 .cke_rcombo .cke_off a:focus .cke_text,\r
 203 .cke_skin_v2 .cke_rcombo .cke_off a:active .cke_text,\r
 204 .cke_skin_v2 .cke_rcombo .cke_on .cke_text\r
 205 {\r
 206         border-color: #316ac5;\r
 207 }\r
 208 \r
 209 .cke_skin_v2 .cke_rcombo .cke_off a:hover .cke_openbutton,\r
 210 .cke_skin_v2 .cke_rcombo .cke_off a:focus .cke_openbutton,\r
 211 .cke_skin_v2 .cke_rcombo .cke_off a:active .cke_openbutton,\r
 212 .cke_skin_v2 .cke_rcombo .cke_on .cke_openbutton\r
 213 {\r
 214         border-color: #316ac5;\r
 215         background-color: #dff1ff;\r
 216 }\r
 217 \r
 218 .cke_skin_v2 .cke_rcombo .cke_on .cke_text\r
 219 {\r
 220         -moz-border-radius-bottomleft: 0px;\r
 221         -webkit-border-bottom-left-radius: 0px;\r
 222         border-bottom-left-radius: 0px;\r
 223 }\r
 224 \r
 225 .cke_skin_v2 .cke_rcombo .cke_on .cke_openbutton\r
 226 {\r
 227         -moz-border-radius-bottomright: 0px;\r
 228         -webkit-border-bottom-right-radius: 0px;\r
 229         border-bottom-right-radius: 0px;\r
 230 }\r
 231 \r
 232 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_label\r
 233 {\r
 234         filter: alpha(opacity=30); /* IE */\r
 235         opacity: 0.3; /* Safari, Opera and Mozilla */\r
 236 }\r
 237 \r
 238 .cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_label\r
 239 {\r
 240         filter: alpha(opacity=70);\r
 241         opacity: 0.7;\r
 242 }\r
 243 \r
 244 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_text,\r
 245 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_openbutton\r
 246 {\r
 247         filter: alpha(opacity=50); /* IE */\r
 248         opacity: 0.5; /* Safari, Opera and Mozilla */\r
 249 }\r
 250 \r
 251 /* IE with zoom != 100% will distort the icons otherwise #4821 */\r
 252 .cke_skin_v2 .cke_browser_ie .cke_rcombo .cke_disabled .cke_openbutton\r
 253 {\r
 254         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=50);\r
 255 }\r
 256 .cke_skin_v2 .cke_browser_ie6 .cke_rcombo .cke_disabled .cke_openbutton\r
 257 {\r
 258         filter: alpha(opacity=50);\r
 259 }\r
 260 \r
 261 .cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_text,\r
 262 .cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_openbutton\r
 263 {\r
 264         filter: alpha(opacity=80);\r
 265         opacity: 0.8;\r
 266 }\r
 267 \r
 268 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_text\r
 269 {\r
 270         color: #fff;\r
 271 }\r
 272 \r
 273 /* Firefox 2 & WebKit Section */\r
 274 \r
 275 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo,\r
 276 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_label,\r
 277 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_text,\r
 278 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_openbutton,\r
 279 .cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_label,\r
 280 .cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_text,\r
 281 .cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_openbutton\r
 282 {\r
 283         display: block;\r
 284         float: left;\r
 285 }\r
 286 \r
 287 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo,\r
 288 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_label,\r
 289 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_text,\r
 290 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_openbutton,\r
 291 .cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_label,\r
 292 .cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text,\r
 293 .cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_openbutton\r
 294 {\r
 295         float: right;\r
 296 }\r
 297 \r
 298 /*** IE ***/\r
 299 \r
 300 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo,\r
 301 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo a,\r
 302 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo .cke_label\r
 303 {\r
 304         float: none;\r
 305 }\r
 306 \r
 307 .cke_skin_v2 .cke_browser_iequirks .cke_rcombo .cke_openbutton\r
 308 {\r
 309         height: 22px;\r
 310 }\r
 311 \r
 312 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_font .cke_text,\r
 313 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_fontSize .cke_text\r
 314 {\r
 315         direction: ltr;\r
 316 }\r