0d14e5a379
Needs a lot of cleanup. Data has been de-duplicated, and where identical copies existed, one of them has been replaced with a symlink. Some files have been excluded, such as binaries, installers and debug dumps. Some of that may still be present.
104 lines
No EOL
1.4 KiB
CSS
104 lines
No EOL
1.4 KiB
CSS
/*
|
|
Styles for HTML5 File Drag & Drop demonstration
|
|
Featured on SitePoint.com
|
|
Developed by Craig Buckler (@craigbuckler) of OptimalWorks.net
|
|
*/
|
|
body
|
|
{
|
|
font-family: "Segoe UI", Tahoma, Helvetica, freesans, sans-serif;
|
|
font-size: 90%;
|
|
margin: 10px;
|
|
color: #333;
|
|
background-color: #fff;
|
|
}
|
|
|
|
h1, h2
|
|
{
|
|
font-size: 1.5em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
h2
|
|
{
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
legend
|
|
{
|
|
font-weight: bold;
|
|
color: #333;
|
|
}
|
|
|
|
#filedrag
|
|
{
|
|
display: none;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
padding: 1em 0;
|
|
margin: 1em 0;
|
|
color: #555;
|
|
border: 2px dashed #555;
|
|
border-radius: 7px;
|
|
cursor: default;
|
|
}
|
|
|
|
#filedrag.hover
|
|
{
|
|
color: #f00;
|
|
border-color: #f00;
|
|
border-style: solid;
|
|
box-shadow: inset 0 3px 4px #888;
|
|
}
|
|
|
|
img
|
|
{
|
|
max-width: 100%;
|
|
}
|
|
|
|
pre
|
|
{
|
|
width: 95%;
|
|
height: 8em;
|
|
font-family: monospace;
|
|
font-size: 0.9em;
|
|
padding: 1px 2px;
|
|
margin: 0 0 1em auto;
|
|
border: 1px inset #666;
|
|
background-color: #eee;
|
|
overflow: auto;
|
|
}
|
|
|
|
line
|
|
{
|
|
|
|
fill: none;
|
|
stroke: red;
|
|
}
|
|
|
|
#messages
|
|
{
|
|
padding: 0 10px;
|
|
margin: 1em 0;
|
|
border: 1px solid #999;
|
|
}
|
|
|
|
#progress p
|
|
{
|
|
display: block;
|
|
width: 240px;
|
|
padding: 2px 5px;
|
|
margin: 2px 0;
|
|
border: 1px inset #446;
|
|
border-radius: 5px;
|
|
background: #eee url("progress.png") 100% 0 repeat-y;
|
|
}
|
|
|
|
#progress p.success
|
|
{
|
|
background: #0c0 none 0 0 no-repeat;
|
|
}
|
|
|
|
#progress p.failed
|
|
{
|
|
background: #c00 none 0 0 no-repeat;
|
|
} |