2 files changed, 53 insertions, 2 deletions

diff --git a/css/sharefile_style.css b/css/sharefile_style.css
new file mode 100644
index 0000000..f7118fc
--- /dev/null
+++ b/css/sharefile_style.css
@@ -0,0 +1,25 @@
+body {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.content {
+    flex: 0 0 0;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    align-items: center;
+    justify-content: center;
+}
+
+.h {
+    display: flex;
+    gap: 0.8rem;
+    align-items: center;
+    justify-content: center;
+}
+
+input[type=submit] {
+    margin-top: 0.5rem;
+}
diff --git a/css/style.css b/css/style.css
index 619c4d8..09456a3 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,4 @@
+
 html, body {
 	margin: 0;
 	height: 100%;
@@ -307,8 +308,32 @@ input[type=submit]:hover {
 }
 
 .filecontents {
-    padding: 0.8rem;
-    font-size: 1.1rem;
+    font-family: monospace;
+}
+
+.filecontents.imgview {
+    background-color: black;
+    background-repeat: no-repeat;
+    background-position: center; 
+}
+
+.filecontentsroot, .foldercontents {
+    display: flex;
+    flex-direction: column;
+}
+
+.filecontents {
+    overflow-y: scroll;
+}
+[contenteditable] {
+  outline: 0px solid transparent;
+}
+
+pre {
+    font-size: 1.3rem;
+    min-height: 100%;
+    margin: 0.3rem;
+    box-sizing: border-box;
 }
 
 .window h3,
@@ -465,3 +490,4 @@ input[type=submit]:hover {
 .close_button:hover {
     background: white;
 }
+