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