| body {
|
| height: 100%;
|
| }
|
|
|
| section {
|
| padding-top: 60px;
|
| }
|
| .width-300 {
|
| width: 300px;
|
| margin: auto;
|
| padding: 20px;
|
| box-shadow: 0 0px 9px 2px #ccc;
|
| }
|
| .width-400 {
|
| width: 400px;
|
| margin: auto;
|
| padding: 20px;
|
| margin-top: 80px;
|
| margin-bottom: 150px;
|
| box-shadow: 0 0px 9px 2px #ccc;
|
| }
|
|
|
| .width-500 {
|
| width: 500px;
|
| margin: auto;
|
| padding: 20px;
|
| box-shadow: 0 0px 9px 2px #ccc;
|
| }
|
|
|
| #videos {
|
| display: none;
|
| }
|
|
|
| canvas {
|
| position: absolute;
|
| top: 0;
|
| left: 0;
|
| }
|
|
|
| .preprocess {
|
| padding-right: 20px;
|
| padding-bottom: 50px;
|
| }
|
|
|
| #preprocessed_images {
|
| white-space: nowrap;
|
| width: auto;
|
| height: 250px;
|
| padding: 20px;
|
| overflow-x: scroll;
|
| overflow-y: hidden;
|
| box-shadow: 0 0px 9px 2px #ccc;
|
| }
|
|
|
| #faces_images {
|
| white-space: nowrap;
|
| width: auto;
|
| height: 150px;
|
| padding: 20px;
|
| overflow-x: scroll;
|
| overflow-y: hidden;
|
| box-shadow: 0 0px 9px 2px #ccc;
|
| }
|
|
|
| .faces {
|
| padding-right: 20px;
|
| padding-bottom: 50px;
|
| }
|
|
|
| #heatmap_images {
|
| white-space: nowrap;
|
| width: auto;
|
| height: 200px;
|
| padding: 20px;
|
| overflow-x: scroll;
|
| overflow-y: hidden;
|
| box-shadow: 0 0px 9px 2px #ccc;
|
| margin-bottom: 20px;
|
| }
|
|
|
| .heat-map {
|
| padding-right: 20px;
|
| padding-bottom: 50px;
|
| }
|
|
|
| |
| |
|
|
|
|
