← All changes | css/frame.css +225 -13 3.1.0 → 3.7.9 View file →

		@@ -36,9 +36,9 @@
36	36	z-index: 75;
37	37	top: 0;
38	38	right: 0;
39	39	bottom: 60px;
40		- width: 299px;
	40	+ width: 350px;
41	41	border-left: 1px solid #dfdfdf;
42	42	background: whitesmoke;
43	43
44	44	-webkit-overflow-scrolling: touch;
		@@ -88,8 +88,12 @@
88	88	cursor: pointer;
89	89	transition: 0.15s color ease-in-out,0.15s background-color ease-in-out,0.15s border-color ease-in-out;
90	90	}
91	91
	92	+.viz-title-small {
	93	+ font-size: smaller;
	94	+}
	95	+
92	96	.viz-group-wrapper .viz-group .viz-group:hover .viz-group-title,
93	97	.viz-group-wrapper .viz-group .viz-group.open .viz-group-title {
94	98	border-left-color: #0073aa;
95	99	color: #0073aa;
		@@ -258,8 +262,19 @@
258	262	font-weight: normal;
259	263	text-decoration: none;
260	264	}
261	265
	266	+.viz-info-msg {
	267	+ font-weight: bold !important;
	268	+ font-style: italic;
	269	+}
	270	+
	271	+.viz-info-msg::before {
	272	+ font-family: dashicons;
	273	+ content: "\f488";
	274	+ margin-right: 5px;
	275	+}
	276	+
262	277	.viz-section-description {
263	278	margin: 0;
264	279	/*display: none;*/
265	280	padding: 0;
		@@ -342,8 +357,23 @@
342	357	margin-top: 15px;
343	358	text-align: center;
344	359	}
345	360
	361	+#viz-tabs {
	362	+ display: none;
	363	+}
	364	+
	365	+#viz-tabs.done {
	366	+ display: block;
	367	+}
	368	+
	369	+#viz-tabs .ui-tabs-panel {
	370	+ padding: 0;
	371	+}
	372	+
	373	+#viz-tabs .wp-color-picker {
	374	+ width: 4rem !important;
	375	+}
346	376	/******************************************************************************/
347	377	/******************************** TOOLBAR ***********************************/
348	378	/******************************************************************************/
349	379
		@@ -362,8 +392,9 @@
362	392	}
363	393
364	394	#toolbar .push-right {
365	395	float: right;
	396	+ margin-right: 10px;
366	397	}
367	398
368	399	#toolbar .push-left {
369	400	float: left;
		@@ -440,9 +471,9 @@
440	471	height: 205px;
441	472	padding: 15px;
442	473	border: 1px solid #e0e0e0;
443	474	background-color: white;
444		- background-image: url(../images/chart_types_g.png);
	475	+ background-image: url(../images/chart_types_v340_g.png);
445	476	background-repeat: no-repeat;
446	477	background-position: center center;
447	478	}
448	479
		@@ -447,9 +478,9 @@
447	478	}
448	479
449	480	.type-label-selected,
450	481	.type-box > .type-label:hover {
451		- background-image: url(../images/chart_types.png);
	482	+ background-image: url(../images/chart_types_v340.png);
452	483	}
453	484
454	485	.type-box-area .type-label {
455	486	background-position: 0 -225px;
		@@ -482,20 +513,22 @@
482	513	.type-box-bar .type-label {
483	514	background-position: -300px -225px;
484	515	}
485	516
	517	+.type-box-bubble .type-label {
	518	+ background-position: -600px -906px;
	519	+}
	520	+
486	521	.type-box-column .type-label {
487	522	background-position: -600px -225px;
488	523	}
489	524
490		-.type-box-dataTable .type-label {
	525	+.type-box-dataTable .type-label,
	526	+.type-box-table .type-label,
	527	+.type-box-tabular .type-label {
491	528	background-position: -301px -670px;
492	529	}
493	530
494		-.type-box-table .type-label {
495		- background-position: -301px -670px;
496		-}
497		-
498	531	.type-box-timeline .type-label {
499	532	background-position: -2px -670px;
500	533	}
501	534
		@@ -502,8 +535,16 @@
502	535	.type-box-combo .type-label {
503	536	background-position: -597px -670px;
504	537	}
505	538
	539	+.type-box-polarArea .type-label {
	540	+ background-position: -2px -912px;
	541	+}
	542	+
	543	+.type-box-radar .type-label {
	544	+ background-position: -301px -899px;
	545	+}
	546	+
506	547	/******************************************************************************/
507	548	/******************************** OTHER STYLES ******************************/
508	549	/******************************************************************************/
509	550
		@@ -664,10 +705,10 @@
664	705
665	706	input#existing-chart {
666	707	/*left: 18px;
667	708	width: 110px;
668		- position: relative;*/
669		-}
	709	+ position: relative;*/
	710	+ }
670	711
671	712	select#chart-id {
672	713	float: right;
673	714	width: 146px;
		@@ -761,8 +802,19 @@
761	802	.hidden-setting {
762	803	display: none;
763	804	}
764	805
	806	+.viz-select-library {
	807	+ color: #0085ba;
	808	+}
	809	+.viz-select-library.viz-hide-libary {
	810	+ display: none;
	811	+}
	812	+
	813	+.viz-select-library option:first-child {
	814	+ font-weight: bold;
	815	+}
	816	+
765	817	/* ====== RESPONSIVE ====== */
766	818
767	819	@media (max-width: 1366px) {
768	820	#rate-stars {
		@@ -924,8 +976,9 @@
924	976
925	977	#vz-csv-file-form,
926	978	#vz-one-time-import,
927	979	#vz-schedule-import,
	980	+#vz-permissions .only-pro-content,
928	981	.edit-data-content {
929	982	text-align: center;
930	983	}
931	984
		@@ -1301,21 +1354,180 @@
1301	1354	.db-wizard-error {
1302	1355	color: #f00;
1303	1356	}
1304	1357
1305		-.db-wizard-hints {
	1358	+.db-wizard-hints,
	1359	+.json-wizard-hints,
	1360	+.html-table-editor-hints {
1306	1361	margin-bottom: 30px;
1307	1362	color: #0085ba;
1308	1363	}
1309	1364
1310	1365	.db-wizard-hints .visualizer-emboss,
1311		-.db-wizard-hints a {
	1366	+.db-wizard-hints a,
	1367	+.html-table-editor-hints a,
	1368	+.json-wizard-hints .visualizer-emboss,
	1369	+.json-wizard-hints a {
1312	1370	color: #f92472;
1313	1371	}
1314	1372
1315		-.db-wizard-hints ul {
	1373	+.db-wizard-hints ul,
	1374	+.html-table-editor-hints ul,
	1375	+.json-wizard-hints ul {
1316	1376	list-style: square;
1317	1377	}
1318	1378
1319	1379	.db-wizard-results .dataTables_wrapper .dataTables_info {
1320	1380	width: calc(100% - 17px);
	1381	+}
	1382	+
	1383	+
	1384	+/******************************************************************************/
	1385	+/******************************** data tables *******************************/
	1386	+/******************************************************************************/
	1387	+.db-wizard-results .dt-button {
	1388	+ display: none !important;
	1389	+}
	1390	+
	1391	+.dt-button.buttons-print {
	1392	+ display: none;
	1393	+}
	1394	+
	1395	+/******************************************************************************/
	1396	+/******************************** json table *********************************/
	1397	+/******************************************************************************/
	1398	+#json-conclude-form .results {
	1399	+ min-width: 10px !important;
	1400	+}
	1401	+
	1402	+#json-conclude-form .json-table {
	1403	+ width: 85%;
	1404	+}
	1405	+
	1406	+#vz-import-json-url,
	1407	+#vz-import-json-root,
	1408	+#vz-import-json-paging {
	1409	+ width: 75%;
	1410	+}
	1411	+
	1412	+#json-conclude-form .json-table,
	1413	+#json-conclude-form button#visualizer-json-conclude {
	1414	+ display: inline-block;
	1415	+ vertical-align: middle;
	1416	+}
	1417	+
	1418	+.viz-editor-table tbody tr:first-child {
	1419	+ background-color: #ececec !important;
	1420	+}
	1421	+
	1422	+.viz-editor-table tr th {
	1423	+ background-color: #cccccc;
	1424	+}
	1425	+
	1426	+.viz-editor-table thead tr th:nth-child(n+1) {
	1427	+ cursor: move !important;
	1428	+}
	1429	+
	1430	+#json-conclude-form .json-wizard-hints .info,
	1431	+.html-table-editor-hints .info {
	1432	+ margin: 1% 0px;
	1433	+}
	1434	+
	1435	+.viz-step.ui-state-active {
	1436	+ border-color: #0085BA !important;
	1437	+ background: #0085BA !important;
	1438	+ color: #ffffff;
	1439	+}
	1440	+
	1441	+.viz-substep {
	1442	+ outline: 0 !important;
	1443	+ border: 0 !important;
	1444	+ background: none !important;
	1445	+ text-transform: uppercase;
	1446	+}
	1447	+
	1448	+.viz-substep.ui-state-active {
	1449	+}
	1450	+
	1451	+.viz-substep ~ .ui-accordion-content {
	1452	+ outline: 0 !important;
	1453	+ border: 0 !important;
	1454	+ font-size: smaller;
	1455	+}
	1456	+
	1457	+.viz-substep ~ div {
	1458	+ display: table;
	1459	+}
	1460	+
	1461	+.viz-substep ~ div > div {
	1462	+ display: table-row;
	1463	+}
	1464	+
	1465	+.viz-substep ~ div > div div {
	1466	+ display: table-cell;
	1467	+ padding: 5px;
	1468	+}
	1469	+
	1470	+.json-wizard-header .field-title {
	1471	+ position: absolute;
	1472	+ left: 30px;
	1473	+}
	1474	+/******************************************************************************/
	1475	+/******************************** html table editor **************************/
	1476	+/******************************************************************************/
	1477	+.viz-simple-editor-type,
	1478	+.viz-simple-editor {
	1479	+ display: none;
	1480	+}
	1481	+
	1482	+.viz-table-editor {
	1483	+ width: 75%;
	1484	+ margin-left: 2%;
	1485	+}
	1486	+
	1487	+.viz-html-table,
	1488	+button#visualizer-save-html-table {
	1489	+ display: inline-block;
	1490	+ vertical-align: middle;
	1491	+}
	1492	+
	1493	+
	1494	+/******************************************************************************/
	1495	+/******************************** text area editor **************************/
	1496	+/******************************************************************************/
	1497	+.viz-text-editor {
	1498	+ padding: 20px;
	1499	+ z-index: 9999;
	1500	+ box-sizing: border-box;
	1501	+ padding-right: 320px;
	1502	+}
	1503	+
	1504	+.viz-text-editor textarea {
	1505	+ width: 85%;
	1506	+ overflow: auto;
	1507	+ background: #282923;
	1508	+ color: #ffffff;
	1509	+ padding: 15px;
	1510	+ height: 400px;
	1511	+ font-size: 15px;
	1512	+}
	1513	+
	1514	+.viz-text-editor textarea,
	1515	+button#viz-text-editor-button {
	1516	+ display: inline-block;
	1517	+ vertical-align: middle;
	1518	+}
	1519	+
	1520	+/******************************************************************************/
	1521	+/******************************** chartjs ***********************************/
	1522	+/******************************************************************************/
	1523	+
	1524	+canvas.chartjs-render-monitor {
	1525	+ height: 500px !important;
	1526	+}
	1527	+
	1528	+/******************************************************************************/
	1529	+/******************************** Frontend Actions ***********************************/
	1530	+/******************************************************************************/
	1531	+#vz-frontend-actions .only-pro-inner {
	1532	+ text-align: center;
1321	1533	}