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