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 }\r
  37 \r
  38 \r
  39 .workingImage {\r
  40     opacity: 0.7;\r
  41 }\r
  42 \r
  43 table {\r
  44   border-collapse: collapse;\r
  45   width: 100%;\r
  46 }\r
  47 \r
  48 th, td {\r
  49   text-align: left;\r
  50   padding: 8px;\r
  51 }\r
  52 \r
  53 th, .header {\r
  54   background-color: #4CAF50;\r
  55   color: white;\r
  56 }\r
  57 \r
  58 tr:nth-child(even){\r
  59   background-color: #c8c8c8;\r
  60 }\r
  61 \r
  62 br {\r
  63     float: none;\r
  64     clear: both;\r
  65 }\r
  66 \r
  67 .tiny {\r
  68     font-size: x-small;\r
  69     text-transform: uppercase;\r
  70 }\r
  71 \r
  72 .mediaRibbon div {\r
  73     float:left;\r
  74     clear: none;\r
  75     padding: 2px;\r
  76     border: solid #888 3px;\r
  77     margin: 2px;\r
  78     width: 40%;\r
  79     background: rgba(221, 221, 221, 0.8); // #DDD;\r
  80 }\r
  81 \r
  82 #sourceRibbon div {\r
  83     width:15%;\r
  84 }\r
  85 \r
  86 #sourceRibbon div:hover, #sourceRibbon div.selected {\r
  87     border: solid blue 3px;\r
  88     background: #BBB;\r
  89 }\r
  90 \r
  91 \r
  92 .mediaRibbon div img, .mediaRibbon div canvas {\r
  93     display: block;\r
  94     max-width:100%;\r
  95     max-height:300px;\r
  96     margin-left: auto;\r
  97     margin-right: auto;\r
  98     width: auto;\r
  99     height: auto;\r
 100 }\r
 101 \r
 102 \r
 103 #sourceRibbon div img, #sourceRibbon div canvas {\r
 104     max-height:95px;\r
 105 }\r
 106 \r
 107 .mediaRibbon div span {\r
 108     font-size: small;\r
 109     text-align: center;\r
 110     clear: both;\r
 111     display: block;\r
 112 }\r
 113 \r