git.scottworley.com Git - picsort/blob - picsorter.css

   1 @-webkit-keyframes fadeOut {
   2   from { opacity: 1; }
   3     to { opacity: 0; }
   4 }
   5 @keyframes fadeOut {
   6   from { opacity: 1; }
   7     to { opacity: 0; }
   8 }
   9
  10 .rot90 {
  11   rotation: 90deg;
  12   -webkit-transform: rotate(90deg);
  13   -moz-transform: rotate(90deg);
  14   -o-transform: rotate(90deg);
  15   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  16 }
  17 .rot180 {
  18   rotation: 180deg;
  19   -webkit-transform: rotate(180deg);
  20   -moz-transform: rotate(180deg);
  21   -o-transform: rotate(180deg);
  22   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  23 }
  24 .rot270 {
  25   rotation: 270deg;
  26   -webkit-transform: rotate(270deg);
  27   -moz-transform: rotate(270deg);
  28   -o-transform: rotate(270deg);
  29   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  30 }
  31
  32 #message {
  33   position: fixed;
  34   font-size: 18pt;
  35   margin: 2em;
  36   border-radius: 10px;
  37   padding: .3em;
  38   color: white;
  39   font-weight: bold;
  40   font-family: sans-serif;
  41   background-color: rgba(200,200,200,0.5);
  42 }
  43
  44 .inputcontainer {
  45   position: fixed;
  46   width: 100%;
  47   height: 100%;
  48 }
  49 #name {
  50   display: block;
  51   margin-left: auto;
  52   margin-right: auto;
  53   font-size: 30pt;
  54 }
  55 #shell_out {
  56   display: none;
  57   width: 80%;
  58   height: 80%;
  59   margin: 5em;
  60   color: white;
  61   background-color: black;
  62   padding: 1em;
  63 }
  64
  65 .fade {
  66   opacity: 0;
  67   animation-duration: 2s;
  68   animation-name: fadeOut;
  69   -webkit-animation-duration: 2s;
  70   -webkit-animation-name: fadeOut;
  71 }
  72
  73 .fit_view {
  74   max-width: 100%;
  75   max-height: 100%;
  76 }