diff options
Diffstat (limited to 'sources/skins/moono/panel.css')
-rw-r--r-- | sources/skins/moono/panel.css | 237 |
1 files changed, 237 insertions, 0 deletions
diff --git a/sources/skins/moono/panel.css b/sources/skins/moono/panel.css new file mode 100644 index 0000000..e38702a --- /dev/null +++ b/sources/skins/moono/panel.css | |||
@@ -0,0 +1,237 @@ | |||
1 | /* | ||
2 | Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved. | ||
3 | For licensing, see LICENSE.md or http://ckeditor.com/license | ||
4 | */ | ||
5 | |||
6 | /* | ||
7 | panel.css (part of editor.css) | ||
8 | ================================ | ||
9 | |||
10 | Panels are floating elements that can hold different types of contents. | ||
11 | The following are common uses of it: | ||
12 | |||
13 | - The element that toolbar combos display when opening them. | ||
14 | - The context menu. | ||
15 | - The list of items displayed by "menu buttons" (e.g. scayt). | ||
16 | - The panel shown when opening "panel buttons" (e.g. color buttons). | ||
17 | |||
18 | Panel contents are wrapped into an iframe, so it is possible to have additional | ||
19 | CSS loaded inside them (e.g. to have more accurate preview on the styles combo). | ||
20 | |||
21 | The following is a visual representation of the outer elements of a panel: | ||
22 | |||
23 | +-- .cke_panel(*) ---------------------+ | ||
24 | | +-- IFRAME.cke_panel_frame --------+ | | ||
25 | | | +-- HTML.cke_panel_container --+ | | | ||
26 | | | | +-- .cke_panel_block ------+ | | | | ||
27 | | | | | | | | | | ||
28 | | | | | (contents here) | | | | | ||
29 | | | | | | | | | | ||
30 | | | | +--------------------------+ | | | | ||
31 | | | +------------------------------+ | | | ||
32 | | +----------------------------------+ | | ||
33 | +--------------------------------------+ | ||
34 | |||
35 | (*) All kinds of panel share the above structure. Menu panels adds the | ||
36 | .cke_menu_panel class to the outer element, while toolbar combos add the | ||
37 | .cke_combopanel class. | ||
38 | |||
39 | This file also defines styles for panel lists (used by combos). For menu-like | ||
40 | panel contents and color panels check menu.css and colorpanel.css. | ||
41 | */ | ||
42 | |||
43 | /* The box that holds an IFRAME. It's inserted into a host document and positioned | ||
44 | absolutely by the application. It floats above the host document/editor. */ | ||
45 | .cke_panel | ||
46 | { | ||
47 | /* Restore the loading hide */ | ||
48 | visibility: visible; | ||
49 | width: 120px; | ||
50 | height: 100px; | ||
51 | overflow: hidden; | ||
52 | |||
53 | background-color: #fff; | ||
54 | border: 1px solid #b6b6b6; | ||
55 | border-bottom-color: #999; | ||
56 | |||
57 | border-radius: 3px; | ||
58 | |||
59 | box-shadow: 0 0 3px rgba(0,0,0,.15); | ||
60 | } | ||
61 | |||
62 | /* This class represents panels which are used as context menus. */ | ||
63 | .cke_menu_panel | ||
64 | { | ||
65 | padding: 0; | ||
66 | margin: 0; | ||
67 | } | ||
68 | |||
69 | /* This class represents panels which are used by rich combos. */ | ||
70 | .cke_combopanel | ||
71 | { | ||
72 | width: 150px; | ||
73 | height: 170px; | ||
74 | } | ||
75 | |||
76 | /* The IFRAME the panel is wrapped into. */ | ||
77 | .cke_panel_frame | ||
78 | { | ||
79 | width: 100%; | ||
80 | height: 100%; | ||
81 | font-size: 12px; | ||
82 | |||
83 | overflow: auto; | ||
84 | overflow-x: hidden; | ||
85 | } | ||
86 | |||
87 | /* The HTML document which is a direct descendant of the IFRAME */ | ||
88 | .cke_panel_container | ||
89 | { | ||
90 | overflow-y: auto; | ||
91 | overflow-x: hidden; | ||
92 | } | ||
93 | |||
94 | /* | ||
95 | Here we start the definition of panel lists (e.g. combo panels). The following | ||
96 | is its visual representation: | ||
97 | |||
98 | +-- .cke_panel_block -----------------+ | ||
99 | | +-- .cke_panel_grouptitle --------+ | | ||
100 | | | | | | ||
101 | | +---------------------------------+ | | ||
102 | | +-- .cke_panel_list --------------+ | | ||
103 | | | +-- .cke_panel_listItem ------+ | | | ||
104 | | | | +-- a --------------------+ | | | | ||
105 | | | | | +-- span -------------+ | | | | | ||
106 | | | | | | | | | | | | ||
107 | | | | | +---------------------+ | | | | | ||
108 | | | | +-------------------------+ | | | | ||
109 | | | +-----------------------------+ | | | ||
110 | | | +-- .cke_panel_listItem ------+ | | | ||
111 | | | | +-- a --------------------+ | | | | ||
112 | | | | | +-- span -------------+ | | | | | ||
113 | | | | | | | | | | | | ||
114 | | | | | +---------------------+ | | | | | ||
115 | | | | +-------------------------+ | | | | ||
116 | | | +-----------------------------+ | | | ||
117 | | | ... | | | ||
118 | | +---------------------------------+ | | ||
119 | +-------------------------------------+ | ||
120 | */ | ||
121 | |||
122 | |||
123 | /* The list of panel items. */ | ||
124 | .cke_panel_list | ||
125 | { | ||
126 | list-style-type: none; | ||
127 | margin: 3px; | ||
128 | padding: 0; | ||
129 | white-space: nowrap; | ||
130 | } | ||
131 | |||
132 | /* The item of .cke_panel_list */ | ||
133 | .cke_panel_listItem | ||
134 | { | ||
135 | margin: 0; | ||
136 | padding-bottom: 1px; | ||
137 | } | ||
138 | |||
139 | /* The child of .cke_panel_listItem. These elements contain spans which are | ||
140 | to display a real name of the property which is visible for an end-user. */ | ||
141 | .cke_panel_listItem a | ||
142 | { | ||
143 | padding: 3px 4px; | ||
144 | display: block; | ||
145 | border: 1px solid #fff; | ||
146 | color: inherit !important; | ||
147 | text-decoration: none; | ||
148 | overflow: hidden; | ||
149 | text-overflow: ellipsis; | ||
150 | |||
151 | border-radius: 2px; | ||
152 | } | ||
153 | |||
154 | /* IE6 */ | ||
155 | * html .cke_panel_listItem a | ||
156 | { | ||
157 | width : 100%; | ||
158 | |||
159 | /* IE is not able to inherit the color, so we must force it to black */ | ||
160 | color: #000; | ||
161 | } | ||
162 | |||
163 | /* IE7 */ | ||
164 | *:first-child+html .cke_panel_listItem a | ||
165 | { | ||
166 | /* IE is not able to inherit the color, so we must force it to black */ | ||
167 | color: #000; | ||
168 | } | ||
169 | |||
170 | .cke_panel_listItem.cke_selected a | ||
171 | { | ||
172 | border: 1px solid #dedede; | ||
173 | background-color: #f2f2f2; | ||
174 | |||
175 | box-shadow: 0 0 2px rgba(0,0,0,.1) inset; | ||
176 | } | ||
177 | |||
178 | .cke_panel_listItem a:hover, | ||
179 | .cke_panel_listItem a:focus, | ||
180 | .cke_panel_listItem a:active | ||
181 | { | ||
182 | border-color: #dedede; | ||
183 | background-color: #f2f2f2; | ||
184 | |||
185 | box-shadow: 0 0 2px rgba(0,0,0,.1) inset; | ||
186 | } | ||
187 | |||
188 | .cke_hc .cke_panel_listItem a | ||
189 | { | ||
190 | border-style: none; | ||
191 | } | ||
192 | |||
193 | .cke_hc .cke_panel_listItem a:hover, | ||
194 | .cke_hc .cke_panel_listItem a:focus, | ||
195 | .cke_hc .cke_panel_listItem a:active | ||
196 | { | ||
197 | border: 2px solid; | ||
198 | padding: 1px 2px; | ||
199 | } | ||
200 | |||
201 | /* The title of the entire panel which is visible on top of the list. */ | ||
202 | .cke_panel_grouptitle | ||
203 | { | ||
204 | cursor: default; | ||
205 | font-size: 11px; | ||
206 | font-weight: bold; | ||
207 | white-space: nowrap; | ||
208 | margin: 0; | ||
209 | padding: 4px 6px; | ||
210 | |||
211 | color: #474747; | ||
212 | text-shadow: 0 1px 0 rgba(255,255,255,.75); | ||
213 | border-bottom: 1px solid #b6b6b6; | ||
214 | |||
215 | border-radius: 2px 2px 0 0; | ||
216 | |||
217 | box-shadow: 0 1px 0 #fff inset; | ||
218 | |||
219 | background: #cfd1cf; | ||
220 | background-image: linear-gradient(to bottom, #f5f5f5, #cfd1cf); | ||
221 | filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf'); | ||
222 | } | ||
223 | |||
224 | /* The following styles set defaults of the elements used by the Paragraph | ||
225 | Format panel. */ | ||
226 | .cke_panel_listItem p, | ||
227 | .cke_panel_listItem h1, | ||
228 | .cke_panel_listItem h2, | ||
229 | .cke_panel_listItem h3, | ||
230 | .cke_panel_listItem h4, | ||
231 | .cke_panel_listItem h5, | ||
232 | .cke_panel_listItem h6, | ||
233 | .cke_panel_listItem pre | ||
234 | { | ||
235 | margin-top: 0px; | ||
236 | margin-bottom: 0px; | ||
237 | } | ||