leaflet-map / style.css

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

113 lines 1.4 KB

Raw Download Zip

1	form {
2	margin-top: 4em;
3	}
4
5	.container {
6	margin-bottom: 2em;
7	max-width: 800px;
8	font-size: 18px;
9	}
10
11	.container:first-child {
12	margin-bottom: 1em;
13	}
14
15	.label {
16	float: left;
17	margin-right: 2em;
18	padding: 1em 0;
19	vertical-align: center;
20	}
21
22	.helptext {
23	clear: both;
24	}
25
26	.helptext p {
27	line-height: 2;
28	}
29
30	code {
31	margin: 1em 0;
32	padding: 1em 2em;
33	display: block;
34	}
35
36	.input-group {
37	float: right;
38	width: 50%;
39	}
40
41	.input-group input {
42	padding: 1em;
43	}
44
45	.input-group input[type="text"],
46	.input-group textarea,
47	.input-group select {
48	width: 100%;
49	}
50
51	.input-group input[type="checkbox"] {
52	margin: 1.34em;
53	margin-right: 0;
54	float: right;
55	}
56
57	.input-group select {
58	margin: 0.9em;
59	margin-right: 0;
60	float: right;
61	}
62
63	/*
64	* For Flexbox Support
65	*/
66
67	.container > label {
68	display: -webkit-box;
69	display: -moz-box;
70	display: -ms-flexbox;
71	display: -webkit-flex;
72	display: flex;
73	justify-content: space-between;
74	}
75
76	.container .input-group {
77	width: initial;
78	flex: 1 1 auto;
79	}
80
81	/* Shortcode Example page */
82	.flex,
83	.examples {
84	display: -webkit-box;
85	display: -moz-box;
86	display: -ms-flexbox;
87	display: -webkit-flex;
88	display: flex;
89	flex-flow: row wrap;
90	justify-content: space-around;
91	}
92	.flex > label {
93	flex: 0 1 200px;
94	}
95	.flex > input {
96	flex: 1 1 400px;
97	}
98	.examples .list-item {
99	flex: 1 1 250px;
100	}
101	p {
102	vertical-align: top;
103	word-wrap: break-word;
104	}
105	.list-item {
106	width: 250px;
107	display:inline-block;
108	vertical-align: top;
109	padding:15px;
110	}
111	.list-item p {
112	font-size:1.2em;
113	}