← All changes | admin/css/wpstream-admin.css +199 -20 4.4.4 → 4.11.1 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,57 @@
298	337	}
299	338
300	339	#wpstream-sidebar-meta .wpstream_event_streaming_local {
301	340	margin-left: 0px;
	341	+ overflow: auto;
	342	+ padding-right: 20px;
302	343	}
303	344
	345	+.wpstream_event_streaming_local{
	346	+ margin-left: 0px;
	347	+ height: 458px;
	348	+ overflow: auto;
	349	+ padding-right: 20px;
	350	+ width: 456px;
	351	+ display: flex;
	352	+ flex-direction: column;
	353	+ flex-wrap: nowrap;
	354	+}
	355	+
	356	+.basic-mode-notice {
	357	+ color:#fff;
	358	+ background: #f40000;
	359	+ box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
	360	+ margin: 5px 0px 15px 0px;
	361	+ font-size: 14px;
	362	+ padding: 10px;
	363	+ border-radius: 10px;
	364	+}
	365	+
	366	+.basic-mode-notice a {
	367	+ color:#fff;
	368	+ text-decoration: underline;
	369	+}
	370	+
	371	+.wpstream_local_event_options_toggle_wrapper {
	372	+ display: flex;
	373	+ gap: 25px;
	374	+ padding-bottom: 10px;
	375	+ border-bottom: 1px solid #e4e4e4;
	376	+ margin-bottom: 10px;
	377	+ max-width: 443px;
	378	+}
	379	+
	380	+.wpstream_local_event_options_toggle_wrapper .wpstream_local_event_options_toggle_info {
	381	+ display: flex;
	382	+ flex-direction: column;
	383	+}
	384	+
	385	+input[type="checkbox"]:disabled + .wpstream_slider.round {
	386	+ background: #e4e4e4;
	387	+ cursor: not-allowed;
	388	+}
	389	+
304	390	#wpstream-sidebar-meta .external_software_streaming{
305	391	margin-top: 10px;
306	392	}
307	393
		@@ -376,8 +462,14 @@
376	462	border-radius: 5px;
377	463	width: auto;
378	464	display: inline-block;
379	465	}
	466	+
	467	+.wpstream_error_curl{
	468	+ margin: 10px 15px;
	469	+ display: table;
	470	+}
	471	+
380	472	.wpstream_notice_top{
381	473	border: 1px solid #c3c4c7;
382	474	box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
383	475	margin: 5px 15px 0px 15px;
		@@ -426,8 +518,12 @@
426	518	border-radius: 5px;
427	519	text-align: center;
428	520	display: inline-block;
429	521	margin-right: 10px;
	522	+
	523	+ .spinner {
	524	+ float: none;
	525	+ }
430	526	}
431	527
432	528	.wpstream_button:hover{
433	529	background:#378532;
		@@ -436,8 +532,23 @@
436	532	.wpstream_button_action{
437	533	padding: 12px 25px;
438	534	}
439	535
	536	+.default-channel-settings-info {
	537	+ padding-bottom: 20px;
	538	+ font-size: 14px;
	539	+ line-height: 1.4rem;;
	540	+}
	541	+
	542	+.wpstream-save-settings {
	543	+ display: flex;
	544	+ align-items: center;
	545	+}
	546	+
	547	+.wpstream-save-settings-error {
	548	+ color: #f00;
	549	+}
	550	+
440	551	.start_event.wpstream_button{
441	552	padding: 9px 20px;
442	553	width: auto;
443	554	min-width: 130px;
		@@ -669,8 +780,11 @@
669	780	font-weight: 400;
670	781	letter-spacing: 0.03em;
671	782	border: 1px solid #5f83c8;
672	783	transition: 0.3s ease-out;
	784	+ -webkit-user-select: none;
	785	+ -ms-user-select: none;
	786	+ user-select: none;
673	787	}
674	788	.wpstream_start_with_larix_mobile{
675	789	background: #688ed8;
676	790	padding: 20px;
		@@ -984,18 +1098,26 @@
984	1098	.inputfile-1 + label:hover {
985	1099	background-color: #5a9544;
986	1100	}
987	1101
	1102	+.wpstream-tooltip {
	1103	+ cursor: pointer;
	1104	+ color: #0073aa;
	1105	+ vertical-align: middle;
	1106	+}
988	1107
	1108	+.wpstream-tooltip:hover {
	1109	+ opacity: 0.8;
	1110	+}
	1111	+
989	1112	.wpstream_setting_event_unit_wrapper{
990	1113	position:relative;
991		- display: inline-block;
992	1114	margin-bottom: 10px;
993	1115	width: 100%;
994	1116	}
995	1117
996	1118	.wpstream_setting_event_unit_wrapper .settings_details{
997		- max-width: 385px;
	1119	+ max-width: 365px;
998	1120	}
999	1121
1000	1122	.wpstream_modal_form .wpstream_setting_event_unit_wrapper .settings_details{
1001	1123	color: #666;
		@@ -1004,14 +1126,14 @@
1004	1126
1005	1127
1006	1128
1007	1129	label.wpstream_switch {
1008		- position: absolute;
	1130	+ position: relative;
1009	1131	display: inline-block;
1010		- width: 53px!important;
	1132	+ width: 53px;
	1133	+ min-width: 53px;
1011	1134	height: 25px;
1012	1135	top: 12px;
1013		- left: 390px;
1014	1136	}
1015	1137
1016	1138	.wpstream_switch input {
1017	1139	opacity: 0;
		@@ -1018,9 +1140,9 @@
1018	1140	width: 0;
1019	1141	height: 0;
1020	1142	}
1021	1143
1022		-.slider {
	1144	+.wpstream_slider {
1023	1145	position: absolute;
1024	1146	cursor: pointer;
1025	1147	top: 0;
1026	1148	left: 0;
		@@ -1028,11 +1150,16 @@
1028	1150	bottom: 0;
1029	1151	background-color: #ccc;
1030	1152	-webkit-transition: .4s;
1031	1153	transition: .4s;
	1154	+ text-align: center;
	1155	+ line-height: 25px;
	1156	+ font-size: 11px;
	1157	+ font-weight: 500;
	1158	+ color: #666;
1032	1159	}
1033	1160
1034		-.slider:before {
	1161	+.wpstream_slider:before {
1035	1162	position: absolute;
1036	1163	content: "";
1037	1164	height: 18px;
1038	1165	width: 18px;
		@@ -1040,19 +1167,40 @@
1040	1167	bottom: 4px;
1041	1168	background-color: white;
1042	1169	-webkit-transition: .4s;
1043	1170	transition: .4s;
	1171	+ z-index: 1;
1044	1172	}
1045	1173
1046		-input:checked + .slider {
	1174	+.wpstream_slider:after {
	1175	+ content: "OFF";
	1176	+ position: absolute;
	1177	+ left: 0;
	1178	+ right: 0;
	1179	+ top: 0;
	1180	+ bottom: 0;
	1181	+ line-height: 25px;
	1182	+ z-index: 0;
	1183	+ text-align: right;
	1184	+ margin-right: 8px;
	1185	+}
	1186	+
	1187	+input:checked + .wpstream_slider {
1047	1188	background-color: #2196F3;
	1189	+ color: #fff;
1048	1190	}
1049	1191
1050		-input:focus + .slider {
	1192	+input:checked + .wpstream_slider:after {
	1193	+ content: "ON";
	1194	+ text-align: left;
	1195	+ margin-left: 8px;
	1196	+}
	1197	+
	1198	+input:focus + .wpstream_slider {
1051	1199	box-shadow: 0 0 1px #2196F3;
1052	1200	}
1053	1201
1054		-input:checked + .slider:before {
	1202	+input:checked + .wpstream_slider:before {
1055	1203	-webkit-transform: translateX(26px);
1056	1204	-ms-transform: translateX(26px);
1057	1205	transform: translateX(26px);
1058	1206	}
		@@ -1057,13 +1205,13 @@
1057	1205	transform: translateX(26px);
1058	1206	}
1059	1207
1060	1208	/* Rounded sliders */
1061		-.slider.round {
	1209	+.wpstream_slider.round {
1062	1210	border-radius: 25px;
1063	1211	}
1064	1212
1065		-.slider.round:before {
	1213	+.wpstream_slider.round:before {
1066	1214	border-radius: 50%;
1067	1215	}
1068	1216
1069	1217	.wpstream_event_streaming_local .wpstream_setting_event_unit_wrapper{
		@@ -1069,15 +1217,17 @@
1069	1217	.wpstream_event_streaming_local .wpstream_setting_event_unit_wrapper{
1070	1218	margin-bottom: 10px;
1071	1219	}
1072	1220
1073		-.wpstream_event_streaming_local .wpstream_setting_event_unit_wrapper label{
	1221	+.wpstream_event_streaming_local .wpstream_setting_event_unit_wrapper label,
	1222	+.wpstream_local_event_options_toggle_wrapper .wpstream_local_event_options_toggle_info label {
1074	1223	font-weight: 700;
1075	1224	font-size: 14px;
1076		- left:415px;
	1225	+ left: 395px;
1077	1226	}
1078	1227
1079		-#wpstream-sidebar-meta .wpstream_setting_event_unit_wrapper label{
	1228	+#wpstream-sidebar-meta .wpstream_setting_event_unit_wrapper label,
	1229	+.wpstream_page_wpstream_live_channels .event_list_unit .wpstream_setting_event_unit_wrapper label {
1080	1230	left: auto;
1081	1231	right: 0px;
1082	1232	}
1083	1233	#wpstream-sidebar-meta .settings_details{
		@@ -1202,9 +1352,9 @@
1202	1352	padding: 30px;
1203	1353	border-radius: 5px;
1204	1354	}
1205	1355	.wpstream_modal_form.wpestate_settings_modal{
1206		- height: 525px;
	1356	+ height: 600px;
1207	1357	margin-top: -257px;
1208	1358	}
1209	1359
1210	1360	.wpstream_modal_form h3{
		@@ -1382,8 +1532,9 @@
1382	1532	.print_qrcode{
1383	1533	position: absolute;
1384	1534	top: 73px;
1385	1535	right: 12px;
	1536	+ width: 75px;
1386	1537	}
1387	1538
1388	1539
1389	1540
		@@ -1413,12 +1564,30 @@
1413	1564	border: 1px solid;
1414	1565	border-color: #FF3D00 transparent;
1415	1566	}
1416	1567
	1568	+/*.wpstream_options_help{*/
	1569	+/* clear: both;*/
	1570	+/* width: 51%;*/
	1571	+/* display: inline-block;*/
	1572	+/* position: relative;*/
	1573	+/*}*/
1417	1574
	1575	+.wpstream_options_help a{
	1576	+ display: inline-block;
	1577	+ position: relative;
	1578	+ white-space: nowrap;
	1579	+ background-color: green;
	1580	+ color: #fff;
	1581	+ border-radius: 3px;
	1582	+ padding: 5px 10px;
	1583	+ text-decoration: none;
	1584	+ background-color: #2196F3;
	1585	+}
1418	1586
1419	1587
1420	1588
	1589	+
1421	1590	@media only screen and (max-width:1099px){
1422	1591
1423	1592	.wpstream_upgrade_topbar{
1424	1593	display: block;
		@@ -1531,6 +1700,16 @@
1531	1700	.wpstream_live_uri_text.wpstream_larix_rtmp,
1532	1701	.wpstream_live_uri_text{
1533	1702	width: 280px;
1534	1703	word-break: break-all;
	1704	+ }
	1705	+}
	1706	+
	1707	+.wpstream_theme_event_list_unit {
	1708	+ .spinner {
	1709	+ visibility: visible;
	1710	+ background-repeat: no-repeat;
	1711	+ height: 20px;
	1712	+ background-size: contain;
	1713	+ background-position-x: center;
1535	1714	}
1536	1715	}