1 files changed, 59 insertions, 0 deletions
diff --git a/assets/css/src/thumbnails.css b/assets/css/src/thumbnails.css
new file mode 100644
index 00000000..38b75dec
--- /dev/null
+++ b/assets/css/src/thumbnails.css
@@ -0,0 +1,59 @@
+.file-thumbnails {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+    -webkit-justify-content: flex-start;
+    justify-content: flex-start
+}
+
+.file-thumbnail {
+    width: 250px;
+    border: 1px solid #efefef;
+    border-radius: 5px;
+    margin-bottom: 20px;
+    box-shadow: 4px 2px 10px -6px rgba(0, 0, 0, 0.55);
+    margin-right: 15px
+}
+
+.file-thumbnail img {
+    cursor: pointer;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px
+}
+
+.file-thumbnail img:hover {
+    opacity: 0.5
+}
+
+.file-thumbnail-content {
+    padding-left: 8px;
+    padding-right: 8px
+}
+
+.file-thumbnail-title {
+    font-weight: 700;
+    font-size: 0.9em;
+    color: var(--color-medium);
+    overflow: hidden;
+    text-overflow: ellipsis
+}
+
+.file-thumbnail-description {
+    font-size: 0.8em;
+    color: var(--color-light);
+    margin-top: 8px;
+    margin-bottom: 5px
+}
+
+.file-viewer {
+    position: relative
+}
+
+.file-viewer img {
+    max-width: 95%;
+    max-height: 85%;
+    margin-top: 10px
+}