Completely switched to scss and added vendor files again

canary
WolverinDEV 2018-10-04 22:56:56 +02:00
parent ba5baf8431
commit ce1a8ffdd8
63 changed files with 20418 additions and 1062 deletions

5
.gitignore vendored
View File

@ -1,6 +1,9 @@
**.js
!vendor/**/*.js
**.js.map
*.css.map
**.css.map
**.css
!vendor/**/*.css
asm/build/
generated/

View File

@ -1,20 +0,0 @@
html, body {
border: 0;
margin: 0; }
.app-container {
width: 100%;
height: 100%;
position: absolute;
width: 100%;
display: flex;
justify-content: center; }
.app-container .app {
width: 100%;
height: 100%;
margin: 0;
display: flex;
flex-direction: column;
resize: both; }
/*# sourceMappingURL=main.css.map */

View File

@ -1 +0,0 @@
../auth/css/auth.css

View File

@ -1,101 +0,0 @@
.context-menu {
overflow: visible;
display: none;
z-index: 1000;
position: absolute;
border: 1px solid #CCC;
white-space: nowrap;
font-family: sans-serif;
background: #FFF;
color: #333;
padding: 3px; }
.context-menu * {
font-family: Arial, serif;
font-size: 12px;
white-space: pre;
line-height: 1;
vertical-align: middle; }
.context-menu .entry {
/*padding: 8px 12px;*/
padding-right: 12px;
cursor: pointer;
list-style-type: none;
transition: all .3s ease;
user-select: none;
align-items: center;
display: flex; }
.context-menu .entry.disabled {
background-color: lightgray;
cursor: not-allowed; }
.context-menu .entry:hover:not(.disabled) {
background-color: #DEF; }
.context-menu .icon_empty, .context-menu .icon {
margin-right: 4px; }
.context-menu .arrow {
cursor: pointer;
pointer-events: all;
width: 7px;
height: 7px;
padding: 0;
margin-right: 5px;
margin-left: 5px;
position: absolute;
right: 3px; }
.context-menu .sub-container {
padding-right: 3px;
position: relative; }
.context-menu .sub-container:hover .sub-menu {
display: block; }
.context-menu .sub-menu {
display: none;
left: 100%;
top: -4px;
position: absolute;
margin-left: 3px; }
.context-menu .checkbox {
margin-top: 1px;
margin-left: 1px;
display: block;
position: relative;
padding-left: 14px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Hide the browser's default checkbox */ }
.context-menu .checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
display: none; }
.context-menu .checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 11px;
width: 11px;
background-color: #eee; }
.context-menu .checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
left: 4px;
top: 1px;
width: 3px;
height: 7px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.context-menu .checkbox:hover input ~ .checkmark {
background-color: #ccc; }
.context-menu .checkbox input:checked ~ .checkmark {
background-color: #2196F3; }
.context-menu .checkbox input:checked ~ .checkmark:after {
display: block; }
/*# sourceMappingURL=context_menu.css.map */

View File

@ -1,93 +0,0 @@
.control_bar {
display: flex;
flex-direction: row; }
.control_bar .divider {
border-left: 2px solid gray;
height: auto;
margin-left: 5px;
margin-right: 5px; }
.control_bar .button {
cursor: pointer;
background-color: lightgray;
border-radius: 5px;
align-items: center;
border: 2px solid transparent;
height: 36px;
width: 36px;
margin-right: 5px;
margin-left: 5px; }
.control_bar .button:hover {
background-color: rgba(0, 0, 0, 0.4);
border-color: rgba(255, 255, 255, 0.75);
/*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/ }
.control_bar .button.activated {
background-color: rgba(0, 0, 0, 0.25);
border-color: rgba(255, 255, 255, 0.75); }
.control_bar .button.activated:hover {
background-color: rgba(0, 0, 0, 0.4);
border-color: rgba(255, 255, 255, 0.75); }
.control_bar .button-dropdown .buttons {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: 100%;
grid-gap: 2px; }
.control_bar .button-dropdown .buttons .button {
margin-right: 0px; }
.control_bar .button-dropdown .buttons .button-dropdown {
display: inline-flex;
justify-content: space-around;
width: 18px;
cursor: pointer;
border-radius: 0 5px 5px 0;
align-items: center;
border: 2px solid transparent;
border-left: 0; }
.control_bar .button-dropdown .buttons .button-dropdown .arrow {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
vertical-align: text-bottom; }
.control_bar .button-dropdown .buttons:hover .button {
border-right: 1px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background-color: rgba(0, 0, 0, 0.4);
border-color: rgba(255, 255, 255, 0.75);
/*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/ }
.control_bar .button-dropdown .buttons:hover .button-dropdown {
background-color: rgba(0, 0, 0, 0.4);
border-color: rgba(255, 255, 255, 0.75);
/*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/ }
.control_bar .button-dropdown .dropdown {
display: none;
position: absolute;
margin-left: 5px;
background-color: lightgray;
border-radius: 5px;
align-items: center;
border: 2px solid transparent;
border-color: rgba(255, 255, 255, 0.75);
width: 230px;
user-select: none;
z-index: 1000;
/*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/ }
.control_bar .button-dropdown .dropdown .icon {
vertical-align: middle;
margin-right: 5px; }
.control_bar .button-dropdown .dropdown > div {
display: block;
cursor: pointer;
padding: 1px 2px 1px 4px; }
.control_bar .button-dropdown .dropdown > div:hover {
background-color: rgba(0, 0, 0, 0.25); }
.control_bar .button-dropdown .dropdown > div:first-of-type {
border-radius: 2px 2px 0 0; }
.control_bar .button-dropdown .dropdown > div:last-of-type {
border-radius: 0 0 2px 2px; }
.control_bar .button-dropdown:hover .dropdown.displayed {
display: block; }
/*# sourceMappingURL=control_bar.css.map */

View File

@ -1,20 +0,0 @@
.select_info_table tr td:nth-child(1) {
font-weight: bold;
padding-right: 5px;
min-width: 20%; }
.select_server {
height: 100%;
display: inline-flex;
flex-direction: column;
justify-content: space-between; }
.select_server .button-update {
width: 100%;
height: 23px; }
.select_server .button-update:disabled {
color: red;
pointer-events: none; }
.select_server .button-update:not(:disabled) {
color: green; }
/*# sourceMappingURL=SelectInfo.css.map */

View File

@ -1,198 +0,0 @@
.loader {
margin: 0;
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 900;
text-align: center; }
.loader .half {
position: fixed;
background: #222222;
top: 0;
bottom: 0;
width: 50%;
height: 100%; }
.loader .half.right {
right: 0; }
.loader .half.left {
left: 0; }
.bookshelf_wrapper {
position: relative;
top: 40%;
left: 50%;
transform: translate(-50%, -50%); }
.books_list {
margin: 0 auto;
width: 300px;
padding: 0; }
.book_item {
position: absolute;
top: -120px;
box-sizing: border-box;
list-style: none;
width: 40px;
height: 120px;
opacity: 0;
background-color: #1e6cc7;
border: 5px solid white;
transform-origin: bottom left;
transform: translateX(300px);
animation: travel 2500ms linear infinite; }
.book_item.first {
top: -140px;
height: 140px; }
.book_item.first:before, .book_item.first:after {
content: '';
position: absolute;
top: 10px;
left: 0;
width: 100%;
height: 5px;
background-color: white; }
.book_item.first:after {
top: initial;
bottom: 10px; }
.book_item.second:before, .book_item.second:after, .book_item.fifth:before, .book_item.fifth:after {
box-sizing: border-box;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 100%;
height: 17.5px;
border-top: 5px solid white;
border-bottom: 5px solid white; }
.book_item.second:after, .book_item.fifth:after {
top: initial;
bottom: 10px; }
.book_item.third:before, .book_item.third:after {
box-sizing: border-box;
content: '';
position: absolute;
top: 10px;
left: 9px;
width: 12px;
height: 12px;
border-radius: 50%;
border: 5px solid white; }
.book_item.third:after {
top: initial;
bottom: 10px; }
.book_item.fourth {
top: -130px;
height: 130px; }
.book_item.fourth:before {
box-sizing: border-box;
content: '';
position: absolute;
top: 46px;
left: 0;
width: 100%;
height: 17.5px;
border-top: 5px solid white;
border-bottom: 5px solid white; }
.book_item.fifth {
top: -100px;
height: 100px; }
.book_item.sixth {
top: -140px;
height: 140px; }
.book_item.sixth:before {
box-sizing: border-box;
content: '';
position: absolute;
bottom: 31px;
left: 0px;
width: 100%;
height: 5px;
background-color: white; }
.book_item.sixth:after {
box-sizing: border-box;
content: '';
position: absolute;
bottom: 10px;
left: 9px;
width: 12px;
height: 12px;
border-radius: 50%;
border: 5px solid white; }
.book_item:nth-child(2) {
animation-delay: 416.66667ms; }
.book_item:nth-child(3) {
animation-delay: 833.33333ms; }
.book_item:nth-child(4) {
animation-delay: 1250ms; }
.book_item:nth-child(5) {
animation-delay: 1666.66667ms; }
.book_item:nth-child(6) {
animation-delay: 2083.33333ms; }
.shelf {
width: 300px;
height: 5px;
margin: 0 auto;
background-color: white;
position: relative; }
.shelf:before, .shelf:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #222222;
background-image: radial-gradient(rgba(255, 255, 255, 0.5) 30%, transparent 0);
background-size: 10px 10px;
background-position: 0 -2.5px;
top: 200%;
left: 5%;
animation: move 250ms linear infinite; }
.shelf:after {
top: 400%;
left: 7.5%; }
@keyframes move {
from {
background-position-x: 0; }
to {
background-position-x: 10px; } }
@keyframes travel {
0% {
opacity: 0;
transform: translateX(300px) rotateZ(0deg) scaleY(1); }
6.5% {
transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1); }
8.8% {
transform: translateX(273.6px) rotateZ(0deg) scaleY(1); }
10% {
opacity: 1;
transform: translateX(270px) rotateZ(0deg); }
17.6% {
transform: translateX(247.2px) rotateZ(-30deg); }
45% {
transform: translateX(165px) rotateZ(-30deg); }
49.5% {
transform: translateX(151.5px) rotateZ(-45deg); }
61.5% {
transform: translateX(115.5px) rotateZ(-45deg); }
67% {
transform: translateX(99px) rotateZ(-60deg); }
76% {
transform: translateX(72px) rotateZ(-60deg); }
83.5% {
opacity: 1;
transform: translateX(49.5px) rotateZ(-90deg); }
90% {
opacity: 0; }
100% {
opacity: 0;
transform: translateX(0px) rotateZ(-90deg); } }
/*# sourceMappingURL=loader.css.map */

View File

@ -1,365 +0,0 @@
.modal .properties {
display: grid;
grid-template-columns: minmax(min-content, max-content) auto;
grid-column-gap: 10px;
grid-row-gap: 3px;
box-sizing: border-box; }
.modal hr {
border-top: 3px double #8c8b8b;
width: 100%; }
.modal .general_properties, .modal .properties_general, .modal .server_properties, .modal .properties_messages {
width: 100%; }
.modal .general_properties .group_box, .modal .properties_general .group_box, .modal .server_properties .group_box, .modal .properties_messages .group_box {
margin-top: 5px; }
.modal .general_properties .group_box:first-of-type, .modal .properties_general .group_box:first-of-type, .modal .server_properties .group_box:first-of-type, .modal .properties_messages .group_box:first-of-type {
margin-top: 0px; }
.modal .input_error {
border-radius: 1px;
border: solid red; }
.modal .server_properties .properties {
grid-template-columns: 135px auto; }
.modal .server_properties .properties:first-of-type {
margin-top: 5px; }
.modal .server_properties .virtualserver_welcomemessage {
height: 70px;
resize: none; }
.modal .properties_messages textarea {
height: 70px;
resize: none; }
.modal .properties_misc .complains {
display: grid;
grid-template-columns: auto auto auto;
grid-template-rows: auto auto;
grid-column-gap: 5px;
margin-bottom: 10px; }
.modal .container {
padding: 6px; }
.channel_perm_tbl .value {
width: 60px; }
.group_box {
display: grid;
grid-template-rows: min-content; }
.group_box .header {
float: left;
margin-bottom: 2px; }
.group_box .content {
background: rgba(0, 0, 0, 0.035);
border: lightgray solid 1px;
border-radius: 0 2px;
padding: 6px; }
.container {
margin: 2px; }
/* Channel edit/create modal */
.settings_audio {
display: grid;
grid-template-columns: 40% 60%;
grid-gap: 10px; }
.settings_audio .custom {
display: grid;
grid-template-columns: min-content auto;
grid-template-rows: repeat(auto-fill, min-content);
grid-column-gap: 5px; }
.settings_audio .custom select {
height: fit-content; }
.settings_audio .custom .quality {
display: inline-grid;
grid-template-columns: auto min-content;
grid-column-gap: 5px; }
.settings_advanced {
display: grid;
grid-template-columns: repeat(auto-fill, max-content);
grid-template-rows: repeat(auto-fill, max-content);
grid-gap: 5px; }
.settings_advanced > div:first-of-type {
grid-column: auto / span 2; }
.settings_advanced .max_limited {
width: 100%;
display: inline-flex; }
.settings_advanced .max_limited input[type="number"] {
width: 75px; }
.settings_advanced .group_box fieldset, .settings_advanced .group_box fieldset > div {
width: 100%; }
.permission-explorer {
width: 100%;
display: grid;
grid-template-rows: min-content auto;
grid-gap: 5px; }
.permission-explorer .bar-filter {
display: grid;
grid-gap: 5px;
grid-template-columns: max-content auto max-content; }
.permission-explorer .bar-filter input[type="text"] {
width: 100%; }
.permission-explorer.disabled {
pointer-events: none; }
.permission-explorer.disabled .overlay-disabled {
display: block; }
.permission-explorer.disabled input {
background-color: #00000033; }
.permission-explorer .overlay-disabled {
display: none;
position: absolute;
background-color: #00000033;
z-index: 1000;
height: 100%;
width: 100%; }
.permission-explorer .list {
display: flex;
position: relative;
flex-direction: column;
border: lightgray solid 2px;
user-select: none;
padding-bottom: 2px;
overflow-y: scroll;
overflow-x: hidden; }
.permission-explorer .list .header {
position: sticky;
top: 0;
z-index: 1;
background-color: lightgray;
padding-left: 0 !important; }
.permission-explorer .list .header > div {
border: grey solid;
border-width: 0 2px 0 0;
padding-left: 2px; }
.permission-explorer .list .header > div:last-of-type {
border: none; }
.permission-explorer .list > .entry {
padding-left: 4px; }
.permission-explorer .list .entry {
display: grid;
grid-template-columns: auto 100px 100px 100px 100px; }
.permission-explorer .list .entry > div {
padding-left: 2px; }
.permission-explorer .list .entry.selected {
background-color: #11111122; }
.permission-explorer .list .entry.unset > .permission-value, .permission-explorer .list .entry.unset > .permission-skip, .permission-explorer .list .entry.unset > .permission-negate {
visibility: hidden; }
.permission-explorer .list .entry.unset > .permission-name {
color: lightgray; }
.permission-explorer .list .group {
grid-template-columns: auto;
grid-template-rows: auto auto; }
.permission-explorer .list .group .group-entries {
margin-left: 50px; }
.permission-explorer .list .group .title.selected {
background-color: #11111122; }
.permission-explorer .list .arrow {
cursor: pointer;
pointer-events: all;
width: 7px;
height: 7px;
padding: 0;
margin-right: 5px;
margin-left: 3px; }
.permission-explorer .list input {
border: none;
background: transparent;
vertical-align: text-bottom;
max-width: 90%; }
.permission-explorer .list .checkbox {
margin-top: 1px;
margin-left: 1px;
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Hide the browser's default checkbox */ }
.permission-explorer .list .checkbox input {
position: absolute;
opacity: 0;
cursor: pointer; }
.permission-explorer .list .checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
background-color: #eee; }
.permission-explorer .list .checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
left: 6px;
top: 2px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.permission-explorer .list .checkbox:hover input ~ .checkmark {
background-color: #ccc; }
.permission-explorer .list .checkbox input:checked ~ .checkmark {
background-color: #2196F3; }
.permission-explorer .list .checkbox input:checked ~ .checkmark:after {
display: block; }
.arrow {
display: inline-block;
border: solid black;
border-width: 0 3px 3px 0;
padding: 3px; }
.arrow.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
.arrow.left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg); }
.arrow.up {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg); }
.arrow.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg); }
.layout-group-server, .layout-group-channel, .layout-channel, .layout-client, .layout-client-channel {
width: 100%;
display: flex;
flex-direction: row; }
.layout-group-server > div, .layout-group-channel > div, .layout-channel > div, .layout-client > div, .layout-client-channel > div {
margin: 5px; }
.layout-group-server .list-group-server, .layout-group-server .list-group-channel, .layout-group-server .list-group-server-clients, .layout-group-server .list-channel, .layout-group-channel .list-group-server, .layout-group-channel .list-group-channel, .layout-group-channel .list-group-server-clients, .layout-group-channel .list-channel, .layout-channel .list-group-server, .layout-channel .list-group-channel, .layout-channel .list-group-server-clients, .layout-channel .list-channel, .layout-client .list-group-server, .layout-client .list-group-channel, .layout-client .list-group-server-clients, .layout-client .list-channel, .layout-client-channel .list-group-server, .layout-client-channel .list-group-channel, .layout-client-channel .list-group-server-clients, .layout-client-channel .list-channel {
position: relative; }
.layout-group-server .list-group-server .entries, .layout-group-server .list-group-channel .entries, .layout-group-server .list-group-server-clients .entries, .layout-group-server .list-channel .entries, .layout-group-channel .list-group-server .entries, .layout-group-channel .list-group-channel .entries, .layout-group-channel .list-group-server-clients .entries, .layout-group-channel .list-channel .entries, .layout-channel .list-group-server .entries, .layout-channel .list-group-channel .entries, .layout-channel .list-group-server-clients .entries, .layout-channel .list-channel .entries, .layout-client .list-group-server .entries, .layout-client .list-group-channel .entries, .layout-client .list-group-server-clients .entries, .layout-client .list-channel .entries, .layout-client-channel .list-group-server .entries, .layout-client-channel .list-group-channel .entries, .layout-client-channel .list-group-server-clients .entries, .layout-client-channel .list-channel .entries {
display: table;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
min-width: 100%; }
.layout-group-server .list-group-server, .layout-group-server .list-group-channel, .layout-group-channel .list-group-server, .layout-group-channel .list-group-channel, .layout-channel .list-group-server, .layout-channel .list-group-channel, .layout-client .list-group-server, .layout-client .list-group-channel, .layout-client-channel .list-group-server, .layout-client-channel .list-group-channel {
width: 300px;
flex-grow: 0;
border: grey solid 1px;
user-select: none;
overflow: auto;
position: relative; }
.layout-group-server .list-group-server .group, .layout-group-server .list-group-channel .group, .layout-group-channel .list-group-server .group, .layout-group-channel .list-group-channel .group, .layout-channel .list-group-server .group, .layout-channel .list-group-channel .group, .layout-client .list-group-server .group, .layout-client .list-group-channel .group, .layout-client-channel .list-group-server .group, .layout-client-channel .list-group-channel .group {
display: block;
white-space: nowrap;
cursor: pointer; }
.layout-group-server .list-group-server .group .icon, .layout-group-server .list-group-server .group .icon_empty, .layout-group-server .list-group-channel .group .icon, .layout-group-server .list-group-channel .group .icon_empty, .layout-group-channel .list-group-server .group .icon, .layout-group-channel .list-group-server .group .icon_empty, .layout-group-channel .list-group-channel .group .icon, .layout-group-channel .list-group-channel .group .icon_empty, .layout-channel .list-group-server .group .icon, .layout-channel .list-group-server .group .icon_empty, .layout-channel .list-group-channel .group .icon, .layout-channel .list-group-channel .group .icon_empty, .layout-client .list-group-server .group .icon, .layout-client .list-group-server .group .icon_empty, .layout-client .list-group-channel .group .icon, .layout-client .list-group-channel .group .icon_empty, .layout-client-channel .list-group-server .group .icon, .layout-client-channel .list-group-server .group .icon_empty, .layout-client-channel .list-group-channel .group .icon, .layout-client-channel .list-group-channel .group .icon_empty {
margin-right: 3px; }
.layout-group-server .list-group-server .group .name.savedb, .layout-group-server .list-group-channel .group .name.savedb, .layout-group-channel .list-group-server .group .name.savedb, .layout-group-channel .list-group-channel .group .name.savedb, .layout-channel .list-group-server .group .name.savedb, .layout-channel .list-group-channel .group .name.savedb, .layout-client .list-group-server .group .name.savedb, .layout-client .list-group-channel .group .name.savedb, .layout-client-channel .list-group-server .group .name.savedb, .layout-client-channel .list-group-channel .group .name.savedb {
color: blue; }
.layout-group-server .list-group-server .group .name.default, .layout-group-server .list-group-channel .group .name.default, .layout-group-channel .list-group-server .group .name.default, .layout-group-channel .list-group-channel .group .name.default, .layout-channel .list-group-server .group .name.default, .layout-channel .list-group-channel .group .name.default, .layout-client .list-group-server .group .name.default, .layout-client .list-group-channel .group .name.default, .layout-client-channel .list-group-server .group .name.default, .layout-client-channel .list-group-channel .group .name.default {
color: black;
font-weight: bold; }
.layout-group-server .list-group-server .group.selected, .layout-group-server .list-group-channel .group.selected, .layout-group-channel .list-group-server .group.selected, .layout-group-channel .list-group-channel .group.selected, .layout-channel .list-group-server .group.selected, .layout-channel .list-group-channel .group.selected, .layout-client .list-group-server .group.selected, .layout-client .list-group-channel .group.selected, .layout-client-channel .list-group-server .group.selected, .layout-client-channel .list-group-channel .group.selected {
background-color: blue; }
.layout-group-server .list-group-server .group.selected .name.savedb, .layout-group-server .list-group-channel .group.selected .name.savedb, .layout-group-channel .list-group-server .group.selected .name.savedb, .layout-group-channel .list-group-channel .group.selected .name.savedb, .layout-channel .list-group-server .group.selected .name.savedb, .layout-channel .list-group-channel .group.selected .name.savedb, .layout-client .list-group-server .group.selected .name.savedb, .layout-client .list-group-channel .group.selected .name.savedb, .layout-client-channel .list-group-server .group.selected .name.savedb, .layout-client-channel .list-group-channel .group.selected .name.savedb {
color: white; }
.layout-group-server .permission-explorer {
flex-grow: 70; }
.layout-group-server .list-group-server-clients {
flex-grow: 0;
width: 200px;
border: grey solid 1px; }
.layout-channel .list-channel, .layout-client-channel .list-channel {
display: flex;
flex-direction: column;
overflow-x: scroll;
overflow-y: auto;
width: 300px;
flex-grow: 1; }
.layout-channel .list-channel .channel, .layout-client-channel .list-channel .channel {
cursor: pointer;
display: block;
width: 100%;
height: max-content;
white-space: nowrap; }
.layout-channel .list-channel .channel .icon, .layout-channel .list-channel .channel .icon_empty, .layout-client-channel .list-channel .channel .icon, .layout-client-channel .list-channel .channel .icon_empty {
margin-right: 3px; }
.layout-channel .list-channel .channel.selected, .layout-client-channel .list-channel .channel.selected {
background-color: blue; }
.layout-client .client-info, .layout-client-channel .client-info {
display: flex;
flex-direction: column; }
.layout-client .client-info > div:not(.list-channel), .layout-client-channel .client-info > div:not(.list-channel) {
display: grid;
grid-template-columns: auto;
grid-template-rows: max-content; }
.layout-client .client-info .client-info input, .layout-client-channel .client-info .client-info input {
pointer-events: none; }
.group-assignment-list .group-list {
border: lightgray solid 1px;
padding: 3px; }
.group-assignment-list .group-list .group-entry {
display: flex;
flex-direction: row;
height: max-content; }
.group-assignment-list .group-list .checkbox {
margin-top: 1px;
margin-left: 1px;
display: block;
position: relative;
padding-left: 18px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Hide the browser's default checkbox */ }
.group-assignment-list .group-list .checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
display: none; }
.group-assignment-list .group-list .checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
background-color: #eee;
margin-right: 4px; }
.group-assignment-list .group-list .checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
left: 5px;
top: 1px;
width: 6px;
height: 12px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.group-assignment-list .group-list .checkbox:hover:not(.disabled) input ~ .checkmark {
background-color: #ccc; }
.group-assignment-list .group-list .checkbox input:checked ~ .checkmark {
background-color: #2196F3; }
.group-assignment-list .group-list .checkbox input:checked ~ .checkmark:after {
display: block; }
.group-assignment-list .group-list .checkbox.disabled {
user-select: none;
pointer-events: none;
cursor: not-allowed; }
.group-assignment-list .group-list .checkbox.disabled .checkmark {
background-color: #00000055; }
.group-assignment-list .group-list .checkbox.disabled .checkmark:after {
border-color: #00000055; }
/*# sourceMappingURL=modals.css.map */

View File

@ -1,211 +0,0 @@
.music-wrapper {
display: flex;
position: relative;
width: 400px;
height: 400px;
user-select: none; }
.music-wrapper .left, .music-wrapper .right {
position: absolute;
width: 50%;
height: 100%;
perspective-origin: 50% 50%;
perspective: 1200px; }
.music-wrapper .left .flip-card,
.music-wrapper .left .static-card, .music-wrapper .right .flip-card,
.music-wrapper .right .static-card {
background: white;
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
border: 7px solid #dedede; }
.music-wrapper .left .flip-card img,
.music-wrapper .left .static-card img, .music-wrapper .right .flip-card img,
.music-wrapper .right .static-card img {
width: calc(100% * 2); }
.music-wrapper .left .static-card, .music-wrapper .right .static-card {
border-right: none; }
.music-wrapper .left .flip-card, .music-wrapper .right .flip-card {
border-left: none;
transform-origin: 0% 50%;
transition: transform 0.5s cubic-bezier(0.45, 0, 0.55, 1);
transform: rotateY(0); }
.music-wrapper .left .flip-card:before, .music-wrapper .right .flip-card:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
right: -20px;
box-shadow: 29px 0px 52px 6px #bababa; }
.music-wrapper .left .flip-card img, .music-wrapper .right .flip-card img {
position: absolute;
background-color: #fff;
right: 0; }
.music-wrapper .left {
left: 0; }
.music-wrapper .right {
right: 0; }
.music-wrapper .right:hover .flip-card {
transform: rotateY(-60deg); }
.music-wrapper .controls {
position: absolute;
right: 0;
width: 50%;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
cursor: pointer; }
.music-wrapper .controls:after {
position: absolute;
content: '';
right: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: inset 20px 0px 37px -10px rgba(0, 0, 0, 0.75);
pointer-events: none;
transition: width 0.5s cubic-bezier(0.45, 0, 0.55, 1); }
.music-wrapper .controls input[type="radio"] {
position: absolute;
left: -1000px; }
.music-wrapper .controls label {
flex-grow: 1;
display: block;
width: 100%;
border-top: 1px #e6e6e6 solid;
border-bottom: 1px #9c9c9c solid;
box-sizing: border-box;
cursor: pointer;
background-color: #dcdcdc; }
.music-wrapper .controls label span {
background: no-repeat 16px 42px;
width: 80px;
height: 125px;
display: block;
pointer-events: none; }
.music-wrapper .controls input:checked + label,
.music-wrapper .controls label:active {
background-color: #BCBCBC;
box-shadow: inset 0px 0px 10px 5px rgba(120, 120, 120, 0.2);
border: 1px solid #fff; }
.music-wrapper .controls .btn-forward span {
background-size: calc(42px * 2) calc(42px * 2);
margin-left: 10px;
background: url("../../img/music/forward.svg") no-repeat center; }
.music-wrapper .controls .btn-rewind span {
background-size: calc(42px * 2) calc(42px * 2);
margin-left: 10px;
background: url("../../img/music/rewind.svg") no-repeat center; }
.music-wrapper .controls .btn-settings span {
background-size: calc(42px * 2) calc(42px * 2);
margin-left: 10px;
background: url("../../img/music/playlist.svg") no-repeat center; }
.music-wrapper .controls-overlay {
position: absolute;
display: block;
top: calc(100% - 60px);
width: 100%;
height: 60px;
z-index: 100;
overflow-x: hidden;
transition: width 0.5s cubic-bezier(0.45, 0, 0.55, 1); }
.music-wrapper .controls-overlay .song {
margin-top: 5px;
margin-left: 20px;
height: 15px;
width: 360px;
font-family: "DejaVu Serif", serif; }
.music-wrapper .controls-overlay .timer {
margin-left: 20px;
height: 15px;
z-index: 200;
width: 360px;
display: inline-flex;
justify-content: space-between;
vertical-align: center; }
.music-wrapper .controls-overlay .timer .button {
width: 10px;
height: 12px;
margin-left: 2px;
fill: none;
stroke: #4c4c4c;
stroke-width: 0.5;
stroke-miterlimit: 10;
cursor: pointer;
color: white;
mix-blend-mode: difference; }
.music-wrapper .controls-overlay .timer .button.active {
animation: bounce 500ms alternate;
transform: scale(1.3);
transition: transform 150ms; }
.music-wrapper .controls-overlay .timer .button:hover {
animation: bounce 500ms alternate;
transform: scale(1.1);
transition: transform 150ms; }
.music-wrapper .controls-overlay .timer .button.active:hover {
animation: bounce 500ms alternate;
transform: scale(1.5);
transition: transform 150ms; }
.music-wrapper .controls-overlay .timer .timeline * {
border: gray 0;
border-radius: 8px; }
.music-wrapper .controls-overlay .timer .timeline {
width: calc(100% - 100px);
height: 4px;
float: left;
background: #DBE3E3;
position: relative;
align-self: center;
border: gray 0;
border-radius: 8px; }
.music-wrapper .controls-overlay .timer .timeline .buffered {
position: absolute;
width: 80%;
height: 100%;
background: #a0a0a0; }
.music-wrapper .controls-overlay .timer .timeline .played {
position: absolute;
width: 60%;
height: 100%;
background: #1fe2e3; }
.music-wrapper .controls-overlay .timer .timeline .slider {
position: absolute;
width: 4px;
height: 12px;
top: -4px;
background: #303030;
cursor: pointer; }
.music-wrapper .controls-overlay .timer .time {
min-width: 38px;
margin-left: 5px;
position: relative;
align-self: center;
font-family: "fantasy"; }
.music-wrapper .controls-overlay.flipped {
width: calc(50% + 7px); }
.music-wrapper.empty {
border: 7px solid #dedede;
display: flex;
flex-direction: column;
background: white; }
.music-wrapper.empty img {
margin: 5px;
-webkit-animation: rotation 5s infinite linear; }
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg); } }
.music-wrapper.empty a {
text-align: center;
margin: 5px;
margin-top: 20px;
font-size: 20px;
font-family: Arial; }
/*# sourceMappingURL=info_plate.css.map */

6289
vendor/bootstrap/js/bootstrap.bundle.js vendored Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

3850
vendor/bootstrap/js/bootstrap.js vendored Normal file

File diff suppressed because it is too large Load Diff

7
vendor/bootstrap/js/bootstrap.min.js vendored Normal file

File diff suppressed because one or more lines are too long

10253
vendor/jquery/jquery.js vendored Normal file

File diff suppressed because it is too large Load Diff

4
vendor/jquery/jquery.min.js vendored Normal file

File diff suppressed because one or more lines are too long

4
vendor/jsrender/jsrender.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -1,13 +0,0 @@
.app-container {
width: 100%;
display: flex;
justify-content: center; }
.app-container .app {
width: 1200px;
height: 900px;
display: flex;
flex-direction: column;
resize: both;
margin: 20px; }
/*# sourceMappingURL=main.css.map */

View File

@ -1 +0,0 @@
../../.././shared/css//auth.css

View File

@ -1 +0,0 @@
../../.././shared/css//context_menu.css

View File

@ -1 +0,0 @@
../../.././shared/css//control_bar.css

View File

@ -1 +0,0 @@
../../../.././shared/css//frame/SelectInfo.css

View File

@ -1 +0,0 @@
../../.././shared/css//general.css

View File

@ -1 +0,0 @@
../../.././shared/css//loader.css

View File

@ -1 +0,0 @@
../../.././web/css//main.css

View File

@ -1 +0,0 @@
../../.././shared/css//modals.css

View File

@ -1 +0,0 @@
../../../.././shared/css//music/info_plate.css

View File

@ -1 +0,0 @@
../../.././shared/css//scroll.css

View File

@ -1 +0,0 @@
../../../.././shared/css//ts/chat.css

View File

@ -1 +0,0 @@
../../../.././shared/css//ts/client.css

View File

@ -1 +0,0 @@
../../../.././shared/css//ts/icons.css

View File

@ -1 +0,0 @@
../../../.././shared/css//ts/tab.css

View File

@ -1 +0,0 @@
../../.././shared/img//client_icon_sprite.svg

View File

@ -1 +0,0 @@
../../.././shared/img//loading_image.svg

View File

@ -1 +0,0 @@
../../../.././shared/img//music/empty_disk.svg

View File

@ -1 +0,0 @@
../../../.././shared/img//music/forward.svg

View File

@ -1 +0,0 @@
../../../.././shared/img//music/no_thumbnail.svg

View File

@ -1 +0,0 @@
../../../.././shared/img//music/playlist.svg

View File

@ -1 +0,0 @@
../../../.././shared/img//music/rewind.svg

View File

@ -1 +0,0 @@
../../../.././shared/img//music/settings.svg

View File

@ -1 +0,0 @@
../../.././shared/img//script.png

View File

@ -1 +0,0 @@
../../.././shared/img//script.svg

View File

@ -1 +0,0 @@
../../../.././shared/img//ts/basic_icons.png

View File

@ -1 +0,0 @@
../../../.././shared/img//ts/country_icons.png

View File

@ -1 +0,0 @@
../../../.././shared/img//ts/extra_icons.png

View File

@ -1 +0,0 @@
../.././/index.php

View File

@ -1 +0,0 @@
../.././/templates.html

View File

@ -1 +0,0 @@
../../../../.././vendor//bbcode/examples/layout.css

View File

@ -1 +0,0 @@
../../../.././vendor//bbcode/xbbcode.css

View File

@ -1 +0,0 @@
../../../../.././vendor//bootstrap/css/bootstrap-grid.css

View File

@ -1 +0,0 @@
../../../../.././vendor//bootstrap/css/bootstrap-grid.min.css

View File

@ -1 +0,0 @@
../../../../.././vendor//bootstrap/css/bootstrap-reboot.css

View File

@ -1 +0,0 @@
../../../../.././vendor//bootstrap/css/bootstrap-reboot.min.css

View File

@ -1 +0,0 @@
../../../../.././vendor//bootstrap/css/bootstrap.css

View File

@ -1 +0,0 @@
../../../../.././vendor//bootstrap/css/bootstrap.min.css

View File

@ -1 +0,0 @@
../../.././asm/generated//TeaWeb-Identity.wasm

View File

@ -1 +0,0 @@
../../.././asm/generated//TeaWeb-Worker-Codec-Opus.wasm