]>
git.immae.eu Git - perso/Immae/Projets/packagist/ludivine-ckeditor-component.git/blob - sources/skins/moonocolor/richcombo.css
2 Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
3 For licensing, see LICENSE.md or http://ckeditor.com/license
7 richcombo.css (part of editor.css)
8 =================================
10 This file holds the style set of the "Rich Combo" widget which is commonly used
11 in the toolbar. It doesn't, however, styles the panel that is displayed when
12 clicking on the combo, which is instead styled by panel.css.
14 The visual representation of a rich combo widget looks as follows:
16 +-- .cke_combo----------------------------------------------------------------------+
17 | +-- .cke_combo_label --+ +-- .cke_combo_button ---------------------------------+ |
18 | | | | +-- .cke_combo_text --+ +-- .cke_combo_open -------+ | |
19 | | | | | | | +-- .cke_combo_arrow --+ | | |
20 | | | | | | | | | | | |
21 | | | | | | | +----------------------+ | | |
22 | | | | +---------------------+ +--------------------------+ | |
23 | +----------------------+ +------------------------------------------------------+ |
24 +-----------------------------------------------------------------------------------+
27 /* The box that hold the entire combo widget */
30 display: inline-block
;
44 /* The label of the combo widget. It is invisible by default, yet
45 it's important for semantics and accessibility. */
55 .cke_rtl
.cke_combo_label
62 /* The container for combo text and arrow. */
66 display: inline-block
;
70 border: 1px solid
#a6a6a6;
71 border-bottom-color: #979797;
75 box-shadow: 0 1px 0 rgba
(255,255,255,.5), 0 0 2px rgba
(255,255,255,.15) inset
, 0 1px 0 rgba
(255,255,255,.15) inset
;
78 background-image: linear-gradient
(to bottom
, #ffffff, #e4e4e4);
79 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#ffffff', endColorstr
='#e4e4e4');
82 /* Different states of the container. */
83 .cke_combo_off a
.cke_combo_button:hover
,
84 .cke_combo_off a
.cke_combo_button:focus
87 background-image: linear-gradient
(to bottom
, #f2f2f2, #ccc);
88 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#f2f2f2', endColorstr
='#cccccc');
93 .cke_combo_off a
.cke_combo_button:active
,
94 .cke_combo_on a
.cke_combo_button
96 border: 1px solid
#777;
98 box-shadow: 0 1px 0 rgba
(255,255,255,.5), 0 1px 5px rgba
(0,0,0,.6) inset
;
101 background-image: linear-gradient
(to bottom
, #aaa, #cacaca);
102 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#aaaaaa', endColorstr
='#cacaca');
105 .cke_combo_on a
.cke_combo_button:hover
,
106 .cke_combo_on a
.cke_combo_button:focus
,
107 .cke_combo_on a
.cke_combo_button:active
109 box-shadow: 0 1px 6px rgba
(0,0,0,.7) inset
, 0 1px 0 rgba
(0,0,0,.2);
112 .cke_rtl
.cke_combo_button
119 .cke_hc a
.cke_combo_button
124 .cke_hc
.cke_combo_on a
.cke_combo_button
,
125 .cke_hc
.cke_combo_off a
.cke_combo_button:hover
,
126 .cke_hc
.cke_combo_off a
.cke_combo_button:focus
,
127 .cke_hc
.cke_combo_off a
.cke_combo_button:active
133 /* The label that shows the current value of the rich combo.
134 By default, it holds the name of the property.
135 See: .cke_combo_inlinelabel */
140 text-overflow: ellipsis
;
145 text-shadow: 0 1px 0 rgba
(255,255,255,.5);
149 .cke_rtl
.cke_combo_text
157 .cke_hc
.cke_combo_text
163 /* The handler which opens the panel of rich combo properties.
164 It holds an arrow as a visual indicator. */
168 display: inline-block
;
176 .cke_hc
.cke_combo_open
181 /* The arrow which is displayed inside of the .cke_combo_open handler. */
192 border-left: 3px solid transparent
;
193 border-right: 3px solid transparent
;
194 border-top: 3px solid
#474747;
197 .cke_hc
.cke_combo_arrow
205 /* Disabled combo button styles. */
206 .cke_combo_disabled
.cke_combo_inlinelabel
,
207 .cke_combo_disabled
.cke_combo_open