skins/chameleon
Thomas Brüderli
bruederli at kolabsys.com
Tue Jan 6 17:35:35 CET 2015
skins/chameleon/images/attendee-status.png |binary
skins/chameleon/images/buttons.png |binary
skins/chameleon/images/listicons.png |binary
skins/chameleon/styles.less | 291 +++++++++++++++++++++++------
4 files changed, 239 insertions(+), 52 deletions(-)
New commits:
commit 9a737103bc7bd92269666f164875caf597f3289d
Author: Thomas Bruederli <bruederli at kolabsys.com>
Date: Tue Jan 6 17:35:28 2015 +0100
Add missing icons and styles for tasks and notes modules (#4065); render tasks list according to design templates
diff --git a/skins/chameleon/images/attendee-status.png b/skins/chameleon/images/attendee-status.png
new file mode 100644
index 0000000..86f6f98
Binary files /dev/null and b/skins/chameleon/images/attendee-status.png differ
diff --git a/skins/chameleon/images/buttons.png b/skins/chameleon/images/buttons.png
index cd6cf20..d34b64c 100644
Binary files a/skins/chameleon/images/buttons.png and b/skins/chameleon/images/buttons.png differ
diff --git a/skins/chameleon/images/listicons.png b/skins/chameleon/images/listicons.png
index 5dbf8e8..1faf322 100644
Binary files a/skins/chameleon/images/listicons.png and b/skins/chameleon/images/listicons.png differ
diff --git a/skins/chameleon/styles.less b/skins/chameleon/styles.less
index d3455ab..3372c45 100644
--- a/skins/chameleon/styles.less
+++ b/skins/chameleon/styles.less
@@ -290,7 +290,12 @@ body.login #header {
.ktaskmenu .activetask.notes,
.ktaskmenu .button-notes .button-inner {
- background-position: -4px -2582px;
+ background-position: -4px -2742px;
+}
+
+.ktaskmenu .activetask.files,
+.ktaskmenu .button-files .button-inner {
+ background-position: -4px -2767px;
}
.ktaskmenu .button-logout .button-inner {
@@ -299,62 +304,47 @@ body.login #header {
.ktaskmenu .button-logout:hover .button-inner,
.ktaskmenu .button-logout:focus .button-inner {
- background-position: -5px -2944px;
+ background-position: -5px -2983px;
}
.ktaskmenu .button-mail:hover .button-inner,
.ktaskmenu .button-mail:focus .button-inner {
- background-position: -4px -2636px;
+ background-position: -4px -2792px;
}
.ktaskmenu .button-addressbook:hover .button-inner,
.ktaskmenu .button-addressbook:focus .button-inner {
- background-position: -4px -2683px;
+ background-position: -4px -2839px;
}
.ktaskmenu .button-help:hover .button-inner,
.ktaskmenu .button-help:focus .button-inner {
- background-position: -5px -2660px;
+ background-position: -5px -2816px;
}
.ktaskmenu .button-calendar:hover .button-inner,
.ktaskmenu .button-calendar:focus .button-inner {
- background-position: -4px -2779px;
+ background-position: -4px -2935px;
}
.ktaskmenu .button-tasklist:hover .button-inner,
.ktaskmenu .button-tasklist:focus .button-inner {
- background-position: -4px -2707px;
+ background-position: -4px -2863px;
}
.ktaskmenu .button-settings:hover .button-inner,
.ktaskmenu .button-settings:focus .button-inner {
- background-position: -5px -2732px;
+ background-position: -5px -2888px;
}
.ktaskmenu .button-notes:hover .button-inner,
.ktaskmenu .button-notes:focus .button-inner {
- background-position: -5px -2755px;
-}
-
-#ktaskpopup a.button-files .button-inner {
- display: block;
- margin: 0;
- height: 18px;
- padding: 6px 8px 1px 30px;
- background-image: url(images/listicons.png);
- background-repeat: no-repeat;
- background-position: -2px 2px;
+ background-position: -5px -2911px;
}
-#ktaskpopup a.button-files:hover .button-inner,
-#ktaskpopup a.button-files:focus .button-inner {
- background-position: -2px -46px;
-}
-
-.ktaskmenu .activetask.files {
- background-image: url(images/listicons.png);
- background-position: -1px 2px;
+.ktaskmenu .button-files:hover .button-inner,
+.ktaskmenu .button-files:focus .button-inner {
+ background-position: -5px -2959px;
}
.ktaskmenu .dropdownhandle {
@@ -795,6 +785,8 @@ h3.subject {
#directorylist li a,
ul.toolbarmenu li span.icon,
#rcmKSearchpane ul li i.icon,
+#rcmKSearchpane ul li.resource i.icon,
+#rcmKSearchpane ul li.collection i.icon,
.folderlist li.mailbox a,
.folderlist li.mailbox div.collapsed,
.folderlist li.mailbox div.expanded,
@@ -833,7 +825,10 @@ ul.toolbarmenu li span.icon,
#settings-sections .tablink a,
ul.treelist li div.treetoggle,
ul.toolbarmenu li span.icon.taskadd,
-ul.toolbarmenu li .appendnote span.icon {
+ul.toolbarmenu li .appendnote span.icon,
+ul.toolbarmenu li span.icon.tagadd,
+ul.toolbarmenu li span.icon.tagremove,
+ul.toolbarmenu li span.icon.tagremoveall {
background-image: url(images/listicons.png);
}
@@ -908,6 +903,27 @@ ul.toolbarmenu li span.icon.print {
background-position: -1px -3003px;
}
+ul.toolbarmenu li span.icon.tagadd {
+ background-position: 0 -3190px;
+}
+ul.toolbarmenu li:hover span.icon.tagadd {
+ background-position: 0 -3350px;
+}
+
+ul.toolbarmenu li span.icon.tagremove {
+ background-position: 0 -3210px;
+}
+ul.toolbarmenu li:hover span.icon.tagremove {
+ background-position: 0 -3270px;
+}
+
+ul.toolbarmenu li span.icon.tagremoveall {
+ background-position: 0 -3230px;
+}
+ul.toolbarmenu li:hover span.icon.tagremoveall {
+ background-position: 0 -3290px;
+}
+
ul.toolbarmenu li:hover a.active span.icon.download {
background-position: 0 -2978px;
}
@@ -985,6 +1001,18 @@ ul.toolbarmenu li:hover a.active span.icon.move {
background-position: -2px -3141px;
}
+#rcmKSearchpane ul li.group i.icon {
+ background-position: -2px -3165px;
+}
+
+#rcmKSearchpane ul li.resource i.icon {
+ background-position: -2px -3312px;
+}
+
+#rcmKSearchpane ul li.collection i.icon {
+ background-position: -2px -3336px;
+}
+
a.iconlink,
a.iconbutton,
a.deletebutton,
@@ -1057,12 +1085,18 @@ ul.treelist li div.treetoggle.expanded {
div.calendar-invitebox,
div.tasklist-invitebox,
#message-objects div.notice,
+.task-dialog-message,
.event-dialog-message,
.event-update-confirm .message {
border: 0;
background-color: #fefba2;
}
+#edit-attendees-notify,
+.event-dialog-message,
+.event-update-confirm .message {
+ padding: 1em;
+}
/*** form styles ***/
@@ -1767,15 +1801,15 @@ input.button.delete:hover {
/*** help plugin styles ***/
.toolbar a.button.help {
- background: url(images/buttons.png) center -2814px;
+ background: url(images/buttons.png) center -2622px;
}
.toolbar a.button.about {
- background: url(images/buttons.png) center -2855px;
+ background: url(images/buttons.png) center -2662px;
}
.toolbar a.button.license {
- background: url(images/buttons.png) center -2898px;
+ background: url(images/buttons.png) center -2702px;
}
/*** kolab folder styles ***/
@@ -2208,6 +2242,24 @@ input.button.delete:hover {
padding: 4px;
}
+#event-partstat .changersvp,
+#task-partstat .changersvp,
+.task-attendees span.attendee,
+.event-attendees span.attendee,
+.edit-attendees-table td.confirmstate span,
+div.calendar-invitebox .rsvp-status.declined,
+div.calendar-invitebox .rsvp-status.tentative,
+div.calendar-invitebox .rsvp-status.accepted,
+div.calendar-invitebox .rsvp-status.delegated,
+div.calendar-invitebox .rsvp-status.needs-action,
+div.tasklist-invitebox .rsvp-status.declined,
+div.tasklist-invitebox .rsvp-status.tentative,
+div.tasklist-invitebox .rsvp-status.accepted,
+div.tasklist-invitebox .rsvp-status.delegated,
+div.tasklist-invitebox .rsvp-status.needs-action {
+ background-image: url(images/attendee-status.png);
+}
+
.attendees-list .attendee,
.event-attendees span.organizer {
background: url(images/listicons.png) 0 -2040px no-repeat;
@@ -2288,6 +2340,7 @@ div.calendar-invitebox .folder-select {
padding: 6px 0;
}
+
/*** tasklist module styles ***/
#tasksview,
@@ -2295,11 +2348,119 @@ div.calendar-invitebox .folder-select {
background: #fff;
}
+#thelist {
+ margin: 1em 0 0 0;
+}
+
+.taskitem {
+ margin: 0;
+ border-top: 1px solid #ededed;
+}
+
+#thelist > .taskitem:last-child {
+ border-bottom: 1px solid #ededed;
+}
+
+.taskitem .childtasks {
+ margin-top: 0;
+}
+
.taskhead {
+ margin: 0;
+ padding: 10px 10px 10px 32px;
+ height: 34px;
+ z-index: 0;
+ box-sizing: border-box;
+ border: 0;
box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0;
- border: 1px solid #ededed;
+}
+
+.taskitem ul li .taskhead {
+ border-left: 1px solid #ededed;
+}
+
+.taskhead .tags {
+ top: 9px;
+}
+
+.taskhead .date {
+ top: 10px;
+}
+
+.taskhead .actions {
+ top: 7px;
+}
+
+.taskhead .progressbar {
+ left: 32px;
+ bottom: 4px;
+}
+
+.taskhead .progressvalue {
+ border-top: 2px solid @main-color;
+}
+
+.taskhead .flagged,
+.taskhead .complete {
+ margin-right: 8px;
+}
+
+.taskhead .flagged {
+ background: url(images/listicons.png) -500px 0 no-repeat;
+}
+
+.taskhead .flagged:focus,
+.taskhead:hover .flagged {
+ background-position: -23px -1076px;
+}
+
+.taskhead.flagged .flagged {
+ background-position: 0 -1036px;
+}
+
+.taskitem .childtoggle {
+ top: 0;
+ left: 0;
+ z-index: 2;
+ padding: 0;
+ width: 20px;
+ height: 35px;
+ background: #828282;
+}
+
+.taskitem .childtoggle:after {
+ content: "";
+ display: block;
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ background: url(images/listicons.png) 0px -3404px no-repeat;
+}
+
+.taskitem .childtoggle.collapsed:after {
+ background-position: 0px -3384px;
+}
+
+.taskhead:focus, .taskhead.droptarget {
+ border-color: @outline-color !important;
+ box-shadow: 0 0 0 2px @focus-color inset;
+}
+
+.taskhead .actions,
+#tasksview .buttonbar-right a.iconbutton {
+ background: url(images/buttons.png) -500px 0 no-repeat;
+}
+
+.taskhead .actions:focus,
+.taskhead:hover .actions,
+#tasksview .buttonbar-right a.iconbutton {
+ background-position: -28px -456px;
+}
+
+#tasksview .buttonbar-right a.iconbutton.sorting {
+ background: url(images/listicons.png) -2px -3360px no-repeat;
}
#quickaddbox {
@@ -2326,22 +2487,31 @@ div.calendar-invitebox .folder-select {
.tasklistview ul.toolbarmenu li span.expand,
.tasklistview ul.toolbarmenu li span.collapse {
background-image: url(images/listicons.png);
- background-position: 0 -2508px;
+ background-position: -2px -2510px;
}
.tasklistview ul.toolbarmenu li span.collapse {
- background-position: 0 -2532px;
+ background-position: -2px -2534px;
}
#tagslist li.selected,
-#taskselector li.selected a {
+#taskselector li.selected a,
+.tagedit span.tag-element,
+.tagedit-list li.tagedit-listelement-old {
background: @main-color;
border-color: transparent;
border-radius: 2px;
box-shadow: none;
-webkit-box-shadow: none;
- padding: 0.4em 0.6em;
- color: #fff;
+ color: @hightlight-text;
+}
+
+.tagedit-list li.tagedit-listelement-old a.tagedit-close {
+ background: url(images/buttons.png) -7px -3010px no-repeat;
+}
+
+.tagedit span.tag-element.inherit {
+ border-color: transparent;
}
#taskselector li.inactive a {
@@ -2349,7 +2519,7 @@ div.calendar-invitebox .folder-select {
}
#taskselector li .count {
- background: @main-color;
+ background: #3a3a3a;
box-shadow: none;
-webkit-box-shadow: none;
}
@@ -2359,7 +2529,7 @@ div.calendar-invitebox .folder-select {
}
#taskselector li .count:after {
- border-color: @main-color transparent;
+ border-color: #3a3a3a transparent;
}
#taskselector li.overdue .count:after {
@@ -2383,14 +2553,18 @@ div.calendar-invitebox .folder-select {
font-weight: bold;
}
+#taskselector li a {
+ color: #3a3a3a;
+}
+
.tagcloud li.inactive {
color: lighten(@text-color, 30%);
}
.tag-draghelper .tag,
.taskhead .tags .tag {
- color: #fff;
- background: @main-color;
+ color: #000;
+ background: #e7e7e7;
border: none;
}
@@ -2406,21 +2580,17 @@ div.calendar-invitebox .folder-select {
background: #eaeaea;
}
+#rootdroppable.droptarget {
+ background: @outline-color;
+ box-shadow: none;
+ -webkit-box-shadow: none;
+}
+
div.messagetasklinks::before {
background-image: url(images/listicons.png);
background-position: -1px -2693px;
}
-/*
-#thelist {
- margin: 0;
-}
-
-.taskitem {
- margin-bottom: 0;
- border-bottom: 1px solid #ededed;
-}
-*/
/*** kolab_files module styles ***/
@@ -2812,7 +2982,7 @@ div.actionrow:hover {
.notesview #notestoolbar a.button.createnote {
background-image: url(images/buttons.png);
- background-position: center -2608px;
+ background-position: center -2584px;
}
.notesview #notestoolbar a.button.sendnote {
@@ -2820,6 +2990,23 @@ div.actionrow:hover {
background-position: left -650px;
}
+.notesview .attachmentslist li.message.eml {
+ background: url(images/listicons.png) -2px -1290px no-repeat;
+}
+
+.notesview .boxpagenav a.icon.sortoptions {
+ background: url(images/listicons.png) -2px -3362px no-repeat;
+}
+
+div.kolabmessagenotes a.kolabnotesref {
+ background: url(images/listicons.png) -2px -1318px no-repeat;
+}
+
+div.kolabmessagenotes {
+ border: 0;
+ background-color: #f9f9f9;
+}
+
/*** Kolab ActiveSync plugin ***/
More information about the commits
mailing list