_source/skins/v2/richcombo.css

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