adjustments in the filter to better represent a high luminosity screen

This commit is contained in:
neko 2021-04-09 22:13:48 +02:00
parent ed374094f4
commit adfab27544

View File

@ -3,37 +3,36 @@ layout: none
--- ---
.screen{ .screen{
position: relative; position: relative;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
align-content: center; align-content: center;
width: 1000px; width: 1000px;
height: 830px; height: 830px;
} }
.screen-image{ .screen-image{
position: absolute; position: absolute;
background-image: url({{site.baseurl}}/assets/images/crt2.png); background-image: url({{site.baseurl}}/assets/images/crt2.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
background-position: top; background-position: top;
pointer-events: none; pointer-events: none;
z-index: 3; z-index: 3;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.screen-content{ .screen-content{
position: relative; position: relative;
top: 141px; top: 141px;
left: 117px; left: 117px;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
z-index: 1; z-index: 1;
width: 768px; width: 768px;
height: 584px; height: 584px;
pointer-events: all; pointer-events: all;
background: #0d0907 !important; background: #090604 !important;
filter: sepia(94%) hue-rotate(-12deg) saturate(350%) brightness(0.8); filter: sepia(94%) hue-rotate(-29deg) saturate(7) brightness(160%);
; }