← All changes | css/frame.css +17 -280 3.1.1 → 3.0.10 View file →

		@@ -5,9 +5,8 @@
5	5	top: 0;
6	6	right: 0;
7	7	bottom: 60px;
8	8	left: 0;
9		- width: auto;
10	9	background-color: white;
11	10	}
12	11
13	12	#canvas {
		@@ -85,8 +84,9 @@
85	84	font-size: 14px;
86	85	font-weight: 600;
87	86	line-height: 21px;
88	87	cursor: pointer;
	88	+ -webkit-transition: 0.15s color ease-in-out,0.15s background-color ease-in-out,0.15s border-color ease-in-out;
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	92	.viz-group-wrapper .viz-group .viz-group:hover .viz-group-title,
		@@ -123,8 +123,9 @@
123	123	border-left: 4px solid #fff;
124	124	background: #fff;
125	125	box-shadow: none;
126	126	cursor: pointer;
	127	+ -webkit-transition: color 0.15s ease-in-out,border-color 0.15s ease-in-out,background 0.15s ease-in-out;
127	128	transition: color 0.15s ease-in-out,border-color 0.15s ease-in-out,background 0.15s ease-in-out;
128	129	}
129	130
130	131	.viz-group-wrapper .viz-group .customize-section-back:hover {
		@@ -364,12 +365,8 @@
364	365	#toolbar .push-right {
365	366	float: right;
366	367	}
367	368
368		-#toolbar .push-left {
369		- float: left;
370		-}
371		-
372	369	.toolbar-div a {
373	370	float: left;
374	371	}
375	372
		@@ -486,12 +483,8 @@
486	483	.type-box-column .type-label {
487	484	background-position: -600px -225px;
488	485	}
489	486
490		-.type-box-dataTable .type-label {
491		- background-position: -301px -670px;
492		-}
493		-
494	487	.type-box-table .type-label {
495	488	background-position: -301px -670px;
496	489	}
497	490
		@@ -584,8 +577,9 @@
584	577	box-shadow: none !important;
585	578	text-shadow: none!important;
586	579	font-family: "Open Sans",sans-serif;
587	580	font-weight: 700;
	581	+ -webkit-transition: all 0.3s ease 0s;
588	582	transition: all 0.3s ease 0s;
589	583	}
590	584
591	585	.computer-btn:hover {
		@@ -594,8 +588,10 @@
594	588	color: white !important;
595	589	background: #2f8cea url("../images/computer.png") no-repeat scroll 7px -36px !important;
596	590	box-shadow: 0 1px 0 rgba(171, 171, 171, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15) !important;
597	591	box-shadow: none !important;
	592	+ -webkit-transition: all 0.3s ease 0s;
	593	+ -webkit-transition: all 0.3s ease;
598	594	transition: all 0.3s ease 0s;
599	595	transition: all 0.3s ease;
600	596	}
601	597
		@@ -612,8 +608,9 @@
612	608	background: #e6e6e6 url("../images/web.png") no-repeat scroll 7px 1px !important;
613	609	box-shadow: none !important;
614	610	font-family: "Open Sans",sans-serif;
615	611	font-weight: 700;
	612	+ -webkit-transition: all 0.3s ease 0s;
616	613	transition: all 0.3s ease 0s;
617	614	/*margin-left: 2px !important;*/
618	615	}
619	616
		@@ -623,8 +620,10 @@
623	620	border: 1px solid #89b158 !important;
624	621	color: white !important;
625	622	background: #89b158 url("../images/web.png") no-repeat scroll 7px -38px !important;
626	623	box-shadow: none !important;
	624	+ -webkit-transition: all 0.3s ease 0s;
	625	+ -webkit-transition: all 0.3s ease;
627	626	transition: all 0.3s ease 0s;
628	627	transition: all 0.3s ease;
629	628	}
630	629
		@@ -644,8 +643,9 @@
644	643	background: #e6e6e6 url("../images/from_chart.png") no-repeat scroll 7px 1px !important;
645	644	box-shadow: none !important;
646	645	font-family: "Open Sans",sans-serif;
647	646	font-weight: 700;
	647	+ -webkit-transition: all 0.3s ease 0s;
648	648	transition: all 0.3s ease 0s;
649	649	/*margin-left: 2px !important;
650	650	margin-top: 2px !important;*/
651	651	}
		@@ -656,8 +656,10 @@
656	656	border: 1px solid #10aecb !important;
657	657	color: white !important;
658	658	background: #10aecb url("../images/from_chart.png") no-repeat scroll 7px -36px !important;
659	659	box-shadow: none !important;
	660	+ -webkit-transition: all 0.3s ease 0s;
	661	+ -webkit-transition: all 0.3s ease;
660	662	transition: all 0.3s ease 0s;
661	663	transition: all 0.3s ease;
662	664	/*margin-top: 2px !important;*/
663	665	}
		@@ -681,8 +683,9 @@
681	683	color: white !important;
682	684	background-color: #2f8cea !important;
683	685	box-shadow: none !important;
684	686	text-shadow: none;
	687	+ -webkit-transition: all 0.3s ease;
685	688	transition: all 0.3s ease;
686	689	}
687	690
688	691	.preview-btn {
		@@ -691,8 +694,9 @@
691	694	background-color: #2f8cea !important;
692	695	box-shadow: none !important;
693	696	font-family: "Open Sans",sans-serif;
694	697	font-weight: 700;
	698	+ -webkit-transition: all 0.3s ease;
695	699	transition: all 0.3s ease;
696	700	}
697	701
698	702	.preview-btn:hover {
		@@ -701,8 +705,9 @@
701	705	background-color: #2c80d6 !important;
702	706	box-shadow: none !important;
703	707	font-family: "Open Sans",sans-serif;
704	708	font-weight: 700;
	709	+ -webkit-transition: all 0.3s ease;
705	710	transition: all 0.3s ease;
706	711	}
707	712
708	713	.show-live-btn {
		@@ -722,8 +727,9 @@
722	727	background-color: #ea8c00 !important;
723	728	box-shadow: none !important;
724	729	font-family: "Open Sans",sans-serif;
725	730	font-weight: 700;
	731	+ -webkit-transition: all 0.3s ease;
726	732	transition: all 0.3s ease;
727	733	}
728	734
729	735	.check-pro-btn {
		@@ -974,8 +980,9 @@
974	980	left: 0;
975	981	width: 100%;
976	982	opacity: 0;
977	983	background: rgba(253,253,253,0.9);
	984	+ -webkit-transition: 0.5s ease;
978	985	transition: 0.5s ease;
979	986	}
980	987
981	988	.only-pro-feature:hover .only-pro-content {
		@@ -1006,8 +1013,9 @@
1006	1013	background: #ff595e;
1007	1014	font-weight: 600;
1008	1015	text-decoration: none;
1009	1016	text-transform: uppercase;
	1017	+ -webkit-transition: 0.1s ease;
1010	1018	transition: 0.1s ease;
1011	1019	}
1012	1020
1013	1021	.only-pro-content a:hover {
		@@ -1047,275 +1055,4 @@
1047	1055	#permissions-form .only-pro-feature > ul {
1048	1056	position: relative;
1049	1057	text-align: center;
1050	1058	}
1051		-
1052		-/******************************************************************************/
1053		-/******************************** DB WIZARD ***********************************/
1054		-/******************************************************************************/
1055		-.db-wizard-condition .select-condition {
1056		- display: none;
1057		-}
1058		-
1059		-.db-wizard-condition .select-condition.active {
1060		- display: block;
1061		- max-width: 50%;
1062		- margin-top: 10px;
1063		- padding-top: 10px;
1064		- border-top: 1px solid #eee;
1065		- font-weight: 500;
1066		-}
1067		-
1068		-.db-wizard-results {
1069		- width: calc(100% - 350px);
1070		-}
1071		-
1072		-#db-wizard-form {
1073		- padding: 25px;
1074		-}
1075		-
1076		-.db-wizard-query label {
1077		- display: block;
1078		- min-width: 150px;
1079		- padding: 20px 0 5px;
1080		- color: rgba(0,0,0,0.85);
1081		- font-size: 18px;
1082		- font-weight: 500;
1083		-}
1084		-
1085		-.db-wizard-query .db-wizard-where label,
1086		-.db-wizard-query .db-wizard-from label {
1087		- padding-top: 0;
1088		-}
1089		-
1090		-.db-wizard-query > div:not(:last-child) {
1091		- margin-bottom: 15px;
1092		-}
1093		-
1094		-.db-wizard-query .select-condition > div {
1095		- display: block;
1096		-}
1097		-
1098		-.db-wizard-query .chosen-container {
1099		- width: auto;
1100		-}
1101		-
1102		-.db-wizard-query .chosen-container-single .chosen-single {
1103		- border: 1px solid #ccc;
1104		- background: #fff;
1105		- box-shadow: none;
1106		- font-size: 13px;
1107		- font-weight: 500;
1108		-}
1109		-
1110		-.db-wizard-templates,
1111		-.db-wizard-templates > div {
1112		- display: block;
1113		-}
1114		-
1115		-.db-wizard-templates > div {
1116		- box-sizing: border-box;
1117		- width: 50%;
1118		- margin-top: 20px;
1119		- padding: 20px;
1120		- border: 1px solid #efefef;
1121		-}
1122		-
1123		-.db-wizard-templates > div:first-child {
1124		- margin-top: 0;
1125		-}
1126		-
1127		-.db-wizard-query .chosen-container-multi .chosen-choices {
1128		- padding: 5px;
1129		- border-color: #ccc;
1130		- background: #fff;
1131		- box-shadow: none;
1132		-}
1133		-
1134		-.db-wizard-results .dataTables_wrapper .dataTables_filter input,
1135		-.db-wizard-query .select-condition-operand input,
1136		-.db-wizard-limit input {
1137		- width: 50%;
1138		- padding-left: 7px;
1139		- border: 1px solid #ccc;
1140		- border-radius: 6px;
1141		- background: #fff;
1142		- box-shadow: none;
1143		- font-size: 13px;
1144		-}
1145		-
1146		-.db-wizard-limit input {
1147		- display: inline;
1148		- width: 150px;
1149		- margin: 0 0 20px 20px;
1150		-}
1151		-
1152		-.db-wizard-limit label {
1153		- display: inline;
1154		-}
1155		-
1156		-.db-wizard-query .select-condition-operand input::-webkit-input-placeholder {
1157		- color: #cdcdcd;
1158		-}
1159		-
1160		-.db-wizard-query .select-condition-operand input:-ms-input-placeholder {
1161		- color: #cdcdcd;
1162		-}
1163		-
1164		-.db-wizard-query .select-condition-operand input::placeholder {
1165		- color: #cdcdcd;
1166		-}
1167		-
1168		-.db-wizard-query .chosen-container-multi .chosen-choices li.search-choice {
1169		- padding: 5px 30px 5px 5px;
1170		- border-color: #ccc;
1171		- background: #fff;
1172		- box-shadow: none;
1173		- font-weight: 600;
1174		-}
1175		-
1176		-.db-wizard-results table > thead > tr > th {
1177		- padding: 15px 8px;
1178		- border: none;
1179		- color: #252422;
1180		- background: #fff;
1181		- font-size: 18px;
1182		- font-weight: 500;
1183		- text-align: left;
1184		-}
1185		-
1186		-.db-wizard-results table > tbody > tr > td,
1187		-.dataTables_info {
1188		- padding: 15px 8px;
1189		- border-top: 1px solid #a2a2a2;
1190		- color: #252422;
1191		- font-size: 14px;
1192		- font-weight: 300;
1193		-}
1194		-
1195		-.db-wizard-results table > tbody > tr.odd {
1196		- background-color: #f7f7f7;
1197		-}
1198		-
1199		-.db-wizard-results table.dataTable.no-footer {
1200		- border: none;
1201		-}
1202		-
1203		-.db-wizard-results .dataTables_wrapper .dataTables_info {
1204		- border-top: 1px solid #ccc5b9;
1205		- color: #a2a2a2;
1206		- font-size: 12px;
1207		- font-weight: 500;
1208		-}
1209		-
1210		-.db-wizard-results .dataTables_filter label {
1211		- font-size: 18px;
1212		- font-weight: 500;
1213		-}
1214		-
1215		-.db-wizard-where-template-remove,
1216		-.db-wizard-where-template-add {
1217		- width: auto;
1218		- height: 25px;
1219		- margin-top: 10px;
1220		- border: none;
1221		- border-radius: 3px;
1222		- color: #fff;
1223		- font-size: 12px;
1224		- cursor: pointer;
1225		- transition: 0.3s ease;
1226		-}
1227		-
1228		-.db-wizard-where-template-remove:hover,
1229		-.db-wizard-where-template-add:hover {
1230		- opacity: 0.8;
1231		-}
1232		-
1233		-.db-wizard-results .dataTables_wrapper .dataTables_filter {
1234		- float: none;
1235		- text-align: left;
1236		-}
1237		-
1238		-.db-wizard-where-template-add {
1239		- background-color: #34a85e;
1240		-}
1241		-
1242		-.db-wizard-where-template-remove {
1243		- background-color: #ff0d00;
1244		-}
1245		-
1246		-#db-query-form .CodeMirror-scroll {
1247		- overflow: hidden !important;
1248		- height: 50%;
1249		- margin: 0;
1250		- padding: 0;
1251		-}
1252		-
1253		-#db-query-form .CodeMirror-wrap {
1254		- height: 200px;
1255		- padding: 15px;
1256		- color: #fff;
1257		- background: #282923;
1258		- font-size: 15px;
1259		-}
1260		-
1261		-#db-query-form .CodeMirror-wrap .CodeMirror-cursor {
1262		- border-left: 1px solid #fff !important;
1263		-}
1264		-
1265		-#db-query-form .CodeMirror-wrap .CodeMirror-placeholder {
1266		- color: #fff;
1267		-}
1268		-
1269		-#db-query-form .CodeMirror-wrap pre {
1270		- color: #fff !important;
1271		-}
1272		-
1273		-#db-query-form .CodeMirror-wrap pre .cm-keyword {
1274		- color: #f92472 !important;
1275		-}
1276		-
1277		-#db-query-form .CodeMirror-wrap pre .cm-comment {
1278		- color: #74705d !important;
1279		-}
1280		-
1281		-#db-query-form .CodeMirror-wrap pre .cm-number,
1282		-#db-query-form .CodeMirror-wrap pre .cm-string {
1283		- color: #fff !important;
1284		-}
1285		-
1286		-.visualizer-db-query-form > div {
1287		- display: block;
1288		- width: 15%;
1289		- vertical-align: middle;
1290		-}
1291		-
1292		-#visualizer-db-query {
1293		- padding: 20px;
1294		-}
1295		-
1296		-.visualizer-db-query-form > div:first-child {
1297		- width: 100%;
1298		- margin-bottom: 20px;
1299		-}
1300		-
1301		-.db-wizard-error {
1302		- color: #f00;
1303		-}
1304		-
1305		-.db-wizard-hints {
1306		- margin-bottom: 30px;
1307		- color: #0085ba;
1308		-}
1309		-
1310		-.db-wizard-hints .visualizer-emboss,
1311		-.db-wizard-hints a {
1312		- color: #f92472;
1313		-}
1314		-
1315		-.db-wizard-hints ul {
1316		- list-style: square;
1317		-}
1318		-
1319		-.db-wizard-results .dataTables_wrapper .dataTables_info {
1320		- width: calc(100% - 17px);
1321		-}