div#menu {
position:relative;
}
div#menu div.menu,
div#menu label.menu-icon,
div#menu label.menu-bar {
background:#FCFAF9;
}
div#menu label.menu-icon,
div#menu label.menu-bar {
display:inline-block;
position:fixed;
top:0;
left:0px;
cursor:pointer;
transition:top 0.2s ease;
}
div#menu label.menu-icon {
width:56px;
height:36px;
left:0;
padding-top:16px;
text-align:center;
border-radius:0 0 8px 0;
box-shadow:0 0 4px 2px rgba(0, 0, 0, 0.5);
z-index:10001;
font-size:36px;
color:#444;
user-select:none;
}
div#menu label.menu-bar {
min-width:870px;
width:100%;
height:16px;
left:56px;
box-shadow:0 4px 4px -3.2px rgba(0, 0, 0, 0.5);
z-index:10002;
}
div#menu label.menu-bar span {
display:block;
width:50%;
height:4px;
margin:6px 0 0 calc(25% - 56px);
background:#BBB;
border-radius:2px;
}
div#menu div.menu {
position:fixed;
min-width:870px;
left:0;
top:-300px;
width:100%;
height:300px;
padding-left:8px;
transition:top 0.2s ease;
z-index:10003;
}
#menu-toggle:checked~div.menu {
top:0;
}
#menu-toggle:checked~label.menu-icon,
#menu-toggle:checked~label.menu-bar {
top:300px;
}
div#query {
border-right:#BBB 1px solid;
}
div#query dl {
display:flex;
margin:4px 0 4px 4px;
flex-wrap:wrap;
align-items:center;
width:440px;
}
div#query dt {
width:86px;
font-weight:bold;
margin:8px 0;
position:relative;
}
div#query dt::after {
content:':';
position:absolute;
font-weight:bold;
left:76px;
}
div#query dd {
width:calc(100% - 96px);
margin:2px 0;
}
select {
font-size:15px;
padding:1px 2px;
background-color:#FEFEFE;
border-radius:4px;
}
option {
font-size:14px;
}
option.eraid {
background-color:#FEF3EC;
}
input {
width:4.5em;
font-size:15px;
padding:2px;
}
button {
font-size:15px;
padding:1px;
margin:0 6px;
}
button.queryrun {
font-size:18px;
font-weight:bold;
width:180px;
margin:6px 0 0 102px;
}
div#unitquery {
padding-left:4px;
}
div#unitquery div.inex {
font-weight:bold;
margin:4px 0 4px 4px;
}
div#unitquery div.inex select {
font-size:15px;
width:144px;
margin-top:2px;
}
div#unitquery div.inex select.star {
font-size:15px;
width:62px;
}
button.unitreset{
margin-left:240px;
margin-bottom:-4px;
width:80px;
}