Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
/*
2 
Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
3 
For licensing, see LICENSE.md or http://ckeditor.com/license
4 
*/
5 
 
6 
/*
7 
richcombo.css (part of editor.css)
8 
=================================
9 
 
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.
13 
 
14 
The visual representation of a rich combo widget looks as follows:
15 
 
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 
+-----------------------------------------------------------------------------------+
25 
*/
26 
 
27 
/* The box that hold the entire combo widget */
28 
.cke_combo {
29 
    display: inline-block;
30 
    float: left;
31 
}
32 
 
33 
.cke_rtl .cke_combo {
34 
    float: right;
35 
}
36 
 
37 
.cke_hc .cke_combo {
38 
    margin-top: -2px;
39 
}
40 
 
41 
/* The label of the combo widget. It is invisible by default, yet
42 
   it's important for semantics and accessibility. */
43 
.cke_combo_label {
44 
    display: none;
45 
    float: left;
46 
    line-height: 26px;
47 
    vertical-align: top;
48 
    margin-right: 5px;
49 
}
50 
 
51 
.cke_rtl .cke_combo_label {
52 
    float: right;
53 
    margin-left: 5px;
54 
    margin-right: 0;
55 
}
56 
 
57 
/* The container for combo text and arrow. */
58 
.cke_combo_button {
59 
    display: inline-block;
60 
    float: left;
61 
    margin: 0 6px 5px 0;
62 
    border: 1px solid $hr-border;
63 
    border-radius: $border-radius;
64 
    background: #fff;
65 
}
66 
 
67 
/* Different states of the container. */
68 
.cke_combo_off {
69 
    a.cke_combo_button {
70 
        &:hover, &:focus {
71 
            outline: none;
72 
        }
73 
        &:active {
74 
            border-color: $gray-darker;
75 
        }
76 
    }
77 
}
78 
 
79 
.cke_combo_on {
80 
    a.cke_combo_button {
81 
        border-color: $gray-darker;
82 
    }
83 
}
84 
 
85 
.cke_rtl .cke_combo_button {
86 
    float: right;
87 
    margin-left: 5px;
88 
    margin-right: 0;
89 
}
90 
 
91 
.cke_hc a.cke_combo_button {
92 
    padding: 3px;
93 
}
94 
 
95 
.cke_hc .cke_combo_on a.cke_combo_button {
96 
    border-width: 3px;
97 
    padding: 1px;
98 
}
99 
.cke_hc .cke_combo_off a.cke_combo_button {
100 
    &:hover, &:focus, &:active {
101 
        border-width: 3px;
102 
        padding: 1px;
103 
    }
104 
}
105 
 
106 
/* The label that shows the current value of the rich combo.
107 
   By default, it holds the name of the property.
108 
   See: .cke_combo_inlinelabel */
109 
.cke_combo_text {
110 
    line-height: 26px;
111 
    padding-left: 10px;
112 
    text-overflow: ellipsis;
113 
    overflow: hidden;
114 
    float: left;
115 
    cursor: default;
116 
    color: #474747;
117 
    width: 60px;
118 
}
119 
 
120 
.cke_rtl .cke_combo_text {
121 
    float: right;
122 
    text-align: right;
123 
    padding-left: 0;
124 
    padding-right: 10px;
125 
}
126 
 
127 
.cke_hc .cke_combo_text {
128 
    line-height: 18px;
129 
    font-size: 12px;
130 
}
131 
 
132 
/* The handler which opens the panel of rich combo properties.
133 
   It holds an arrow as a visual indicator. */
134 
.cke_combo_open {
135 
    cursor: default;
136 
    display: inline-block;
137 
    font-size: 0;
138 
    height: 19px;
139 
    line-height: 17px;
140 
    margin: 1px 7px 1px;
141 
    width: 5px;
142 
}
143 
 
144 
.cke_hc .cke_combo_open {
145 
    height: 12px;
146 
}
147 
 
148 
/* The arrow which is displayed inside of the .cke_combo_open handler. */
149 
.cke_combo_arrow {
150 
    margin: 11px 0 0;
151 
    float: left;
152 
 
153 
    /* Pure CSS Arrow */
154 
    height: 0;
155 
    width: 0;
156 
    font-size: 0;
157 
    border-left: 3px solid transparent;
158 
    border-right: 3px solid transparent;
159 
    border-top: 3px solid $text-color;
160 
}
161 
 
162 
.cke_hc .cke_combo_arrow {
163 
    font-size: 10px;
164 
    width: auto;
165 
    border: 0;
166 
    margin-top: 3px;
167 
}
168 
 
169 
/* Disabled combo button styles. */
170 
.cke_combo_disabled {
171 
    .cke_combo_inlinelabel, .cke_combo_open {
172 
        opacity: 0.3;
173 
    }
174 
}