mirror of
https://github.com/eliasstepanik/vdo.ninja.git
synced 2026-01-11 13:48:38 +00:00
tabbed formatting for css
This commit is contained in:
steveseguin
parent
e3aa75e81c
commit
27a3f661d8
43
main.css
43
main.css
@ -63,7 +63,6 @@
|
||||
--director-dark-box: rgb(165 119 18);
|
||||
--codirector-dark-box: rgb(129 127 127);
|
||||
|
||||
|
||||
/* Original colors */
|
||||
--background-color: #141926;
|
||||
--dark-background-color: #02050c;
|
||||
@ -241,7 +240,6 @@ th {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
|
||||
a:link {
|
||||
color: var(--a-link);
|
||||
}
|
||||
@ -258,7 +256,6 @@ a:active {
|
||||
color: var(--a-active);
|
||||
}
|
||||
|
||||
|
||||
a.soloLink:link {
|
||||
cursor: grab;
|
||||
font-size: 1.2em;
|
||||
@ -343,8 +340,6 @@ a {
|
||||
color: var(--a-darker-active);
|
||||
}
|
||||
|
||||
|
||||
|
||||
input {
|
||||
border-radius: 4px;
|
||||
padding: 2px;
|
||||
@ -657,8 +652,6 @@ button.hint {
|
||||
color: #101020;
|
||||
}
|
||||
|
||||
|
||||
|
||||
body.darktheme .credits {
|
||||
color: #707a93;
|
||||
}
|
||||
@ -671,7 +664,6 @@ body.darktheme .credits>a:visited {
|
||||
color: #707a93;
|
||||
}
|
||||
|
||||
|
||||
.label {
|
||||
float: left;
|
||||
font-size: 1.2em;
|
||||
@ -686,7 +678,6 @@ body.darktheme .credits>a:visited {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
|
||||
.advancedAudioSettings, .advancedVideoSettings {
|
||||
display: flex;
|
||||
max-height: 300px;
|
||||
@ -801,7 +792,6 @@ hr {
|
||||
background-color: gray;
|
||||
}
|
||||
|
||||
|
||||
.vidcon {
|
||||
max-width: 100%;
|
||||
border: 0;
|
||||
@ -851,7 +841,6 @@ hr {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
.directorsgrid .vidcon>.las {
|
||||
color: black;
|
||||
background: #999999;
|
||||
@ -1188,7 +1177,6 @@ hr {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
button.glyphicon-button:focus,
|
||||
button.glyphicon-button:active:focus,
|
||||
button.glyphicon-button.active:focus,
|
||||
@ -1324,7 +1312,6 @@ button.btnArmTransferRoom.selected{
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 640px){
|
||||
.labelSmall {
|
||||
display:inherit;
|
||||
@ -1381,7 +1368,6 @@ button.btnArmTransferRoom.selected{
|
||||
100% { transform: translate(1px, -2px) rotate(-1deg); }
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-height: 540px){
|
||||
#gridlayout>#container.vidcon {
|
||||
height:88%
|
||||
@ -1477,9 +1463,6 @@ button.btnArmTransferRoom.selected{
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.icn-spinner {
|
||||
animation: spin-animation 3s infinite;
|
||||
display: inline-block;
|
||||
@ -1795,7 +1778,6 @@ input[type=range].inputConstraint {
|
||||
}
|
||||
/* ////// Icon resizing for mobile subControl bar ////// */
|
||||
|
||||
|
||||
input[type=range].thinSlider {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@ -1996,7 +1978,6 @@ div#chatBody a {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* //////////////////////////////////// */
|
||||
|
||||
@media only screen and (max-height: 650px) {
|
||||
@ -2025,7 +2006,6 @@ div#chatBody a {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 1220px) {
|
||||
#fakeguest4{
|
||||
display: none!important;
|
||||
@ -2127,7 +2107,6 @@ div#chatBody a {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-height: 355px) {
|
||||
|
||||
.popupSelector_constraints{
|
||||
@ -2138,7 +2117,6 @@ div#chatBody a {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
.tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
@ -2315,7 +2293,6 @@ label {
|
||||
background-color: #ddd;
|
||||
} */
|
||||
|
||||
|
||||
.column {
|
||||
display: inline-block;
|
||||
margin: 1.8%;
|
||||
@ -2328,7 +2305,6 @@ label {
|
||||
transition: box-shadow 0.1s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
.column:hover {
|
||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .3);
|
||||
}
|
||||
@ -2707,7 +2683,6 @@ img {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-height: 400px){
|
||||
#obsState {
|
||||
transform: scale(0.9);
|
||||
@ -3457,7 +3432,6 @@ div#roomnotes2 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
#yourDirectorStatus {
|
||||
color: var(--discord-text);
|
||||
}
|
||||
@ -3558,8 +3532,6 @@ div#roomnotes2 {
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Specitic CSS for different elements inside the guest control-buttons */
|
||||
.darktheme .controlsGrid .director-message-box {
|
||||
background-color: var(--discord-grey-3);
|
||||
@ -3587,7 +3559,6 @@ div#roomnotes2 {
|
||||
color: var(--discord-text);
|
||||
}
|
||||
|
||||
|
||||
.controlsGrid .director-message-box textarea {
|
||||
flex: 1 100%;
|
||||
padding: 5px;
|
||||
@ -3621,8 +3592,6 @@ div#roomnotes2 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.controlsGrid .hideDropMenu{
|
||||
justify-content: left;
|
||||
width: 100%;
|
||||
@ -3686,7 +3655,6 @@ div#roomnotes2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.appmode #head1 , .appmode #head1a {
|
||||
display:flex;
|
||||
}
|
||||
@ -3819,7 +3787,6 @@ div#roomnotes2 {
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
|
||||
.vidcon>h2 {
|
||||
font-size: 1em;
|
||||
margin-top: 20px;
|
||||
@ -3866,7 +3833,6 @@ div#guestFeeds:empty {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
a#reshare {
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
@ -3944,7 +3910,6 @@ a#reshare {
|
||||
pointer-events:none;
|
||||
}
|
||||
|
||||
|
||||
.video-label.zoom {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
@ -4057,7 +4022,6 @@ a#reshare {
|
||||
z-Index: 2;
|
||||
}
|
||||
|
||||
|
||||
.hasMedia > .video-meter2 {
|
||||
display:block;
|
||||
}
|
||||
@ -4068,7 +4032,6 @@ a#reshare {
|
||||
display:block;
|
||||
}
|
||||
|
||||
|
||||
#voiceMeterTemplate{
|
||||
display:none;
|
||||
}
|
||||
@ -4442,7 +4405,6 @@ input:checked + .slider:before {
|
||||
padding: 2px 0 0 0;
|
||||
}
|
||||
|
||||
|
||||
.darktheme .startupWarning{
|
||||
background: black!important;
|
||||
box-shadow: 0px 5px 10px -5px #a5a566;
|
||||
@ -4604,7 +4566,6 @@ input:checked + .slider:before {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
|
||||
.iframeDetails {
|
||||
margin: 10px;
|
||||
position: relative;
|
||||
@ -5138,14 +5099,12 @@ ul {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
|
||||
li {
|
||||
margin: 0.1em 0;
|
||||
padding-left: 0.1em;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
|
||||
input[type='text'], input[type='password'] {
|
||||
background-color: var(--lighttheme-1);
|
||||
border: 1px solid var(--lighttheme-6);
|
||||
@ -5173,7 +5132,6 @@ input[type='checkbox'], input[type='radio'] {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
|
||||
.darktheme :not(.promptModalInner) > input {
|
||||
border: 1px solid var(--discord-grey-8);
|
||||
color: var(--near-black);
|
||||
@ -5209,7 +5167,6 @@ input[type='checkbox'], input[type='radio'] {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
.darktheme #addPasswordBasic,
|
||||
.darktheme #avatarDiv,
|
||||
.darktheme #avatarDiv2,
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user