Files
simple-labeler/code/static/style.css

162 lines
1.9 KiB
CSS

body {
font-family: sans-serif;
background: #888;
margin: 0px;
min-height: 100vh;
width: 100vw;
overflow-x: hidden;
}
.page {
margin: 0em;
padding: 0em;
background: #888;
min-height: 100vh;
width: 100vw;
}
.entries {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
min-height: 95vh;
}
.large {
font-size: 3em;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
#home {
position: absolute;
left: 1px;
bottom: 2px;
}
#home a {
color: black;
font-weight: bold;
font-size: large;
background-color: #aaa;
border-radius: 5px;
padding: 2px;
}
#image {
position: absolute;
left: 0px;
top: 0px;
width: calc(100vw - 220px);
/*height:95vh;*/
}
#img {
max-width: calc(100vw - 220px);
max-height: 95vh;
width: auto;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
#img_title {
overflow-x: hidden;
overflow-wrap: anywhere;
}
#topright {
position: absolute;
right: 0px;
top: 0px;
/*width: 20vw;*/
height: 95vh;
font-size: large;
}
.inputcontainer {
z-index: 1;
background-color: #aaa;
padding: 5px;
margin-bottom: 3px;
border-radius: 5px;
width: 210px;
}
input,
select {
width: 180px;
font-size: large;
}
input[type="text"] {}
input[type="submit"] {}
input[type="checkbox"] {
width: 3em;
height: 1.5em;
}
label {
display: block;
}
output {
display: block;
font-weight: bold;
}
.info {
font-size: initial;
}
.button_next {
width: 2em;
height: 3em;
font-size: large;
margin-top: 1em;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.button_save {
height: 3em;
margin-top: 1em;
margin-left: 1em;
margin-right: 1em;
clear: both;
}
.button_continue {
height: 4em;
margin-top: 3em;
margin-left: auto;
margin-right: auto;
width: 6em;
}
.preload {
position: absolute;
left: 0px;
bottom: 0px;
width: 1px;
height: 1px;
overflow: hidden;
}