← All changes | css/library.css +37 -194 3.1.2 → 1.4 View file →

		@@ -1,6 +1,6 @@
1	1	#visualizer-icon {
2		- background-image: url("../images/icon.png");
	2	+ background-image: url('../images/icon.png');
3	3	}
4	4
5	5	.visualizer-clearfix {
6	6	*zoom: 1;
		@@ -20,72 +20,63 @@
20	20	#visualizer-types {
21	21	margin: 20px 0 10px;
22	22	}
23	23
24		-.visualizer-list-item .visualizer-pro-only {
25		- text-decoration: line-through;
26		-}
27		-
28	24	#visualizer-library {
29		- display: table-cell;
30		- width: auto;
31	25	margin: 20px 0;
32	26	}
33	27
34		-#visualizer-content-wrapper {
35		- width: 100%;
36		-}
37		-
38	28	.loader {
39	29	position: absolute;
	30	+ left: 50%;
40	31	top: 50%;
41		- left: 50%;
	32	+ margin-left: -16px;
42	33	margin-top: -16px;
43		- margin-left: -16px;
44	34	}
45	35
46	36	.visualizer-chart {
47		- display: none;
48	37	float: left;
	38	+ padding: 5px;
49	39	margin: 0 24px 24px 0;
50		- padding: 5px;
51	40	border: 1px solid #ddd;
	41	+ -webkit-box-shadow: 0px 0px 8px #ddd;
	42	+ box-shadow: 0px 0px 8px #ddd;
52	43	background-color: #efefef;
53		- box-shadow: 0 0 8px #ddd;
	44	+ display: none;
54	45	}
55	46
56	47	.visualizer-chart-canvas {
	48	+ border: 1px solid #ddd;
	49	+ background-color: white;
57	50	position: relative;
58	51	width: 30%;
59	52	height: 18.75%;
60		- border: 1px solid #ddd;
61		- background-color: white;
62	53	}
63	54
64	55	.visualizer-nochart-canvas {
65		- background-image: url("../images/notfound.png?v=4");
	56	+ background-image: url('../images/notfound.png?v=4');
66	57	background-repeat: repeat;
67	58	}
68	59
69	60	.visualizer-notfound {
	61	+ text-align: center;
	62	+ font-weight: bold;
	63	+ font-size: 14px;
	64	+ margin-top: -7px;
70	65	position: absolute;
71	66	top: 50%;
	67	+ left: 0;
72	68	right: 0;
73		- left: 0;
74		- margin-top: -7px;
75		- font-size: 14px;
76		- font-weight: bold;
77		- text-align: center;
78	69	}
79	70
80	71	.visualizer-chart-action {
	72	+ float: right;
81	73	display: block;
82		- float: right;
	74	+ height: 16px;
83	75	width: 16px;
84		- height: 16px;
	76	+ background-repeat: no-repeat;
	77	+ background-image: url('../images/ui-icons.png');
85	78	margin: 2px 5px 0;
86		- background-image: url("../images/ui-icons.png");
87		- background-repeat: no-repeat;
88	79	}
89	80
90	81	.visualizer-nochart-delete,
91	82	.visualizer-chart-delete {
		@@ -101,20 +92,14 @@
101	92	.visualizer-chart-edit {
102	93	background-position: -64px -112px;
103	94	}
104	95
105		-.visualizer-nochart-export,
106		-.visualizer-chart-export {
107		- background-position: -46px -64px;
108		-}
109		-
110	96	.visualizer-nochart-clone,
111	97	.visualizer-nochart-delete,
112	98	.visualizer-nochart-edit {
113		- opacity: 0.5;
114		-
115		- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
116		- filter: alpha(opacity=50);
	99	+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	100	+ filter: alpha(opacity=50);
	101	+ opacity: 0.5
117	102	}
118	103
119	104	.visualizer-chart-footer {
120	105	margin-top: 4px;
		@@ -120,25 +105,18 @@
120	105	margin-top: 4px;
121	106	}
122	107
123	108	.visualizer-chart-shortcode {
124		- padding: 3px 0;
125	109	color: #aaa;
126	110	text-shadow: 0 1px 0 #fff;
127	111	cursor: pointer;
	112	+ padding: 3px 0;
128	113	}
129	114
130		-.visualizer-chart-shortcode::-moz-selection,
	115	+.visualizer-chart-shortcode::selection,
131	116	.visualizer-chart-shortcode::-moz-selection {
132		- color: black;
133	117	background-color: #a8d1ff;
134		- text-shadow: none;
135		-}
136		-
137		-.visualizer-chart-shortcode::selection,
138		-.visualizer-chart-shortcode::-moz-selection {
139	118	color: black;
140		- background-color: #a8d1ff;
141	119	text-shadow: none;
142	120	}
143	121
144	122	.visualizer-list-item {
		@@ -145,158 +123,23 @@
145	123	float: left;
146	124	margin-right: 20px;
147	125	}
148	126
149		-#visualizer-search form {
150		- text-align: right;
	127	+.page-numbers {
	128	+ padding: 5px 10px;
	129	+ background-color: #aaa;
	130	+ color: white !important;
	131	+ text-decoration: none;
	132	+ border-radius: 2px;
	133	+ box-shadow: 0 0 5px #ccc;
	134	+ font-weight: bold;
151	135	}
152	136
153		-#visualizer-sidebar {
154		- display: table-cell;
155		- width: 250px;
	137	+.page-numbers.current,
	138	+a.page-numbers:hover {
	139	+ background-color: lightcoral;
	140	+ box-shadow: 0 0 5px lightpink;
156	141	}
157	142
158		-.visualizer-sidebar-box ul li {
159		- margin: 4px 0;
160		- color: #23282d;
161		-}
162		-
163		-.visualizer-sidebar-box ul {
164		- margin-left: 40px;
165		- text-align: left;
166		- list-style-type: disc;
167		-}
168		-
169		-.visualizer-sidebar-box {
170		- display: block;
171		- width: 95%;
172		- margin: 0;
173		- margin-top: 20px;
174		- margin-left: 2.5%;
175		- padding-top: 10px;
176		- padding-bottom: 15px;
177		- border-top: 5px solid #0073aa;
178		- color: #0073aa;
179		- background: white;
180		- text-align: center;
181		-}
182		-
183		-/* The switch - the box around the slider */
184		-.visualizer-switch {
185		- display: inline-block;
186		- position: relative;
187		- width: 30px;
188		- height: 18px;
189		-}
190		-
191		-/* Hide default HTML checkbox */
192		-.visualizer-switch input {
	143	+.visualizer-library-pagination {
193	144	display: none;
194		-}
195		-
196		-/* The slider */
197		-.visualizer-tracking sup {
198		- vertical-align: 3px;
199		-}
200		-
201		-.visualizer-slider {
202		- position: absolute;
203		- top: 0;
204		- right: 0;
205		- bottom: 0;
206		- left: 0;
207		- background-color: #ccc;
208		- cursor: pointer;
209		- -webkit-transition: 0.4s;
210		- transition: 0.4s;
211		-}
212		-
213		-.visualizer-slider:before {
214		- position: absolute;
215		- bottom: 1.5px;
216		- left: 2px;
217		- width: 15px;
218		- height: 15px;
219		- background-color: white;
220		- content: "";
221		- -webkit-transition: 0.4s;
222		- transition: 0.4s;
223		-}
224		-
225		-input:checked + .visualizer-slider {
226		- background-color: #0085ba;
227		-}
228		-
229		-input:focus + .visualizer-slider {
230		- box-shadow: 0 0 1px #0085ba;
231		-}
232		-
233		-input:checked + .visualizer-slider:before {
234		- -webkit-transform: translateX(11px);
235		- -ms-transform: translateX(11px);
236		- transform: translateX(11px);
237		-}
238		-
239		-/* Rounded sliders */
240		-.visualizer-slider.visualizer-round {
241		- border-radius: 34px;
242		-}
243		-
244		-.visualizer-slider.visualizer-round:before {
245		- border-radius: 50%;
246		-}
247		-
248		-.visualizer-tracking p small sup {
249		- margin-left: -3px;
250		-}
251		-
252		-.visualizer-tracking p {
253		- padding-left: 14px;
254		- color: #23282d;
255		- font-size: 12px;
256		- line-height: 12px;
257		- text-align: left;
258		-}
259		-
260		-.visualizer-tracking span {
261		- margin-left: 10px;
262		- color: #23282d;
263		- background: none;
264		- font-size: 14px;
265		- font-weight: bold;
266		-}
267		-
268		-#visualizer-content-wrapper {
269		- display: table;
270		-}
271		-
272		-#visualizer-sidebar h3 {
273		- margin-top: 0;
274		-}
275		-
276		-#visualizer-sidebar .visualizer-sidebar-box p {
277		- margin-bottom: 0;
278		-}
279		-
280		-#visualizer-sidebar .visualizer-sidebar-box {
281		- padding-top: 20px;
282		- padding-bottom: 20px;
283		-}
284		-
285		-.visualizer-chart-title {
286		- padding-bottom: 5px;
287		- font-weight: bold;
288		- text-align: center;
289		-}
290		-
291		-button.media-modal-close {
292		- display: none !important;
293		-}
294		-
295		-.dataTables_scrollBody {
296		- overflow: hidden !important;
297		-}
298		-
299		-.dataTables_wrapper {
300		- height: 300px;
301		- overflow: hidden !important;
302	145	}