X-Git-Url: http://git.scottworley.com/picsort/blobdiff_plain/5498080c4722fdaf4d4e815264cc6bbfa36d7454..481c90292aba7fbbf41da2c422d33d5f2f374d77:/picsorter.css

diff --git a/picsorter.css b/picsorter.css
index dd898ce..4fedf86 100644
--- a/picsorter.css
+++ b/picsorter.css
@@ -8,25 +8,25 @@
 }
 
 .rot90 {
-  rotation: 90deg;
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+  rotation: 90deg;
 }
 .rot180 {
-  rotation: 180deg;
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -o-transform: rotate(180deg);
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+  rotation: 180deg;
 }
 .rot270 {
-  rotation: 270deg;
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   -webkit-transform: rotate(270deg);
   -moz-transform: rotate(270deg);
   -o-transform: rotate(270deg);
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+  rotation: 270deg;
 }
 
 #message {
@@ -44,6 +44,7 @@
 .inputcontainer {
   position: fixed;
   width: 100%;
+  height: 100%;
 }
 #name {
   display: block;
@@ -51,13 +52,22 @@
   margin-right: auto;
   font-size: 30pt;
 }
+#shell_out {
+  display: none;
+  width: 80%;
+  height: 80%;
+  margin: 5em;
+  color: white;
+  background-color: black;
+  padding: 1em;
+}
 
 .fade {
   opacity: 0;
-  animation-duration: 2s;
-  animation-name: fadeOut;
   -webkit-animation-duration: 2s;
   -webkit-animation-name: fadeOut;
+  animation-duration: 2s;
+  animation-name: fadeOut;
 }
 
 .fit_view {