sneedium/styles.css

140 lines
2.4 KiB
CSS

/* styles.css */
/* Add styles here to customize the appearance of your app */
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;
}
#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;
}
#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;
}
#goBtn {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.25rem;
}
#backBtn {
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 */
border: none;
color: white;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.25rem;
}
#forwardBtn {
background-color: #01315e; /* Blue */
border: none;
color: white;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.25rem;
}
#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;
}
#txtUrl {
border: none;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.25rem;
width:69%;
}
html, body {
height: 98%;
width: 100%;
justify-content: center; /* Center horizontally */
align-items: center; /* Center vertically */
}
html, body {
height: 100%;
margin: 0;
}
#whProtection {
width: 100%; /* % of viewport width */
height: 100%; /* % of viewport height */
border: 2vw solid rgb(70, 70, 70); /* Border color and thickness */
box-sizing: border-box;
display: block;
overflow: scroll;
}
webview {
width: 100%;
height: 100%;
border: none;
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 */
}