modifying the looks of image,video and document library

1 files changed, 23 insertions, 15 deletions

diff --git a/gstudio/templates/gstudio/docu.html b/gstudio/templates/gstudio/docu.html
index dc9f151..58e6a44 100644
--- a/gstudio/templates/gstudio/docu.html
+++ b/gstudio/templates/gstudio/docu.html
@@ -23,32 +23,26 @@ $(window).load(function() {
 var i = 0;
 </script>
 <style type="text/css">
-#divpost
+#divsearch
+{
+position:absolute;
+}
+#upperdiv
 {
 position:relative;
+margin-bottom:35%;
 }
-#divsearch
+#divpost
 {
 position:absolute;
-margin-left:61%;
-margin-top:-26%;
+margin-left:52%;
 }
 </style> 
 {% if user.is_authenticated %}
 {% autopaginate documents 8 %}
 <h2 style="color: teal;">Document Library</h2>
 <br>
-<div id="divpost">
-<form enctype="multipart/form-data" method="post" action="">{% csrf_token %}
-<br/>
-Post File:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-<input type=file name="doc[]" multiple="multiple" /><br><br>
-Description:&nbsp;&nbsp;<input type=textarea name="contenttext"/>
-<input type="hidden" name="user" value={{user.username}}><br><br>
-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-<input type="submit" value="Post">
-</form>
-</div>
+<div id="upperdiv">
 
 <div id="divsearch">
 <form method="post" action="">
@@ -67,6 +61,20 @@ Description:&nbsp;&nbsp;<input type=textarea name="contenttext"/>
 <input type="submit" value="Search">
 </form>
 </div>
+
+<div id="divpost">
+<form enctype="multipart/form-data" method="post" action="">{% csrf_token %}
+<br/>
+<h4 style="color: black;">Post File:</h4>&nbsp;
+file:&nbsp;<input type=file name="doc[]" multiple="multiple" /><br><br>
+Description:&nbsp;&nbsp;<input type=textarea name="contenttext"/>
+<input type="hidden" name="user" value={{user.username}}><br><br>
+
+<input type="submit" value="Post">
+</form>
+</div>
+
+</div>
 <br>
 <br>
 <br>