- minor addition to the web demo writeup
[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     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