wp-mapit / wp_mapit / css / wp_mapit_admin.css

wp_mapit_admin.css in WP MapIt 2.2, at wp_mapit/css/wp_mapit_admin.css

226 lines 4.0 KB

Raw Download Zip

1	.clearfix{
2	margin: 0;
3	padding: 0;
4	height: 0;
5	clear: both;
6	}
7
8	.text-right{
9	text-align: right;
10	}
11
12	#wp_mapit_map {
13	width: 100%;
14	height: 250px;
15	}
16
17	#wpmi_multipin_map {
18	width: 100%;
19	height: 250px;
20	}
21
22	.wp-mapit-metabox-container{
23	padding: 20px 0;
24	}
25
26	.admin-settings-map-container{
27	padding: 20px;
28	}
29
30	#admin_setting_map {
31	width: 100%;
32	height: 360px;
33	margin: 0 auto 10px 0;
34	box-shadow: 1px 1px 5px rgba(0,0,0,0.6);
35	}
36
37	#wp-mapit-settings-container{
38	width: 90%;
39	margin: 0 auto;
40	}
41
42	#wp-mapit-settings-container .wp-mapit-header {
43	background-color: #1d4255;
44	background-image: url('../images/logo.jpg');
45	height: 100px;
46	background-repeat: no-repeat;
47	background-position: 40px center;
48	background-size: 130px auto;
49	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
50	margin: 0 0 20px 0;
51	padding: 10px 50px;
52	color: #ffffff;
53	}
54
55	#wp-mapit-settings-container .wp-mapit-header ul{
56	text-align: right;
57	margin: 40px 0 0 0;
58	}
59
60	#wp-mapit-settings-container .wp-mapit-header ul li {
61	display: inline-block;
62	margin: 0 10px;
63	font-size: 16px;
64	}
65
66	#wp-mapit-settings-container .wp-mapit-header ul li a {
67	color: #fff;
68	text-decoration: none;
69	}
70
71	#wp-mapit-settings-container .wp-mapit-content{
72	background: #ffffff;
73	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
74	padding: 20px;
75	margin: 20px 0 0 0;
76	border-radius: 3px;
77	}
78
79	#wp-mapit-settings-container .wp-mapit-content .wp-mapit-form{
80	width: calc(35% - 20px);
81	float: left;
82	padding: 10px
83	}
84	#wp-mapit-settings-container .wp-mapit-content .wp-mapit-map {
85	width: calc(65% - 20px);
86	float: left;
87	padding: 10px
88	}
89
90	.wp-mapit-section{
91	width: calc( 50% - 10px );
92	float: left;
93	}
94
95	.wp-mapit-section.left-margin{
96	margin: 0 0 0 10px;
97	}
98
99	.wp-mapit-section.right-margin {
100	margin: 0 10px 0 0;
101	}
102
103	.wp-mapit-row{
104	border: 1px solid #eee;
105	border-radius: 5px;
106	padding: 15px;
107	position: relative;
108	margin: 0 0 20px 0;
109	}
110
111	.wp-mapit-row.no-margin{
112	margin: 0;
113	}
114
115	.wp-mapit-row.button-container{
116	border: 0;
117	padding: 0;
118	}
119
120	.wp-mapit-row .column-3 {
121	width: calc( 33.33% - 10px );
122	display: block;
123	vertical-align: top;
124	padding: 0 10px 0 0;
125	float: left;
126	}
127
128	.wp-mapit-row .column-3.no-margin {
129	width: 33.33%;
130	padding: 0;
131	}
132
133	.wp-mapit-row label {
134	margin: 0;
135	background: #fff;
136	display: inline-block;
137	position: absolute;
138	top: -11px;
139	left: 15px;
140	font-weight: 700;
141	padding: 0 5px;
142	}
143
144	.wp-mapit-row input[type="text"], .wp-mapit-row input[type="number"], .wp-mapit-row input[type="url"], .wp-mapit-row select, .wp-mapit-row textarea {
145	width: 100%;
146	}
147
148	.wp-mapit-row ul{
149	margin: 0;
150	}
151
152	.wp-mapit-row .wp-mapit-search input[type="text"]{
153	width: 70%;
154	display: inline-block;
155	}
156
157	.wp-mapit-row .wp-mapit-size input[type="number"] {
158	width: 80%;
159	display: inline-block;
160	vertical-align: top;
161	}
162
163	.wp-mapit-row .wp-mapit-size select {
164	width: 15%;
165	display: inline-block;
166	vertical-align: top;
167	}
168
169	.pin_map {
170	height: 270px;
171	}
172
173	.wp-mapit-row .column-3 textarea{
174	height: 108px;
175	}
176
177	.wp-mapit-row.pin_container{
178	position: relative;
179	}
180
181	.wp-mapit-row.pin_container .remove_pin{
182	position: absolute;
183	top: -18px;
184	left: auto;
185	right: -15px;
186	background-image: url('../images/remove-pin.png');
187	background-repeat: no-repeat;
188	height: 32px;
189	width: 32px;
190	display: block;
191	}
192
193	.wp-mapit-row.pin_container .map-pin-search{
194	height: 27px;
195	width: 27px;
196	background-image: url('../images/search.png');
197	background-repeat: no-repeat;
198	margin: 1px 0 0 5px;
199	background-size: 20px 20px;
200	background-position: center;
201	box-shadow: none;
202	}
203
204	.wp-mapit-row img{
205	max-width: 100px;
206	}
207
208	.wp-mapit-row.pin-img-container img {
209	max-width: 22px;
210	}
211
212	#wpmi_mappin_container .wp-mapit-row:last-child {
213	margin: 0;
214	}
215
216	.wp-mapit-row.row-container {
217	border: 0;
218	border-radius: 0;
219	padding: 0;
220	margin: 0;
221	}
222
223	.grayscale{
224	-webkit-filter: grayscale(1);
225	filter: grayscale(1);
226	}