Page MenuHomePhorge
Differential D165 Diff 404 plugins/tasklist/skins/larry/tasklist.css

Changeset View

Standalone View

View Options

plugins/tasklist/skins/larry/tasklist.css

/** /**
* Roundcube Taklist plugin styles for skin "Larry" * Roundcube Taklist plugin styles for skin "Larry"
* *
* Copyright (C) 2012, Kolab Systems AG <contact@kolabsys.com> * Copyright (C) 2012, Kolab Systems AG <contact@kolabsys.com>
* Screendesign by FLINT / Büro für Gestaltung, bueroflint.com * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
* *
* The contents are subject to the Creative Commons Attribution-ShareAlike * The contents are subject to the Creative Commons Attribution-ShareAlike
* License. It is allowed to copy, distribute, transmit and to adapt the work * License. It is allowed to copy, distribute, transmit and to adapt the work
* by keeping credits to the original autors in the README file. * by keeping credits to the original autors in the README file.
* See http://creativecommons.org/licenses/by-sa/3.0/ for details. * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*/ */
#taskbar a.button-tasklist span.button-inner { #taskbar a.button-tasklist span.button-inner {
background-image: url(buttons.png); background-image: url(images/buttons.png);
background-position: 0 0; background-position: 0 0;
} }
#taskbar a.button-tasklist:hover span.button-inner, #taskbar a.button-tasklist:hover span.button-inner,
#taskbar a.button-tasklist.button-selected span.button-inner { #taskbar a.button-tasklist.button-selected span.button-inner {
background-position: 0 -26px; background-position: 0 -26px;
} }
ul.toolbarmenu li span.icon.taskadd, ul.toolbarmenu li span.icon.taskadd,
#attachmentmenu li a.tasklistlink span.icon.taskadd { #attachmentmenu li a.tasklistlink span.icon.taskadd {
background-image: url(buttons.png); background-image: url(images/buttons.png);
background-position: -4px -90px; background-position: -4px -90px;
} }
#taskstoolbar a.button.export {
background-image: url(images/buttons.png);
background-position: center -179px;
min-width: 50px;
max-width: 70px;
}
#taskstoolbar a.button.import {
background-image: url(images/buttons.png);
background-position: center -139px;
}
#taskedit.uidialog, #taskedit.uidialog,
.tasklistview div.uidialog { .tasklistview div.uidialog {
display: none; display: none;
} }
.tasklistview #mainscreen { .tasklistview #mainscreen {
min-width: 1000px !important; min-width: 1000px !important;
min-height: 520px !important; min-height: 520px !important;
▲ Show 20 Lines • Show All 254 Lines • ▼ Show 20 Lines#tasklistsbox .treelist li span.listname {
left: 38px; left: 38px;
right: 40px; right: 40px;
cursor: default; cursor: default;
padding: 0px 30px 2px 2px; padding: 0px 30px 2px 2px;
color: #004458; color: #004458;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
background: url(sprites.png) right 20px no-repeat; background: url(images/sprites.png) right 20px no-repeat;
} }
.quickview-active #tasklistsbox .treelist li input, .quickview-active #tasklistsbox .treelist li input,
.quickview-active #tasklistsbox .treelist li span.listname { .quickview-active #tasklistsbox .treelist li span.listname {
opacity: 0.35; opacity: 0.35;
} }
.quickview-active #tasklistsbox .treelist div.focusview span.listname { .quickview-active #tasklistsbox .treelist div.focusview span.listname {
Show All 28 Lines
#tasklistsbox .treelist div a.remove, #tasklistsbox .treelist div a.remove,
#tasklistsbox .treelist div a.quickview, #tasklistsbox .treelist div a.quickview,
#tasklistsbox .treelist div a.subscribed { #tasklistsbox .treelist div a.subscribed {
display: inline-block; display: inline-block;
width: 16px; width: 16px;
height: 16px; height: 16px;
padding: 0; padding: 0;
margin-right: 4px; margin-right: 4px;
background: url(sprites.png) -200px 0 no-repeat; background: url(images/sprites.png) -200px 0 no-repeat;
overflow: hidden; overflow: hidden;
text-indent: -5000px; text-indent: -5000px;
cursor: pointer; cursor: pointer;
} }
#tasklistsbox .treelist div a.subscribed { #tasklistsbox .treelist div a.subscribed {
position: absolute; position: absolute;
top: 5px; top: 5px;
▲ Show 20 Lines • Show All 103 Lines • ▼ Show 20 Lines#taskstoolbar {
top: -6px; top: -6px;
left: 0; left: 0;
width: 100%; width: 100%;
height: 40px; height: 40px;
white-space: nowrap; white-space: nowrap;
} }
#taskstoolbar a.button.newtask { #taskstoolbar a.button.newtask {
background-image: url(buttons.png); background-image: url(images/buttons.png);
background-position: center -53px; background-position: center -53px;
} }
#quickaddbox { #quickaddbox {
position: absolute; position: absolute;
top: 2px; top: 2px;
left: 0; left: 0;
width: 60%; width: 60%;
▲ Show 20 Lines • Show All 69 Lines • ▼ Show 20 Lines
.buttonbar-right .listmenu { .buttonbar-right .listmenu {
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
} }
.buttonbar-right a.iconbutton { .buttonbar-right a.iconbutton {
padding: 0; padding: 0;
background-image: url(sprites.png); background-image: url(images/sprites.png);
background-position: 0 -238px; background-position: 0 -238px;
} }
.buttonbar-right a.iconbutton.sorting { .buttonbar-right a.iconbutton.sorting {
background-position: -18px -347px; background-position: -18px -347px;
} }
#thelist { #thelist {
Show All 35 Lines.taskitem .childtoggle {
left: -5px; left: -5px;
padding: 2px; padding: 2px;
font-size: 10px; font-size: 10px;
color: #727272; color: #727272;
cursor: pointer; cursor: pointer;
width: 14px; width: 14px;
height: 14px; height: 14px;
background: url(sprites.png) -2px -80px no-repeat; background: url(images/sprites.png) -2px -80px no-repeat;
text-indent: -1000px; text-indent: -1000px;
overflow: hidden; overflow: hidden;
} }
.taskitem .childtoggle.collapsed { .taskitem .childtoggle.collapsed {
background-position: -18px -81px; background-position: -18px -81px;
} }
Show All 32 Lines.taskhead .title {
font-size: 12px; font-size: 12px;
} }
.taskhead .flagged, .taskhead .flagged,
.taskshow.status-flagged h2:after { .taskshow.status-flagged h2:after {
display: inline-block; display: inline-block;
width: 16px; width: 16px;
height: 16px; height: 16px;
background: url(sprites.png) 1000px -3px no-repeat; background: url(images/sprites.png) 1000px -3px no-repeat;
margin: -3px 1em 0 0; margin: -3px 1em 0 0;
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
} }
.taskhead .flagged:focus, .taskhead .flagged:focus,
.taskhead:hover .flagged { .taskhead:hover .flagged {
background-position: -2px -3px; background-position: -2px -3px;
▲ Show 20 Lines • Show All 65 Lines • ▼ Show 20 Lines
.taskhead .actions { .taskhead .actions {
display: block; display: block;
position: absolute; position: absolute;
top: 3px; top: 3px;
right: 6px; right: 6px;
width: 18px; width: 18px;
height: 18px; height: 18px;
background: url(sprites.png) 1000px -80px no-repeat; background: url(images/sprites.png) 1000px -80px no-repeat;
text-indent: -5000px; text-indent: -5000px;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
} }
.taskhead .actions:focus, .taskhead .actions:focus,
.taskhead:hover .actions { .taskhead:hover .actions {
background-position: 0 -80px; background-position: 0 -80px;
Show All 25 Lines.taskhead .progressvalue {
border-top: 1px solid #219de6; border-top: 1px solid #219de6;
} }
ul.toolbarmenu li span.add, ul.toolbarmenu li span.add,
ul.toolbarmenu li span.expand, ul.toolbarmenu li span.expand,
ul.toolbarmenu li span.collapse, ul.toolbarmenu li span.collapse,
ul.toolbarmenu li span.history, ul.toolbarmenu li span.history,
ul.toolbarmenu.iconized .selected span.icon { ul.toolbarmenu.iconized .selected span.icon {
background-image: url(sprites.png); background-image: url(images/sprites.png);
} }
ul.toolbarmenu li span.add { ul.toolbarmenu li span.add {
background-position: 0 -302px; background-position: 0 -302px;
} }
ul.toolbarmenu li span.expand { ul.toolbarmenu li span.expand {
background-position: 0 -258px; background-position: 0 -258px;
▲ Show 20 Lines • Show All 373 Lines • ▼ Show 20 Lines
#task-links .attachmentslist li { #task-links .attachmentslist li {
display: inline-block; display: inline-block;
margin-right: 1em; margin-right: 1em;
} }
#taskedit-links .attachmentslist li.message.eml, #taskedit-links .attachmentslist li.message.eml,
#task-links .attachmentslist li.message.eml { #task-links .attachmentslist li.message.eml {
background-image: url(sprites.png); background-image: url(images/sprites.png);
background-position: -2px -388px; background-position: -2px -388px;
} }
#taskedit-links .attachmentslist li.message a.messagelink, #taskedit-links .attachmentslist li.message a.messagelink,
#task-links .attachmentslist li.message a.messagelink { #task-links .attachmentslist li.message a.messagelink {
padding: 0 0 0 24px; padding: 0 0 0 24px;
} }
▲ Show 20 Lines • Show All 232 Lines • ▼ Show 20 Lines
div.messagetasklinks::before { div.messagetasklinks::before {
content: " "; content: " ";
position: absolute; position: absolute;
top: 4px; top: 4px;
left: 8px; left: 8px;
width: 18px; width: 18px;
height: 18px; height: 18px;
background: url(buttons.png) -6px -115px no-repeat; background: url(images/buttons.png) -6px -115px no-repeat;
} }
div.messagetasklinks ul.tasklist { div.messagetasklinks ul.tasklist {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
▲ Show 20 Lines • Show All 89 Lines • Show Last 20 Lines