← All changes | admin/css/wpstream-admin.css +167 -22 4.4.9 → 4.8.2 View file →

		@@ -57,14 +57,22 @@
57	57	max-width: 70%;
58	58	padding: 30px 0px 0px 0px;
59	59	}
60	60
61		-.wpstream_option{
	61	+.wpstream_page_wpstream_settings .wpstream_option_wrapper{
	62	+ display: flex;
	63	+ justify-content: space-between;
	64	+ gap: 10px;
	65	+ max-width: 40%;
	66	+}
	67	+
	68	+.wpstream_option, .wpstream_setting_event_unit_wrapper {
	69	+ display: flex;
	70	+ flex-direction: column;
62	71	clear: both;
63		- width: 51%;
64		- display: inline-block;
65	72	margin-bottom: 20px;
66	73	position: relative;
	74	+ max-width: 443px;
67	75	}
68	76
69	77	.wpstream_option input{
70	78	border: 1px solid #d6d6d6;
		@@ -87,9 +95,30 @@
87	95	margin-top: 5px;
88	96	max-width: 365px;
89	97	}
90	98
	99	+.wpstream_option .wpstream-image-upload-wrapper {
	100	+ margin-bottom: 10px;
	101	+}
91	102
	103	+.wpstream_option .wpstream-image-upload-wrapper .wpstream-image-preview {
	104	+ margin: 10px 0;
	105	+ max-width: 300px;
	106	+}
	107	+
	108	+.wpstream_option .wpstream-image-upload-wrapper .wpstream-image-preview img {
	109	+ max-width: 100%;
	110	+ height: auto;
	111	+ border: 1px solid #ddd;
	112	+ padding: 5px;
	113	+ background: #fff;
	114	+}
	115	+
	116	+.wpstream_option .wpstream-image-upload-wrapper .wpstream-image-upload-buttons .button {
	117	+ margin-right: 5px;
	118	+}
	119	+
	120	+
92	121	.event_list_unit_notification{
93	122	float:left;
94	123	width:100%;
95	124	margin-bottom: 10px;
		@@ -178,8 +207,12 @@
178	207	position: relative;
179	208	border: 1px solid #e2e5e8;
180	209	}
181	210
	211	+div.video-js.vjs-has-started button.vjs-big-play-button{
	212	+ display:none;
	213	+}
	214	+
182	215	.event_list_unit:hover{
183	216	box-shadow: 0 3px 23px 9px rgba(7,152,255,0.15);
184	217	background-color: #fcfcfc;
185	218	}
		@@ -201,9 +234,9 @@
201	234	flex-wrap: nowrap;
202	235	}
203	236
204	237
205		-.wpstream_channel_status{
	238	+.wpstream_channel_status {
206	239	position: absolute;
207	240	background-color: rgb(255 255 255);
208	241	color: red;
209	242	border-radius: 5px;
		@@ -212,8 +245,14 @@
212	245	font-size: 12px;
213	246	padding: 4px 15px;
214	247	letter-spacing: 0.25px;
215	248	font-weight: 500;
	249	+
	250	+ .spinner {
	251	+ display: block;
	252	+ margin: 0 auto;
	253	+ float: none;
	254	+ }
216	255	}
217	256
218	257	.event_list_unit.wpstream_show_started .wpstream_channel_status{
219	258	color: #209320;
		@@ -298,10 +337,43 @@
298	337	}
299	338
300	339	#wpstream-sidebar-meta .wpstream_event_streaming_local {
301	340	margin-left: 0px;
	341	+ height: 458px;
	342	+ overflow: auto;
	343	+ padding-right: 20px;
302	344	}
303	345
	346	+.wpstream_event_streaming_local{
	347	+ margin-left: 0px;
	348	+ height: 458px;
	349	+ overflow: auto;
	350	+ padding-right: 20px;
	351	+ width: 456px;
	352	+ display: flex;
	353	+ flex-direction: column;
	354	+ flex-wrap: nowrap;
	355	+}
	356	+
	357	+.wpstream_local_event_options_toggle_wrapper {
	358	+ display: flex;
	359	+ gap: 25px;
	360	+ padding-right: 20px;
	361	+ padding-bottom: 10px;
	362	+ border-bottom: 1px solid #e4e4e4;
	363	+ margin-bottom: 10px;
	364	+}
	365	+
	366	+.wpstream_local_event_options_toggle_wrapper .wpstream_local_event_options_toggle_info {
	367	+ display: flex;
	368	+ flex-direction: column;
	369	+}
	370	+
	371	+input[type="checkbox"]:disabled + .wpstream_slider.round {
	372	+ background: #e4e4e4;
	373	+ cursor: not-allowed;
	374	+}
	375	+
304	376	#wpstream-sidebar-meta .external_software_streaming{
305	377	margin-top: 10px;
306	378	}
307	379
		@@ -376,8 +448,14 @@
376	448	border-radius: 5px;
377	449	width: auto;
378	450	display: inline-block;
379	451	}
	452	+
	453	+.wpstream_error_curl{
	454	+ margin: 10px 15px;
	455	+ display: table;
	456	+}
	457	+
380	458	.wpstream_notice_top{
381	459	border: 1px solid #c3c4c7;
382	460	box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
383	461	margin: 5px 15px 0px 15px;
		@@ -426,8 +504,12 @@
426	504	border-radius: 5px;
427	505	text-align: center;
428	506	display: inline-block;
429	507	margin-right: 10px;
	508	+
	509	+ .spinner {
	510	+ float: none;
	511	+ }
430	512	}
431	513
432	514	.wpstream_button:hover{
433	515	background:#378532;
		@@ -436,8 +518,23 @@
436	518	.wpstream_button_action{
437	519	padding: 12px 25px;
438	520	}
439	521
	522	+.default-channel-settings-info {
	523	+ padding-bottom: 20px;
	524	+ font-size: 14px;
	525	+ line-height: 1.4rem;;
	526	+}
	527	+
	528	+.wpstream-save-settings {
	529	+ display: flex;
	530	+ align-items: center;
	531	+}
	532	+
	533	+.wpstream-save-settings-error {
	534	+ color: #f00;
	535	+}
	536	+
440	537	.start_event.wpstream_button{
441	538	padding: 9px 20px;
442	539	width: auto;
443	540	min-width: 130px;
		@@ -669,8 +766,11 @@
669	766	font-weight: 400;
670	767	letter-spacing: 0.03em;
671	768	border: 1px solid #5f83c8;
672	769	transition: 0.3s ease-out;
	770	+ -webkit-user-select: none;
	771	+ -ms-user-select: none;
	772	+ user-select: none;
673	773	}
674	774	.wpstream_start_with_larix_mobile{
675	775	background: #688ed8;
676	776	padding: 20px;
		@@ -984,18 +1084,26 @@
984	1084	.inputfile-1 + label:hover {
985	1085	background-color: #5a9544;
986	1086	}
987	1087
	1088	+.wpstream-tooltip {
	1089	+ cursor: pointer;
	1090	+ color: #0073aa;
	1091	+ vertical-align: middle;
	1092	+}
988	1093
	1094	+.wpstream-tooltip:hover {
	1095	+ opacity: 0.8;
	1096	+}
	1097	+
989	1098	.wpstream_setting_event_unit_wrapper{
990	1099	position:relative;
991		- display: inline-block;
992	1100	margin-bottom: 10px;
993	1101	width: 100%;
994	1102	}
995	1103
996	1104	.wpstream_setting_event_unit_wrapper .settings_details{
997		- max-width: 385px;
	1105	+ max-width: 365px;
998	1106	}
999	1107
1000	1108	.wpstream_modal_form .wpstream_setting_event_unit_wrapper .settings_details{
1001	1109	color: #666;
		@@ -1004,14 +1112,14 @@
1004	1112
1005	1113
1006	1114
1007	1115	label.wpstream_switch {
1008		- position: absolute;
	1116	+ position: relative;
1009	1117	display: inline-block;
1010		- width: 53px!important;
	1118	+ width: 53px;
	1119	+ min-width: 53px;
1011	1120	height: 25px;
1012	1121	top: 12px;
1013		- left: 390px;
1014	1122	}
1015	1123
1016	1124	.wpstream_switch input {
1017	1125	opacity: 0;
		@@ -1028,8 +1136,13 @@
1028	1136	bottom: 0;
1029	1137	background-color: #ccc;
1030	1138	-webkit-transition: .4s;
1031	1139	transition: .4s;
	1140	+ text-align: center;
	1141	+ line-height: 25px;
	1142	+ font-size: 11px;
	1143	+ font-weight: 500;
	1144	+ color: #666;
1032	1145	}
1033	1146
1034	1147	.wpstream_slider:before {
1035	1148	position: absolute;
		@@ -1040,14 +1153,35 @@
1040	1153	bottom: 4px;
1041	1154	background-color: white;
1042	1155	-webkit-transition: .4s;
1043	1156	transition: .4s;
	1157	+ z-index: 1;
1044	1158	}
1045	1159
	1160	+.wpstream_slider:after {
	1161	+ content: "OFF";
	1162	+ position: absolute;
	1163	+ left: 0;
	1164	+ right: 0;
	1165	+ top: 0;
	1166	+ bottom: 0;
	1167	+ line-height: 25px;
	1168	+ z-index: 0;
	1169	+ text-align: right;
	1170	+ margin-right: 8px;
	1171	+}
	1172	+
1046	1173	input:checked + .wpstream_slider {
1047	1174	background-color: #2196F3;
	1175	+ color: #fff;
1048	1176	}
1049	1177
	1178	+input:checked + .wpstream_slider:after {
	1179	+ content: "ON";
	1180	+ text-align: left;
	1181	+ margin-left: 8px;
	1182	+}
	1183	+
1050	1184	input:focus + .wpstream_slider {
1051	1185	box-shadow: 0 0 1px #2196F3;
1052	1186	}
1053	1187
		@@ -1069,12 +1203,13 @@
1069	1203	.wpstream_event_streaming_local .wpstream_setting_event_unit_wrapper{
1070	1204	margin-bottom: 10px;
1071	1205	}
1072	1206
1073		-.wpstream_event_streaming_local .wpstream_setting_event_unit_wrapper label{
	1207	+.wpstream_event_streaming_local .wpstream_setting_event_unit_wrapper label,
	1208	+.wpstream_local_event_options_toggle_wrapper .wpstream_local_event_options_toggle_info label {
1074	1209	font-weight: 700;
1075	1210	font-size: 14px;
1076		- left:415px;
	1211	+ left: 395px;
1077	1212	}
1078	1213
1079	1214	#wpstream-sidebar-meta .wpstream_setting_event_unit_wrapper label{
1080	1215	left: auto;
		@@ -1202,9 +1337,9 @@
1202	1337	padding: 30px;
1203	1338	border-radius: 5px;
1204	1339	}
1205	1340	.wpstream_modal_form.wpestate_settings_modal{
1206		- height: 525px;
	1341	+ height: 600px;
1207	1342	margin-top: -257px;
1208	1343	}
1209	1344
1210	1345	.wpstream_modal_form h3{
		@@ -1382,8 +1517,9 @@
1382	1517	.print_qrcode{
1383	1518	position: absolute;
1384	1519	top: 73px;
1385	1520	right: 12px;
	1521	+ width: 75px;
1386	1522	}
1387	1523
1388	1524
1389	1525
		@@ -1413,17 +1549,19 @@
1413	1549	border: 1px solid;
1414	1550	border-color: #FF3D00 transparent;
1415	1551	}
1416	1552
1417		-.wpstream_options_help{
1418		- clear: both;
1419		- width: 51%;
	1553	+/*.wpstream_options_help{*/
	1554	+/* clear: both;*/
	1555	+/* width: 51%;*/
	1556	+/* display: inline-block;*/
	1557	+/* position: relative;*/
	1558	+/*}*/
	1559	+
	1560	+.wpstream_options_help a{
1420	1561	display: inline-block;
1421	1562	position: relative;
1422		-}
1423		-
1424		-.wpstream_options_help a{
1425		- width: auto;
	1563	+ white-space: nowrap;
1426	1564	background-color: green;
1427	1565	color: #fff;
1428	1566	border-radius: 3px;
1429	1567	padding: 5px 10px;
		@@ -1428,11 +1566,8 @@
1428	1566	border-radius: 3px;
1429	1567	padding: 5px 10px;
1430	1568	text-decoration: none;
1431	1569	background-color: #2196F3;
1432		- position: absolute;
1433		- right: -51px;
1434		- top: 0px;
1435	1570	}
1436	1571
1437	1572
1438	1573
		@@ -1550,6 +1685,16 @@
1550	1685	.wpstream_live_uri_text.wpstream_larix_rtmp,
1551	1686	.wpstream_live_uri_text{
1552	1687	width: 280px;
1553	1688	word-break: break-all;
	1689	+ }
	1690	+}
	1691	+
	1692	+.wpstream_theme_event_list_unit {
	1693	+ .spinner {
	1694	+ visibility: visible;
	1695	+ background-repeat: no-repeat;
	1696	+ height: 20px;
	1697	+ background-size: contain;
	1698	+ background-position-x: center;
1554	1699	}
1555	1700	}