c8db117554ea4900b570f923951e60ecde52e7f2
[ckeditor.git] / _source / skins / kama / panel.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 .cke_skin_kama .cke_panel
7 {
8 border: 1px solid #8f8f73;
9 background-color: #fff;
10
11 width: 120px;
12 height: 100px;
13
14 overflow: hidden;
15
16 -moz-border-radius: 3px;
17 -webkit-border-radius: 3px;
18 border-radius: 3px;
19 }
20
21 .cke_skin_kama .cke_contextmenu
22 {
23 margin: 0;
24 }
25
26 /* Ideally we would use "inherit here"... but you know... IE :( */
27 .cke_skin_kama .cke_panel iframe
28 {
29 width: 100%;
30 height: 100%;
31 }
32
33 /*
34 * All the following styles are to be used inside the iframe that holds panel
35 * contents. We don't use the cke_skin_default there to avoid the reset to be
36 * active.
37 * This is not an issue as we'll never have two skins running inside the same
38 * panel iframe.
39 */
40
41 html.cke_skin_kama_container
42 {
43 overflow: auto;
44 overflow-x: hidden;
45 }
46
47 body.cke_panel_frame
48 {
49 overflow: auto;
50 }
51
52 .cke_panel_frame .cke_label
53 {
54 display: none;
55 }
56
57 ul.cke_panel_list
58 {
59 list-style-type: none;
60 margin: 3px;
61 padding: 0px;
62 white-space: nowrap;
63 }
64
65 li.cke_panel_listItem
66 {
67 margin: 0px;
68 }
69
70 .cke_panel_listItem a
71 {
72 padding: 2px;
73 display: block;
74 border: 1px solid #fff;
75 color: inherit !important;
76 text-decoration: none;
77 overflow: hidden;
78 text-overflow: ellipsis;
79 }
80
81 /* IE6 */
82 * html .cke_panel_listItem a
83 {
84 width : 100%;
85
86 /* IE is not able to inherit the color, so we must force it to black */
87 color: #000;
88 }
89
90 /* IE7 */
91 *:first-child+html .cke_panel_listItem a
92 {
93 /* IE is not able to inherit the color, so we must force it to black */
94 color: #000;
95 }
96
97 .cke_panel_listItem.cke_selected a
98 {
99 border: 1px solid #ccc;
100 background-color: #e9f5ff;
101 }
102
103 .cke_panel_listItem a:hover,
104 .cke_panel_listItem a:focus,
105 .cke_panel_listItem a:active
106 {
107 border-color: #316ac5;
108 background-color: #dff1ff;
109 }
110
111 .cke_hc .cke_panel_listItem.cke_selected a,
112 .cke_hc .cke_panel_listItem a:hover,
113 .cke_hc .cke_panel_listItem a:focus,
114 .cke_hc .cke_panel_listItem a:active
115 {
116 border-width: 3px;
117 padding: 0px;
118 }
119
120 .cke_panel_grouptitle
121 {
122 font-size: 11px;
123 font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
124 font-weight: bold;
125 white-space: nowrap;
126 background-color: #dcdcdc;
127 color: #000;
128 margin:0px;
129 padding:3px;
130 }
131
132 .cke_panel_listItem p,
133 .cke_panel_listItem h1,
134 .cke_panel_listItem h2,
135 .cke_panel_listItem h3,
136 .cke_panel_listItem h4,
137 .cke_panel_listItem h5,
138 .cke_panel_listItem h6,
139 .cke_panel_listItem pre
140 {
141 margin-top: 3px;
142 margin-bottom: 3px;
143 }
144
145 .cke_skin_kama .cke_button_textcolor_panel,
146 .cke_skin_kama .cke_button_bgcolor_panel
147 {
148 width: 150px;
149 height: 135px;
150 }
151
152 .cke_colorblock
153 {
154 padding: 3px;
155 font-size: 11px;
156 font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;
157 }
158
159 .cke_colorblock,
160 .cke_colorblock a
161 {
162 text-decoration: none;
163 color: #000;
164 }
165
166 span.cke_colorbox
167 {
168 width: 10px;
169 height: 10px;
170 border: #808080 1px solid;
171 float: left;
172 }
173
174 .cke_rtl span.cke_colorbox
175 {
176 float: right;
177 }
178
179 a.cke_colorbox
180 {
181 border: #fff 1px solid;
182 padding: 2px;
183 float: left;
184 }
185
186 .cke_rtl a.cke_colorbox
187 {
188 float: right;
189 }
190
191 a:hover.cke_colorbox,
192 a:focus.cke_colorbox,
193 a:active.cke_colorbox
194 {
195 border: #316ac5 1px solid;
196 background-color: #dff1ff;
197 }
198
199 a.cke_colorauto,
200 a.cke_colormore
201 {
202 border: #fff 1px solid;
203 padding: 2px;
204 display: block;
205 cursor: pointer;
206 }
207
208 a:hover.cke_colorauto,
209 a:hover.cke_colormore,
210 a:focus.cke_colorauto,
211 a:focus.cke_colormore,
212 a:active.cke_colorauto,
213 a:active.cke_colormore
214 {
215 border: #316ac5 1px solid;
216 background-color: #dff1ff;
217 }