← All changes | css/frame.css +198 -5 3.1.1 → 3.4.2 View file →

		@@ -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;
		@@ -362,8 +377,9 @@
362	377	}
363	378
364	379	#toolbar .push-right {
365	380	float: right;
	381	+ margin-right: 10px;
366	382	}
367	383
368	384	#toolbar .push-left {
369	385	float: left;
		@@ -440,9 +456,9 @@
440	456	height: 205px;
441	457	padding: 15px;
442	458	border: 1px solid #e0e0e0;
443	459	background-color: white;
444		- background-image: url(../images/chart_types_g.png);
	460	+ background-image: url(../images/chart_types_v340_g.png);
445	461	background-repeat: no-repeat;
446	462	background-position: center center;
447	463	}
448	464
		@@ -447,9 +463,9 @@
447	463	}
448	464
449	465	.type-label-selected,
450	466	.type-box > .type-label:hover {
451		- background-image: url(../images/chart_types.png);
	467	+ background-image: url(../images/chart_types_v340.png);
452	468	}
453	469
454	470	.type-box-area .type-label {
455	471	background-position: 0 -225px;
		@@ -482,8 +498,12 @@
482	498	.type-box-bar .type-label {
483	499	background-position: -300px -225px;
484	500	}
485	501
	502	+.type-box-bubble .type-label {
	503	+ background-position: -600px -906px;
	504	+}
	505	+
486	506	.type-box-column .type-label {
487	507	background-position: -600px -225px;
488	508	}
489	509
		@@ -502,8 +522,16 @@
502	522	.type-box-combo .type-label {
503	523	background-position: -597px -670px;
504	524	}
505	525
	526	+.type-box-polarArea .type-label {
	527	+ background-position: -2px -912px;
	528	+}
	529	+
	530	+.type-box-radar .type-label {
	531	+ background-position: -301px -899px;
	532	+}
	533	+
506	534	/******************************************************************************/
507	535	/******************************** OTHER STYLES ******************************/
508	536	/******************************************************************************/
509	537
		@@ -761,8 +789,16 @@
761	789	.hidden-setting {
762	790	display: none;
763	791	}
764	792
	793	+.viz-select-library {
	794	+ color: #0085ba;
	795	+}
	796	+
	797	+.viz-select-library option:first-child {
	798	+ font-weight: bold;
	799	+}
	800	+
765	801	/* ====== RESPONSIVE ====== */
766	802
767	803	@media (max-width: 1366px) {
768	804	#rate-stars {
		@@ -1301,21 +1337,178 @@
1301	1337	.db-wizard-error {
1302	1338	color: #f00;
1303	1339	}
1304	1340
1305		-.db-wizard-hints {
	1341	+.db-wizard-hints,
	1342	+.json-wizard-hints,
	1343	+.html-table-editor-hints {
1306	1344	margin-bottom: 30px;
1307	1345	color: #0085ba;
1308	1346	}
1309	1347
1310	1348	.db-wizard-hints .visualizer-emboss,
1311		-.db-wizard-hints a {
	1349	+.db-wizard-hints a,
	1350	+.html-table-editor-hints a,
	1351	+.json-wizard-hints .visualizer-emboss,
	1352	+.json-wizard-hints a {
1312	1353	color: #f92472;
1313	1354	}
1314	1355
1315		-.db-wizard-hints ul {
	1356	+.db-wizard-hints ul,
	1357	+.html-table-editor-hints ul,
	1358	+.json-wizard-hints ul {
1316	1359	list-style: square;
1317	1360	}
1318	1361
1319	1362	.db-wizard-results .dataTables_wrapper .dataTables_info {
1320	1363	width: calc(100% - 17px);
	1364	+}
	1365	+
	1366	+#vz-chart-docs {
	1367	+ right: 85px;
	1368	+ bottom: 40px;
	1369	+ width: 35%;
	1370	+}
	1371	+
	1372	+#vz-chart-docs a {
	1373	+ text-decoration: none;
	1374	+}
	1375	+
	1376	+/******************************************************************************/
	1377	+/******************************** data tables *******************************/
	1378	+/******************************************************************************/
	1379	+.db-wizard-results .dt-button {
	1380	+ display: none !important;
	1381	+}
	1382	+
	1383	+.dt-button.buttons-print {
	1384	+ display: none;
	1385	+}
	1386	+
	1387	+/******************************************************************************/
	1388	+/******************************** json table *********************************/
	1389	+/******************************************************************************/
	1390	+#json-conclude-form .results {
	1391	+ min-width: 10px !important;
	1392	+}
	1393	+
	1394	+#json-conclude-form .json-table {
	1395	+ width: 85%;
	1396	+}
	1397	+
	1398	+#vz-import-json-url,
	1399	+#vz-import-json-root,
	1400	+#vz-import-json-paging {
	1401	+ width: 75%;
	1402	+}
	1403	+
	1404	+#json-conclude-form .json-table,
	1405	+#json-conclude-form button#visualizer-json-conclude {
	1406	+ display: inline-block;
	1407	+ vertical-align: middle;
	1408	+}
	1409	+
	1410	+.viz-editor-table tbody tr:first-child {
	1411	+ background-color: #ececec !important;
	1412	+}
	1413	+
	1414	+.viz-editor-table tr th {
	1415	+ background-color: #cccccc;
	1416	+}
	1417	+
	1418	+.viz-editor-table thead tr th:nth-child(n+1) {
	1419	+ cursor: move !important;
	1420	+}
	1421	+
	1422	+#json-conclude-form .json-wizard-hints .info,
	1423	+.html-table-editor-hints .info {
	1424	+ margin: 1% 0px;
	1425	+}
	1426	+
	1427	+.viz-step.ui-state-active {
	1428	+ border-color: #0085BA !important;
	1429	+ background: #0085BA !important;
	1430	+ color: #ffffff;
	1431	+}
	1432	+
	1433	+.viz-substep {
	1434	+ outline: 0 !important;
	1435	+ border: 0 !important;
	1436	+ background: none !important;
	1437	+ text-transform: uppercase;
	1438	+}
	1439	+
	1440	+.viz-substep.ui-state-active {
	1441	+}
	1442	+
	1443	+.viz-substep ~ .ui-accordion-content {
	1444	+ outline: 0 !important;
	1445	+ border: 0 !important;
	1446	+ font-size: smaller;
	1447	+}
	1448	+
	1449	+.viz-substep ~ div {
	1450	+ display: table;
	1451	+}
	1452	+
	1453	+.viz-substep ~ div > div {
	1454	+ display: table-row;
	1455	+}
	1456	+
	1457	+.viz-substep ~ div > div div {
	1458	+ display: table-cell;
	1459	+ padding: 5px;
	1460	+}
	1461	+
	1462	+/******************************************************************************/
	1463	+/******************************** html table editor **************************/
	1464	+/******************************************************************************/
	1465	+.viz-simple-editor-type,
	1466	+.viz-simple-editor {
	1467	+ display: none;
	1468	+}
	1469	+
	1470	+.viz-table-editor {
	1471	+ width: 75%;
	1472	+ margin-left: 2%;
	1473	+}
	1474	+
	1475	+.viz-html-table,
	1476	+button#visualizer-save-html-table {
	1477	+ display: inline-block;
	1478	+ vertical-align: middle;
	1479	+}
	1480	+
	1481	+
	1482	+/******************************************************************************/
	1483	+/******************************** text area editor **************************/
	1484	+/******************************************************************************/
	1485	+.viz-text-editor {
	1486	+ padding: 20px;
	1487	+ z-index: 9999;
	1488	+ box-sizing: border-box;
	1489	+ padding-right: 320px;
	1490	+}
	1491	+
	1492	+.viz-text-editor textarea {
	1493	+ width: 85%;
	1494	+ overflow: auto;
	1495	+ background: #282923;
	1496	+ color: #ffffff;
	1497	+ padding: 15px;
	1498	+ height: 400px;
	1499	+ font-size: 15px;
	1500	+}
	1501	+
	1502	+.viz-text-editor textarea,
	1503	+button#viz-text-editor-button {
	1504	+ display: inline-block;
	1505	+ vertical-align: middle;
	1506	+}
	1507	+
	1508	+/******************************************************************************/
	1509	+/******************************** chartjs ***********************************/
	1510	+/******************************************************************************/
	1511	+
	1512	+canvas.chartjs-render-monitor {
	1513	+ height: 500px !important;
1321	1514	}