- add web demo for face privacy
[face-privacy-filter.git] / 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