elias/vdo.ninja
1
0
Fork 0
mirror of https://github.com/eliasstepanik/vdo.ninja.git synced 2026-01-10 21:28:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

removing extra spaces/tabs

Browse Source
This commit is contained in:
steveseguin 2023-08-08 16:54:29 -04:00
parent 27a3f661d8
commit 676d831e20
1 changed files with 74 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

148
main.css
View File

@ -9,7 +9,7 @@
--discord-grey-6: #383a40; --discord-grey-6: #383a40;
--discord-grey-7: #404249; /* primary */ --discord-grey-7: #404249; /* primary */
--discord-grey-8: #5e6064; --discord-grey-8: #5e6064;
--discord-text: hsl( 210 calc(1 * 9.1%) 92% /1); --discord-text: hsl( 210 calc(1 * 9.1%) 92% /1);
--darktheme-red: rgb(161, 45, 45); --darktheme-red: rgb(161, 45, 45);
@ -37,7 +37,7 @@
--a-dark-hover: #6da5dd; --a-dark-hover: #6da5dd;
--a-dark-focus: #6da5dd; --a-dark-focus: #6da5dd;
--a-dark-active: #3a80c6; --a-dark-active: #3a80c6;
--a-darker-link: #b9dff9; --a-darker-link: #b9dff9;
--a-darker-visited: #b9dff9; --a-darker-visited: #b9dff9;
--a-darker-hover: #048ae8; --a-darker-hover: #048ae8;
@ -49,7 +49,7 @@
--a-lighter-hover: #8acee4; --a-lighter-hover: #8acee4;
--a-lighter-focus: #8acee4; --a-lighter-focus: #8acee4;
--a-lighter-active: #89d5ee; --a-lighter-active: #89d5ee;
--a-link: #144267; --a-link: #144267;
--a-visited: #144267; --a-visited: #144267;
--a-hover: #38668c; --a-hover: #38668c;
@ -71,7 +71,7 @@
--blue-accent: #4a4c63; --blue-accent: #4a4c63;
--red-accent: #553737; --red-accent: #553737;
--light-grey: #ddd; --light-grey: #ddd;
--near-black: #02050c; --near-black: #02050c;
--green-accent: #3f4f50; --green-accent: #3f4f50;
--olive-accent: #535D32; --olive-accent: #535D32;
--regular-margin: 10px; --regular-margin: 10px;
@ -428,9 +428,9 @@ button.hint {
-webkit-app-region: drag; -webkit-app-region: drag;
} }
#head1{ #head1{
display: inline-block; display: inline-block;
padding:1px; padding:1px;
position: relative; position: relative;
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
} }
#head5 { #head5 {
@ -510,7 +510,7 @@ button.hint {
#overlayClock{ #overlayClock{
padding:2px 20px; padding:2px 20px;
background-color: #0009; background-color: #0009;
} }
#overlayClock video { #overlayClock video {
width: calc(22vh + 22vw / 2); width: calc(22vh + 22vw / 2);
@ -592,7 +592,7 @@ button.hint {
margin: 10px 0; margin: 10px 0;
width:130px; width:130px;
display:inline-block; display:inline-block;
margin:0 1px; margin:0 1px;
text-align: center; text-align: center;
cursor:pointer; cursor:pointer;
} }
@ -708,10 +708,10 @@ body.darktheme .credits>a:visited {
font-size: 14px; font-size: 14px;
} }
.advancedAudioSettings div select[data-chosen='false'], .advancedVideoSettings div select[data-chosen='false'] { .advancedAudioSettings div select[data-chosen='false'], .advancedVideoSettings div select[data-chosen='false'] {
border: 1px solid red; border: 1px solid red;
} }
.advancedAudioSettings div select[data-chosen='true'], .advancedVideoSettings div select[data-chosen='true'] { .advancedAudioSettings div select[data-chosen='true'], .advancedVideoSettings div select[data-chosen='true'] {
border: 1px solid green; border: 1px solid green;
} }
@ -750,7 +750,7 @@ body.darktheme .credits>a:visited {
font-size: 14px; font-size: 14px;
} }
.advancedVideoSettings div:nth-child(2) button { .advancedVideoSettings div:nth-child(2) button {
width: 100%; width: 100%;
flex: 1; flex: 1;
height: 24px; height: 24px;
@ -939,14 +939,14 @@ hr {
} }
@keyframes blink-warn { @keyframes blink-warn {
0% { opacity: 0; } 0% { opacity: 0; }
50% { opacity: 1; } 50% { opacity: 1; }
100% { opacity: 0; } 100% { opacity: 0; }
} }
@keyframes blink-alert { @keyframes blink-alert {
0% { opacity: 0; } 0% { opacity: 0; }
50% { opacity: 1; } 50% { opacity: 1; }
100% { opacity: 0; } 100% { opacity: 0; }
} }
.battery.warn { .battery.warn {
border: 3px solid #EFAF13; border: 3px solid #EFAF13;
@ -957,7 +957,7 @@ hr {
animation: blink-alert 1s infinite; animation: blink-alert 1s infinite;
} }
.battery-level { .battery-level {
background: #30b455; background: #30b455;
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
right: 0; right: 0;
@ -1167,7 +1167,7 @@ hr {
margin: 0; margin: 0;
} }
.queueNotification { .queueNotification {
padding: 2px 0; padding: 2px 0;
border-radius: 50%; border-radius: 50%;
background: #335c3a; background: #335c3a;
@ -1317,27 +1317,27 @@ button.btnArmTransferRoom.selected{
display:inherit; display:inherit;
padding:5px; padding:5px;
} }
#guestTips{ #guestTips{
max-width: 100%; max-width: 100%;
font-size: 90%; font-size: 90%;
} }
.labelLarge { .labelLarge {
display:none!important; display:none!important;
} }
.gobutton{ .gobutton{
width: 100vh; width: 100vh;
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
max-width: 87%; max-width: 87%;
} }
.roomnotes{ .roomnotes{
display:none!important; display:none!important;
} }
#head5 { #head5 {
margin-right: 1px; margin-right: 1px;
} }
@ -1405,7 +1405,7 @@ button.btnArmTransferRoom.selected{
#head2 { #head2 {
display:none !important; display:none !important;
} }
} }
@media only screen and (max-height: 240px){ @media only screen and (max-height: 240px){
#gridlayout>#container.vidcon { #gridlayout>#container.vidcon {
@ -1587,7 +1587,7 @@ body.darktheme{
padding: 10px 50px; padding: 10px 50px;
} }
@-webkit-keyframes pulsate { @-webkit-keyframes pulsate {
0% { box-shadow: 0 0 31px #244e1c44; transform: scale(1.0);} 0% { box-shadow: 0 0 31px #244e1c44; transform: scale(1.0);}
50% { box-shadow: 0 0 17px #0004; transform: scale(0.99);} 50% { box-shadow: 0 0 17px #0004; transform: scale(0.99);}
100% { box-shadow: 0 0 31px #244e1c44; transform: scale(1.0);} 100% { box-shadow: 0 0 31px #244e1c44; transform: scale(1.0);}
} }
@ -1879,7 +1879,7 @@ div#chatBody a {
} }
@media only screen and (max-height: 500px) { @media only screen and (max-height: 500px) {
#subControlButtons > div { #subControlButtons > div {
min-width: 40px; min-width: 40px;
min-height: 40px; min-height: 40px;
@ -1921,7 +1921,7 @@ div#chatBody a {
#chatModule{ #chatModule{
margin-bottom: 40px; margin-bottom: 40px;
} }
} }
@media only screen and (max-width: 360px) { @media only screen and (max-width: 360px) {
@ -2040,7 +2040,7 @@ div#chatBody a {
} }
@media only screen and (max-width: 650px) { @media only screen and (max-width: 650px) {
.mainmenuclass { .mainmenuclass {
display: inline-block; display: inline-block;
} }
@ -2108,7 +2108,7 @@ div#chatBody a {
} }
@media only screen and (max-height: 355px) { @media only screen and (max-height: 355px) {
.popupSelector_constraints{ .popupSelector_constraints{
margin:20px 12% 0 2%; margin:20px 12% 0 2%;
} }
@ -2605,7 +2605,7 @@ img {
left: 0; left: 0;
height: 200px; height: 200px;
} }
100% { 100% {
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -2622,7 +2622,7 @@ img {
100% { 100% {
box-shadow: 0 0 5px rgba(255, 255, 255, .8), 0 0 10px rgba(255, 255, 255, .8), 0 0 20px rgba(66, 220, 219, .5), 0 0 22px rgba(66, 220, 219, .5) box-shadow: 0 0 5px rgba(255, 255, 255, .8), 0 0 10px rgba(255, 255, 255, .8), 0 0 20px rgba(66, 220, 219, .5), 0 0 22px rgba(66, 220, 219, .5)
} }
0% { 0% {
box-shadow: 0 0 2px rgba(255, 255, 255, .8), 0 0 3px rgba(255, 255, 255, .8), 0 0 4px rgba(66, 220, 219, .5) box-shadow: 0 0 2px rgba(255, 255, 255, .8), 0 0 3px rgba(255, 255, 255, .8), 0 0 4px rgba(66, 220, 219, .5)
} }
@ -2761,7 +2761,7 @@ img {
top: -300px; top: -300px;
opacity: 0 opacity: 0
} }
to { to {
top: 0; top: 0;
opacity: 1 opacity: 1
@ -2772,7 +2772,7 @@ img {
top: -300px; top: -300px;
opacity: 0 opacity: 0
} }
to { to {
top: 0; top: 0;
opacity: 1 opacity: 1
@ -2850,7 +2850,7 @@ video {
border: 0; border: 0;
margin: 0; margin: 0;
user-select:none; user-select:none;
-webkit-user-select: none; /* Chrome/Safari */ -webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */ -moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */ -ms-user-select: none; /* IE10+ */
-webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:transparent;
@ -2860,7 +2860,7 @@ video {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-image: var(--video-background-image); background-image: var(--video-background-image);
} }
video[data-speaking="0"] { video[data-speaking="0"] {
transition: opacity .25s ease-in-out, background-size 0.5s ease; transition: opacity .25s ease-in-out, background-size 0.5s ease;
@ -2895,7 +2895,7 @@ audio::-webkit-media-controls-overlay-play-button, video::-webkit-media-controls
} }
audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button { audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
display: none; display: none;
} }
video::-webkit-media-controls-toggle-closed-captions-button { video::-webkit-media-controls-toggle-closed-captions-button {
@ -2923,11 +2923,11 @@ audio.fileshare::-webkit-media-controls-overlay-play-button, video.fileshare::-w
} }
audio.fileshare::-webkit-media-controls-play-button, video.fileshare::-webkit-media-controls-play-button { audio.fileshare::-webkit-media-controls-play-button, video.fileshare::-webkit-media-controls-play-button {
display: inherit; display: inherit;
} }
video::-webkit-media-controls-panel { video::-webkit-media-controls-panel {
background-color: #0000; background-color: #0000;
} }
.mirrorControl::-webkit-media-controls-enclosure { .mirrorControl::-webkit-media-controls-enclosure {
@ -3105,8 +3105,8 @@ video::-webkit-media-controls-panel {
} }
#videoSourceSelect { #videoSourceSelect {
padding:2px 0; padding:2px 0;
min-height: 24px; min-height: 24px;
} }
#gear_webcam{ #gear_webcam{
cursor: pointer; cursor: pointer;
@ -3152,7 +3152,7 @@ video::-webkit-media-controls-panel {
visibility: hidden; visibility: hidden;
width:0px; width:0px;
height:0px; height:0px;
opacity: 0; opacity: 0;
background: #0000; background: #0000;
color: #0000; color: #0000;
font-size: 0em; font-size: 0em;
@ -3233,7 +3233,7 @@ label {
background-size: contain; background-size: contain;
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
} }
.debugStats { .debugStats {
font-size: 0.8rem; font-size: 0.8rem;
list-style-type: none; list-style-type: none;
@ -3438,7 +3438,7 @@ div#roomnotes2 {
.directorBlue{ .directorBlue{
background-color: #5c7785 !important; background-color: #5c7785 !important;
display: var(--show-codirectors) !important; display: var(--show-codirectors) !important;
} }
.directorBox{ .directorBox{
background-color: #606383 !important; background-color: #606383 !important;
@ -3494,7 +3494,7 @@ div#roomnotes2 {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
text-transform: lowercase; text-transform: lowercase;
} }
@ -3614,8 +3614,8 @@ div#roomnotes2 {
text-align: center; text-align: center;
position: relative; position: relative;
user-select: none; user-select: none;
color: #fcfcfc; color: #fcfcfc;
} }
.controlsGrid .orderspan .order-label { .controlsGrid .orderspan .order-label {
@ -3731,7 +3731,7 @@ div#roomnotes2 {
margin-left: 5px; margin-left: 5px;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
} }
.fullwindowButton { .fullwindowButton {
transition: opacity 0.3s; transition: opacity 0.3s;
width: 4vh; width: 4vh;
@ -4095,11 +4095,11 @@ a#reshare {
margin: 3px 0; margin: 3px 0;
} }
#closedList_connectUsers{ #closedList_connectUsers{
cursor: pointer; cursor: pointer;
color: #d9e4eb; color: #d9e4eb;
padding: 2px; padding: 2px;
margin: 2px 2px 0 0; margin: 2px 2px 0 0;
font-size: 140%; font-size: 140%;
} }
@ -4165,7 +4165,7 @@ div.message-card a {
.darktheme .message-card { .darktheme .message-card {
background-color: #000; background-color: #000;
} }
.darktheme input[type='file'] { .darktheme input[type='file'] {
background-color: #000; background-color: #000;
} }
.message-card h1 { .message-card h1 {
@ -4201,7 +4201,7 @@ div.message-card.info:before {
@keyframes floating { @keyframes floating {
0% { transform: translate(0, 0px); } 0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15%); } 50% { transform: translate(0, 15%); }
100% { transform: translate(0, -0px); } 100% { transform: translate(0, -0px); }
} }
.video-label.floating3d { .video-label.floating3d {
@ -4358,7 +4358,7 @@ input:checked + .slider:before {
font-size: .8em; font-size: .8em;
padding: 0.4em; padding: 0.4em;
display: block; display: block;
} }
.promptModalInner { .promptModalInner {
position: relative; position: relative;
@ -4397,7 +4397,7 @@ input:checked + .slider:before {
text-align: left; text-align: left;
display:inline-block; display:inline-block;
padding-left: 38px; padding-left: 38px;
} }
.startupWarning > i { .startupWarning > i {
position: absolute; position: absolute;
@ -4437,7 +4437,7 @@ input:checked + .slider:before {
display:inline-block; display:inline-block;
padding-left: 32px; padding-left: 32px;
vertical-align: middle; vertical-align: middle;
} }
.cameraTip > i { .cameraTip > i {
position: absolute; position: absolute;
@ -4713,11 +4713,11 @@ input:checked + .slider:before {
.la-cog:before { .la-cog:before {
content: "\f013"; } content: "\f013"; }
.la-phone:before { .la-phone:before {
content: "\f095"; } content: "\f095"; }
.la-gamepad:before { .la-gamepad:before {
content: "\f11b"; } content: "\f11b"; }
.la-user-slash:before { .la-user-slash:before {
content: "\f506"; } content: "\f506"; }
.la-skull-crossbones:before { .la-skull-crossbones:before {
content: "\f714"; } content: "\f714"; }
.la-hand-paper:before { .la-hand-paper:before {
@ -4934,7 +4934,7 @@ body.darktheme #selectAvatarImage label {
color: #f8f7f7; color: #f8f7f7;
} }
body.darktheme .avatarLabel { body.darktheme .avatarLabel {
color: #f8f7f7; color: #f8f7f7;
} }
body.darktheme .directorsgrid .vidcon { body.darktheme .directorsgrid .vidcon {
background-color: var(--discord-grey-3); background-color: var(--discord-grey-3);
@ -4990,7 +4990,7 @@ button {
background-color: var(--lighttheme-2); background-color: var(--lighttheme-2);
color: var(--lighttheme-text); color: var(--lighttheme-text);
filter: brightness(1); filter: brightness(1);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -5027,9 +5027,9 @@ button i {
font-weight: 700; font-weight: 700;
} }
.darktheme .gobutton { .darktheme .gobutton {
background-color: #6B8698; background-color: #6B8698;
color: #000; color: #000;
border: 3px solid #9B9B9B; border: 3px solid #9B9B9B;
} }
.chevron::before { .chevron::before {
@ -5088,12 +5088,12 @@ select {
border-radius: 4px; border-radius: 4px;
} }
.darktheme ul { .darktheme ul {
/* background-color: var(--discord-grey-3); /* background-color: var(--discord-grey-3);
border: 1px solid var(--discord-grey-8); border: 1px solid var(--discord-grey-8);
color: var(--discord-text);*/ color: var(--discord-text);*/
} }
ul { ul {
/* background-color: var(--lighttheme-1); /* background-color: var(--lighttheme-1);
border: 1px solid var(--lighttheme-6); border: 1px solid var(--lighttheme-6);
color: var(--lighttheme-text);;*/ color: var(--lighttheme-text);;*/
border-radius: 4px; border-radius: 4px;
@ -5192,7 +5192,7 @@ input[type='checkbox'], input[type='radio'] {
border: 1px solid var(--discord-grey-8); border: 1px solid var(--discord-grey-8);
} }
.darktheme .largeDarkIcon{ .darktheme .largeDarkIcon{
color: var(--dark-background-color); color: var(--dark-background-color);
} }
#addPasswordBasic, #addPasswordBasic,
#avatarDiv, #avatarDiv,
@ -5244,7 +5244,7 @@ input[type='checkbox'], input[type='radio'] {
#videoSettings2, #videoSettings2,
.invite_setting_group { .invite_setting_group {
background-color: var(--lighttheme-2); background-color: var(--lighttheme-2);
border: 1px solid var(--lighttheme-4); border: 1px solid var(--lighttheme-4);
} }
#videoSettings, #videoSettings2 { #videoSettings, #videoSettings2 {
@ -5284,7 +5284,7 @@ input[type='checkbox'], input[type='radio'] {
.invite_setting_item { .invite_setting_item {
margin: 10px 0px 0px 0; margin: 10px 0px 0px 0;
} }
.invite_setting_group_links { .invite_setting_group_links {
margin-top: 10px; margin-top: 10px;
@ -5374,7 +5374,7 @@ ul#audioSource3{
border: 1px solid var(--discord-grey-8); border: 1px solid var(--discord-grey-8);
} }
#refreshVideoButton > i{ #refreshVideoButton > i{
cursor: pointer; cursor: pointer;
font-size: 120%; font-size: 120%;
position: relative; position: relative;
top: 3px; top: 3px;
@ -5388,7 +5388,7 @@ ul#audioSource3{
padding: 2px 6px; padding: 2px 6px;
width: 100%; width: 100%;
outline: 0; outline: 0;
border-radius: 4px; border-radius: 4px;
background-color: var(--lighttheme-1); background-color: var(--lighttheme-1);
border: 1px solid var(--lighttheme-6); border: 1px solid var(--lighttheme-6);
} }
@ -5396,7 +5396,7 @@ ul#audioSource3{
#grabDirectorSoloLinkParent { #grabDirectorSoloLinkParent {
margin-bottom: 10px; margin-bottom: 10px;
} }
/* INITIALLY HIDDEN */ /* INITIALLY HIDDEN */
#advancedOptionsAudio, #advancedOptionsAudio,
#advancedOptionsCamera, #advancedOptionsCamera,