Output commands for named pictures

[picsort] / picsorter.css

diff --git a/picsorter.css b/picsorter.css
index 78e0d791feb9e66760f6fc9093e4599cba87609c..712494b57479b7347d9db94201b94e55d32ef926 100644 (file)
--- a/picsorter.css
+++ b/picsorter.css
@@ -7,6 +7,28 @@
     to { opacity: 0; }
 }
 
+.rot90 {
+  rotation: 90deg;
+  -webkit-transform: rotate(90deg);
+  -moz-transform: rotate(90deg);
+  -o-transform: rotate(90deg);
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+}
+.rot180 {
+  rotation: 180deg;
+  -webkit-transform: rotate(180deg);
+  -moz-transform: rotate(180deg);
+  -o-transform: rotate(180deg);
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+}
+.rot270 {
+  rotation: 270deg;
+  -webkit-transform: rotate(270deg);
+  -moz-transform: rotate(270deg);
+  -o-transform: rotate(270deg);
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+}
+
 #message {
   position: fixed;
   font-size: 18pt;
@@ -19,9 +41,10 @@
   background-color: rgba(200,200,200,0.5);
 }
 
-#namecontainer {
+.inputcontainer {
   position: fixed;
   width: 100%;
+  height: 100%;
 }
 #name {
   display: block;
@@ -29,6 +52,15 @@
   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;