← All changes | style.css +58 -53 2.17.2 → 3.4.5 View file →

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