Revert "Squashed commit of the following:"

This reverts commit cf1874a29b.
This commit is contained in:
sparks-alec
2023-06-11 22:30:36 -04:00
parent cf364a7381
commit ae091a7f88
13 changed files with 886 additions and 7722 deletions
+60 -125
View File
@@ -1,6 +1,3 @@
body {
margin-bottom: 200px !important;
}
table {
background-color: #323232;
border: 0px;
@@ -36,60 +33,61 @@ td img {
}
tr:nth-child(even) {
background: #2d2d2d;
background: #323232;
}
tr:nth-child(odd) {
background: #262626;
background: #2c2c2c;
}
tr:nth-child(odd).q-red {
background: linear-gradient(to top, #262626, #49302f 1px);
}
tr:nth-child(even).q-red {
background: linear-gradient(to top, #2d2c2d, #513635 1px);
background: linear-gradient(to top, #2c2c2c, #4c3130 1px);
}
.q-red td.playhead {
background: linear-gradient(to right, #ff4242 55%, transparent 55%);
tr:nth-child(odd).q-red {
background: linear-gradient(to top, #323232, #513635 1px);
}
tr:nth-child(odd).q-orange {
background: linear-gradient(to top, #262626, #443526 1px);
.q-red td:first-of-type {
padding-left: 5px;
border-left: 5px #ff4242 solid;
}
tr:nth-child(even).q-orange {
background: linear-gradient(to top, #2d2c2d, #4a3b2c 1px);
background: linear-gradient(to top, #2c2c2c, #4b3e2a 1px);
}
.q-orange td.playhead {
background: linear-gradient(to right, #ffa500 55%, transparent 55%);
tr:nth-child(odd).q-orange {
background: linear-gradient(to top, #323232, #514330 1px);
}
tr:nth-child(odd).q-green {
background: linear-gradient(to top, #262626, #2d3d27 1px);
.q-orange td:first-of-type {
padding-left: 5px;
border-left: 5px #ffa500 solid;
}
tr:nth-child(even).q-green {
background: linear-gradient(to top, #2d2c2d, #32422e 1px);
background: linear-gradient(to top, #2c2c2c, #2d452d 1px);
}
.q-green td.playhead {
background: linear-gradient(to right, #01d52f 55%, transparent 55%);
tr:nth-child(odd).q-green {
background: linear-gradient(to top, #323232, #324b33 1px);
}
tr:nth-child(odd).q-blue {
background: linear-gradient(to top, #262626, #292d40 1px);
.q-green td:first-of-type {
padding-left: 5px;
border-left: 5px #01d52f solid;
}
tr:nth-child(even).q-blue {
background: linear-gradient(to top, #2d2c2d, #2f3346 1px);
background: linear-gradient(to top, #2c2c2c, #323647 1px);
}
.q-blue td.playhead {
background: linear-gradient(to right, #536de0 55%, transparent 55%);
tr:nth-child(odd).q-blue {
background: linear-gradient(to top, #323232, #363b4b 1px);
}
tr:nth-child(odd).q-purple {
background: linear-gradient(to top, #262626, #342639 1px);
.q-blue td:first-of-type {
padding-left: 5px;
border-left: 5px #536de0 solid;
}
tr:nth-child(even).q-purple {
background: linear-gradient(to top, #2d2c2d, #382c3f 1px);
background: linear-gradient(to top, #2c2c2c, #39273d 1px);
}
.q-purple td.playhead {
background: linear-gradient(to right, #a601c0 55%, transparent 55%);
tr:nth-child(odd).q-purple {
background: linear-gradient(to top, #323232, #433147 1px);
}
.q-purple td:first-of-type {
padding-left: 5px;
border-left: 5px #a601c0 solid;
}
tr.q-armed-false td {
@@ -98,20 +96,11 @@ tr.q-armed-false td {
}
tr.playback-position {
background: #444 !important;
color: white;
}
tr.playback-position td.playhead {
padding: 0px;
}
tr.playback-position td.playhead::before {
content: url(img/playhead.png);
}
tr.playback-position .q-gray-text {
background-image: none !important;
background: #1557da !important;
color: white !important;
}
tr.selected {
background: #1557da !important;
tr.playback-position .q-gray-text {
color: white !important;
}
@@ -151,19 +140,22 @@ tr.selected {
border-radius: 6px;
}
.gMode-1 {
border-color: #48477f;
border-color: #5a5a87;
}
.gMode-2 {
border-color: #48477f;
border-color: #5a5a87;
}
.gMode-3 {
border-color: #43a424;
border-color: #429242;
}
.gMode-4 {
border-color: #7f26a5;
border-color: #925fc0;
}
.gMode-4 {
border-color: #925fc0;
}
.gMode-6 {
border-color: #ee6a21;
border-color: #d05b15;
}
.gMode-,
.gMode-0 {
@@ -180,12 +172,6 @@ tr.selected {
font-size: 14px;
text-align: center;
}
.q-target {
text-align: center;
font-size: 12px;
padding-left: 5px;
padding-right: 5px;
}
.q-gray-text {
color: #424242;
}
@@ -207,10 +193,6 @@ tr.selected {
box-sizing: border-box;
padding: 3px;
}
.cartCueWrapper.selected .cartCue {
border-color: #89b4db;
box-shadow: #89b4db 0px 0px 2px 3px;
}
.cartCue {
height: 100%;
box-sizing: border-box;
@@ -227,27 +209,27 @@ tr.selected {
right: 13px;
top: 13px;
}
div.cartColor-red {
border-color: #e7443a;
background-color: #942f27;
.cartColor-red {
border-color: #ff4242;
background-color: #9b3726;
}
div.cartColor-orange {
border-color: #f18f28;
background-color: #a95023;
.cartColor-orange {
border-color: #ffa500;
background-color: #ad6026;
}
div.cartColor-green {
border-color: #4ebf32;
background-color: #397824;
.cartColor-green {
border-color: #01d52f;
background-color: #397f27;
}
div.cartColor-blue {
border-color: #3a54cf;
background-color: #25378a;
.cartColor-blue {
border-color: #536de0;
background-color: #304893;
}
div.cartColor-purple {
border-color: #7e25a5;
background-color: #4c2269;
.cartColor-purple {
border-color: #a601c0;
background-color: #592d74;
}
div.cartColor-none {
.cartColor-none {
border-color: #95929f;
background-color: #3b3b3b;
}
@@ -261,53 +243,6 @@ div.cartColor-none {
box-shadow: 0px 0px 3px 3px #88b3db, inset 0px 0px 5px #88b3db;
}
#playhead-information {
width: 80%;
height: 120px;
position: fixed;
bottom: 30px;
left: 10%;
padding: 16px;
box-sizing: border-box;
background-color: #2e2d2d;
border: #424242 3px solid;
border-radius: 4px;
box-shadow: black 0px 0px 20px 5px;
}
#playhead-information.playhead-active {
border-color: #4cbe34;
}
.playhead-name {
width: 100%;
padding: 6px 12px;
box-sizing: border-box;
margin-bottom: 12px;
background-color: #434343;
border: #434343 1px solid;
font-size: 18px;
color: white;
border-radius: 3px;
}
.playhead-disarmed {
background: url('img/disarmed-pattern-light.png');
background-attachment: fixed;
}
#playhead-notes {
width: 100%;
padding: 6px 8px;
box-sizing: border-box;
height: 36px;
border: #5c5b5b 1px solid;
font-size: 18px;
color: #9a9a99;
border-radius: 3px;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (min-width: 0px) and (max-width: 750px) {
.hide-medium {
display: none;