#op_up2k { padding: 0 1em 1em 1em; } #u2form { position: absolute; top: 0; left: 0; width: 2px; height: 2px; overflow: hidden; } #u2form input { background: #444; border: 0px solid #444; outline: none; } #u2err.err { color: #f87; padding: .5em; } #u2btn { color: #eee; background: #555; background: -moz-linear-gradient(top, #367 0%, #489 50%, #38788a 51%, #367 100%); background: -webkit-linear-gradient(top, #367 0%, #489 50%, #38788a 51%, #367 100%); background: linear-gradient(to bottom, #367 0%, #489 50%, #38788a 51%, #367 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#489', endColorstr='#38788a', GradientType=0); text-decoration: none; line-height: 1.3em; border: 1px solid #222; border-radius: .4em; text-align: center; font-size: 1.5em; margin: .5em auto; padding: .8em 0; width: 16em; cursor: pointer; box-shadow: .4em .4em 0 #111; } #op_up2k.srch #u2btn { background: linear-gradient(to bottom, #ca3 0%, #fd8 50%, #fc6 51%, #b92 100%); text-shadow: 1px 1px 1px #fc6; color: #333; } #u2conf #u2btn { margin: -1.5em 0; padding: .8em 0; width: 100%; } #u2notbtn { display: none; text-align: center; background: #333; padding-top: 1em; } #u2notbtn * { line-height: 1.3em; } #u2tab { margin: 3em auto; width: calc(100% - 2em); max-width: 100em; } #u2form.srch #u2tab { max-width: none; } #u2tab td { border: 1px solid #ccc; border-width: 0 0px 1px 0; padding: .1em .3em; } #u2tab td:nth-child(2) { width: 5em; } #u2tab td:nth-child(3) { width: 40%; } #u2form.srch #u2tab td:nth-child(3) { font-family: sans-serif; width: auto; } #u2tab tr+tr:hover td { background: #222; } #u2conf { margin: 1em auto; width: 30em; } #u2conf.has_btn { width: 46em; } #u2conf * { text-align: center; line-height: 1em; margin: 0; padding: 0; border: none; outline: none; } #u2conf .txtbox { width: 4em; color: #fff; background: #444; border: 1px solid #777; font-size: 1.2em; padding: .15em 0; } #u2conf a { color: #fff; background: #c38; text-decoration: none; border-radius: .1em; font-size: 1.5em; padding: .1em 0; margin: 0 -.25em; width: 1.5em; height: 1em; display: inline-block; position: relative; line-height: 1em; bottom: -.08em; } #u2conf input+a { background: #d80; } #u2conf label { font-size: 1.6em; width: 2em; height: 1em; padding: .4em 0; display: block; user-select: none; border-radius: .25em; } #u2conf input[type="checkbox"] { position: relative; opacity: .02; top: 2em; } #u2conf input[type="checkbox"]+label { position: relative; background: #603; border-bottom: .2em solid #a16; box-shadow: 0 .1em .3em #a00 inset; } #u2conf input[type="checkbox"]:checked+label { background: #6a1; border-bottom: .2em solid #efa; box-shadow: 0 .1em .5em #0c0; } #u2conf input[type="checkbox"]+label:hover { box-shadow: 0 .1em .3em #fb0; border-color: #fb0; } #op_up2k.srch #u2conf td:nth-child(1)>*, #op_up2k.srch #u2conf td:nth-child(2)>*, #op_up2k.srch #u2conf td:nth-child(3)>* { background: #777; border-color: #ccc; box-shadow: none; opacity: .2; } #u2cdesc { position: absolute; width: 34em; left: calc(50% - 15em); background: #222; border: 0 solid #555; text-align: center; overflow: hidden; margin: 0 -2em; height: 0; padding: 0 1em; opacity: .1; transition: all 0.14s ease-in-out; border-radius: .4em; box-shadow: 0 .2em .5em #222; } #u2cdesc.show { padding: 1em; height: auto; border-width: .2em 0; opacity: 1; } #u2foot { color: #fff; font-style: italic; } #u2footfoot { margin-bottom: -1em; } .prog { font-family: monospace; } .prog>div { display: inline-block; position: relative; overflow: hidden; margin: 0; padding: 0; height: 1.1em; margin-bottom: -.15em; box-shadow: -1px -1px 0 inset rgba(255,255,255,0.1); } .prog>div>div { width: 0%; position: absolute; left: 0; top: 0; bottom: 0; background: #0a0; } #u2tab a>span { font-weight: bold; font-style: italic; color: #fff; padding-left: .2em; } #u2cleanup { float: right; margin-bottom: -.3em; }