← All changes | css/frame.css +252 -14 3.1.1 → 3.9.2 View file →

		@@ -16,9 +16,31 @@
16	16	right: 310px;
17	17	bottom: 10px;
18	18	left: 10px;
19	19	}
20		-
	20	+#control_wrapper_canvas:not(:empty) {
	21	+ margin: 15px 0 0 5px;
	22	+ position: relative;
	23	+ z-index: 1;
	24	+}
	25	+#control_wrapper_canvas:not(:empty) + #canvas .google-visualization-table {
	26	+ top: 60px;
	27	+}
	28	+.vz-vertical .google-visualization-table {
	29	+ left: 70px;
	30	+}
	31	+.google-visualization-controls-categoryfilter label.google-visualization-controls-label {
	32	+ vertical-align: middle;
	33	+}
	34	+.google-visualization-controls-categoryfilter li.goog-inline-block {
	35	+ margin: 0 0.2em;
	36	+}
	37	+.google-visualization-controls-categoryfilter li {
	38	+ padding: 0 0.2em;
	39	+}
	40	+.goog-combobox input {
	41	+ min-height: auto;
	42	+}
21	43	.loader {
22	44	position: absolute;
23	45	top: 50%;
24	46	left: 50%;
		@@ -36,9 +58,9 @@
36	58	z-index: 75;
37	59	top: 0;
38	60	right: 0;
39	61	bottom: 60px;
40		- width: 299px;
	62	+ width: 350px;
41	63	border-left: 1px solid #dfdfdf;
42	64	background: whitesmoke;
43	65
44	66	-webkit-overflow-scrolling: touch;
		@@ -88,8 +110,12 @@
88	110	cursor: pointer;
89	111	transition: 0.15s color ease-in-out,0.15s background-color ease-in-out,0.15s border-color ease-in-out;
90	112	}
91	113
	114	+.viz-title-small {
	115	+ font-size: smaller;
	116	+}
	117	+
92	118	.viz-group-wrapper .viz-group .viz-group:hover .viz-group-title,
93	119	.viz-group-wrapper .viz-group .viz-group.open .viz-group-title {
94	120	border-left-color: #0073aa;
95	121	color: #0073aa;
		@@ -258,8 +284,19 @@
258	284	font-weight: normal;
259	285	text-decoration: none;
260	286	}
261	287
	288	+.viz-info-msg {
	289	+ font-weight: bold !important;
	290	+ font-style: italic;
	291	+}
	292	+
	293	+.viz-info-msg::before {
	294	+ font-family: dashicons;
	295	+ content: "\f488";
	296	+ margin-right: 5px;
	297	+}
	298	+
262	299	.viz-section-description {
263	300	margin: 0;
264	301	/*display: none;*/
265	302	padding: 0;
		@@ -342,8 +379,23 @@
342	379	margin-top: 15px;
343	380	text-align: center;
344	381	}
345	382
	383	+#viz-tabs {
	384	+ display: none;
	385	+}
	386	+
	387	+#viz-tabs.done {
	388	+ display: block;
	389	+}
	390	+
	391	+#viz-tabs .ui-tabs-panel {
	392	+ padding: 0;
	393	+}
	394	+
	395	+#viz-tabs .wp-color-picker {
	396	+ width: 4rem !important;
	397	+}
346	398	/******************************************************************************/
347	399	/******************************** TOOLBAR ***********************************/
348	400	/******************************************************************************/
349	401
		@@ -362,8 +414,9 @@
362	414	}
363	415
364	416	#toolbar .push-right {
365	417	float: right;
	418	+ margin-right: 10px;
366	419	}
367	420
368	421	#toolbar .push-left {
369	422	float: left;
		@@ -440,9 +493,9 @@
440	493	height: 205px;
441	494	padding: 15px;
442	495	border: 1px solid #e0e0e0;
443	496	background-color: white;
444		- background-image: url(../images/chart_types_g.png);
	497	+ background-image: url(../images/chart_types_v340_g.png);
445	498	background-repeat: no-repeat;
446	499	background-position: center center;
447	500	}
448	501
		@@ -447,9 +500,9 @@
447	500	}
448	501
449	502	.type-label-selected,
450	503	.type-box > .type-label:hover {
451		- background-image: url(../images/chart_types.png);
	504	+ background-image: url(../images/chart_types_v340.png);
452	505	}
453	506
454	507	.type-box-area .type-label {
455	508	background-position: 0 -225px;
		@@ -482,20 +535,22 @@
482	535	.type-box-bar .type-label {
483	536	background-position: -300px -225px;
484	537	}
485	538
	539	+.type-box-bubble .type-label {
	540	+ background-position: -600px -906px;
	541	+}
	542	+
486	543	.type-box-column .type-label {
487	544	background-position: -600px -225px;
488	545	}
489	546
490		-.type-box-dataTable .type-label {
	547	+.type-box-dataTable .type-label,
	548	+.type-box-table .type-label,
	549	+.type-box-tabular .type-label {
491	550	background-position: -301px -670px;
492	551	}
493	552
494		-.type-box-table .type-label {
495		- background-position: -301px -670px;
496		-}
497		-
498	553	.type-box-timeline .type-label {
499	554	background-position: -2px -670px;
500	555	}
501	556
		@@ -502,8 +557,16 @@
502	557	.type-box-combo .type-label {
503	558	background-position: -597px -670px;
504	559	}
505	560
	561	+.type-box-polarArea .type-label {
	562	+ background-position: -2px -912px;
	563	+}
	564	+
	565	+.type-box-radar .type-label {
	566	+ background-position: -301px -899px;
	567	+}
	568	+
506	569	/******************************************************************************/
507	570	/******************************** OTHER STYLES ******************************/
508	571	/******************************************************************************/
509	572
		@@ -664,10 +727,10 @@
664	727
665	728	input#existing-chart {
666	729	/*left: 18px;
667	730	width: 110px;
668		- position: relative;*/
669		-}
	731	+ position: relative;*/
	732	+ }
670	733
671	734	select#chart-id {
672	735	float: right;
673	736	width: 146px;
		@@ -761,8 +824,19 @@
761	824	.hidden-setting {
762	825	display: none;
763	826	}
764	827
	828	+.viz-select-library {
	829	+ color: #0085ba;
	830	+}
	831	+.viz-select-library.viz-hide-libary {
	832	+ display: none;
	833	+}
	834	+
	835	+.viz-select-library option:first-child {
	836	+ font-weight: bold;
	837	+}
	838	+
765	839	/* ====== RESPONSIVE ====== */
766	840
767	841	@media (max-width: 1366px) {
768	842	#rate-stars {
		@@ -924,8 +998,9 @@
924	998
925	999	#vz-csv-file-form,
926	1000	#vz-one-time-import,
927	1001	#vz-schedule-import,
	1002	+#vz-permissions .only-pro-content,
928	1003	.edit-data-content {
929	1004	text-align: center;
930	1005	}
931	1006
		@@ -1301,21 +1376,184 @@
1301	1376	.db-wizard-error {
1302	1377	color: #f00;
1303	1378	}
1304	1379
1305		-.db-wizard-hints {
	1380	+.db-wizard-hints,
	1381	+.json-wizard-hints,
	1382	+.html-table-editor-hints {
1306	1383	margin-bottom: 30px;
1307	1384	color: #0085ba;
1308	1385	}
1309	1386
1310	1387	.db-wizard-hints .visualizer-emboss,
1311		-.db-wizard-hints a {
	1388	+.db-wizard-hints a,
	1389	+.html-table-editor-hints a,
	1390	+.json-wizard-hints .visualizer-emboss,
	1391	+.json-wizard-hints a {
1312	1392	color: #f92472;
1313	1393	}
1314	1394
1315		-.db-wizard-hints ul {
	1395	+.db-wizard-hints ul,
	1396	+.html-table-editor-hints ul,
	1397	+.json-wizard-hints ul {
1316	1398	list-style: square;
1317	1399	}
1318	1400
1319	1401	.db-wizard-results .dataTables_wrapper .dataTables_info {
1320	1402	width: calc(100% - 17px);
	1403	+}
	1404	+
	1405	+
	1406	+/******************************************************************************/
	1407	+/******************************** data tables *******************************/
	1408	+/******************************************************************************/
	1409	+.db-wizard-results .dt-button {
	1410	+ display: none !important;
	1411	+}
	1412	+
	1413	+.dt-button.buttons-print {
	1414	+ display: none;
	1415	+}
	1416	+
	1417	+/******************************************************************************/
	1418	+/******************************** json table *********************************/
	1419	+/******************************************************************************/
	1420	+#json-conclude-form .results {
	1421	+ min-width: 10px !important;
	1422	+}
	1423	+
	1424	+#json-conclude-form .json-table {
	1425	+ width: 85%;
	1426	+}
	1427	+
	1428	+#vz-import-json-url,
	1429	+#vz-import-json-root,
	1430	+#vz-import-json-paging {
	1431	+ width: 75%;
	1432	+}
	1433	+
	1434	+#json-conclude-form .json-table,
	1435	+#json-conclude-form button#visualizer-json-conclude {
	1436	+ display: inline-block;
	1437	+ vertical-align: middle;
	1438	+}
	1439	+
	1440	+.viz-editor-table tbody tr:first-child {
	1441	+ background-color: #ececec !important;
	1442	+}
	1443	+
	1444	+.viz-editor-table tr th {
	1445	+ background-color: #cccccc;
	1446	+}
	1447	+
	1448	+.viz-editor-table thead tr th:nth-child(n+1) {
	1449	+ cursor: move !important;
	1450	+}
	1451	+
	1452	+#json-conclude-form .json-wizard-hints .info,
	1453	+.html-table-editor-hints .info {
	1454	+ margin: 1% 0px;
	1455	+}
	1456	+
	1457	+.viz-step.ui-state-active {
	1458	+ border-color: #0085BA !important;
	1459	+ background: #0085BA !important;
	1460	+ color: #ffffff;
	1461	+}
	1462	+
	1463	+.viz-substep {
	1464	+ outline: 0 !important;
	1465	+ border: 0 !important;
	1466	+ background: none !important;
	1467	+ text-transform: uppercase;
	1468	+}
	1469	+
	1470	+.viz-substep.ui-state-active {
	1471	+}
	1472	+
	1473	+.viz-substep ~ .ui-accordion-content {
	1474	+ outline: 0 !important;
	1475	+ border: 0 !important;
	1476	+ font-size: smaller;
	1477	+}
	1478	+
	1479	+.viz-substep ~ div {
	1480	+ display: table;
	1481	+}
	1482	+
	1483	+.viz-substep ~ div > div {
	1484	+ display: table-row;
	1485	+}
	1486	+
	1487	+.viz-substep ~ div > div div {
	1488	+ display: table-cell;
	1489	+ padding: 5px;
	1490	+}
	1491	+
	1492	+.json-wizard-header .field-title {
	1493	+ position: absolute;
	1494	+ left: 30px;
	1495	+}
	1496	+/******************************************************************************/
	1497	+/******************************** html table editor **************************/
	1498	+/******************************************************************************/
	1499	+.viz-simple-editor-type,
	1500	+.viz-simple-editor {
	1501	+ display: none;
	1502	+}
	1503	+
	1504	+.viz-table-editor {
	1505	+ width: 75%;
	1506	+ margin-left: 2%;
	1507	+}
	1508	+
	1509	+.viz-html-table,
	1510	+button#visualizer-save-html-table {
	1511	+ display: inline-block;
	1512	+ vertical-align: middle;
	1513	+}
	1514	+
	1515	+
	1516	+/******************************************************************************/
	1517	+/******************************** text area editor **************************/
	1518	+/******************************************************************************/
	1519	+.viz-text-editor {
	1520	+ padding: 20px;
	1521	+ z-index: 9999;
	1522	+ box-sizing: border-box;
	1523	+ padding-right: 320px;
	1524	+}
	1525	+
	1526	+.viz-text-editor textarea {
	1527	+ width: 85%;
	1528	+ overflow: auto;
	1529	+ background: #282923;
	1530	+ color: #ffffff;
	1531	+ padding: 15px;
	1532	+ height: 400px;
	1533	+ font-size: 15px;
	1534	+}
	1535	+
	1536	+.viz-text-editor textarea,
	1537	+button#viz-text-editor-button {
	1538	+ display: inline-block;
	1539	+ vertical-align: middle;
	1540	+}
	1541	+
	1542	+.viz-simple-editor .viz-html-table {
	1543	+ width: 95%;
	1544	+}
	1545	+
	1546	+/******************************************************************************/
	1547	+/******************************** chartjs ***********************************/
	1548	+/******************************************************************************/
	1549	+
	1550	+canvas.chartjs-render-monitor {
	1551	+ height: 500px !important;
	1552	+}
	1553	+
	1554	+/******************************************************************************/
	1555	+/******************************** Frontend Actions ***********************************/
	1556	+/******************************************************************************/
	1557	+#vz-frontend-actions .only-pro-inner, #vz-data-controls .only-pro-inner {
	1558	+ text-align: center;
1321	1559	}