skins/chameleon

Thomas Brüderli bruederli at kolabsys.com
Mon Jan 12 16:36:08 CET 2015


 skins/chameleon/colors.less                |   10 +-
 skins/chameleon/images/attendee-status.png |binary
 skins/chameleon/images/buttons.png         |binary
 skins/chameleon/images/kolab_logo.png      |binary
 skins/chameleon/images/listicons.png       |binary
 skins/chameleon/images/taskmenu.png        |binary
 skins/chameleon/styles.less                |  119 ++++++++++++++++++-----------
 7 files changed, 82 insertions(+), 47 deletions(-)

New commits:
commit b51094c5cad28af5c5088321c9b563c8afd112d9
Author: Thomas Bruederli <bruederli at kolabsys.com>
Date:   Mon Jan 12 16:35:45 2015 +0100

    New color scheme (#4047) and fixed/missing icons added (#4064)

diff --git a/skins/chameleon/colors.less b/skins/chameleon/colors.less
index c519c40..b289a04 100644
--- a/skins/chameleon/colors.less
+++ b/skins/chameleon/colors.less
@@ -1,8 +1,8 @@
 /* Kolab Community Skin Color Definitions */
 
 @text-color:  #4c4c4c;
- at main-color:  #e63023;
- at link-color:  #eb594f;
+ at main-color:  #f25829;
+ at link-color:  #f25829;
 @button-color: #000000;
 @light-color: lighten(@main-color, 38%);
 
@@ -10,10 +10,10 @@
 @title-background: #f9f9f9;
 @header-text: #000000;
 @header-background: #f9f9f9;
- at list-selected-text: @header-text;
- at list-selected-background: #f9f9f9;
+ at list-selected-text: #fff;
+ at list-selected-background: #3a3a3a;
 
 @focus-color: fade(@main-color, 40%);
- at outline-color: fade(@main-color, 80%);
+ at outline-color: fade(@main-color, 90%);
 @highlight-color: @main-color;
 @hightlight-text: #fff;
diff --git a/skins/chameleon/images/attendee-status.png b/skins/chameleon/images/attendee-status.png
index 86f6f98..c8c04dc 100644
Binary files a/skins/chameleon/images/attendee-status.png and b/skins/chameleon/images/attendee-status.png differ
diff --git a/skins/chameleon/images/buttons.png b/skins/chameleon/images/buttons.png
index d34b64c..ae7d760 100644
Binary files a/skins/chameleon/images/buttons.png and b/skins/chameleon/images/buttons.png differ
diff --git a/skins/chameleon/images/kolab_logo.png b/skins/chameleon/images/kolab_logo.png
index fca9234..c9f668a 100644
Binary files a/skins/chameleon/images/kolab_logo.png and b/skins/chameleon/images/kolab_logo.png differ
diff --git a/skins/chameleon/images/listicons.png b/skins/chameleon/images/listicons.png
index ddf91fe..493b460 100644
Binary files a/skins/chameleon/images/listicons.png and b/skins/chameleon/images/listicons.png differ
diff --git a/skins/chameleon/images/taskmenu.png b/skins/chameleon/images/taskmenu.png
index d16acec..119bfca 100644
Binary files a/skins/chameleon/images/taskmenu.png and b/skins/chameleon/images/taskmenu.png differ
diff --git a/skins/chameleon/styles.less b/skins/chameleon/styles.less
index 88aeb9e..99ea1c7 100644
--- a/skins/chameleon/styles.less
+++ b/skins/chameleon/styles.less
@@ -17,7 +17,7 @@
 body {
 	background: #e7e7e7 url(images/bg.gif) 0 0 repeat-x;
 	color: @text-color;
-	font-family: Brandon Grotesque, Muli, Noto Sans, Montserat, Trebuchet MS, Fira Sans, Lucida Grande, Lucida Sans Unicode, Lucid Sans, Tahoma, sans-serif;
+	font-family: Brandon Grotesque, Muli, Noto Sans, Trebuchet MS, Fira Sans, Lucida Grande, Lucida Sans Unicode, Lucid Sans, Tahoma, sans-serif;
 	font-size: 12px;
 }
 
@@ -201,7 +201,7 @@ body.login #header {
 .ktaskmenu .activetask {
 	display: block;
 	font-size: 15px;
-	font-weight: bold;
+	font-weight: normal;
 	color: #fff;
 	margin: 17px 0 17px 20px;
 	height: 26px;
@@ -270,7 +270,7 @@ body.login #header {
 
 .ktaskmenu .activetask.help,
 .ktaskmenu .button-help .button-inner {
-	background-position: -5px -23px;
+	background-position: -5px -22px;
 }
 
 .ktaskmenu .activetask.calendar,
@@ -319,7 +319,7 @@ body.login #header {
 
 .ktaskmenu .button-help:hover .button-inner,
 .ktaskmenu .button-help:focus .button-inner {
-	background-position: -5px -2816px;
+	background-position: -5px -2815px;
 }
 
 .ktaskmenu .button-calendar:hover .button-inner,
@@ -430,6 +430,7 @@ input.button,
 }
 
 .toolbar a.button {
+	font-weight: normal;
 	text-transform: none;
 }
 
@@ -503,6 +504,10 @@ ul.listing.focus .listitem.focused span {
 	color: @text-color !important;
 }
 
+ul.treelist li.selected a:focus {
+	color: @list-selected-text !important;
+}
+
 .messagelist tr th.threads .listmenu:focus,
 .records-table thead th a:focus,
 .boxfooter a.listbutton:focus,
@@ -662,7 +667,7 @@ input[type="password"],
 #login-form input[type="password"],
 .searchbox input,
 #quicksearchbar input,
-.tagedit-list,
+body .tagedit-list,
 textarea {
 	border-radius: 1px;
 	border: 1px solid #dbdbdb;
@@ -715,6 +720,11 @@ body.iframe .boxtitle,
 #messagepreview .rightcol {
 	background: none;
 	border-radius: 0;
+	padding: 0;
+}
+
+#messagepreview .rightcol {
+	margin-top: 0;
 }
 
 h2.subject,
@@ -818,6 +828,7 @@ ul.toolbarmenu li span.icon,
 .messagelist tr .subject span.forwarded,
 .messagelist tr d.subject span.unreadchildren,
 .messagelist tbody .attachment span.ical,
+.treelist li.contactsearch a,
 #contacts-table td.contact,
 #contacts-table td.contactgroup,
 #compose-contacts li a,
@@ -885,7 +896,10 @@ ul.toolbarmenu li span.icon.tagremoveall {
 	background-position: 4px -730px;
 }
 
-#sections-table #rcmrowserver .section,
+#sections-table #rcmrowserver .section {
+	background-position: 4px -812px;
+}
+
 #sections-table #rcmrowserver.selected .section {
 	background-position: 4px -835px;
 }
@@ -1095,14 +1109,6 @@ body.tasklistview #searchmenulink {
 	top: 0;
 }
 
-ul.treelist li div.treetoggle {
-	background-position: -3px -142px;
-}
-
-ul.treelist li div.treetoggle.expanded {
-	background-position: -3px -166px;
-}
-
 div.calendar-invitebox,
 div.tasklist-invitebox,
 #message-objects div.notice,
@@ -1221,13 +1227,20 @@ a.menuselector .handle {
 #delegatefolders tbody td {
 	border-bottom: 1px solid #ededed;
 	background-color: #f9f9f9;
+	padding: 5px;
+}
+
+#foldersubscriptions td.mailbox {
+	padding-left: 5px;
 }
 
 #foldersubscriptions thead th,
 #delegatefolders thead th {
 	border-bottom: 1px solid #ededed;
-	background-color: @title-background;
-	color: @title-text;
+	background-color: @header-background;
+	color: @header-text;
+	text-transform: uppercase;
+	padding: 5px;
 }
 
 a.menuselector:focus,
@@ -1667,6 +1680,11 @@ input.button.delete:hover {
 	background-color: @focus-color;
 }
 
+.attachmentslist li a,
+#compose-attachments ul li {
+	text-shadow: none;
+}
+
 #taskedit .droptarget.hover,
 #taskedit .droptarget.active,
 #eventedit .droptarget.hover,
@@ -1883,6 +1901,14 @@ input.button.delete:hover {
 	color: @text-color;
 }
 
+#tasklistsbox .treelist li.selected > div span.listname,
+#calendars .treelist li.selected > div span.calname,
+#directorylist li.addressbook.selected > div a,
+.notesview #notebooks li.selected > div .listname,
+#files-folder-list ul li.selected > span.name {
+	color: @list-selected-text !important;
+}
+
 #directorylist li.addressbook.readonly {
 	background-position: 98% -2121px;
 }
@@ -2646,6 +2672,13 @@ div.messagetasklinks::before {
 	background-position: -1px -2693px;
 }
 
+#task-links .attachmentslist li.message.eml,
+#event-links .attachmentslist li.message.eml,
+#taskedit-links .attachmentslist li.message.eml,
+#edit-event-links .attachmentslist li.message.eml {
+	background: url(images/listicons.png) -2px -1294px no-repeat;
+}
+
 
 /*** kolab_files module styles ***/
 
@@ -2784,6 +2817,7 @@ div.foldersblock h3,
 div.subscriptionblock h3 {
 	background-image: url(images/listicons.png);
 	background-repeat: no-repeat;
+	text-transform: uppercase;
 }
 
 div.foldersblock h3.mail,
@@ -3062,6 +3096,7 @@ div.kolabmessagenotes a.kolabnotesref {
 	background: url(images/listicons.png) -2px -1318px no-repeat;
 }
 
+div.messagetasklinks,
 div.kolabmessagenotes {
 	border: 0;
 	background-color: #f9f9f9;
@@ -3075,7 +3110,7 @@ div.kolabmessagenotes {
 }
 
 #settings-sections .activesync.selected a {
-	background-position: 6px -863px;
+	background-position: 6px -887px;
 }
 
 #folder-sync-options {
@@ -3132,98 +3167,98 @@ div.contextmenu ul.iconized li a.compose span.icon,
 div.contextmenu ul.iconized li a.removegroup span.icon,
 div.contextmenu ul.iconized li a.exportalllink span.icon,
 div.contextmenu ul.iconized li a.exportsellink span.icon {
-    background-image: url(images/listicons.png);
+	background-image: url(images/listicons.png);
 }
 
 div.contextmenu ul.iconized li a.readfolder span.icon {
-    background-position: 0px -1220px;
+	background-position: 0px -1220px;
 }
 
 div.contextmenu ul.iconized li a.delete span.icon,
 div.contextmenu ul.iconized li a.cmd_group-delete span.icon,
 div.contextmenu ul.iconized li a.cmd_search-delete span.icon {
-    background-position: 0px -1364px;
+	background-position: 0px -1364px;
 }
 
 div.contextmenu ul.iconized li a.openfolder span.icon {
-    background-position: 0px -1485px;
+	background-position: 0px -1485px;
 }
 
 div.contextmenu ul.iconized li a.reply span.icon {
-    background-position: 0px -2712px;
+	background-position: 0px -2712px;
 }
 
 div.contextmenu ul.iconized li a.reply-all span.icon,
 div.contextmenu ul.iconized li a.replyalllink span.icon,
 div.contextmenu ul.iconized li a.replylistlink span.icon {
-    background-position: 0px -2736px;
+	background-position: 0px -2736px;
 }
 
 div.contextmenu ul.iconized li a.forward span.icon,
 div.contextmenu ul.iconized li a.forwardlink span.icon,
 div.contextmenu ul.iconized li a.forwardattachmentlink span.icon {
-    background-position: 0px -2760px;
+	background-position: 0px -2760px;
 }
 
 ul.rcmcontextmenu .calendar-create-from-mail a span {
-    background-position: 4px -1947px;
+	background-position: 4px -1947px;
 }
 
 ul.rcmcontextmenu .tasklist-create-from-mail a span {
-    background-position: 4px -1971px;
+	background-position: 4px -1971px;
 }
 
 #folder-selector li a span {
-    text-indent: 4px;
-    background-position: 5px -119px;
+	text-indent: 4px;
+	background-position: 5px -119px;
 }
 
 #folder-selector li a.inbox span {
-    background-position: 4px -215px;
+	background-position: 4px -215px;
 }
 
 #folder-selector li a.drafts span {
-    background-position: 4px -263px;
+	background-position: 4px -263px;
 }
 
 #folder-selector li a.sent span {
-    background-position: 4px -311px;
+	background-position: 4px -311px;
 }
 
 #folder-selector li a.junk span {
-    background-position: 4px -359px;
+	background-position: 4px -359px;
 }
 
 #folder-selector li a.trash span {
-    background-position: 4px -407px;
+	background-position: 4px -407px;
 }
 
 #addressbook-selector li a.addressbook span {
-    text-indent: 4px;
-    background-position: 2px -792px;
+	text-indent: 4px;
+	background-position: 2px -792px;
 }
 
 #addressbook-selector li a.contactgroup span {
-    text-indent: 10px;
-    background-position: 10px -1580px;
+	text-indent: 10px;
+	background-position: 10px -1580px;
 }
 
 div.contextmenu ul.iconized li a.compose span.icon {
-    background-position: 0px -1292px;
+	background-position: 0px -1292px;
 }
 
 div.contextmenu ul.iconized li:hover a.active.compose span.icon {
-    background-position: 0px -2829px;
+	background-position: 0px -2829px;
 }
 
 div.contextmenu ul.iconized li a.removegroup span.icon,
 div.contextmenu ul.iconized li a.cmd_book-remove span.icon {
-    background-position: -25px -2670px;
+	background-position: -25px -2670px;
 }
 
 div.contextmenu ul.iconized li a.exportalllink span.icon,
 div.contextmenu ul.iconized li a.exportsellink span.icon {
-    background-position: 0px -2785px;
+	background-position: 0px -2785px;
 }
 
 div.contextmenu ul.iconized li a.cmd_group-create span.icon {
@@ -3231,7 +3266,7 @@ div.contextmenu ul.iconized li a.cmd_group-create span.icon {
 }
 
 div.contextmenu ul.iconized li a.cmd_group-rename span.icon {
-    background-position: 0px -1387px;
+	background-position: 0px -1387px;
 }
 
 div.contextmenu ul.iconized li:hover a.active.cmd_group-rename span.icon {




More information about the commits mailing list