X-Git-Url: http://git.scottworley.com/picsort/blobdiff_plain/ecb5b4ef4385a77d8ec7f436c6b8c2e106c21023..31092212d9330f6d19ff2d0cc034459ff892e92a:/picsorter.css

diff --git a/picsorter.css b/picsorter.css
index d6cd666..b99fc9e 100644
--- a/picsorter.css
+++ b/picsorter.css
@@ -1,3 +1,32 @@
+@-webkit-keyframes fadeOut {
+  from { opacity: 1; }
+    to { opacity: 0; }
+}
+@keyframes fadeOut {
+  from { opacity: 1; }
+    to { opacity: 0; }
+}
+
+#message {
+  position: fixed;
+  font-size: 18pt;
+  margin: 2em;
+  border-radius: 10px;
+  padding: .3em;
+  color: white;
+  font-weight: bold;
+  font-family: sans-serif;
+  background-color: rgba(200,200,200,0.5);
+}
+
+.fade {
+  opacity: 0;
+  animation-duration: 2s;
+  animation-name: fadeOut;
+  -webkit-animation-duration: 2s;
+  -webkit-animation-name: fadeOut;
+}
+
 .fit_view {
   max-width: 100%;
   max-height: 100%;