Verification: removes physical sizes from HTML templates and adds placeholder hooks

2013-09-02 21:42:51 -04:00
parent 39d7534246
commit c77deeecff
2 changed files with 27 additions and 7 deletions
--- a/lms/static/sass/views/_verification.scss
+++ b/lms/static/sass/views/_verification.scss
@@ -878,9 +878,21 @@
  .cam {

    .placeholder-cam {
-      @include size(500px 375px);
-      margin: $baseline auto;
-      background: $m-blue-d1;
+      width: 95%;
+      height: 375px;
+      margin: ($baseline/2) auto;
+      background: $m-blue-l5;
+
+      // placeholders
+      .placeholder-art {
+        opacity: 0.5;
+      }
+
+      // previously defined in HTML
+      video, canvas {
+        display: block;
+        @include size(100% 100%);
+      }
    }

    .controls {