updated system reference, cleaned css

lib/system

@@ -1 +1 @@
-Subproject commit 8a800ab114644f136fb7024b675e88d0bfdae661
+Subproject commit fe3b6242a618bee42ade7ad08338d8dd7d1f16a6

slingit/page/default_page/css/default_page.css

@@ -1,28 +1,23 @@
 body{}
 
 #headbanner {
-    width: 1200px;
-    height: 150px;
+    height: 22%;
+    width: 30%;
     
     margin: auto;
     margin-top: 15px;
     margin-bottom: 15px;
     
-    text-align: center;
+    background: url(http://www.neopolimatrix.eu/api.php?call=files&cat=person&id=logo.png) no-repeat;
+    background-size: contain;
 }
 
-.head_element {
-    //float: left;
-}
-
-#content {
-    width: 1200px;
-    margin: auto;
-}
+#content {}
 
 #footer {
+    position: absolute;
     height: 20px;
     bottom: 0;
     text-align: center;
-    margin: auto;
+    width: 100%;
 }

slingit/page/default_page/tpl/default_page.tpl

@@ -19,16 +19,12 @@
             </div><!-- /.modal-dialog -->
         </div><!-- /.modal -->
         
-        <div id="headbanner">
-            <div class="head_element">
-                <img src="http://www.neopolimatrix.eu/api.php?call=files&cat=person&id=logo.png" width="350">
-            </div>
-        </div>
+        <div id="headbanner"></div>
         <div id="content"></div>
         <div id="footer">
-            <a href="#!impressum" id="impressum">Impressum</a>
-            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
             <a href="#!about" id="about">About</a>
+            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            <a href="#!impressum" id="impressum">Impressum</a>
         </div> 
     </body>
 </html>

slingit/page/default_start/css/default_start.css

@@ -1,13 +1,13 @@
 #start_main{
-    margin: auto;
-    width: 1000px;
+    width: 100%;
     background: white;
 }
 
 #dropZone{
-    width: 800px;
     margin: auto;
     outline: 3px dashed background;
+    width: 62%;
+    height: 38%;
 }
 
 #dropZone li{
@@ -15,10 +15,10 @@
 }
 
 #dropZone p, #pullZone p{
-    display: table-cell;
-    height: 400px;
-    width: 400px;
-    vertical-align: middle;
+    position:relative;
+    top:45%;    
+    left:0;
+    width:100%;
     text-align: center;
 }
 
@@ -34,13 +34,12 @@
     padding-top: 40px;
     font-size: 8pt;
     margin: auto;
-    width: 800px;
+    width: 62%;
 }
 
 #link_container tr{
     height: 40px;
     background: white;
-    width: 800px;
     border: solid 2px background;
     border-radius: 20px;
 }

slingit/page/default_start/tpl/default_start.tpl

@@ -1,18 +1,13 @@
-<div id="start_main" style="">
+<div id="start_main">
     <div id="dropZone">
-        <div style="margin: auto; width: 350px;">
-            <p>
-                Drag File here to share</br>
-                or</br>
-                <a class="btn btn-primary btn-sm" href="#!start;hash.${hash}" id="btn_load_infohash">Get File </a>
-                via
-                <input type="text" placeholder="#hash" id="input_load_infohash" value="${hash}">
-            </p>
-        </div>
+        <p>
+            ${center_text}
+            <a class="btn btn-primary btn-sm" href="#!start;hash.${hash}" id="btn_load_infohash">${getfile}</a>
+            ${via}
+            <input type="text" placeholder="#hash" id="input_load_infohash" value="${hash}">
+        </p>
     </div>
     <table id="link_container">
-        <tr>
-            
-        </tr>
+        <tr></tr>
     </table>       
 </div>