skins/chameleon

[Aleksander Machniak]

 skins/chameleon/styles.css |   64 +++++++++++++++++++++++++++++++--------------
 1 file changed, 45 insertions(+), 19 deletions(-)

New commits:
commit f0b66c4f428dd52f4a4759a96b5ba502f4881060
Author: Aleksander Machniak <machniak at kolabsys.com>
Date:   Mon Dec 8 07:48:21 2014 -0500

    Some improvements on messages list and kolab_files widgets

diff --git a/skins/chameleon/styles.css b/skins/chameleon/styles.css
index e3d6a13..032639c 100644
--- a/skins/chameleon/styles.css
+++ b/skins/chameleon/styles.css
@@ -97,12 +97,6 @@ body.login #header {
 	height: 20px;
 }
 
-#header span.username {
-	padding: 0 15px;
-	color: #d9d9d9;
-	line-height: 60px;
-}
-
 #toplogo {
 	margin-top: 8px;
 	margin-left: 18px;
@@ -110,11 +104,18 @@ body.login #header {
 	float: left;
 }
 
+#header span.username {
+	padding: 0 15px;
+	color: #d9d9d9;
+	line-height: 60px;
+}
+
 #header .aboutlinks {
 	display: inline-block;
 	visibility: hidden;
-	padding: 16px 0 0 2em;
-	color: #666;
+	padding: 0 25px;
+	color: #d9d9d9;
+	line-height: 60px;
 }
 
 #header a {
@@ -190,7 +191,7 @@ body.login #header {
 	height: 26px;
 	line-height: 26px;
 	padding: 0 35px 0 40px;
-	min-width: 120px;
+	min-width: 110px;
 	cursor: default;
 	background: url(images/buttons.png) -100px 0 no-repeat;
 }
@@ -200,7 +201,7 @@ body.login #header {
 	position: absolute;
 	top: 60px;
 	right: 0px;
-	width: 205px;
+	width: 195px;
 	height: auto;
 	z-index: 500;
 }
@@ -380,6 +381,7 @@ html.mozilla #mailboxlist > li:first-child,
 
 /** color style overrides **/
 
+.ui-widget-content a,
 a {
 	color: #eb594f;
 }
@@ -480,6 +482,7 @@ ul.listing.focus .listitem.focused span,
 .listing tbody tr.selected td,
 .listing li.selected,
 .listing li.selected > a,
+.messagelist tr.thread.expanded td,
 #calendars .treelist li.selected > div.calendar {
 	color: #4c4c4c;
 	background-color: #f9f9f9;
@@ -569,6 +572,11 @@ select.decorated option[selected='selected'],
 	border-left: 1px solid #ededed;
 }
 
+.messagelist thead th:first-child,
+.messagelist thead th {
+	border-bottom: 1px solid #ededed;
+}
+
 .records-table thead th a,
 .records-table thead th span {
 	color: #4c4c4c;
@@ -699,8 +707,8 @@ ul.toolbarmenu li span.icon,
 .folderlist li.mailbox a,
 .folderlist li.mailbox div.collapsed,
 .folderlist li.mailbox div.expanded,
-.messagelist tr div.collapsed,
-.messagelist tr div.expanded,
+.messagelist tr td div.collapsed,
+.messagelist tr td div.expanded,
 .messagelist tr .threads .listmenu,
 .messagelist tr .attachment span.attachment,
 .messagelist tr .attachment span.report,
@@ -1067,10 +1075,14 @@ a.button span.icon,
 	border-color: #e63023;
 }
 
+#messageheader .buttongroup,
 .previewheader .buttongroup,
 #composeheaders .buttongroup {
+	height: 16px;
+	background-color: transparent;
+	overflow: hidden;
 	position: relative;
-	top: -3px;
+	top: -2px;
 }
 
 .buttongroup a.button,
@@ -1083,7 +1095,7 @@ a.button span.icon,
 
 .buttongroup a.button.selected,
 .buttongroup a.button.selected:hover {
-	background: transparent;
+	background: #ededed;
 	box-shadow: none;
 	-webkit-box-shadow: none;
 }
@@ -1101,12 +1113,14 @@ a.button span.icon,
 	margin: 0;
 }
 
+#messageheader .buttongroup a.button,
 .previewheader .buttongroup a.button,
 #composeheaders .buttongroup a.button,
 .previewheader .buttongroup a.button:hover,
 #composeheaders .buttongroup a.button:hover {
-	width: 20px;
-	height: 20px;
+	width: 16px;
+	height: 16px;
+	padding: 2px;
 }
 
 .previewheader .buttongroup a.button span.icon,
@@ -1114,7 +1128,7 @@ a.button span.icon,
 .previewheader .buttongroup a.button span.inner,
 #composeheaders .buttongroup a.button span.inner {
 	width: 18px;
-	height: 17px;
+	height: 16px;
 	margin: 1px 0;
 }
 
@@ -1137,13 +1151,13 @@ a.button span.icon,
 .pagenav a.changeformat.html.selected span.inner,
 a.button.changeformat.html span.icon,
 a.button.changeformat.html.selected span.icon {
-	background-position: -5px -2224px;
+	background-position: -6px -2227px;
 }
 .pagenav a.changeformat.text span.inner,
 .pagenav a.changeformat.text.selected span.inner,
 a.button.changeformat.text span.icon,
 a.button.changeformat.text.selected span.icon {
-	background-position: -5px -2242px;
+	background-position: -6px -2246px;
 }
 
 .previewheader .pagenav a.extwin span.inner,
@@ -2113,6 +2127,18 @@ table.propform td.source.selected {
 	background-color: rgba(230,48,35,0.10);
 }
 
+#files-dialog #folderlistbox {
+	border: 5px solid #e7e7e7;
+}
+
+#files-compose-dialog #folderlistbox {
+	border: 5px solid #e7e7e7;
+}
+
+#files-compose-dialog #filelistcontainer {
+	border: 5px solid #e7e7e7;
+	border-left: none;
+}
 
 /*** kolab delegation plugin ***/