initial commit

app/assets/stylesheets/main.scss

@@ -0,0 +1,121 @@
+// Place all the styles related to the Main controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+.meeting-url-button-group {
+  padding-top: 5px;
+  width: 150px;
+  text-align: center;
+}
+
+.meeting-url-qrcode-group {
+  padding-top: 5px;
+  width: 128px;
+  text-align: center;
+}
+
+.previously-joined, .actives {
+  list-style-type: none;
+  margin:auto;
+  width: 200px;
+  padding: 0;
+  cursor: pointer;
+}
+
+.meetings {
+
+}
+
+.rooms {
+
+  .table-wrapper {
+    padding: 40px 50px 10px 50px;
+
+    #recordings {
+      thead {
+        th:after {
+          content: none; //removes the sort icon in table header
+        }
+      }
+      .dataTables_empty {
+        text-align: center;
+      }
+      .timeago {
+        margin-left: 5px;
+        font-size: 13px;
+        cursor: pointer;
+        color: #999;
+      }
+    }
+  }
+}
+
+.img-thumbnail{
+  padding: 4px;
+  background-color: white;
+  border: 1px solid #dddddd;
+  border-radius: 4px;
+
+  &.large{
+    display: none;
+  }
+
+  &:hover + &.large{
+    display: inline-block;
+    position: absolute;
+    z-index: 1;
+  }
+}
+
+.meeting-url-group {
+  position: relative;
+}
+
+.recording-update-trigger {
+  &.recording-unpublished {
+    color: red;
+  }
+
+  &.recording-unlisted {
+    color: #e3a91e;
+  }
+
+  &.recording-published {
+    color: green;
+  }
+}
+
+.fa-spinner {
+  width: 100%;
+  text-align: center;
+}
+
+.disabled-button {
+    opacity: 0.5;
+}
+
+.youtube-red {
+  color: red;
+}
+
+.cloud-blue {
+  color: cornflowerblue;
+}
+
+.green-check {
+  color: limegreen;
+}
+
+.top-buffer {
+  margin-top: 8px;
+}
+
+.tooltip-wrapper {
+  display: inline-block;
+}
+
+ #youtube-footer{
+   font-size: 10px;
+   text-align: center;
+   margin-top: 10px;
+ }