From 2d63598d34f96b465c327aa996eb79413c08a6ca Mon Sep 17 00:00:00 2001
From: Morris Jobke <morris.jobke@gmail.com>
Date: Wed, 16 Apr 2014 22:58:31 +0200
Subject: Improve documents layout & IE fix

 * remove grey background color
 * add grey border
 * remove border-radius
 * add IE8 fixes
 * IE fixes for missing navigator.language
---
 css/style.css | 33 +++++++++++++++++++++++----------
 1 file changed, 23 insertions(+), 10 deletions(-)

(limited to 'css')

diff --git a/css/style.css b/css/style.css
index 700d5b0f..4a5ac85d 100755
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,12 @@
+/* IE 8 fixes */
+.ie8 .document label {
+	background-color: #fff;
+}
+.ie8 .add-document .upload {
+	margin-top: 5px;
+}
+/* end IE 8 fixes */
+
 #editor ::-webkit-scrollbar-thumb {
 	background-color: #fff;
 }
@@ -11,13 +20,14 @@
 	height: 200px;
 	width: 200px;
 	float: left;
-	background-color: #e8e8e8;
 	margin: 14px;
 	vertical-align: top;
-	border-radius: 5px;
 }
 
 .add-document a {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
 	display: inline-block;
 	position: relative;
 	height: 100px;
@@ -33,12 +43,17 @@
 .add-document .add,
 .add-document .upload {
 	opacity: .7;
+	border: 1px solid #e8e8e8;
+}
+.add-document .upload {
+	margin-top: 4px;
 }
 .add-document .add:hover,
 .add-document .add:focus,
 .add-document #upload:hover .upload,
 .add-document .upload:focus {
 	opacity: 1;
+	border: 1px solid #818181;
 }
 
 .add-document label {
@@ -50,10 +65,7 @@
 }
 
 .documentslist .progress{
-	position:absolute;
-	left:232px;
-	z-index:5;
-	background-color: #e8e8e8;
+	border: 1px solid #e8e8e8;
 }
 
 .documentslist .progress div{
@@ -73,18 +85,19 @@
 	width: 32px;
 }
 .document a {
-	border-radius: 5px;
 	display: block;
 	position: relative;
 	height: 200px;
 	width: 200px;
 	background-repeat: no-repeat;
 	background-size: 200px;
-	border: 1px solid grey;
+	border: 1px solid #e8e8e8;
+}
+.document a:hover {
+	border: 1px solid #818181;
 }
 .document label {
-	background: lightgray;
-	opacity: 0.6;
+	background: rgba(255, 255, 255, 0.7);
 	position: absolute;
 	bottom: 0px;
 	width: 100%;
-- 
cgit v1.2.3