public.css.create_item.css Maven / Gradle / Ivy
#label-section{
position: absolute;
top: 0;
left: 0;
height: 50%;
width: 50%;
border-right: 3px ridge black;
}
#labels-wrapper{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 2.5rem;
}
#current-labels-container{
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50%;
border-right: 1px ridge black;
padding: 0.25rem;
}
#no-current-labels{
text-align: center;
font-size: 1.5rem;
}
#current-labels{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 2.25rem;
}
#existing-labels-container{
position: absolute;
top: 2.25rem;
left: 0;
right: 0;
bottom: 2.25rem;
}
#add-label-container{
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50%;
overflow-x: auto;
}
#create-label-container{
text-align: center;
border-bottom: 1px ridge black;
}
#no-existing-labels{
text-align: center;
font-size: 1.5rem;
}
#existing-labels-container{
position: absolute;
top: 2.25rem;
left: 0;
right: 0;
bottom: 2.25rem;
}
#search-in-existing-labels-container{
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
border-top: 1px ridge black;
}
#key-section{
position: absolute;
top: 0;
right: 0;
height: 50%;
width: 50%;
}
#keys-wrapper{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 2.5rem;
}
#create-key-container{
text-align: center;
border-bottom: 1px ridge black;
}
#no-existing-keys{
text-align: center;
font-size: 1.5rem;
}
#existing-keys-container{
position: absolute;
top: 2.25rem;
left: 0;
right: 0;
bottom: 2.25rem;
}
#search-in-existing-keys-container{
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
border-top: 1px ridge black;
}
#item-section{
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 50%;
border-top: 3px ridge black;
}
#no-columns{
text-align: center;
font-size: 1.5rem;
}
#columns{
position: absolute;
top: 2.5rem;
left: 0;
right: 0;
bottom: 0;
}
.column{
position: relative;
text-align: center;
border: 2px solid black;
border-radius: 5px;
display: inline-block;
margin: 0.25rem;
min-width: 10rem;
min-height: 5rem;
}
.column-head{
border-bottom: 2px ridge black;
padding: 0.1rem;
}
.column textarea{
min-height: 3.5rem;
}
.column button{
position: absolute;
right: 1px;
top: 1px;
margin: 0;
font-size: 0.5rem;
border-width: 1px;
}
section > h2{
text-align: center;
border-bottom: 1px ridge black;
padding: 0.25rem;
}