KaiOS webapp for InfoFer scraper
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

263 lines
3.0 KiB

html {
height: 100vh;
padding: 0;
margin: 0;
}
body {
height: 100vh;
padding: 0;
margin: 0;
font-size: 17px;
font-weight: 400;
display: flex;
flex-direction: column;
align-items: stretch;
}
.content {
height: 100%;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
@media print {
.content {
overflow-y: unset;
}
}
.content::-webkit-scrollbar {
display: none;
}
#loading {
display: flex;
align-items: center;
justify-content: center;
}
footer {
margin-top: auto;
display: flex;
align-items: flex-end;
background-color: #e0e0e0;
}
footer * {
text-transform: capitalize;
}
footer .lsk {
flex-grow: 1;
flex-basis: 0;
text-align: start;
}
footer .csk {
text-align: center;
text-transform: uppercase;
}
footer .rsk {
flex-grow: 1;
flex-basis: 0;
text-align: end;
}
h1 {
font-size: 17px;
font-weight: 400;
text-align: center;
margin: 8px;
}
h2 {
font-size: 17px;
font-weight: 600;
margin: 1px 0;
padding-left: 8px;
padding-right: 8px;
}
h3 {
font-size: 14px;
font-weight: 400;
margin: 1px 0;
padding-left: 8px;
padding-right: 8px;
}
h4 {
font-size: 14px;
font-weight: 400;
margin: 1px 0;
padding-left: 8px;
padding-right: 8px;
color: #606060;
background-color: #f0f0f0;
}
h5 {
font-size: 14px;
font-weight: 600;
}
p.pri {
font-size: 17px;
font-weight: 400;
margin: 0 8px;
}
p.sec {
font-size: 14px;
font-weight: 400;
margin: 0 8px;
color: gray;
}
p.thi {
font-size: 12px;
font-weight: 400;
margin: 0 8px;
color: gray;
}
p, ul {
font-size: 17px;
font-weight: 400;
margin: 0 8px;
}
p.link, a:not(.no-a-custom) {
font-size: 17px;
font-weight: 700;
}
p.btn, button {
font-size: 17px;
font-weight: 400;
margin: 8px;
padding: 8px;
border: 1px solid grey;
border-radius: 10px;
}
ul {
padding: 0;
margin: 0;
}
li {
list-style: none;
margin: 0;
display: block;
}
li:focus {
color: white;
background-color: blue;
}
li.items:not(.disabled):hover:not(:focus) {
color: black;
background-color: lightskyblue;
}
a:not(.no-a-custom) {
display: block;
padding: 8px;
color: black;
}
a.no-a-custom {
color: inherit;
text-decoration: inherit;
}
a.inline:not(.no-a-custom) {
display: inline;
padding: 2px;
}
li a {
text-decoration: none;
}
a.disabled {
color: grey;
text-decoration: none;
}
a:not(.disabled):hover:not(:focus) {
color: black;
background-color: lightskyblue;
}
a:focus {
color: white;
background-color: blue;
text-decoration: none;
}
input {
display: block;
box-sizing: border-box;
width: calc(100% - 16px);
margin: 8px;
padding: 2px;
border: 2px solid grey;
}
.hidden {
display: none !important;
}
body {
font-family: -apple-system, BlinkMacSystemFont, Ubuntu, 'Segoe UI', 'Roboto', Sans-Serif;
}
.tabs {
display: flex;
flex-direction: row;
justify-content: center;
}
.tabs h3 {
margin: 2px;
cursor: pointer;
}
.tabs h3.selected {
border-bottom: #5555ff 2px solid;
border-bottom-left-radius: 5%;
border-bottom-right-radius: 5%;
}
@media print {
footer, .no-print {
display: none !important;
}
}