leaflet-map / style.css

style.css in Leaflet Map 2.11.5, at style.css

96 lines 1.4 KB

Raw Download Zip

1	/* styles for both admin settings and shortcode page */
2	h1 small {
3	color: #999;
4	margin: 1em;
5	font-size:0.65em;
6	}
7	.h3 {
8	font-size: 1.3em;
9	margin: 1em 0;
10	}
11	.container {
12	width:100%;
13	max-width: 700px;
14	margin:35px 0;
15	clear:both;
16	min-height:50px;
17	}
18	.container label {
19	width:30%;
20	}
21	.container .label {
22	line-height: 2.4em;
23	font-weight: bold;
24	width:30%;
25	font-size:1.1em;
26	}
27	.container input {
28	float:right;
29	margin:0;
30	}
31	.container input[type="text"] {
32	width:70%;
33	padding:7px 12px;
34	box-sizing:border-box;
35	}
36	.input-group {
37	width:70%;
38	float:right;
39	}
40	.input-group .full-width {
41	width:100%;
42	}
43	.input-group textarea {
44	height:7em;
45	padding:0.5em 1em;
46	}
47	.helptext {
48	margin: 0;
49	padding: 0.2em 0;
50	clear:both;
51	color:#666;
52	}
53	.helptext p.description {
54	font-size:14px;
55	line-height: 1.618;
56	letter-spacing: -0.001em;
57	word-spacing: 0.01em;
58	margin:0.5em 0 0;
59	}
60	.flex,
61	.examples {
62	display: -webkit-box;
63	display: -moz-box;
64	display: -ms-flexbox;
65	display: -webkit-flex;
66	display: flex;
67	flex-flow: row wrap;
68	justify-content: space-around;
69	}
70	.flex > label {
71	flex: 0 1 200px;
72	}
73	.flex > input {
74	flex: 1 1 400px;
75	}
76	.examples .list-item {
77	flex: 1 1 250px;
78	}
79	p {
80	vertical-align: top;
81	word-wrap: break-word;
82	}
83	.list-item {
84	width: 250px;
85	display:inline-block;
86	vertical-align: top;
87	padding:15px;
88	}
89	.list-item p {
90	font-size:1.2em;
91	}
92	@media screen and (max-width: 770px) {
93	.input-group {
94	float:none;
95	}
96	}