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