← All changes | css/frame.css +216 -14 3.1.2 → 3.6.1 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,16 @@
761	802	.hidden-setting {
762	803	display: none;
763	804	}
764	805
	806	+.viz-select-library {
	807	+ color: #0085ba;
	808	+}
	809	+
	810	+.viz-select-library option:first-child {
	811	+ font-weight: bold;
	812	+}
	813	+
765	814	/* ====== RESPONSIVE ====== */
766	815
767	816	@media (max-width: 1366px) {
768	817	#rate-stars {
		@@ -924,8 +973,9 @@
924	973
925	974	#vz-csv-file-form,
926	975	#vz-one-time-import,
927	976	#vz-schedule-import,
	977	+#vz-permissions .only-pro-content,
928	978	.edit-data-content {
929	979	text-align: center;
930	980	}
931	981
		@@ -1301,21 +1351,173 @@
1301	1351	.db-wizard-error {
1302	1352	color: #f00;
1303	1353	}
1304	1354
1305		-.db-wizard-hints {
	1355	+.db-wizard-hints,
	1356	+.json-wizard-hints,
	1357	+.html-table-editor-hints {
1306	1358	margin-bottom: 30px;
1307	1359	color: #0085ba;
1308	1360	}
1309	1361
1310	1362	.db-wizard-hints .visualizer-emboss,
1311		-.db-wizard-hints a {
	1363	+.db-wizard-hints a,
	1364	+.html-table-editor-hints a,
	1365	+.json-wizard-hints .visualizer-emboss,
	1366	+.json-wizard-hints a {
1312	1367	color: #f92472;
1313	1368	}
1314	1369
1315		-.db-wizard-hints ul {
	1370	+.db-wizard-hints ul,
	1371	+.html-table-editor-hints ul,
	1372	+.json-wizard-hints ul {
1316	1373	list-style: square;
1317	1374	}
1318	1375
1319	1376	.db-wizard-results .dataTables_wrapper .dataTables_info {
1320	1377	width: calc(100% - 17px);
1321		-}
	1378	+}
	1379	+
	1380	+
	1381	+/******************************************************************************/
	1382	+/******************************** data tables *******************************/
	1383	+/******************************************************************************/
	1384	+.db-wizard-results .dt-button {
	1385	+ display: none !important;
	1386	+}
	1387	+
	1388	+.dt-button.buttons-print {
	1389	+ display: none;
	1390	+}
	1391	+
	1392	+/******************************************************************************/
	1393	+/******************************** json table *********************************/
	1394	+/******************************************************************************/
	1395	+#json-conclude-form .results {
	1396	+ min-width: 10px !important;
	1397	+}
	1398	+
	1399	+#json-conclude-form .json-table {
	1400	+ width: 85%;
	1401	+}
	1402	+
	1403	+#vz-import-json-url,
	1404	+#vz-import-json-root,
	1405	+#vz-import-json-paging {
	1406	+ width: 75%;
	1407	+}
	1408	+
	1409	+#json-conclude-form .json-table,
	1410	+#json-conclude-form button#visualizer-json-conclude {
	1411	+ display: inline-block;
	1412	+ vertical-align: middle;
	1413	+}
	1414	+
	1415	+.viz-editor-table tbody tr:first-child {
	1416	+ background-color: #ececec !important;
	1417	+}
	1418	+
	1419	+.viz-editor-table tr th {
	1420	+ background-color: #cccccc;
	1421	+}
	1422	+
	1423	+.viz-editor-table thead tr th:nth-child(n+1) {
	1424	+ cursor: move !important;
	1425	+}
	1426	+
	1427	+#json-conclude-form .json-wizard-hints .info,
	1428	+.html-table-editor-hints .info {
	1429	+ margin: 1% 0px;
	1430	+}
	1431	+
	1432	+.viz-step.ui-state-active {
	1433	+ border-color: #0085BA !important;
	1434	+ background: #0085BA !important;
	1435	+ color: #ffffff;
	1436	+}
	1437	+
	1438	+.viz-substep {
	1439	+ outline: 0 !important;
	1440	+ border: 0 !important;
	1441	+ background: none !important;
	1442	+ text-transform: uppercase;
	1443	+}
	1444	+
	1445	+.viz-substep.ui-state-active {
	1446	+}
	1447	+
	1448	+.viz-substep ~ .ui-accordion-content {
	1449	+ outline: 0 !important;
	1450	+ border: 0 !important;
	1451	+ font-size: smaller;
	1452	+}
	1453	+
	1454	+.viz-substep ~ div {
	1455	+ display: table;
	1456	+}
	1457	+
	1458	+.viz-substep ~ div > div {
	1459	+ display: table-row;
	1460	+}
	1461	+
	1462	+.viz-substep ~ div > div div {
	1463	+ display: table-cell;
	1464	+ padding: 5px;
	1465	+}
	1466	+
	1467	+.json-wizard-header .field-title {
	1468	+ position: absolute;
	1469	+ left: 30px;
	1470	+}
	1471	+/******************************************************************************/
	1472	+/******************************** html table editor **************************/
	1473	+/******************************************************************************/
	1474	+.viz-simple-editor-type,
	1475	+.viz-simple-editor {
	1476	+ display: none;
	1477	+}
	1478	+
	1479	+.viz-table-editor {
	1480	+ width: 75%;
	1481	+ margin-left: 2%;
	1482	+}
	1483	+
	1484	+.viz-html-table,
	1485	+button#visualizer-save-html-table {
	1486	+ display: inline-block;
	1487	+ vertical-align: middle;
	1488	+}
	1489	+
	1490	+
	1491	+/******************************************************************************/
	1492	+/******************************** text area editor **************************/
	1493	+/******************************************************************************/
	1494	+.viz-text-editor {
	1495	+ padding: 20px;
	1496	+ z-index: 9999;
	1497	+ box-sizing: border-box;
	1498	+ padding-right: 320px;
	1499	+}
	1500	+
	1501	+.viz-text-editor textarea {
	1502	+ width: 85%;
	1503	+ overflow: auto;
	1504	+ background: #282923;
	1505	+ color: #ffffff;
	1506	+ padding: 15px;
	1507	+ height: 400px;
	1508	+ font-size: 15px;
	1509	+}
	1510	+
	1511	+.viz-text-editor textarea,
	1512	+button#viz-text-editor-button {
	1513	+ display: inline-block;
	1514	+ vertical-align: middle;
	1515	+}
	1516	+
	1517	+/******************************************************************************/
	1518	+/******************************** chartjs ***********************************/
	1519	+/******************************************************************************/
	1520	+
	1521	+canvas.chartjs-render-monitor {
	1522	+ height: 500px !important;
	1523	+}