/wp-content/plugins/contact-form-7/admin/css/styles.css

  1#titlediv .inside p.description {
  2	margin: 8px 2px 0;
  3}
  4
  5#titlediv .inside p.description label {
  6	cursor: pointer;
  7}
  8
  9span.shortcode {
 10	display: block;
 11	margin: 2px 0;
 12}
 13
 14span.shortcode.old {
 15	background: #777;
 16	color: #fff;
 17}
 18
 19span.shortcode > input {
 20	background: inherit;
 21	color: inherit;
 22	font-size: 12px;
 23	border: none;
 24	box-shadow: none;
 25	padding: 4px 8px;
 26	margin: 0;
 27}
 28
 29#submitpost input.copy {
 30	margin-bottom: 10px;
 31}
 32
 33#submitpost input.delete {
 34	padding: 0;
 35	margin: 0;
 36	border: none;
 37	cursor: pointer;
 38	background: inherit;
 39	color: #a00;
 40}
 41
 42#submitpost input.delete:hover {
 43	color: #f00;
 44}
 45
 46#submitpost input.delete:focus {
 47	outline: thin dotted;
 48}
 49
 50.postbox-container .postbox h3 {
 51	border-bottom: 1px solid transparent;
 52}
 53
 54.keyboard-interaction {
 55	visibility: hidden;
 56	color: #23282d;
 57}
 58
 59div.config-error, span.config-error, ul.config-error {
 60	color: #444;
 61	font-style: normal;
 62	font-size: 13px;
 63}
 64
 65ul.config-error {
 66	margin: 2px 0;
 67}
 68
 69ul.config-error li {
 70	list-style: none;
 71	padding: 2px 2px;
 72	margin: 0;
 73}
 74
 75div.config-error span.dashicons,
 76ul.config-error li span.dashicons {
 77	color: #82878c;
 78}
 79
 80[data-config-field][aria-invalid="true"] {
 81	border-color: #d00;
 82}
 83
 84/*
 85 * Tabs
 86 */
 87#contact-form-editor-tabs {
 88	border-bottom: 1px solid #aaa;
 89	padding: 9px 15px 0 10px;
 90	margin: 0;
 91}
 92
 93#contact-form-editor-tabs li {
 94	display: inline-block;
 95	list-style: none;
 96	border: 1px solid #ccc;
 97	border-bottom: 1px solid #aaa;
 98	padding: 0;
 99	margin: 0 4px -1px;
100	background-color: #e4e4e4;
101}
102
103#contact-form-editor-tabs li:hover {
104	background-color: #fff;
105}
106
107#contact-form-editor-tabs li.ui-tabs-active,
108#contact-form-editor-tabs li.ui-tabs-active:hover {
109	border-top: 1px solid #aaa;
110	border-right: 1px solid #aaa;
111	border-left: 1px solid #aaa;
112	border-bottom: 1px solid #f5f5f5;
113	background-color: #f5f5f5;
114}
115
116#contact-form-editor-tabs li a {
117	padding: 6px 10px;
118	font-size: 14px;
119	font-weight: normal;
120	line-height: 30px;
121	color: #333;
122	text-decoration: none;
123}
124
125#contact-form-editor-tabs li.ui-tabs-active a {
126	color: #000;
127	font-size: 14px;
128	font-weight: bold;
129}
130
131#contact-form-editor-tabs li a:hover {
132	color: #000;
133}
134
135#contact-form-editor-tabs li a span.dashicons {
136	font-style: normal;
137	padding: 6px 0 4px 4px;
138	color: #82878c;
139}
140
141#contact-form-editor-tabs li a span.dashicons-warning,
142#contact-form-editor .contact-form-editor-panel > div.config-error span.dashicons-warning {
143	color: #ca4a1f;
144}
145
146#contact-form-editor .contact-form-editor-panel > div.config-error {
147	margin-bottom: 1.4em;
148}
149
150#contact-form-editor-tabs li.ui-tabs-active a span.dashicons {
151	display: none;
152}
153
154#contact-form-editor .contact-form-editor-panel h2 {
155	font-size: 18px;
156	font-weight: 400;
157	line-height: 24px;
158	margin: 8px 0;
159	padding: 0;
160}
161
162#contact-form-editor .contact-form-editor-panel {
163	background-color: #f5f5f5;
164	border: 1px solid #aaa;
165	border-top: none;
166	padding: 16px;
167}
168
169#contact-form-editor .form-table th {
170	width: 100px;
171}
172
173#contact-form-editor .contact-form-editor-panel fieldset legend {
174	line-height: 1.5;
175	margin: .6em 0 .4em;
176}
177
178/*
179 * Form Tab
180 */
181#tag-generator-list a.button {
182	font-size: 12px;
183	height: 26px;
184	line-height: 24px;
185	margin: 2px;
186	padding: 0 8px 1px;
187}
188
189.tag-generator-panel {
190	position: relative;
191	height: 495px;
192}
193
194.tag-generator-panel .control-box {
195	padding: 0;
196	margin: 0;
197	height: 380px;
198	overflow: auto;
199}
200
201.tag-generator-panel .control-box > fieldset legend {
202	border: 1px solid #dfdfdf;
203	border-left: 4px solid #00a0d2;
204	background: #f7fcfe;
205	padding: 4px 12px;
206	margin: 4px 0;
207	line-height: 1.4em;
208	width: 95%;
209}
210
211.tag-generator-panel table {
212	width: 100%;
213}
214
215.tag-generator-panel table.form-table th {
216	width: 120px;
217	padding: 4px 10px 4px 0;
218	font-size: 13px;
219}
220
221.tag-generator-panel table.form-table td {
222	padding: 4px 10px;
223	font-size: 13px;
224}
225
226.tag-generator-panel .control-box input.oneline {
227	width: 200px;
228}
229
230.tag-generator-panel .control-box input.large-text {
231	width: 400px;
232}
233
234.tag-generator-panel .control-box textarea.values {
235	width: 200px;
236	height: 6em;
237}
238
239.tag-generator-panel .control-box input[type="number"],
240.tag-generator-panel .control-box input[type="date"] {
241	width: 88px;
242}
243
244.tag-generator-panel .control-box table caption {
245	text-align: left;
246	font-size: 110%;
247	font-weight: bold;
248	color: #777;
249	margin: 10px 0 5px;
250}
251
252.tag-generator-panel .control-box table.form-table td label {
253	line-height: 1.1em;
254}
255
256.tag-generator-panel .control-box table.form-table td label .description {
257	line-height: 1.4em;
258}
259
260.tag-generator-panel .insert-box {
261	position: absolute;
262	left: -15px;
263	right: -15px;
264	bottom: -15px;
265	width: 100%;
266	height: 84px;
267	margin: 0;
268	padding: 8px 16px;
269	background-color: #fcfcfc;
270	border-top: 1px solid #dfdfdf;
271	overflow: auto;
272}
273
274.tag-generator-panel .insert-box input.tag {
275	width: 480px;
276	float: left;
277	background-color: transparent;
278	box-shadow: none;
279}
280
281.tag-generator-panel .insert-box .submitbox {
282	padding: 2px 4px;
283}
284
285.tag-generator-panel .insert-box .submitbox input[type="button"] {
286	float: right;
287}
288
289.tag-generator-panel .insert-box .description label {
290	cursor: text;
291}
292
293/*
294 * Mail Tab
295 */
296.contact-form-editor-box-mail span.mailtag {
297	display: inline-block;
298	margin: 0 0 0 4px;
299	padding: 1px 2px;
300	cursor: pointer;
301	color: #000;
302}
303
304.contact-form-editor-box-mail span.mailtag.used {
305	color: #666;
306}
307
308.contact-form-editor-box-mail span.mailtag.unused {
309	font-weight: bold;
310}
311
312/*
313 * Messages Tab
314 */
315#messages-panel p.description {
316	margin: 5px 0 10px;
317}
318
319/*
320 * List Table
321 */
322.fixed .column-title {
323	width: 38%;
324}
325
326.fixed .column-shortcode {
327	width: 38%;
328}
329
330.wp-list-table .config-error span.dashicons-warning {
331	color: #ca4a1f;
332}
333
334/*
335 * Welcome Panel
336 */
337.welcome-panel .welcome-panel-column,
338.welcome-panel .welcome-panel-column:first-child {
339	width: 48%;
340	padding: 0 2% 0 0;
341	margin: 0 0 1em 0;
342}
343
344@media screen and (max-width: 870px) {
345	.welcome-panel .welcome-panel-column,
346	.welcome-panel .welcome-panel-column:first-child {
347		display: block;
348		float: none;
349		width: 100%;
350	}
351}
352
353.welcome-panel h3 {
354	font-size: 16px;
355	font-weight: 600;
356	line-height: 2.1em;
357	margin: 1em 0 1.2em;
358}
359
360.welcome-panel h3 .dashicons {
361	position: relative;
362	top: -2px;
363	display: inline-block;
364	width: 60px;
365	color: #575757;
366	font-size: 40px;
367}
368
369.welcome-panel p a {
370	font-weight: bold;
371}
372
373.welcome-panel-close {
374	z-index: 2;
375}
376
377/*
378 * Integration
379 */
380.card {
381	background: #fff none repeat scroll 0 0;
382	border: 1px solid #e5e5e5;
383	border-left: 4px solid #e5e5e5;
384	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
385	margin-top: 20px;
386	max-width: 520px;
387	min-width: 255px;
388	padding: 0.7em 2em 1em;
389	position: relative;
390}
391
392.card.active {
393	border-color: #00a0d2;
394}
395
396.card img.icon {
397	float: left;
398	margin: 8px 8px 8px -8px;
399}
400
401.card h2.title {
402	float: left;
403	max-width: 240px;
404	font-size: 1.3em;
405	font-weight: 600;
406}
407
408.card .infobox {
409	float: right;
410	font-size: 13px;
411	color: #666;
412	margin: 2px 0 5px;
413	line-height: 1.5;
414	max-width: 240px;
415}
416
417.card .inside .form-table th {
418	padding: 15px 10px 15px 0;
419	width: 160px;
420}
421
422.card .inside .form-table td {
423	padding: 10px 10px;
424}