*,:before,:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

body {
background-attachment:fixed,fixed;
/*background-image:url(img/bg.png);*/
background-color:#333;
color:#EEE;
font-family: 'Inconsolata' sans-serif;
font-size:14px;
height:100%;
line-height:20px;
padding-top:20px;
padding-bottom:40px;
margin:0;
}

.container {
max-width:700px;
margin:0 auto;
}

p {
margin:0 0 10px;
}

input[type=image],img {
vertical-align:middle;
}

a {
color:#727B84;
text-decoration:none;
transition:color .25s;
}

a:hover,a:focus,a:active {
color:#426E9B;
}

a:focus {
outline:thin dotted #AAA;
}

.jumbotron {
text-align:center;
transition:width .5s,height .5s,margin .5s,padding .5s;
margin:60px 0;
}

.jumbotron h1 {
font-family:inherit;
font-size:100px;
font-weight:700;
line-height:1;
cursor:default;
text-rendering:optimizelegibility;
color:#999;
transition:color .25s,width .5s,height .5s;
text-shadow:0 0px 0px #2a2a2a;
margin:10px 0;
}

.jumbotron h1:hover {
color:#DB2A4E;
text-shadow:0 4px 5px #2a2a2a;
transition:color .25s,width .5s,height .5s;
}

.jumbotron .lead {
font-size:21px;
font-weight:200;
line-height:30px;
margin-bottom:20px;
transition:font-size .5s;
color:#bbb;
}

.jumbotron .btn {
background:rgba(30,30,30,.75);
border-radius:0px;
cursor:pointer;
display:inline-block;
font-size:24px;
transition:background-color .25s,width .5s,height .5s;
color:#555;
text-shadow:0 0px 0px #171717;
-webkit-box-shadow:0 0px 0px #555;
-moz-box-shadow:0 0px 0px #555;
-webkit-border-radius:0px;
-moz-border-radius:0px;
width:512px;
padding:28px 48px;
}

.jumbotron .btn:hover,.jumbotron .btn:active,.jumbotron .btn:focus,.jumbotron .btn.drop,.jumbotron .cut:hover,.jumbotron .cut:active,.jumbotron .cut:focus {
background:#141414;
color:#A2ADBC;
text-shadow:0 4px 5px #121212;
text-decoration:none;
}

.jumbotron .short-link {
background:rgba(30,30,30,.75);
border-radius:4px;
cursor:pointer;
display:inline-block;
font-size:24px;
transition:background-color .25s,width .5s,height .5s;
color:#555;
text-shadow:0 2px 3px #171717;
-webkit-box-shadow:0 0px 0px #555;
-moz-box-shadow:0 0px 0px #555;
-webkit-border-radius:0px;
-moz-border-radius:0px;
padding:0;
}

.jumbotron .url {
width:400px;
height:80px;
border:0;
background:0 0;
font-size:24px;
font-family:"Inconsolata",sans-serif;
color:#555;
text-shadow:0 0px 0px #171717;
overflow:visible;
padding:0 20px;
}

.jumbotron .cut {
width:100px;
height:80px;
border:0;
background:0 0;
text-align:center;
font-size:24px;
font-family:"Inconsolata",sans-serif;
color:#555;
text-shadow:0 0px 0px #171717;
border-left:2px solid #333;
transition:background-color .25s,width .5s,height .5s;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomright:4px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
padding:0;
}

.jumbotron .gen {
width:506px;
height:80px;
border:0;
background:0 0;
text-align:center;
font-size:24px;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
color:#555;
text-shadow:0 2px 3px #171717;
padding:0;
}

.jumbotron .error {
background:rgba(30,30,30,.75);
border-radius:0px;
display:inline-block;
font-size:14px;
transition:background-color .25s,width .5s,height .5s;
color:#DF9496;
text-shadow:0 0px 0px #171717;
-webkit-box-shadow:0 0px 0px #555;
-moz-box-shadow:0 0px 0px #555;
-webkit-border-radius:0px;
-moz-border-radius:0px;
width:506px;
padding:30px 48px;
}

.jumbotron .error .file-name {
margin-left: 5px;
}
.jumbotron .error .file-size {
margin-right: 5px;
}

.alert {
background-color:#444;
border:1px solid #555;
border-radius:0px;
margin-bottom:20px;
text-shadow:0 0px rgba(150,150,150,.5);
transition:width .5s,margin .5s,padding .5s,background-color .5s;
text-align:center;
padding:8px 14px;
}

.alert-error {
background-color:#F2DEDE;
color:#B94A48;
border-color:#EED3D7;
}

.alert-info {
background-color:#727B84;
color:#FFFFFF;
border-color:#555;
}

span.donate-btns {
display:block;
text-align:center;
margin:11px 0 3px;
}

a.donate-btn {
height:26px;
display:inline-block;
background:#f2f2f2;
line-height:16px;
border-radius:3px;
color:#3f3f3f;
border:1px solid #d8d8d8;
transition:all .2s;
margin:2px 5px;
padding:3px 8px 3px 24px;
}

a.donate-btn:hover {
color:#000;
border:1px solid #b2b2b2;
background-color:#ccc;
}

.icon {
display:block;
height:16px;
width:16px;
float:left;
margin-left:-20px;
margin-top:1px;
}

.icon-paypal {
background-image:url(img/paypal.png);
}

.icon-bitcoin {
background-image:url(img/bitcoin.png);
}

.icon-flattr {
background-image:url(img/flattr.png);
}

nav>ul,nav a {
color:#727B84;
list-style:none;
text-align:center;
margin:0;
padding:0;
}

nav>ul>li {
display:inline-block;
cursor:default;
margin:0;
padding:0;
}

nav>ul>li:after {
content:"|";
opacity:.3;
margin:0 8px;
}

nav>ul>li:last-child:after {
content:"";
margin:0;
}

#upload-input {
position:absolute;
top:0;
left:-5000px;
}

#upload-filelist {
list-style-type:none;
text-align:left;
margin:20px 100px;
padding:0;
}

.error#upload-filelist {
color:#B94A48;
}

.error#upload-filelist .file-size {
color:#B94A48;
}

#upload-filelist>li {
margin-top:5px;
overflow:hidden;
}

#upload-filelist>li.total {
border-top:1px solid rgba(200,200,200,.15);
font-weight:700;
padding-top:5px;
}

.file-name {
float:left;
overflow:hidden;
max-width:70%;
text-overflow:ellipsis;
white-space:nowrap;
}

.file-size,.file-url {
display:inline-block;
float:right;
font-size:.9em;
margin-left:8px;
color:#CCC;
vertical-align:middle;
}

.file-url a {
color:#CCC;
}

.file-url a:hover {
color:#FFF;
}

.completed .file-url {
display:block;
}

.progress-outer {
background-color:#555;
border:1px solid #111;
border-radius:4px;
box-shadow:0 0 0 1px #000;
color:transparent;
display:inline-block;
font-size:0;
float:right;
height:8px;
overflow:hidden;
vertical-align:middle;
width:50px;
margin:6px 6px 0;
}

.progress-inner {
background-color:#AAA;
height:6px;
width:0;
margin:0;
}

.pocky {
text-align:center;
margin:20px auto;
}

.pocky img {
max-width:100%;
}

span.old {
text-transform:uppercase;
font-size:.8em;
border-radius:4px;
background-color:#722726;
color:#fff;
font-weight:200;
margin:0 4px;
padding:2px 8px;
}

section.ded {
opacity:.5;
}

#no-file-api,.error#upload-filelist .file-progress,.completed .file-progress,.completed .file-size {
display:none;
}

@media only screen and max-device-width320px,only screen and max-width400px {
body {
padding:10px 0 0;
}

.jumbotron {
margin:20px 0 30px;
}

.jumbotron .lead {
font-size:18px;
}

.jumbotron .btn,.alert,#upload-filelist {
border-radius:0;
width:100%;
margin-left:0;
margin-right:0;
padding-left:20px;
padding-right:20px;
border-width:1px 0;
}

#upload-filelist {
background-color:rgba(255,255,255,.75);
overflow:hidden;
}

#upload-filelist>li.file {
margin-top:12px;
margin-bottom:12px;
}

.file-progress {
float:left;
width:70%;
}

.file-size {
float:left;
max-width:30%;
overflow:hidden;
}

.file-name,.file-url {
width:100%;
max-width:100%;
}

.file-url a {
text-decoration:underline;
margin-left:15px;
}

.file-url a:before {
content:"http://";
}

.alert {
font-size:13px;
}

.alert-error {
background-color:rgba(248,223,223,.75);
}

nav {
background-color:rgba(255,255,255,.75);
border:#FFF;
padding:10px 0;
}
}