copyparty/copyparty/web/upload.css

#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;
}