master
parent
1cd7c4f899
commit
d4483e5041
1 changed files with 51 additions and 0 deletions
@ -0,0 +1,51 @@ |
|||||||
|
html, |
||||||
|
body { |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
|
||||||
|
:root { |
||||||
|
--rx: 6rem; |
||||||
|
--ry: 8rem; |
||||||
|
} |
||||||
|
|
||||||
|
.app { |
||||||
|
height: 100vh; |
||||||
|
overflow: hidden; |
||||||
|
display: grid; |
||||||
|
grid-template-columns: 70px 1fr 70px; |
||||||
|
grid-template-rows: 90px 200px 1fr 80px 120px; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.app .overlay { |
||||||
|
grid-column: 2/3; |
||||||
|
grid-row: 3/4; |
||||||
|
border-radius: 2px; |
||||||
|
box-shadow: 0 0 0 1000rem rgba(0, 0, 0, 0.7); |
||||||
|
} |
||||||
|
|
||||||
|
.app .header { |
||||||
|
grid-column: 1/4; |
||||||
|
grid-row: 1/2; |
||||||
|
background: #0080a3; |
||||||
|
} |
||||||
|
|
||||||
|
.app .headtext { |
||||||
|
grid-column: 1/4; |
||||||
|
grid-row: 2/3; |
||||||
|
color: white; |
||||||
|
margin: auto; |
||||||
|
font-size: 24pt; |
||||||
|
} |
||||||
|
|
||||||
|
.app .footer { |
||||||
|
grid-column: 1/4; |
||||||
|
grid-row: 5/6; |
||||||
|
background: #000000; |
||||||
|
} |
||||||
|
|
||||||
|
.app .webcam { |
||||||
|
grid-column: 1 / 3; |
||||||
|
grid-row: 1 / 2; |
||||||
|
height: 100vh; |
||||||
|
} |
Loading…
Reference in new issue