visual changes WIP

1 files changed, 112 insertions, 14 deletions

diff --git a/css/default.php b/css/default.php
index dd69cd703da..93089b9d616 100755
--- a/css/default.php
+++ b/css/default.php
@@ -2,10 +2,30 @@
 header('Content-Type: text/css');
 require_once('../inc/lib_base.php');
 ?>
-body {
+html,body {
     background-color: #F9F9F9;
     margin:0px;
+    height:100%;
+    width:100%;
+    position:absolute;
+}
+#mainlayout, #mainlayout>tbody{
+	width:100%;
+	height:100%;
+}
+
+#mainlayout .head{
+	height:175px;
+}
+
+#mainlayout .body{
+	vertical-align:top;
 }
+
+#mainlayout .foot{
+	height:75px;
+}
+
 body.error {background-color: #F0F0F0;}
 body,th,td,ul,li,a,div,p,pre {color:#333333; font-family:Verdana,"Bitstream Vera Sans",Arial,Helvetica,Sans,"Bitstream Vera Serif"; font-size:9.0pt;}
 
@@ -54,7 +74,10 @@ a#owncloud-logo span {
 .errortext {color:#CC3333; font-size:9pt; font-weight:bold; text-decoration:none;}
 .highlighttext {color:#333333; font-size:9pt; font-weight:bold; text-decoration:none;}
 .datetext {color:#333333; font-size:7pt;}
-.sizetext {color:#333333; font-size:7pt;}
+.sizetext{
+	color:#333333;
+	font-size:7pt;
+}
 .footer {color:#999999; text-align:center; font-size:9pt; margin-top:4em;}
 .footer a {color:#999999; text-decoration:none;}
 .hint {color:#AAAAAA; text-align:center; font-size:8pt; margin-top:4em; margin-bottom:2em;}
@@ -139,7 +162,10 @@ a#owncloud-logo span {
     margin:0px;
     padding:0px;
     border:0px;
-    //do not use display:none here, it breaks iframes in some browsers
+    position:absolute;
+    top:0px;
+    left:0px;
+    /*do not use display:none here, it breaks iframes in some browsers*/
 }
 
 div.OCNotification{
@@ -163,20 +189,10 @@ td img.file_actions{
     width:9px;
 }
 
-td:hover img.file_actions{
+td.nametext:hover img.file_actions{
     height:auto;
 }
 
-td img.rename, td img.delete{
-    height:0px;
-    width:16px;
-    cursor:pointer;
-}
-
-td:hover img.rename, tr:hover img.delete{
-    height:16px;
-}
-
 div.breadcrumb{
    background-color: #F0F0F0; 
 }
@@ -194,4 +210,86 @@ div.fileactionlist td{
 
 div.fileactionlist td:hover{
     background-color: #CCCCCC;
+}
+
+tr.breadcrumb{
+	background-color: #CCCCCC;
+}
+
+#content, div.browser{
+	height:100%;
+}
+
+table.browser{
+	border: solid 3px #CCC;
+	height:100%;
+	border-spacing:0px;
+}
+
+table.browser thead, table.browser tfoot{
+	background-color:#CCC;
+	width:100%;
+}
+
+td.sizetext{
+	width:110px;
+	text-align:right;
+}
+
+td.fileSelector, td.fileicon{
+	width:16px;
+}
+
+span.upload{
+	float:right;
+	text-align:right;
+	margin:0px;
+	padding:0px;
+}
+
+table.browser>tbody{
+	height:100%;
+	vertical-align:top;
+}
+
+table.browser>tbody>tr>td, table.browser>tbody>tr{
+	padding:0px;
+	height:100%;
+}
+
+div.fileList{
+	width:800px;
+	overflow:auto;
+	vertical-align:top;
+	top:0px;
+}
+
+div.fileList table{
+	width:100%;
+	vertical-align:top;
+}
+
+thead td, tfoot td{
+	padding-left:6px;
+	padding-top:2px;
+	padding-bottom:2px;
+}
+
+#imageframe{
+	position:absolute;
+	top:0px;
+	left:0px;
+	height:100%;
+	width:100%;
+	background:rgb(20,20,20);
+	background:rgba(20,20,20,0.9);
+	text-align:center;
+}
+
+#imageframe img{
+	vertical-align:middle;
+	max-height:90%;
+	max-width:90%;
+	margin:10px;
+	border: black solid 3px;
 }
\ No newline at end of file