leaflet-map / style.css

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

115 lines 1.4 KB

Raw Download Zip

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