web_demo/face-privacy.css

   1 body {\r
   2   font-size:100%;\r
   3   font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;\r
   4 }\r
   5 \r
   6 #resultsDiv {\r
   7   position: absolute;\r
   8   top: 120px;\r
   9   right: 50px;\r
  10   color: #000;\r
  11   text-align: center;\r
  12   font-size: 20px;\r
  13   background-color: rgba(221, 221, 221, 0.8);\r
  14   width: 220px;\r
  15   padding: 10px 0;\r
  16   z-index: 2147483647;\r
  17 }\r
  18 \r
  19 hr {\r
  20     margin: 10px 0;\r
  21     width:100%;\r
  22     clear: both;\r
  23     float: none;\r
  24 }\r
  25 \r
  26 #srcVideo {\r
  27   z-index: 1;\r
  28 }\r
  29 .videoWin {\r
  30     //margin: -25px 0px;\r
  31     //height: 80px;\r
  32     // width: 120px;\r
  33     // position: absolute;\r
  34     // left: 15px;\r
  35     // top: 10px;\r
  36     max-width:100%;\r
  37     max-height:300px;\r
  38     margin-left: auto;\r
  39     margin-right: auto;\r
  40     width: auto;\r
  41     height: auto;\r
  42 }\r
  43 \r
  44 \r
  45 .workingImage {\r
  46     opacity: 0.7;\r
  47 }\r
  48 \r
  49 table {\r
  50   border-collapse: collapse;\r
  51   width: 100%;\r
  52 }\r
  53 \r
  54 th, td {\r
  55   text-align: left;\r
  56   padding: 8px;\r
  57 }\r
  58 \r
  59 th, .header {\r
  60   background-color: #4CAF50;\r
  61   color: white;\r
  62 }\r
  63 \r
  64 tr:nth-child(even){\r
  65   background-color: #c8c8c8;\r
  66 }\r
  67 \r
  68 br {\r
  69     float: none;\r
  70     clear: both;\r
  71 }\r
  72 \r
  73 .tiny {\r
  74     font-size: x-small;\r
  75     text-transform: uppercase;\r
  76 }\r
  77 \r
  78 .mediaRibbon div {\r
  79     float:left;\r
  80     clear: none;\r
  81     padding: 2px;\r
  82     border: solid #888 3px;\r
  83     margin: 2px;\r
  84     width: 40%;\r
  85     background: rgba(221, 221, 221, 0.8); // #DDD;\r
  86 }\r
  87 \r
  88 #sourceRibbon div {\r
  89     width:15%;\r
  90 }\r
  91 \r
  92 #sourceRibbon div:hover, #sourceRibbon div.selected {\r
  93     border: solid blue 3px;\r
  94     background: #BBB;\r
  95 }\r
  96 \r
  97 \r
  98 .mediaRibbon div img, .mediaRibbon div canvas {\r
  99     display: block;\r
 100     max-width:100%;\r
 101     max-height:300px;\r
 102     margin-left: auto;\r
 103     margin-right: auto;\r
 104     width: auto;\r
 105     height: auto;\r
 106 }\r
 107 \r
 108 \r
 109 #sourceRibbon div img, #sourceRibbon div canvas {\r
 110     max-height:95px;\r
 111 }\r
 112 \r
 113 .mediaRibbon div span {\r
 114     font-size: small;\r
 115     text-align: center;\r
 116     clear: both;\r
 117     display: block;\r
 118 }\r
 119 \r