sneedium/styles.css

141 lines
2.4 KiB
CSS
Raw Normal View History

2023-03-02 15:42:38 -06:00
/* styles.css */
2023-03-09 01:04:43 -06:00
/* Add styles here to customize the appearance of your app */
2023-03-09 04:04:28 -06:00
html {
overflow: hidden;
}
body {
user-select: none;
margin: 0;
padding: 0;
position: fixed;
}
#navbar {
position: fixed;
top: 0;
height: 10%;
width: 100%;
padding: 0;
margin: 0;
}
2023-03-09 05:25:24 -06:00
#nwBtn {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.25rem;
}
2024-11-25 14:29:55 -06:00
#camBtn {
background-color: #a6b70d; /* Gold */
border: none;
color: white;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.25rem;
}
2023-03-09 01:04:43 -06:00
#goBtn {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
2023-03-09 01:15:50 -06:00
font-size: 1.25rem;
2023-03-09 01:04:43 -06:00
}
#backBtn {
2023-03-09 04:04:28 -06:00
background-color: #7a551d;
border: none;
color: white;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.25rem;
}
#stopBtn {
background-color: #4f1007; /* Red */
2023-03-09 01:04:43 -06:00
border: none;
color: white;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
2023-03-09 01:15:50 -06:00
font-size: 1.25rem;
2023-03-09 01:04:43 -06:00
}
2023-03-09 04:04:28 -06:00
2023-03-09 01:04:43 -06:00
#forwardBtn {
background-color: #01315e; /* Blue */
border: none;
color: white;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
2023-03-09 01:15:50 -06:00
font-size: 1.25rem;
2023-03-09 01:04:43 -06:00
}
2024-08-13 14:35:15 -05:00
#refreshBtn {
background-color: #507fac; /* Aqua */
border: none;
color: white;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.25rem;
}
2023-03-09 01:04:43 -06:00
#txtUrl {
border: none;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
2023-03-09 01:15:50 -06:00
font-size: 1.25rem;
2023-03-09 05:27:40 -06:00
width:69%;
2023-03-09 01:15:50 -06:00
}
2023-03-09 04:04:28 -06:00
html, body {
2024-08-13 14:35:15 -05:00
height: 98%;
2023-03-09 04:04:28 -06:00
width: 100%;
2024-08-13 14:35:15 -05:00
justify-content: center; /* Center horizontally */
align-items: center; /* Center vertically */
}
2024-09-08 16:00:22 -05:00
html, body {
height: 100%;
margin: 0;
}
2024-08-13 14:35:15 -05:00
#whProtection {
2024-09-08 16:00:22 -05:00
width: 100%; /* % of viewport width */
height: 100%; /* % of viewport height */
border: 2vw solid rgb(70, 70, 70); /* Border color and thickness */
2024-08-13 14:35:15 -05:00
box-sizing: border-box;
2024-09-08 16:00:22 -05:00
display: block;
overflow: scroll;
2023-03-09 04:04:28 -06:00
}
webview {
2024-08-12 17:42:45 -05:00
width: 100%;
2024-08-13 14:35:15 -05:00
height: 100%;
border: none;
2024-09-08 16:00:22 -05:00
box-sizing: border-box; /* Ensures any padding or border inside the webview is included in the total size */
display: block; /* Ensure it behaves as a block element */
2023-03-09 01:04:43 -06:00
}