eric/WeatherStar4000
1
0
Fork 0
mirror of https://github.com/netbymatt/ws4kp.git synced 2026-04-21 02:59:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

more modern full screen handling

Browse Source
This commit is contained in:
Matt Walsh
2020-09-25 16:36:43 -05:00
parent 51bc2c5f4a
commit ba16c8f1f4
5 changed files with 28 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
server/styles/index.css
View File

@@ -1,4 +1,4 @@
@font-face
@font-face
{
font-family: "Star4000";
src: url('../fonts/Star4000.woff') format('woff');
@@ -54,19 +54,19 @@ input, button
display: block;
background-color: #000000;
color: #ffffff;
width: 640px;
width: 100%;
max-width: 640px;
}
#divTwcMiddle
{
display: flex;
/* display: flex; */
}
#divTwcLeft
{
visibility: hidden;
display: none;
text-align: right;
display: flex;
flex-direction: column;
vertical-align: middle;
}
@@ -81,9 +81,8 @@ input, button
#divTwcRight
{
visibility: hidden;
text-align: left;
display: flex;
display: none;
flex-direction: column;
vertical-align: middle;
}
@@ -133,11 +132,12 @@ input, button
#divTwcNav
{
width: 100%;
display: flex;
flex-direction: row;
background-color: #000000;
color: #ffffff;
width: 640px;
max-width: 640px;
}
#divTwcNav > div
{
@@ -216,9 +216,10 @@ input, button
{
font-family: "Star4000";
margin: 0 0 0 0;
overflow: hidden;
width: 640px;
height: 480px;
/* overflow: hidden; */
/* width: 100%; */
/* height: 480px; */
/* max-width: 640px; */
}
jsgif
@@ -256,11 +257,15 @@ jsgif
}
#container {
position: absolute;
/* position: absolute; */
width: 100%;
/* max-width: 640px; */
}
#container canvas {
position: absolute;
/* position: absolute; */
width: 100%;
max-width: 640px;
}
.heading {
font-weight: bold;
@@ -272,4 +277,7 @@ jsgif
#enabledDisplays label {
display: block;
max-width: 300px;
}
#divTwcNav img {
zoom: 200%;
}