_source/skins/kama/richcombo.css

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