| @@ -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; |
| @@ -205,9 +234,9 @@ | ||
| 205 | 234 | flex-wrap: nowrap; |
| 206 | 235 | } |
| 207 | 236 | |
| 208 | 237 | |
| 209 | -.wpstream_channel_status{ | |
| 238 | +.wpstream_channel_status { | |
| 210 | 239 | position: absolute; |
| 211 | 240 | background-color: rgb(255 255 255); |
| 212 | 241 | color: red; |
| 213 | 242 | border-radius: 5px; |
| @@ -216,8 +245,14 @@ | ||
| 216 | 245 | font-size: 12px; |
| 217 | 246 | padding: 4px 15px; |
| 218 | 247 | letter-spacing: 0.25px; |
| 219 | 248 | font-weight: 500; |
| 249 | + | |
| 250 | + .spinner { | |
| 251 | + display: block; | |
| 252 | + margin: 0 auto; | |
| 253 | + float: none; | |
| 254 | + } | |
| 220 | 255 | } |
| 221 | 256 | |
| 222 | 257 | .event_list_unit.wpstream_show_started .wpstream_channel_status{ |
| 223 | 258 | color: #209320; |
| @@ -318,8 +353,27 @@ | ||
| 318 | 353 | flex-direction: column; |
| 319 | 354 | flex-wrap: nowrap; |
| 320 | 355 | } |
| 321 | 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 | + | |
| 322 | 376 | #wpstream-sidebar-meta .external_software_streaming{ |
| 323 | 377 | margin-top: 10px; |
| 324 | 378 | } |
| 325 | 379 | |
| @@ -450,8 +504,12 @@ | ||
| 450 | 504 | border-radius: 5px; |
| 451 | 505 | text-align: center; |
| 452 | 506 | display: inline-block; |
| 453 | 507 | margin-right: 10px; |
| 508 | + | |
| 509 | + .spinner { | |
| 510 | + float: none; | |
| 511 | + } | |
| 454 | 512 | } |
| 455 | 513 | |
| 456 | 514 | .wpstream_button:hover{ |
| 457 | 515 | background:#378532; |
| @@ -460,8 +518,23 @@ | ||
| 460 | 518 | .wpstream_button_action{ |
| 461 | 519 | padding: 12px 25px; |
| 462 | 520 | } |
| 463 | 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 | + | |
| 464 | 537 | .start_event.wpstream_button{ |
| 465 | 538 | padding: 9px 20px; |
| 466 | 539 | width: auto; |
| 467 | 540 | min-width: 130px; |
| @@ -1011,18 +1084,26 @@ | ||
| 1011 | 1084 | .inputfile-1 + label:hover { |
| 1012 | 1085 | background-color: #5a9544; |
| 1013 | 1086 | } |
| 1014 | 1087 | |
| 1088 | +.wpstream-tooltip { | |
| 1089 | + cursor: pointer; | |
| 1090 | + color: #0073aa; | |
| 1091 | + vertical-align: middle; | |
| 1092 | +} | |
| 1015 | 1093 | |
| 1094 | +.wpstream-tooltip:hover { | |
| 1095 | + opacity: 0.8; | |
| 1096 | +} | |
| 1097 | + | |
| 1016 | 1098 | .wpstream_setting_event_unit_wrapper{ |
| 1017 | 1099 | position:relative; |
| 1018 | - display: inline-block; | |
| 1019 | 1100 | margin-bottom: 10px; |
| 1020 | 1101 | width: 100%; |
| 1021 | 1102 | } |
| 1022 | 1103 | |
| 1023 | 1104 | .wpstream_setting_event_unit_wrapper .settings_details{ |
| 1024 | - max-width: 385px; | |
| 1105 | + max-width: 365px; | |
| 1025 | 1106 | } |
| 1026 | 1107 | |
| 1027 | 1108 | .wpstream_modal_form .wpstream_setting_event_unit_wrapper .settings_details{ |
| 1028 | 1109 | color: #666; |
| @@ -1031,14 +1112,14 @@ | ||
| 1031 | 1112 | |
| 1032 | 1113 | |
| 1033 | 1114 | |
| 1034 | 1115 | label.wpstream_switch { |
| 1035 | - position: absolute; | |
| 1116 | + position: relative; | |
| 1036 | 1117 | display: inline-block; |
| 1037 | - width: 53px!important; | |
| 1118 | + width: 53px; | |
| 1119 | + min-width: 53px; | |
| 1038 | 1120 | height: 25px; |
| 1039 | 1121 | top: 12px; |
| 1040 | - left: 390px; | |
| 1041 | 1122 | } |
| 1042 | 1123 | |
| 1043 | 1124 | .wpstream_switch input { |
| 1044 | 1125 | opacity: 0; |
| @@ -1055,8 +1136,13 @@ | ||
| 1055 | 1136 | bottom: 0; |
| 1056 | 1137 | background-color: #ccc; |
| 1057 | 1138 | -webkit-transition: .4s; |
| 1058 | 1139 | transition: .4s; |
| 1140 | + text-align: center; | |
| 1141 | + line-height: 25px; | |
| 1142 | + font-size: 11px; | |
| 1143 | + font-weight: 500; | |
| 1144 | + color: #666; | |
| 1059 | 1145 | } |
| 1060 | 1146 | |
| 1061 | 1147 | .wpstream_slider:before { |
| 1062 | 1148 | position: absolute; |
| @@ -1067,14 +1153,35 @@ | ||
| 1067 | 1153 | bottom: 4px; |
| 1068 | 1154 | background-color: white; |
| 1069 | 1155 | -webkit-transition: .4s; |
| 1070 | 1156 | transition: .4s; |
| 1157 | + z-index: 1; | |
| 1071 | 1158 | } |
| 1072 | 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 | + | |
| 1073 | 1173 | input:checked + .wpstream_slider { |
| 1074 | 1174 | background-color: #2196F3; |
| 1175 | + color: #fff; | |
| 1075 | 1176 | } |
| 1076 | 1177 | |
| 1178 | +input:checked + .wpstream_slider:after { | |
| 1179 | + content: "ON"; | |
| 1180 | + text-align: left; | |
| 1181 | + margin-left: 8px; | |
| 1182 | +} | |
| 1183 | + | |
| 1077 | 1184 | input:focus + .wpstream_slider { |
| 1078 | 1185 | box-shadow: 0 0 1px #2196F3; |
| 1079 | 1186 | } |
| 1080 | 1187 | |
| @@ -1096,9 +1203,10 @@ | ||
| 1096 | 1203 | .wpstream_event_streaming_local .wpstream_setting_event_unit_wrapper{ |
| 1097 | 1204 | margin-bottom: 10px; |
| 1098 | 1205 | } |
| 1099 | 1206 | |
| 1100 | -.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 { | |
| 1101 | 1209 | font-weight: 700; |
| 1102 | 1210 | font-size: 14px; |
| 1103 | 1211 | left: 395px; |
| 1104 | 1212 | } |
| @@ -1229,9 +1337,9 @@ | ||
| 1229 | 1337 | padding: 30px; |
| 1230 | 1338 | border-radius: 5px; |
| 1231 | 1339 | } |
| 1232 | 1340 | .wpstream_modal_form.wpestate_settings_modal{ |
| 1233 | - height: 525px; | |
| 1341 | + height: 600px; | |
| 1234 | 1342 | margin-top: -257px; |
| 1235 | 1343 | } |
| 1236 | 1344 | |
| 1237 | 1345 | .wpstream_modal_form h3{ |
| @@ -1409,8 +1517,9 @@ | ||
| 1409 | 1517 | .print_qrcode{ |
| 1410 | 1518 | position: absolute; |
| 1411 | 1519 | top: 73px; |
| 1412 | 1520 | right: 12px; |
| 1521 | + width: 75px; | |
| 1413 | 1522 | } |
| 1414 | 1523 | |
| 1415 | 1524 | |
| 1416 | 1525 | |
| @@ -1440,17 +1549,19 @@ | ||
| 1440 | 1549 | border: 1px solid; |
| 1441 | 1550 | border-color: #FF3D00 transparent; |
| 1442 | 1551 | } |
| 1443 | 1552 | |
| 1444 | -.wpstream_options_help{ | |
| 1445 | - clear: both; | |
| 1446 | - 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{ | |
| 1447 | 1561 | display: inline-block; |
| 1448 | 1562 | position: relative; |
| 1449 | -} | |
| 1450 | - | |
| 1451 | -.wpstream_options_help a{ | |
| 1452 | - width: auto; | |
| 1563 | + white-space: nowrap; | |
| 1453 | 1564 | background-color: green; |
| 1454 | 1565 | color: #fff; |
| 1455 | 1566 | border-radius: 3px; |
| 1456 | 1567 | padding: 5px 10px; |
| @@ -1455,11 +1566,8 @@ | ||
| 1455 | 1566 | border-radius: 3px; |
| 1456 | 1567 | padding: 5px 10px; |
| 1457 | 1568 | text-decoration: none; |
| 1458 | 1569 | background-color: #2196F3; |
| 1459 | - position: absolute; | |
| 1460 | - right: -51px; | |
| 1461 | - top: 0px; | |
| 1462 | 1570 | } |
| 1463 | 1571 | |
| 1464 | 1572 | |
| 1465 | 1573 | |
| @@ -1577,6 +1685,16 @@ | ||
| 1577 | 1685 | .wpstream_live_uri_text.wpstream_larix_rtmp, |
| 1578 | 1686 | .wpstream_live_uri_text{ |
| 1579 | 1687 | width: 280px; |
| 1580 | 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; | |
| 1581 | 1699 | } |
| 1582 | 1700 | } |
