adjustments in the filter to better represent a high luminosity screen
This commit is contained in:
parent
ed374094f4
commit
adfab27544
@ -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%);
|
||||||
;
|
}
|
Loading…
Reference in New Issue
Block a user