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 #namecontainer {
  45   position: fixed;
  46   width: 100%;
  47 }
  48 #name {
  49   display: block;
  50   margin-left: auto;
  51   margin-right: auto;
  52   font-size: 30pt;
  53 }
  54
  55 .fade {
  56   opacity: 0;
  57   animation-duration: 2s;
  58   animation-name: fadeOut;
  59   -webkit-animation-duration: 2s;
  60   -webkit-animation-name: fadeOut;
  61 }
  62
  63 .fit_view {
  64   max-width: 100%;
  65   max-height: 100%;
  66 }