sneedium/styles.css

126 lines
2.1 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;
}
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 */
}
#whProtection {
position: absolute;
top: 50%;
left: 50%;
bottom: 5%;
transform: translate(-50%, -46%); /* Offset by half the width and 46% height */
width: 90%; /* % of viewport width */
height: 86%; /* % of viewport height */
border: 1vw solid green; /* Border color and thickness */
box-sizing: border-box;
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;
2023-03-09 01:04:43 -06:00
}