| @@ -57,22 +57,14 @@ | ||
| 57 | 57 | max-width: 70%; |
| 58 | 58 | padding: 30px 0px 0px 0px; |
| 59 | 59 | } |
| 60 | 60 | |
| 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; | |
| 61 | +.wpstream_option{ | |
| 71 | 62 | clear: both; |
| 63 | + width: 51%; | |
| 64 | + display: inline-block; | |
| 72 | 65 | margin-bottom: 20px; |
| 73 | 66 | position: relative; |
| 74 | - max-width: 443px; | |
| 75 | 67 | } |
| 76 | 68 | |
| 77 | 69 | .wpstream_option input{ |
| 78 | 70 | border: 1px solid #d6d6d6; |
| @@ -95,30 +87,9 @@ | ||
| 95 | 87 | margin-top: 5px; |
| 96 | 88 | max-width: 365px; |
| 97 | 89 | } |
| 98 | 90 | |
| 99 | -.wpstream_option .wpstream-image-upload-wrapper { | |
| 100 | - margin-bottom: 10px; | |
| 101 | -} | |
| 102 | 91 | |
| 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 | - | |
| 121 | 92 | .event_list_unit_notification{ |
| 122 | 93 | float:left; |
| 123 | 94 | width:100%; |
| 124 | 95 | margin-bottom: 10px; |
| @@ -207,12 +178,8 @@ | ||
| 207 | 178 | position: relative; |
| 208 | 179 | border: 1px solid #e2e5e8; |
| 209 | 180 | } |
| 210 | 181 | |
| 211 | -div.video-js.vjs-has-started button.vjs-big-play-button{ | |
| 212 | - display:none; | |
| 213 | -} | |
| 214 | - | |
| 215 | 182 | .event_list_unit:hover{ |
| 216 | 183 | box-shadow: 0 3px 23px 9px rgba(7,152,255,0.15); |
| 217 | 184 | background-color: #fcfcfc; |
| 218 | 185 | } |
| @@ -234,9 +201,9 @@ | ||
| 234 | 201 | flex-wrap: nowrap; |
| 235 | 202 | } |
| 236 | 203 | |
| 237 | 204 | |
| 238 | -.wpstream_channel_status { | |
| 205 | +.wpstream_channel_status{ | |
| 239 | 206 | position: absolute; |
| 240 | 207 | background-color: rgb(255 255 255); |
| 241 | 208 | color: red; |
| 242 | 209 | border-radius: 5px; |
| @@ -245,14 +212,8 @@ | ||
| 245 | 212 | font-size: 12px; |
| 246 | 213 | padding: 4px 15px; |
| 247 | 214 | letter-spacing: 0.25px; |
| 248 | 215 | font-weight: 500; |
| 249 | - | |
| 250 | - .spinner { | |
| 251 | - display: block; | |
| 252 | - margin: 0 auto; | |
| 253 | - float: none; | |
| 254 | - } | |
| 255 | 216 | } |
| 256 | 217 | |
| 257 | 218 | .event_list_unit.wpstream_show_started .wpstream_channel_status{ |
| 258 | 219 | color: #209320; |
| @@ -337,57 +298,10 @@ | ||
| 337 | 298 | } |
| 338 | 299 | |
| 339 | 300 | #wpstream-sidebar-meta .wpstream_event_streaming_local { |
| 340 | 301 | margin-left: 0px; |
| 341 | - overflow: auto; | |
| 342 | - padding-right: 20px; | |
| 343 | 302 | } |
| 344 | 303 | |
| 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 | - | |
| 390 | 304 | #wpstream-sidebar-meta .external_software_streaming{ |
| 391 | 305 | margin-top: 10px; |
| 392 | 306 | } |
| 393 | 307 | |
| @@ -518,12 +432,8 @@ | ||
| 518 | 432 | border-radius: 5px; |
| 519 | 433 | text-align: center; |
| 520 | 434 | display: inline-block; |
| 521 | 435 | margin-right: 10px; |
| 522 | - | |
| 523 | - .spinner { | |
| 524 | - float: none; | |
| 525 | - } | |
| 526 | 436 | } |
| 527 | 437 | |
| 528 | 438 | .wpstream_button:hover{ |
| 529 | 439 | background:#378532; |
| @@ -532,23 +442,8 @@ | ||
| 532 | 442 | .wpstream_button_action{ |
| 533 | 443 | padding: 12px 25px; |
| 534 | 444 | } |
| 535 | 445 | |
| 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 | - | |
| 551 | 446 | .start_event.wpstream_button{ |
| 552 | 447 | padding: 9px 20px; |
| 553 | 448 | width: auto; |
| 554 | 449 | min-width: 130px; |
| @@ -780,11 +675,8 @@ | ||
| 780 | 675 | font-weight: 400; |
| 781 | 676 | letter-spacing: 0.03em; |
| 782 | 677 | border: 1px solid #5f83c8; |
| 783 | 678 | transition: 0.3s ease-out; |
| 784 | - -webkit-user-select: none; | |
| 785 | - -ms-user-select: none; | |
| 786 | - user-select: none; | |
| 787 | 679 | } |
| 788 | 680 | .wpstream_start_with_larix_mobile{ |
| 789 | 681 | background: #688ed8; |
| 790 | 682 | padding: 20px; |
| @@ -1098,26 +990,18 @@ | ||
| 1098 | 990 | .inputfile-1 + label:hover { |
| 1099 | 991 | background-color: #5a9544; |
| 1100 | 992 | } |
| 1101 | 993 | |
| 1102 | -.wpstream-tooltip { | |
| 1103 | - cursor: pointer; | |
| 1104 | - color: #0073aa; | |
| 1105 | - vertical-align: middle; | |
| 1106 | -} | |
| 1107 | 994 | |
| 1108 | -.wpstream-tooltip:hover { | |
| 1109 | - opacity: 0.8; | |
| 1110 | -} | |
| 1111 | - | |
| 1112 | 995 | .wpstream_setting_event_unit_wrapper{ |
| 1113 | 996 | position:relative; |
| 997 | + display: inline-block; | |
| 1114 | 998 | margin-bottom: 10px; |
| 1115 | 999 | width: 100%; |
| 1116 | 1000 | } |
| 1117 | 1001 | |
| 1118 | 1002 | .wpstream_setting_event_unit_wrapper .settings_details{ |
| 1119 | - max-width: 365px; | |
| 1003 | + max-width: 385px; | |
| 1120 | 1004 | } |
| 1121 | 1005 | |
| 1122 | 1006 | .wpstream_modal_form .wpstream_setting_event_unit_wrapper .settings_details{ |
| 1123 | 1007 | color: #666; |
| @@ -1126,14 +1010,14 @@ | ||
| 1126 | 1010 | |
| 1127 | 1011 | |
| 1128 | 1012 | |
| 1129 | 1013 | label.wpstream_switch { |
| 1130 | - position: relative; | |
| 1014 | + position: absolute; | |
| 1131 | 1015 | display: inline-block; |
| 1132 | - width: 53px; | |
| 1133 | - min-width: 53px; | |
| 1016 | + width: 53px!important; | |
| 1134 | 1017 | height: 25px; |
| 1135 | 1018 | top: 12px; |
| 1019 | + left: 390px; | |
| 1136 | 1020 | } |
| 1137 | 1021 | |
| 1138 | 1022 | .wpstream_switch input { |
| 1139 | 1023 | opacity: 0; |
| @@ -1150,13 +1034,8 @@ | ||
| 1150 | 1034 | bottom: 0; |
| 1151 | 1035 | background-color: #ccc; |
| 1152 | 1036 | -webkit-transition: .4s; |
| 1153 | 1037 | transition: .4s; |
| 1154 | - text-align: center; | |
| 1155 | - line-height: 25px; | |
| 1156 | - font-size: 11px; | |
| 1157 | - font-weight: 500; | |
| 1158 | - color: #666; | |
| 1159 | 1038 | } |
| 1160 | 1039 | |
| 1161 | 1040 | .wpstream_slider:before { |
| 1162 | 1041 | position: absolute; |
| @@ -1167,35 +1046,14 @@ | ||
| 1167 | 1046 | bottom: 4px; |
| 1168 | 1047 | background-color: white; |
| 1169 | 1048 | -webkit-transition: .4s; |
| 1170 | 1049 | transition: .4s; |
| 1171 | - z-index: 1; | |
| 1172 | 1050 | } |
| 1173 | 1051 | |
| 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 | 1052 | input:checked + .wpstream_slider { |
| 1188 | 1053 | background-color: #2196F3; |
| 1189 | - color: #fff; | |
| 1190 | 1054 | } |
| 1191 | 1055 | |
| 1192 | -input:checked + .wpstream_slider:after { | |
| 1193 | - content: "ON"; | |
| 1194 | - text-align: left; | |
| 1195 | - margin-left: 8px; | |
| 1196 | -} | |
| 1197 | - | |
| 1198 | 1056 | input:focus + .wpstream_slider { |
| 1199 | 1057 | box-shadow: 0 0 1px #2196F3; |
| 1200 | 1058 | } |
| 1201 | 1059 | |
| @@ -1217,17 +1075,15 @@ | ||
| 1217 | 1075 | .wpstream_event_streaming_local .wpstream_setting_event_unit_wrapper{ |
| 1218 | 1076 | margin-bottom: 10px; |
| 1219 | 1077 | } |
| 1220 | 1078 | |
| 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 { | |
| 1079 | +.wpstream_event_streaming_local .wpstream_setting_event_unit_wrapper label{ | |
| 1223 | 1080 | font-weight: 700; |
| 1224 | 1081 | font-size: 14px; |
| 1225 | - left: 395px; | |
| 1082 | + left:415px; | |
| 1226 | 1083 | } |
| 1227 | 1084 | |
| 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 { | |
| 1085 | +#wpstream-sidebar-meta .wpstream_setting_event_unit_wrapper label{ | |
| 1230 | 1086 | left: auto; |
| 1231 | 1087 | right: 0px; |
| 1232 | 1088 | } |
| 1233 | 1089 | #wpstream-sidebar-meta .settings_details{ |
| @@ -1352,9 +1208,9 @@ | ||
| 1352 | 1208 | padding: 30px; |
| 1353 | 1209 | border-radius: 5px; |
| 1354 | 1210 | } |
| 1355 | 1211 | .wpstream_modal_form.wpestate_settings_modal{ |
| 1356 | - height: 600px; | |
| 1212 | + height: 525px; | |
| 1357 | 1213 | margin-top: -257px; |
| 1358 | 1214 | } |
| 1359 | 1215 | |
| 1360 | 1216 | .wpstream_modal_form h3{ |
| @@ -1532,9 +1388,8 @@ | ||
| 1532 | 1388 | .print_qrcode{ |
| 1533 | 1389 | position: absolute; |
| 1534 | 1390 | top: 73px; |
| 1535 | 1391 | right: 12px; |
| 1536 | - width: 75px; | |
| 1537 | 1392 | } |
| 1538 | 1393 | |
| 1539 | 1394 | |
| 1540 | 1395 | |
| @@ -1564,19 +1419,17 @@ | ||
| 1564 | 1419 | border: 1px solid; |
| 1565 | 1420 | border-color: #FF3D00 transparent; |
| 1566 | 1421 | } |
| 1567 | 1422 | |
| 1568 | -/*.wpstream_options_help{*/ | |
| 1569 | -/* clear: both;*/ | |
| 1570 | -/* width: 51%;*/ | |
| 1571 | -/* display: inline-block;*/ | |
| 1572 | -/* position: relative;*/ | |
| 1573 | -/*}*/ | |
| 1423 | +.wpstream_options_help{ | |
| 1424 | + clear: both; | |
| 1425 | + width: 51%; | |
| 1426 | + display: inline-block; | |
| 1427 | + position: relative; | |
| 1428 | +} | |
| 1574 | 1429 | |
| 1575 | 1430 | .wpstream_options_help a{ |
| 1576 | - display: inline-block; | |
| 1577 | - position: relative; | |
| 1578 | - white-space: nowrap; | |
| 1431 | + width: auto; | |
| 1579 | 1432 | background-color: green; |
| 1580 | 1433 | color: #fff; |
| 1581 | 1434 | border-radius: 3px; |
| 1582 | 1435 | padding: 5px 10px; |
| @@ -1581,8 +1434,11 @@ | ||
| 1581 | 1434 | border-radius: 3px; |
| 1582 | 1435 | padding: 5px 10px; |
| 1583 | 1436 | text-decoration: none; |
| 1584 | 1437 | background-color: #2196F3; |
| 1438 | + position: absolute; | |
| 1439 | + right: -51px; | |
| 1440 | + top: 0px; | |
| 1585 | 1441 | } |
| 1586 | 1442 | |
| 1587 | 1443 | |
| 1588 | 1444 | |
| @@ -1700,16 +1556,6 @@ | ||
| 1700 | 1556 | .wpstream_live_uri_text.wpstream_larix_rtmp, |
| 1701 | 1557 | .wpstream_live_uri_text{ |
| 1702 | 1558 | width: 280px; |
| 1703 | 1559 | 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; | |
| 1714 | 1560 | } |
| 1715 | 1561 | } |
