sneedium/styles.css

105 lines
1.6 KiB
CSS
Raw Permalink 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
}
#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 {
width: 100%;
height: 100%;
}
webview {
2024-08-12 17:42:45 -05:00
position: fixed;
bottom: 0;
max-height: 90%!important;
2023-03-09 04:04:28 -06:00
max-width: 100%;
2024-08-12 17:42:45 -05:00
width: 100%;
height: 90%!important;
display: inline-flex!important;
2023-03-09 01:04:43 -06:00
}