more screen changes

This commit is contained in:
Patrick Tschuchnig 2020-01-25 17:27:13 +01:00
parent ef4a25e044
commit a447cbbe8b
2 changed files with 20 additions and 12 deletions

View File

@ -3,6 +3,8 @@
{% include head.html %} {% include head.html %}
<body> <body>
<div class="screen"> <div class="screen">
<div class="screen-image"></div>
<div class="screen-content crt"> <div class="screen-content crt">
<style> <style>
.meta { .meta {

View File

@ -5,13 +5,30 @@ layout: none
.screen{ .screen{
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
/*
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: center; background-position: center;
*/
align-content: center; align-content: center;
height: 700px; height: 700px;
width: 900px; width: 900px;
pointer-events: none;
}
.screen-image{
margin-left: auto;
margin-right: auto;
background-image: url({{site.baseurl}}/assets/images/crt2.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 700px;
width: 900px;
pointer-events: none;
} }
.screen-content{ .screen-content{
position: relative; position: relative;
@ -22,16 +39,5 @@ layout: none
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
z-index: -1; z-index: -1;
pointer-events: none; pointer-events: all !important;
}
.screen-content::before{
/* z-index: 2;
pointer-events: none;
background-image: url({{site.baseurl}}/assets/images/scanline.png);
background-repeat: repeat;
width:200px;
height:200px;*/
} }