← All changes | css/frame.css +200 -20 3.1.3 → 3.4.8 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,20 @@
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	+
346	373	/******************************************************************************/
347	374	/******************************** TOOLBAR ***********************************/
348	375	/******************************************************************************/
349	376
		@@ -362,8 +389,9 @@
362	389	}
363	390
364	391	#toolbar .push-right {
365	392	float: right;
	393	+ margin-right: 10px;
366	394	}
367	395
368	396	#toolbar .push-left {
369	397	float: left;
		@@ -440,9 +468,9 @@
440	468	height: 205px;
441	469	padding: 15px;
442	470	border: 1px solid #e0e0e0;
443	471	background-color: white;
444		- background-image: url(../images/chart_types_g.png);
	472	+ background-image: url(../images/chart_types_v340_g.png);
445	473	background-repeat: no-repeat;
446	474	background-position: center center;
447	475	}
448	476
		@@ -447,9 +475,9 @@
447	475	}
448	476
449	477	.type-label-selected,
450	478	.type-box > .type-label:hover {
451		- background-image: url(../images/chart_types.png);
	479	+ background-image: url(../images/chart_types_v340.png);
452	480	}
453	481
454	482	.type-box-area .type-label {
455	483	background-position: 0 -225px;
		@@ -482,20 +510,22 @@
482	510	.type-box-bar .type-label {
483	511	background-position: -300px -225px;
484	512	}
485	513
	514	+.type-box-bubble .type-label {
	515	+ background-position: -600px -906px;
	516	+}
	517	+
486	518	.type-box-column .type-label {
487	519	background-position: -600px -225px;
488	520	}
489	521
490		-.type-box-dataTable .type-label {
	522	+.type-box-dataTable .type-label,
	523	+.type-box-table .type-label,
	524	+.type-box-tabular .type-label {
491	525	background-position: -301px -670px;
492	526	}
493	527
494		-.type-box-table .type-label {
495		- background-position: -301px -670px;
496		-}
497		-
498	528	.type-box-timeline .type-label {
499	529	background-position: -2px -670px;
500	530	}
501	531
		@@ -502,8 +532,16 @@
502	532	.type-box-combo .type-label {
503	533	background-position: -597px -670px;
504	534	}
505	535
	536	+.type-box-polarArea .type-label {
	537	+ background-position: -2px -912px;
	538	+}
	539	+
	540	+.type-box-radar .type-label {
	541	+ background-position: -301px -899px;
	542	+}
	543	+
506	544	/******************************************************************************/
507	545	/******************************** OTHER STYLES ******************************/
508	546	/******************************************************************************/
509	547
		@@ -761,8 +799,16 @@
761	799	.hidden-setting {
762	800	display: none;
763	801	}
764	802
	803	+.viz-select-library {
	804	+ color: #0085ba;
	805	+}
	806	+
	807	+.viz-select-library option:first-child {
	808	+ font-weight: bold;
	809	+}
	810	+
765	811	/* ====== RESPONSIVE ====== */
766	812
767	813	@media (max-width: 1366px) {
768	814	#rate-stars {
		@@ -924,8 +970,9 @@
924	970
925	971	#vz-csv-file-form,
926	972	#vz-one-time-import,
927	973	#vz-schedule-import,
	974	+#vz-permissions .only-pro-content,
928	975	.edit-data-content {
929	976	text-align: center;
930	977	}
931	978
		@@ -1301,19 +1348,26 @@
1301	1348	.db-wizard-error {
1302	1349	color: #f00;
1303	1350	}
1304	1351
1305		-.db-wizard-hints {
	1352	+.db-wizard-hints,
	1353	+.json-wizard-hints,
	1354	+.html-table-editor-hints {
1306	1355	margin-bottom: 30px;
1307	1356	color: #0085ba;
1308	1357	}
1309	1358
1310	1359	.db-wizard-hints .visualizer-emboss,
1311		-.db-wizard-hints a {
	1360	+.db-wizard-hints a,
	1361	+.html-table-editor-hints a,
	1362	+.json-wizard-hints .visualizer-emboss,
	1363	+.json-wizard-hints a {
1312	1364	color: #f92472;
1313	1365	}
1314	1366
1315		-.db-wizard-hints ul {
	1367	+.db-wizard-hints ul,
	1368	+.html-table-editor-hints ul,
	1369	+.json-wizard-hints ul {
1316	1370	list-style: square;
1317	1371	}
1318	1372
1319	1373	.db-wizard-results .dataTables_wrapper .dataTables_info {
		@@ -1319,18 +1373,144 @@
1319	1373	.db-wizard-results .dataTables_wrapper .dataTables_info {
1320	1374	width: calc(100% - 17px);
1321	1375	}
1322	1376
1323		-#vz-chart-docs {
1324		- right: 85px;
1325		- bottom: 40px;
1326		- width: 35%;
	1377	+
	1378	+/******************************************************************************/
	1379	+/******************************** data tables *******************************/
	1380	+/******************************************************************************/
	1381	+.db-wizard-results .dt-button {
	1382	+ display: none !important;
1327	1383	}
1328	1384
1329		-#vz-chart-docs a {
1330		- text-decoration: none;
	1385	+.dt-button.buttons-print {
	1386	+ display: none;
1331	1387	}
1332	1388
1333		-/* datatables */
1334		-.dt-button {
1335		- display: none !important;
	1389	+/******************************************************************************/
	1390	+/******************************** json table *********************************/
	1391	+/******************************************************************************/
	1392	+#json-conclude-form .results {
	1393	+ min-width: 10px !important;
	1394	+}
	1395	+
	1396	+#json-conclude-form .json-table {
	1397	+ width: 85%;
	1398	+}
	1399	+
	1400	+#vz-import-json-url,
	1401	+#vz-import-json-root,
	1402	+#vz-import-json-paging {
	1403	+ width: 75%;
	1404	+}
	1405	+
	1406	+#json-conclude-form .json-table,
	1407	+#json-conclude-form button#visualizer-json-conclude {
	1408	+ display: inline-block;
	1409	+ vertical-align: middle;
	1410	+}
	1411	+
	1412	+.viz-editor-table tbody tr:first-child {
	1413	+ background-color: #ececec !important;
	1414	+}
	1415	+
	1416	+.viz-editor-table tr th {
	1417	+ background-color: #cccccc;
	1418	+}
	1419	+
	1420	+.viz-editor-table thead tr th:nth-child(n+1) {
	1421	+ cursor: move !important;
	1422	+}
	1423	+
	1424	+#json-conclude-form .json-wizard-hints .info,
	1425	+.html-table-editor-hints .info {
	1426	+ margin: 1% 0px;
	1427	+}
	1428	+
	1429	+.viz-step.ui-state-active {
	1430	+ border-color: #0085BA !important;
	1431	+ background: #0085BA !important;
	1432	+ color: #ffffff;
	1433	+}
	1434	+
	1435	+.viz-substep {
	1436	+ outline: 0 !important;
	1437	+ border: 0 !important;
	1438	+ background: none !important;
	1439	+ text-transform: uppercase;
	1440	+}
	1441	+
	1442	+.viz-substep.ui-state-active {
	1443	+}
	1444	+
	1445	+.viz-substep ~ .ui-accordion-content {
	1446	+ outline: 0 !important;
	1447	+ border: 0 !important;
	1448	+ font-size: smaller;
	1449	+}
	1450	+
	1451	+.viz-substep ~ div {
	1452	+ display: table;
	1453	+}
	1454	+
	1455	+.viz-substep ~ div > div {
	1456	+ display: table-row;
	1457	+}
	1458	+
	1459	+.viz-substep ~ div > div div {
	1460	+ display: table-cell;
	1461	+ padding: 5px;
	1462	+}
	1463	+
	1464	+/******************************************************************************/
	1465	+/******************************** html table editor **************************/
	1466	+/******************************************************************************/
	1467	+.viz-simple-editor-type,
	1468	+.viz-simple-editor {
	1469	+ display: none;
	1470	+}
	1471	+
	1472	+.viz-table-editor {
	1473	+ width: 75%;
	1474	+ margin-left: 2%;
	1475	+}
	1476	+
	1477	+.viz-html-table,
	1478	+button#visualizer-save-html-table {
	1479	+ display: inline-block;
	1480	+ vertical-align: middle;
	1481	+}
	1482	+
	1483	+
	1484	+/******************************************************************************/
	1485	+/******************************** text area editor **************************/
	1486	+/******************************************************************************/
	1487	+.viz-text-editor {
	1488	+ padding: 20px;
	1489	+ z-index: 9999;
	1490	+ box-sizing: border-box;
	1491	+ padding-right: 320px;
	1492	+}
	1493	+
	1494	+.viz-text-editor textarea {
	1495	+ width: 85%;
	1496	+ overflow: auto;
	1497	+ background: #282923;
	1498	+ color: #ffffff;
	1499	+ padding: 15px;
	1500	+ height: 400px;
	1501	+ font-size: 15px;
	1502	+}
	1503	+
	1504	+.viz-text-editor textarea,
	1505	+button#viz-text-editor-button {
	1506	+ display: inline-block;
	1507	+ vertical-align: middle;
	1508	+}
	1509	+
	1510	+/******************************************************************************/
	1511	+/******************************** chartjs ***********************************/
	1512	+/******************************************************************************/
	1513	+
	1514	+canvas.chartjs-render-monitor {
	1515	+ height: 500px !important;
1336	1516	}