add @imgur sharing. thanks everyone on @reddit and r/glitch_art for using this!

This commit is contained in:
Georg Fischer
2013-11-01 18:32:03 +01:00
parent 4feed4f8d1
commit 6579fdaadb
10 changed files with 845 additions and 79 deletions
+87
View File
@@ -42,12 +42,14 @@ a:hover
font-family: sans-serif;
font-size: 12px;
text-decoration: none;
line-height: normal;
}
.button:hover
{
background-color: #06f;
color: #fff;
text-decoration: none;
}
#random-button
@@ -148,6 +150,91 @@ a:hover
margin-left: 4px;
}
#imgur-button
{
width: 85px;
}
#imgur-button.is-uploading,
#imgur-button.is-uploading:hover
{
background-color: #eaeaea;
color: #06f;
cursor: default;
}
#imgur-button span
{
display: block;
width: 154px;
transition: margin-left 0.5s ease-in;
transition-property: margin-left top;
text-align: left;
overflow: hidden;
}
#imgur-button.is-uploading span
{
margin-left: -76px;
}
#imgur-button span::after
{
content: 'loading…';
display: inline-block;
padding-left: 15px;
color: #999;
}
#imgur-url-container
{
display: inline-block;
opacity: 0;
transition: opacity 0.3s ease-in;
}
#imgur-url-container.is-active
{
opacity: 1;
}
#imgur-url-input
{
padding: 4px 9px;
border: 1px #CCC solid;
border-radius: 3px;
font-family: sans-serif;
font-size: 13px;
color: #7C7C7C;
}
#imgur-url-error
{
padding: 5px 9px;
line-height: normal;
color: #999;
}
#imgur-url-input,
#imgur-url-link,
#imgur-url-error
{
display: none;
}
#imgur-url-container.upload-successful #imgur-url-input,
#imgur-url-container.upload-successful #imgur-url-link
{
display: inline-block;
}
#imgur-url-container.upload-failed #imgur-url-error
{
display: inline-block;
}
.missing-feature
{
clear: both;