diff options
| author | Tristan Zur <tzur@web.web.ccwn.org> | 2014-03-27 22:27:47 +0100 |
|---|---|---|
| committer | Tristan Zur <tzur@web.web.ccwn.org> | 2014-03-27 22:27:47 +0100 |
| commit | b62676ca5d3d6f6ba3f019ea3f99722e165a98d8 (patch) | |
| tree | 86722cb80f07d4569f90088eeaea2fc2f6e2ef94 /webmail/skins | |
Diffstat (limited to 'webmail/skins')
190 files changed, 14668 insertions, 0 deletions
diff --git a/webmail/skins/classic/README b/webmail/skins/classic/README new file mode 100644 index 0000000..ba690d7 --- /dev/null +++ b/webmail/skins/classic/README @@ -0,0 +1,23 @@ +ROUNDCUBE WEBMAIL DEFAULT SKIN +============================== + +This skin package contains the current development theme of the Roundcube +Webmail software. It can be used, modified and redistributed according to +the terms described in the LICENSE section. + +For information about building or modifiying Roundcube skins please visit +http://trac.roundcube.net/wiki/Doc_Skins + +The theme uses icons originally designed by Stephen Horlander and Kevin Gerich +for Mozilla.org. In case of redistribution giving credit to these artwork +creators is mandatory. + + +LICENSE +------- +The contents of this folder are subject to the Creative Commons +Attribution-ShareAlike License. It is allowed to copy, distribute, +transmit and to adapt the work by keeping credits to the original +autors in the README file. +See http://creativecommons.org/licenses/by-sa/3.0/ for details. + diff --git a/webmail/skins/classic/addressbook.css b/webmail/skins/classic/addressbook.css new file mode 100644 index 0000000..10690f9 --- /dev/null +++ b/webmail/skins/classic/addressbook.css @@ -0,0 +1,413 @@ +/***** Roundcube|Mail address book task styles *****/ + +#abooktoolbar +{ + position: absolute; + top: 45px; + left: 225px; + height: 35px; +} + +#abooktoolbar a +{ + padding-right: 10px; +} + +#abooktoolbar a.button, +#abooktoolbar a.buttonPas, +#abooktoolbar span.separator { + display: block; + float: left; + width: 32px; + height: 32px; + padding: 0; + margin: 0 5px; + overflow: hidden; + background: url(images/abook_toolbar.png?v=025d.15594) 0 0 no-repeat transparent; + opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ +} + +#abooktoolbar a.buttonPas { + opacity: 0.35; +} + +#abooktoolbar a.addcontactSel { + background-position: 0 -32px; +} + +#abooktoolbar a.compose { + background-position: -32px 0; +} + +#abooktoolbar a.composeSel { + background-position: -32px -32px; +} + +#abooktoolbar a.delete { + background-position: -64px 0; +} + +#abooktoolbar a.deleteSel { + background-position: -64px -32px; +} + +#abooktoolbar a.import { + background-position: -96px 0; +} + +#abooktoolbar a.importSel { + background-position: -96px -32px; +} + +#abooktoolbar a.export { + background-position: -128px 0; +} + +#abooktoolbar a.exportSel { + background-position: -128px -32px; +} + +#abooktoolbar span.separator { + width: 5px; + background-position: -162px 0; +} + +#abooktoolbar a.search { + background-position: -170px 0; +} + +#abooktoolbar a.searchSel { + background-position: -170px -32px; +} + +#abookcountbar +{ + margin-top: 4px; + margin-left: 4px; + min-width: 250px; +} + +#addressscreen +{ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 205px; +} + +#directorylistbox +{ + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 195px; + border: 1px solid #999999; + background-color: #F9F9F9; + overflow: hidden; +} + +#directorylistbox input +{ + margin: 0px; + font-size: 11px; + width: 90%; +} + +#addresslist +{ + position: absolute; + top: 0; + bottom: 0; + border: 1px solid #999999; + background-color: #F9F9F9; + overflow: hidden; +} + +#contactgroupslist +{ + border-top: 1px solid #999; +} + +#addresslist +{ + left: 0px; + width: 280px; +} + +#directorylist +{ + list-style: none; + margin: 0; + padding: 0; + background-color: #FFFFFF; +} + +#directorylist li +{ + display: block; + font-size: 11px; + background: url(images/icons/folders.png?v=87af.4822) 5px -108px no-repeat; + border-bottom: 1px solid #EBEBEB; + white-space: nowrap; +} + +#directorylist li a +{ + cursor: default; + display: block; + padding-left: 25px; + padding-top: 2px; + padding-bottom: 2px; + text-decoration: none; + white-space: nowrap; +} + +#directorylist li.contactgroup +{ + padding-left: 15px; + background-position: 20px -143px; +} + +#directorylist li.contactsearch +{ + background-position: 6px -162px; +} + +#directorylist li.selected +{ + background-color: #929292; + border-bottom: 1px solid #898989; +} + +#directorylist li.selected a +{ + color: #FFF; + font-weight: bold; +} + +#directorylist li.droptarget +{ + background-color: #FFFFA6; +} + +#contacts-table +{ + width: 100%; + table-layout: fixed; +} + +#contacts-table tbody td +{ + cursor: default; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; +} + +#contacts-box +{ + position: absolute; + top: 0px; + left: 290px; + right: 0px; + bottom: 0px; + border: 1px solid #999999; + overflow: hidden; +} + +body.iframe, +#contact-frame +{ + background-color: #F2F2F2; + border: none; + min-height: 100%; /* Chrome 14 bug */ +} + +#contacttabs +{ + position: relative; + padding-bottom: 12px; +} + +#contacttabs div.tabsbar { + top: 0; + left: 2px; +} + +#contacttabs fieldset.tabbed { + position: relative; + top: 22px; + min-height: 5em; +} + +#contacthead +{ + margin-bottom: 1em; + border: 0; + padding: 0; +} + +#contacthead .names span.namefield, +#contacthead .names input +{ + font-size: 140%; +} + +#contacthead .displayname span.namefield +{ + font-size: 120%; +} + +#contacthead span.nickname:before, +#contacthead span.nickname:after, +#contacthead input.ff_nickname:before, +#contacthead input.ff_nickname:after +{ + content: '"'; +} + +#contacthead input +{ + margin-right: 6px; + margin-bottom: 0.2em; +} + +#contacthead .names input, +#contacthead .addnames input +{ + width: 180px; +} + +#contacthead input.ff_prefix, +#contacthead input.ff_suffix +{ + width: 90px; +} + +#contacthead .addnames input.ff_name +{ + width: 374px; +} + +#contactphoto +{ + float: right; + width: 60px; + margin-left: 3em; + margin-right: 4px; +} + +#contactpic +{ + width: 60px; + min-height: 60px; + border: 1px solid #ccc; + background: white; +} + +#contactpic img { + width: 60px; +} + +#contactpic.droptarget.hover { + background-color: #f0f0ee; + box-shadow: 0 0 5px 0 #999; + -moz-box-shadow: 0 0 5px 0 #999; + -o-box-shadow: 0 0 5px 0 #999; +} + +#contactphoto .formlinks +{ + margin-top: 0.5em; + text-align: center; +} + +fieldset.contactfieldgroup +{ + border: 0; + margin: 0.5em 0; + padding: 0.2em 2px; +} + +fieldset.contactfieldgroupmulti +{ + padding: 0.5em 2px; +} + +fieldset.contactfieldgroup legend +{ + font-size: 0.9em; +} + +.contactfieldgroup .row +{ + position: relative; + margin: 0.2em 0; +} + +.contactfieldgroup .contactfieldlabel +{ + position: absolute; + top: 0; + left: 2px; + width: 110px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: #666; + font-weight: bold; +} + +.contactfieldgroup .contactfieldlabel select +{ + width: 100%; + background: none; + border: 0; + color: #666; + font-weight: bold; + padding-left: 0; +} + +.contactfieldgroup .contactfieldcontent +{ + padding-left: 120px; + min-height: 1em; + line-height: 1.3em; +} + +.contactfieldgroup .contactfield { + line-height: 1.3em; +} + +.contactcontrolleraddress .contactfieldcontent input { + margin-bottom: 0.1em; +} + +.contactfieldcontent .contactfieldbutton { + vertical-align: middle; + margin-left: 0.5em; +} + +#upload-form +{ + padding: 6px; +} + +#upload-form div +{ + padding: 2px; +} + +#sourcename +{ + color: #666; + font-size: 10px; + margin: -5px 0 8px 2px; +} + +#contact-title +{ + /* fixes issue where tabs were overlapping box title when scrolling */ + z-index: 10; +} diff --git a/webmail/skins/classic/common.css b/webmail/skins/classic/common.css new file mode 100644 index 0000000..0eff17c --- /dev/null +++ b/webmail/skins/classic/common.css @@ -0,0 +1,998 @@ +/***** Roundcube|Mail basic styles *****/ + +body +{ + font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + margin: 8px; + background-color: #F6F6F6; + color: #000; + font-size: 12px; +} + +body.iframe +{ + margin: 20px 0 0 0; + background-color: #FFF; +} + +body.extwin +{ + margin: 10px; +} + +td, th, div, p, select, input, textarea +{ + font-size: 12px; + font-family: inherit; +} + +th +{ + font-weight: normal; +} + +h3 +{ + font-size: 18px; +} + +a, a:active, a:visited +{ + color: #000; + outline: none; +} + +a.button, a.button:visited, a.tab, a.tab:visited, a.axislist +{ + color: #000; + text-decoration: none; +} + +a.tab +{ + width: 80px; + display: block; + text-align: center; +} + +hr +{ + height: 1px; + background-color: #666; + border-style: none; +} + +input[type="text"], +input[type="button"], +input[type="password"], +textarea +{ + border: 1px solid #666; + color: #333; + background-color: #FFF; +} + +input, textarea +{ + color: black; + padding: 1px 3px; +} + +input.placeholder, +textarea.placeholder, +input:-moz-placeholder, +textarea:-moz-placeholder +{ + color: #aaa; +} + +input.button +{ + height: 20px; + color: #333333; + font-size: 12px; + padding-left: 8px; + padding-right: 8px; + background: url(images/buttons/bg.gif?v=30b2.196) repeat-x #f0f0f0; + border: 1px solid #a4a4a4; +} + +input.button:hover +{ + color: black; +} + +input.button[disabled], +input.button[disabled]:hover +{ + color: #aaa; + border-color: #ccc; +} + +input.mainaction +{ + font-weight: bold; + border: 1px solid #999; +} + +img +{ + border: 0; +} + +.alttext +{ + font-size: 11px; +} + +.hint +{ + color: #666; + font-size: 11px; +} + +.formlinks a, +.formlinks a:visited +{ + color: #CC0000; + font-size: 11px; + text-decoration: none; +} + +.formlinks a.disabled, +.formlinks a.disabled:visited +{ + color: #999999; +} + +/* fixes vertical alignment of checkboxes and labels */ +label input, +label span +{ + vertical-align: middle; +} + + +/** common user interface objects */ + +#mainscreen +{ + position: absolute; + top: 85px; + right: 20px; + bottom: 20px; + left: 20px; +} + +.extwin #mainscreen +{ + top: 43px; +} + +body > #logo +{ + margin-left: 12px; + cursor: pointer; +} + +#taskbar +{ + position: absolute; + top: 0px; + right: 0px; + height: 24px; + left: 250px; + background: url(images/taskbar.png?v=3878.1902) top right no-repeat; + padding: 10px 6px 5px 0px; + text-align: right; + white-space: nowrap; + z-index: 2; +} + +#taskbar a +{ + font-size: 11px; + color: #666666; + text-decoration: none; + padding: 6px 12px 6px 26px; + background: url(images/taskicons.gif?v=b8e0.1519) no-repeat; +} + +#taskbar a:hover +{ + color: #333333; +} + +#taskbar a.button-mail +{ + background-position: 0 0; +} + +#taskbar a.button-addressbook +{ + background-position: 0 -25px; +} + +#taskbar a.button-settings +{ + background-position: 0 -50px; +} + +#taskbar a.button-logout +{ + background-position: 0 -75px; +} + +body > #message +{ + position: absolute; + display: none; + top: -1px; + margin-left: -225px; + left: 50%; + z-index: 5000; + opacity: 0.85; +} + +body > #message div +{ + width: 400px; + margin: 0px; + min-height: 22px; + padding: 8px 10px 8px 46px; +} + +body > #message div.notice, +body > #messagebody .part-notice, +#message-objects div.notice +{ + background: url(images/display/icons.png?v=e866.4201) 6px 3px no-repeat; + background-color: #F7FDCB; + border: 1px solid #C2D071; +} + +body > #message div.error, +body > #message div.warning, +#message-objects div.warning, +#message-objects div.error +{ + background: url(images/display/icons.png?v=e866.4201) 6px -97px no-repeat; + background-color: #EF9398; + border: 1px solid #DC5757; +} + +body > #message div.confirmation, +#message-objects div.confirmation +{ + background: url(images/display/icons.png?v=e866.4201) 6px -47px no-repeat; + background-color: #A6EF7B; + border: 1px solid #76C83F; +} + +body > #message div.loading, +#message-objects div.loading +{ + background: url(images/display/loading.gif?v=9bae.2710) 6px 3px no-repeat; + background-color: #EBEBEB; + border: 1px solid #CCCCCC; +} + +body > #message a +{ + cursor: pointer; + text-decoration: underline; +} + +.box +{ + border: 1px solid #999; +} + +.boxtitle +{ + height: 12px !important; + padding: 2px 10px 5px 5px; + border-bottom: 1px solid #999; + color: #333; + font-size: 11px; + font-weight: bold; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + white-space: nowrap; + background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC; +} + +.boxtitle .rightalign +{ + float: right; +} + +body.iframe .boxtitle +{ + position: fixed; + top: 0; + left: 0; + width: 100%; +} + +.boxcontent +{ + padding: 15px 10px 10px 10px; + background-color: #F2F2F2; +} + +.boxcontent table td.title +{ + color: #666; + padding-right: 10px; +} + +.boxlistcontent +{ + position: absolute; + top: 20px; + bottom: 22px; + left: 0; + right: 0; + width: 100%; + overflow-y: auto; + overflow-x: hidden; +} + +.boxsubject +{ + position: absolute; + top: 0px; + left: 0px; + right: 0px; + overflow: hidden; + height: 22px; + border-bottom: 1px solid #999; + background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC; +} + +.boxfooter +{ + position: absolute; + bottom: 0px; + left: 0px; + right: 0px; + overflow: hidden; + height: 22px; + border-top: 1px solid #999; + background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC; +} + +.boxfooter a.button, +.boxfooter a.buttonPas +{ + display: block; + float: left; + width: 34px; + height: 22px; + padding: 0px; + margin: 0; + overflow: hidden; + background: url(images/icons/groupactions.png?v=ace6.1092) 0 0 no-repeat transparent; + opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ +} + +.boxfooter a.groupactions +{ + background-position: 0 -26px; +} + +.boxfooter a.delgroup { + background-position: 0 -49px; +} + +.boxfooter a.buttonPas +{ + opacity: 0.35; +} + +.pagenav span +{ + color: #444; + font-size: 11px; + text-shadow: white 1px 1px; + white-space: nowrap; +} + +.pagenav a.button, +.pagenav a.buttonPas +{ + display: block; + float: left; + width: 11px; + height: 11px; + padding: 0; + margin: 1px; + margin-top: 2px; + overflow: hidden; + background: url(images/pagenav.gif?v=2e75.355) 0 0 no-repeat transparent; + opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ +} + +.pagenav a.buttonPas { + opacity: 0.35; +} + +.pagenav a.firstpageSel { + background-position: 0 -11px; +} + +.pagenav a.prevpage { + background-position: -11px 0; +} + +.pagenav a.prevpageSel { + background-position: -11px -11px; +} + +.pagenav a.nextpage { + background-position: -22px 0; +} + +.pagenav a.nextpageSel { + background-position: -22px -11px; +} + +.pagenav a.lastpage { + background-position: -33px 0; +} + +.pagenav a.lastpageSel { + background-position: -33px -11px; +} + +.splitter +{ + user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + position: absolute; + background: url(images/dimple.png?v=42a0.158) center no-repeat; +} + +.splitter-h +{ + cursor: n-resize; cursor: row-resize; + background-position: center 2px; +} + +.splitter-v +{ + cursor: e-resize; cursor: col-resize; + background-position: 2px center; +} + +.popupmenu +{ + position: absolute; + top: 32px; + left: 90px; + width: auto; + display: none; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.95); + border: 1px solid #999; + padding: 4px; + z-index: 240; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -moz-box-shadow: 1px 1px 12px #999; + -webkit-box-shadow: #999 1px 1px 12px; +} + +.popupmenu ul +{ + margin: -4px 0; + padding: 0; + list-style: none; +} + +.popupmenu ul li +{ + font-size: 11px; + white-space: nowrap; + min-width: 100px; + margin: 3px -4px; +} + +.popupmenu li a +{ + display: block; + color: #a0a0a0; + padding: 2px 10px; + text-decoration: none; + min-height: 14px; + background: transparent; +} + +.popupmenu li a.active, +.popupmenu li a.active:active, +.popupmenu li a.active:visited +{ + color: #333; +} + +.popupmenu li a.active:hover, +.popupmenu.selectable li a.selected:hover +{ + color: #fff; + background-color: #c00; +} + +.popupmenu li.block input +{ + float: left; +} + +.popupmenu.selectable li a.selected +{ + background: url(images/messageicons.png?v=9df0.3673) 2px -372px no-repeat; +} + +.popupmenu.selectable li a +{ + padding-left: 20px; +} + +.darkbg +{ + background-color: #F2F2F2 !important; +} + +.dropbutton, +.dropbutton span +{ + float: left; + height: 32px; +} + +.dropbutton:hover +{ +/* background: url(images/dbutton.png?v=7bba.240) 0 0 no-repeat transparent; */ +} + +.dropbutton span +{ + width: 9px; + background: url(images/dbutton.png?v=7bba.240) -53px 0 no-repeat transparent; +} + +.dropbutton span:hover +{ + cursor: pointer; + background-position: -74px 0; +} + +img.uploading +{ + width: 16px; + height: 16px; +} + +/***** common table settings ******/ + +table.records-table thead tr td +{ + height: 20px; + padding: 0px 4px 0px 4px; + vertical-align: middle; + border-bottom: 1px solid #999999; + color: #333333; + background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC; + font-size: 11px; + font-weight: bold; +} + +table.records-table tbody tr td +{ + height: 16px; + padding: 2px 4px 2px 4px; + font-size: 11px; + white-space: nowrap; + border-bottom: 1px solid #EBEBEB; + overflow: hidden; + text-align: left; +} + +table.records-table tr +{ + background-color: #FFFFFF; +} + +table.records-table tr.selected td +{ + color: #FFFFFF; + background-color: #CC3333; +} + +table.records-table tr.focused td +{ +} + +table.records-table tr.unfocused td +{ + color: #FFFFFF; + background-color: #929292; +} + + +/***** mac-style quicksearch field *****/ + +#quicksearchbar +{ + position: absolute; + top: 55px; + right: 10px; + width: 190px; + height: 20px; + text-align: right; + background: url(images/searchfield.gif?v=aaf8.313) top left no-repeat; +} + +#searchreset +{ + position: absolute; + top: 3px; + right: 12px; + text-decoration: none; +} + +#searchmenulink +{ + position: absolute; + top: 3px; + right: 168px; +} + +#quicksearchbar img +{ + vertical-align: middle; +} + +#quicksearchbox +{ + position: absolute; + top: 2px; + left: 24px; + width: 140px; + height: 15px; + font-size: 11px; + padding: 0px; + border: none; +} + +/***** roundcube webmail pre-defined classes *****/ + +#rcmversion +{ + position: absolute; + bottom: 10px; + right: 20px; + text-align: right; + white-space: nowrap; + font-size: 8pt; + color: #999; +} + +#rcmdraglayer +{ + min-width: 300px; + width: auto !important; + width: 300px; + border: 1px solid #999999; + background-color: #fff; + padding-left: 8px; + padding-right: 8px; + padding-top: 3px; + padding-bottom: 3px; + font-size: 11px; + white-space: nowrap; + opacity: 0.82; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -moz-box-shadow: 1px 1px 12px #999; + -webkit-box-shadow: #999 1px 1px 12px; +} + +.draglayercopy:before +{ + position: absolute; + bottom: -5px; + left: -6px; + content: " "; + width: 14px; + height: 14px; + background: url(images/messageactions.png?v=e5b9.2211) -2px -128px no-repeat; +} + +a.rcmContactAddress +{ + text-decoration: none; +} + +a.rcmContactAddress:hover +{ + text-decoration: underline; +} + +#rcmKSearchpane +{ + background-color: #F9F9F9; + border: 1px solid #CCCCCC; +} + +#rcmKSearchpane ul +{ + margin: 0px; + padding: 2px; + list-style-image: none; + list-style-type: none; +} + +#rcmKSearchpane ul li +{ + display: block; + height: 16px; + font-size: 11px; + padding-left: 6px; + padding-top: 2px; + padding-right: 6px; + white-space: nowrap; + cursor: pointer; +} + +#rcmKSearchpane ul li.selected +{ + color: #ffffff; + background-color: #CC3333; +} + +#login-form +{ + margin-left: auto; + margin-right: auto; + margin-top: 50px; + width: 400px; + border: 1px solid #999; +} + +#login-form table td.title +{ + text-align: right; + white-space: nowrap; +} + +#login-form table +{ + width: 1%; + margin: auto; +} + +#login-form table td.input input +{ + width: 200px; +} + +#login-bottomline +{ + width: 400px; + margin: 5em auto; + font-size: 85%; + text-align: center; + color: #666; +} + +#login-noscriptwarning +{ + margin: 2em auto 0 auto; + width: 400px; + color: #cf2734; + font-weight: bold; +} + +#console +{ + opacity: 0.8; +} + +.disabled, +a.disabled +{ + color: #999; +} + +font.bold +{ + font-weight: bold; +} + + +/***** onclick menu list *****/ + +ul.toolbarmenu +{ + margin: -4px 0 -4px 0; + padding: 0; + list-style: none; +} + +ul.toolbarmenu li +{ + font-size: 11px; + white-space: nowrap; + min-width: 130px; + margin: 2px -4px; +} + +ul.toolbarmenu li a +{ + display: block; + color: #a0a0a0; + padding: 1px 12px 3px 28px; + text-decoration: none; + min-height: 14px; +} + +ul.toolbarmenu li a.active, +ul.toolbarmenu li a.active:active, +ul.toolbarmenu li a.active:visited +{ + color: #333; +} + +ul.toolbarmenu li input +{ + vertical-align: middle; +} + +ul.toolbarmenu li hr +{ + color: #ccc; + width: 130px; + height: 1px; + margin: 2px 1px 2px 1px; +} + +ul.toolbarmenu li img +{ + float: left; + margin: 0 2px; +} + +div.popupmenu ul li.separator_below, +ul.toolbarmenu li.separator_below +{ + border-bottom: 1px solid #ccc; + margin-bottom: 2px; + padding-bottom: 2px; +} + +div.popupmenu ul li.separator_above, +ul.toolbarmenu li.separator_above +{ + border-top: 1px solid #ccc; + margin-top: 2px; + padding-top: 2px; +} + +#searchmenu +{ + width: 160px; +} + +#searchmenu ul.toolbarmenu +{ + margin: 0; +} + +#searchmenu ul.toolbarmenu li +{ + margin: 1px 4px 1px; +} + + +/***** tabbed interface elements *****/ + +div.tabsbar, +#tabsbar +{ + position: absolute; + top: 50px; + left: 220px; + right: 20px; + height: 22px; + border-bottom: 1px solid #999999; + white-space: nowrap; +} + +div.tabsbar +{ + top: 35px; + left: 12px; + right: 12px; +} + +span.tablink, +span.tablink-selected +{ + float: left; + height: 23px !important; + height: 22px; + overflow: hidden; + background: url(images/tabs-left.gif?v=0541.219) top left no-repeat; +} + +span.tablink +{ + cursor: pointer; +} + +span.tablink-selected +{ + cursor: default; + background-position: 0px -23px; +} + +span.tablink a, +span.tablink-selected a +{ + display: inline-block; + padding: 5px 10px 0 5px; + margin-left: 5px; + height: 23px; + color: #555555; + max-width: 185px; + text-decoration: none; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + background: url(images/tabs-right.gif?v=5414.733) top right no-repeat; +} + +span.tablink-selected a +{ + cursor: inherit; + color: #000000; + background-position: right -23px; +} + +fieldset +{ + margin-bottom: 1em; + border: 1px solid #999999; + padding: 4px 8px 9px 8px; +} + +legend +{ + color: #999999; +} + +fieldset.tabbed +{ + margin-top: 22px; + padding-top: 12px; +} + +.quota_text { + text-align: center; + font-size: 10px; + color: #666; + border: 1px solid #999; + cursor: default; +} +.quota_bg { background-color: white; } +.quota_high { background: url(images/quota-colors.png?v=c1e9.287) repeat-x 0 -28px #f90509; } +.quota_mid { background: url(images/quota-colors.png?v=c1e9.287) repeat-x 0 -14px #e3e909; } +.quota_low { background: url(images/quota-colors.png?v=c1e9.287) repeat-x 0 0px #05f905; } +.quota_text_high { color: white; } +.quota_text_mid { color: #666; } +.quota_text_low { color: #666; } diff --git a/webmail/skins/classic/editor_content.css b/webmail/skins/classic/editor_content.css new file mode 100644 index 0000000..aabed07 --- /dev/null +++ b/webmail/skins/classic/editor_content.css @@ -0,0 +1,31 @@ +/* This file contains the CSS data for the editable area(iframe) of TinyMCE */ + +body, td, pre { + font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + font-size: 12px; +} + +body { + background-color: #FFFFFF; + margin-left: 4px; + margin-right: 4px; + margin-top: 2px; +} + +pre +{ + margin: 0; + padding: 0; + white-space: -moz-pre-wrap !important; + white-space: pre-wrap !important; + white-space: pre; + word-wrap: break-word; /* IE (and Safari) */ +} + +blockquote +{ + padding-left: 5px; + border-left: #1010ff 2px solid; + margin-left: 5px; + width: 100%; +} diff --git a/webmail/skins/classic/embed.css b/webmail/skins/classic/embed.css new file mode 100644 index 0000000..fbfa095 --- /dev/null +++ b/webmail/skins/classic/embed.css @@ -0,0 +1,39 @@ +/** + * Roundcube webmail "embedded" stylesheets + * + * Copyright (c) 2013, The Roundcube Dev Team + * + * The contents are subject to the Creative Commons Attribution-ShareAlike + * License. It is allowed to copy, distribute, transmit and to adapt the work + * by keeping credits to the original autors in the README file. + * See http://creativecommons.org/licenses/by-sa/3.0/ for details. + */ + +.rcmail-inline-message { + font-family: sans-serif; + font-size: 14px; + color: #000; + margin-bottom: .8em; + min-height: 30px; + padding: 10px 10px 6px 46px; + background: url(images/display/icons.png?v=e866.4201) 6px 3px no-repeat #F7FDCB; + border: 1px solid #C2D071; +} + +.rcmail-inline-warning { + background-position: 6px -92px; +} + +.rcmail-inline-message > button { + margin-left: 1em; + vertical-align: baseline; +} + +.rcmail-inline-message em { + font-size: 90%; + color: #666; +} + +.rcmail-inline-buttons { + margin-bottom: 0; +} diff --git a/webmail/skins/classic/functions.js b/webmail/skins/classic/functions.js new file mode 100644 index 0000000..23c6980 --- /dev/null +++ b/webmail/skins/classic/functions.js @@ -0,0 +1,836 @@ +/** + * Roundcube functions for default skin interface + */ + +/** + * Settings + */ + +function rcube_init_settings_tabs() +{ + var el, cl, container = $('#tabsbar'), + last_tab = $('span:last', container), + tab = '#settingstabdefault', + action = window.rcmail && rcmail.env.action ? rcmail.env.action : null; + + // move About tab to the end + if (last_tab && last_tab.attr('id') != 'settingstababout' && (el = $('#settingstababout'))) { + cl = el.clone(true); + el.remove(); + last_tab.after(cl); + } + + // get selected tab + if (action) + tab = '#settingstab' + (action == 'preferences' ? 'default' : (action.indexOf('identity')>0 ? 'identities' : action.replace(/\./g, ''))); + + $(tab).addClass('tablink-selected'); + $('a', tab).removeAttr('onclick').click(function() { return false; }); +} + +// Fieldsets-to-tabs converter +// Warning: don't place "caller" <script> inside page element (id) +function rcube_init_tabs(id, current) +{ + var content = $('#'+id), + fs = content.children('fieldset'); + + if (!fs.length) + return; + + current = current ? current : 0; + + // first hide not selected tabs + fs.each(function(idx) { if (idx != current) $(this).hide(); }); + + // create tabs container + var tabs = $('<div>').addClass('tabsbar').appendTo(content); + + // convert fildsets into tabs + fs.each(function(idx) { + var tab, a, elm = $(this), legend = elm.children('legend'); + + // create a tab + a = $('<a>').text(legend.text()).attr('href', '#'); + tab = $('<span>').attr({'id': 'tab'+idx, 'class': 'tablink'}) + .click(function() { rcube_show_tab(id, idx); return false }) + + // remove legend + legend.remove(); + // style fieldset + elm.addClass('tabbed'); + // style selected tab + if (idx == current) + tab.addClass('tablink-selected'); + + // add the tab to container + tab.append(a).appendTo(tabs); + }); +} + +function rcube_show_tab(id, index) +{ + var fs = $('#'+id).children('fieldset'); + + fs.each(function(idx) { + // Show/hide fieldset (tab content) + $(this)[index==idx ? 'show' : 'hide'](); + // Select/unselect tab + $('#tab'+idx).toggleClass('tablink-selected', idx==index); + }); +} + +/** + * Mail UI + */ + +function rcube_mail_ui() +{ + this.popups = { + markmenu: {id:'markmessagemenu'}, + replyallmenu: {id:'replyallmenu'}, + forwardmenu: {id:'forwardmenu', editable:1}, + searchmenu: {id:'searchmenu', editable:1}, + messagemenu: {id:'messagemenu'}, + listmenu: {id:'listmenu', editable:1}, + dragmessagemenu:{id:'dragmessagemenu', sticky:1}, + groupmenu: {id:'groupoptionsmenu', above:1}, + mailboxmenu: {id:'mailboxoptionsmenu', above:1}, + composemenu: {id:'composeoptionsmenu', editable:1, overlap:1}, + spellmenu: {id:'spellmenu'}, + // toggle: #1486823, #1486930 + uploadmenu: {id:'attachment-form', editable:1, above:1, toggle:!bw.ie&&!bw.linux }, + uploadform: {id:'upload-form', editable:1, toggle:!bw.ie&&!bw.linux } + }; + + var obj; + for (var k in this.popups) { + obj = $('#'+this.popups[k].id) + if (obj.length) + this.popups[k].obj = obj; + else { + delete this.popups[k]; + } + } +} + +rcube_mail_ui.prototype = { + +show_popup: function(popup, show, config) +{ + var obj; + // auto-register menu object + if (!this.popups[popup] && (obj = $('#'+popup)) && obj.length) + this.popups[popup] = $.extend(config, {id: popup, obj: obj}); + + if (typeof this[popup] == 'function') + return this[popup](show); + else + return this.show_popupmenu(popup, show); +}, + +show_popupmenu: function(popup, show) +{ + var obj = this.popups[popup].obj, + above = this.popups[popup].above, + ref = rcube_find_object(popup+'link'); + + if (typeof show == 'undefined') + show = obj.is(':visible') ? false : true; + else if (this.popups[popup].toggle && show && this.popups[popup].obj.is(':visible') ) + show = false; + + if (show && ref) { + var parent = $(ref).parent(), + win = $(window), + pos = parent.hasClass('dropbutton') ? parent.offset() : $(ref).offset(); + + if (!above && pos.top + ref.offsetHeight + obj.height() > win.height()) + above = true; + if (pos.left + obj.width() > win.width()) + pos.left = win.width() - obj.width() - 30; + + obj.css({ left:pos.left, top:(pos.top + (above ? -obj.height() : ref.offsetHeight)) }); + } + + obj[show?'show':'hide'](); + + if (bw.ie6 && this.popups[popup].overlap) { + $('select').css('visibility', show?'hidden':'inherit'); + $('select', obj).css('visibility', 'inherit'); + } +}, + +dragmessagemenu: function(show) +{ + this.popups.dragmessagemenu.obj[show?'show':'hide'](); +}, + +forwardmenu: function(show) +{ + $("input[name='forwardtype'][value="+(rcmail.env.forward_attachment ? 1 : 0)+"]", this.popups.forwardmenu.obj) + .prop('checked', true); + this.show_popupmenu('forwardmenu', show); +}, + +uploadmenu: function(show) +{ + if (typeof show == 'object') // called as event handler + show = false; + + // clear upload form + if (!show) { + try { $('#attachment-form form')[0].reset(); } + catch(e){} // ignore errors + } + + this.show_popupmenu('uploadmenu', show); + + if (!document.all && this.popups.uploadmenu.obj.is(':visible')) + $('#attachment-form input[type=file]').click(); +}, + +searchmenu: function(show) +{ + var obj = this.popups.searchmenu.obj, + ref = rcube_find_object('searchmenulink'); + + if (typeof show == 'undefined') + show = obj.is(':visible') ? false : true; + + if (show && ref) { + var pos = $(ref).offset(); + obj.css({left:pos.left, top:(pos.top + ref.offsetHeight + 2)}); + + if (rcmail.env.search_mods) { + var n, all, + list = $('input:checkbox[name="s_mods[]"]', obj), + mbox = rcmail.env.mailbox, + mods = rcmail.env.search_mods; + + if (rcmail.env.task == 'mail') { + mods = mods[mbox] ? mods[mbox] : mods['*']; + all = 'text'; + } + else { + all = '*'; + } + + if (mods[all]) + list.map(function() { + this.checked = true; + this.disabled = this.value != all; + }); + else { + list.prop('disabled', false).prop('checked', false); + for (n in mods) + $('#s_mod_' + n).prop('checked', true); + } + } + } + obj[show?'show':'hide'](); +}, + +set_searchmod: function(elem) +{ + var all, m, task = rcmail.env.task, + mods = rcmail.env.search_mods, + mbox = rcmail.env.mailbox; + + if (!mods) + mods = {}; + + if (task == 'mail') { + if (!mods[mbox]) + mods[mbox] = rcube_clone_object(mods['*']); + m = mods[mbox]; + all = 'text'; + } + else { //addressbook + m = mods; + all = '*'; + } + + if (!elem.checked) + delete(m[elem.value]); + else + m[elem.value] = 1; + + // mark all fields + if (elem.value != all) + return; + + $('input:checkbox[name="s_mods[]"]').map(function() { + if (this == elem) + return; + + this.checked = true; + if (elem.checked) { + this.disabled = true; + delete m[this.value]; + } + else { + this.disabled = false; + m[this.value] = 1; + } + }); +}, + +listmenu: function(show) +{ + var obj = this.popups.listmenu.obj, + ref = rcube_find_object('listmenulink'); + + if (typeof show == 'undefined') + show = obj.is(':visible') ? false : true; + + if (show && ref) { + var pos = $(ref).offset(), + menuwidth = obj.width(), + pagewidth = $(document).width(); + + if (pagewidth - pos.left < menuwidth && pos.left > menuwidth) + pos.left = pos.left - menuwidth; + + obj.css({ left:pos.left, top:(pos.top + ref.offsetHeight + 2)}); + + // set form values + $('input[name="sort_col"][value="'+rcmail.env.sort_col+'"]').prop('checked', true); + $('input[name="sort_ord"][value="DESC"]').prop('checked', rcmail.env.sort_order == 'DESC'); + $('input[name="sort_ord"][value="ASC"]').prop('checked', rcmail.env.sort_order != 'DESC'); + $('input[name="view"][value="thread"]').prop('checked', rcmail.env.threading ? true : false); + $('input[name="view"][value="list"]').prop('checked', rcmail.env.threading ? false : true); + + // set checkboxes + $('input[name="list_col[]"]').each(function() { + $(this).prop('checked', jQuery.inArray(this.value, rcmail.env.coltypes) != -1); + }); + } + + obj[show?'show':'hide'](); + + if (show) { + var maxheight=0; + $('#listmenu fieldset').each(function() { + var height = $(this).height(); + if (height > maxheight) { + maxheight = height; + } + }); + $('#listmenu fieldset').css("min-height", maxheight+"px") + // IE6 complains if you set this attribute using either method: + //$('#listmenu fieldset').css({'height':'auto !important'}); + //$('#listmenu fieldset').css("height","auto !important"); + .height(maxheight); + }; +}, + +open_listmenu: function(e) +{ + this.listmenu(); +}, + +save_listmenu: function() +{ + this.listmenu(); + + var sort = $('input[name="sort_col"]:checked').val(), + ord = $('input[name="sort_ord"]:checked').val(), + thread = $('input[name="view"]:checked').val(), + cols = $('input[name="list_col[]"]:checked') + .map(function(){ return this.value; }).get(); + + rcmail.set_list_options(cols, sort, ord, thread == 'thread' ? 1 : 0); +}, + +spellmenu: function(show) +{ + var link, li, + lang = rcmail.spellcheck_lang(), + menu = this.popups.spellmenu.obj, + ul = $('ul', menu); + + if (!ul.length) { + ul = $('<ul>'); + + for (i in rcmail.env.spell_langs) { + li = $('<li>'); + link = $('<a href="#"></a>').text(rcmail.env.spell_langs[i]) + .addClass('active').data('lang', i) + .click(function() { + rcmail.spellcheck_lang_set($(this).data('lang')); + }); + + link.appendTo(li); + li.appendTo(ul); + } + + ul.appendTo(menu); + } + + // select current language + $('li', ul).each(function() { + var el = $('a', this); + if (el.data('lang') == lang) + el.addClass('selected'); + else if (el.hasClass('selected')) + el.removeClass('selected'); + }); + + this.show_popupmenu('spellmenu', show); +}, + +body_mouseup: function(evt, p) +{ + var i, target = rcube_event.get_target(evt); + + for (i in this.popups) { + if (this.popups[i].obj.is(':visible') && target != rcube_find_object(i+'link') + && !this.popups[i].toggle + && (!this.popups[i].editable || !this.target_overlaps(target, this.popups[i].id)) + && (!this.popups[i].sticky || !rcube_mouse_is_over(evt, rcube_find_object(this.popups[i].id))) + ) { + window.setTimeout('rcmail_ui.show_popup("'+i+'",false);', 50); + } + } +}, + +target_overlaps: function (target, elementid) +{ + var element = rcube_find_object(elementid); + while (target.parentNode) { + if (target.parentNode == element) + return true; + target = target.parentNode; + } + return false; +}, + +body_keydown: function(evt, p) +{ + if (rcube_event.get_keycode(evt) == 27) { + for (var k in this.popups) { + if (this.popups[k].obj.is(':visible')) + this.show_popup(k, false); + } + } +}, + +switch_preview_pane: function(elem) +{ + var uid, prev_frm = $('#mailpreviewframe'); + + if (elem.checked) { + rcmail.env.contentframe = 'messagecontframe'; + if (mailviewsplit.layer) { + mailviewsplit.resize(); + mailviewsplit.layer.elm.style.display = ''; + } + else + mailviewsplit.init(); + + if (bw.opera) { + $('#messagelistcontainer').css({height: ''}); + } + prev_frm.show(); + + if (uid = rcmail.message_list.get_single_selection()) + rcmail.show_message(uid, false, true); + } + else { + prev_frm.hide(); + if (bw.ie6 || bw.ie7) { + var fr = document.getElementById('mailcontframe'); + fr.style.bottom = 0; + fr.style.height = parseInt(fr.parentNode.offsetHeight)+'px'; + } + else { + $('#mailcontframe').css({height: 'auto', bottom: 0}); + if (bw.opera) + $('#messagelistcontainer').css({height: 'auto'}); + } + if (mailviewsplit.layer) + mailviewsplit.layer.elm.style.display = 'none'; + + rcmail.env.contentframe = null; + rcmail.show_contentframe(false); + } + + rcmail.command('save-pref', {name: 'preview_pane', value: (elem.checked?1:0)}); +}, + +/* Message composing */ +init_compose_form: function() +{ + var f, field, fields = ['cc', 'bcc', 'replyto', 'followupto'], + div = document.getElementById('compose-div'), + headers_div = document.getElementById('compose-headers-div'); + + // Show input elements with non-empty value + for (f=0; f<fields.length; f++) { + if ((field = $('#_'+fields[f])) && field.length && field.val() != '') + rcmail_ui.show_header_form(fields[f]); + } + + // prevent from form data loss when pressing ESC key in IE + if (bw.ie) { + var form = rcube_find_object('form'); + form.onkeydown = function (e) { + if (rcube_event.get_keycode(e) == 27) + rcube_event.cancel(e); + }; + } + + $(window).resize(function() { + rcmail_ui.resize_compose_body(); + }); + + $('#compose-container').resize(function() { + rcmail_ui.resize_compose_body(); + }); + + div.style.top = (parseInt(headers_div.offsetHeight, 10) + 3) + 'px'; + $(window).resize(); + + // fixes contacts-table position when there's more than one addressbook + $('#contacts-table').css('top', $('#directorylist').height() + 24 + 'px'); + + // contacts search submit + $('#quicksearchbox').keydown(function(e) { + if (rcube_event.get_keycode(e) == 13) + rcmail.command('search'); + }); +}, + +resize_compose_body: function() +{ + var div = $('#compose-div .boxlistcontent'), + w = div.width() - 2, h = div.height(), + x = bw.ie || bw.opera ? 4 : 0; + + $('#compose-body_tbl').width((w+3)+'px').height(''); + $('#compose-body_ifr').width((w+3)+'px').height((h-54)+'px'); + $('#compose-body').width((w-x)+'px').height(h+'px'); + $('#googie_edit_layer').height(h+'px'); +}, + +resize_compose_body_ev: function() +{ + window.setTimeout(function(){rcmail_ui.resize_compose_body();}, 100); +}, + +show_header_form: function(id) +{ + var row, s, + link = document.getElementById(id + '-link'); + + if ((s = this.next_sibling(link))) + s.style.display = 'none'; + else if ((s = this.prev_sibling(link))) + s.style.display = 'none'; + + link.style.display = 'none'; + + if ((row = document.getElementById('compose-' + id))) { + var div = document.getElementById('compose-div'), + headers_div = document.getElementById('compose-headers-div'); + $(row).show(); + div.style.top = (parseInt(headers_div.offsetHeight, 10) + 3) + 'px'; + this.resize_compose_body(); + } + + return false; +}, + +hide_header_form: function(id) +{ + var row, ns, + link = document.getElementById(id + '-link'), + parent = link.parentNode, + links = parent.getElementsByTagName('a'); + + link.style.display = ''; + + for (var i=0; i<links.length; i++) + if (links[i].style.display != 'none') + for (var j=i+1; j<links.length; j++) + if (links[j].style.display != 'none') + if ((ns = this.next_sibling(links[i]))) { + ns.style.display = ''; + break; + } + + document.getElementById('_' + id).value = ''; + + if ((row = document.getElementById('compose-' + id))) { + var div = document.getElementById('compose-div'), + headers_div = document.getElementById('compose-headers-div'); + row.style.display = 'none'; + div.style.top = (parseInt(headers_div.offsetHeight, 10) + 1) + 'px'; + this.resize_compose_body(); + } + + return false; +}, + +next_sibling: function(elm) +{ + var ns = elm.nextSibling; + while (ns && ns.nodeType == 3) + ns = ns.nextSibling; + return ns; +}, + +prev_sibling: function(elm) +{ + var ps = elm.previousSibling; + while (ps && ps.nodeType == 3) + ps = ps.previousSibling; + return ps; +} + +}; + +/** + * Scroller + */ + +function rcmail_scroller(list, top, bottom) +{ + var ref = this; + + this.list = $(list); + this.top = $(top); + this.bottom = $(bottom); + this.step_size = 6; + this.step_time = 20; + this.delay = 500; + + this.top + .mouseenter(function() { ref.ts = window.setTimeout(function() { ref.scroll('down'); }, ref.delay); }) + .mouseout(function() { if (ref.ts) window.clearTimeout(ref.ts); }); + + this.bottom + .mouseenter(function() { ref.ts = window.setTimeout(function() { ref.scroll('up'); }, ref.delay); }) + .mouseout(function() { if (ref.ts) window.clearTimeout(ref.ts); }); + + this.scroll = function(dir) + { + var ref = this, size = this.step_size; + + if (!rcmail.drag_active) + return; + + if (dir == 'down') + size *= -1; + + this.list.get(0).scrollTop += size; + this.ts = window.setTimeout(function() { ref.scroll(dir); }, this.step_time); + }; +}; + + +// Events handling in iframes (eg. preview pane) +function iframe_events() +{ + // this==iframe + try { + var doc = this.contentDocument ? this.contentDocument : this.contentWindow ? this.contentWindow.document : null; + rcube_event.add_listener({ element: doc, object:rcmail_ui, method:'body_mouseup', event:'mouseup' }); + } + catch (e) { + // catch possible "Permission denied" error in IE + }; +}; + +// Abbreviate mailbox names to fit width of the container +function rcube_render_mailboxlist() +{ + var list = $('#mailboxlist > li a, #mailboxlist ul:visible > li a'); + + // it's too slow with really big number of folders, especially on IE + if (list.length > (bw.ie ? 25 : 100)) + return; + + list.each(function(){ + var elem = $(this), + text = elem.data('text'); + + if (!text) { + text = elem.text().replace(/\s+\(.+$/, ''); + elem.data('text', text); + } + if (text.length < 6) + return; + + var abbrev = fit_string_to_size(text, elem, elem.width() - elem.children('span.unreadcount').width()); + if (abbrev != text) + elem.attr('title', text); + elem.contents().filter(function(){ return (this.nodeType == 3); }).get(0).data = abbrev; + }); +}; + +// inspired by https://gist.github.com/24261/7fdb113f1e26111bd78c0c6fe515f6c0bf418af5 +function fit_string_to_size(str, elem, len) +{ + var w, span, result = str, ellip = '...'; + + if (!rcmail.env.tmp_span) { + // it should be appended to elem to use the same css style + // but for performance reasons we'll append it to body (once) + span = $('<b>').css({visibility: 'hidden', padding: '0px'}) + .appendTo($('body', document)).get(0); + rcmail.env.tmp_span = span; + } + else { + span = rcmail.env.tmp_span; + } + span.innerHTML = result; + + // on first run, check if string fits into the length already. + w = span.offsetWidth; + if (w > len) { + var cut = Math.max(1, Math.floor(str.length * ((w - len) / w) / 2)), + mid = Math.floor(str.length / 2), + offLeft = mid, + offRight = mid; + + while (true) { + offLeft = mid - cut; + offRight = mid + cut; + span.innerHTML = str.substring(0,offLeft) + ellip + str.substring(offRight); + + // break loop if string fits size + if (offLeft < 3 || span.offsetWidth) + break; + + cut++; + } + + // build resulting string + result = str.substring(0,offLeft) + ellip + str.substring(offRight); + } + + return result; +}; + +function update_quota(data) +{ + percent_indicator(rcmail.gui_objects.quotadisplay, data); +}; + +// percent (quota) indicator +function percent_indicator(obj, data) +{ + if (!data || !obj) + return false; + + var limit_high = 80, + limit_mid = 55, + width = data.width ? data.width : rcmail.env.indicator_width ? rcmail.env.indicator_width : 100, + height = data.height ? data.height : rcmail.env.indicator_height ? rcmail.env.indicator_height : 14, + quota = data.percent ? Math.abs(parseInt(data.percent)) : 0, + quota_width = parseInt(quota / 100 * width), + pos = $(obj).position(); + + // workarounds for Opera and Webkit bugs + pos.top = Math.max(0, pos.top); + pos.left = Math.max(0, pos.left); + + rcmail.env.indicator_width = width; + rcmail.env.indicator_height = height; + + // overlimit + if (quota_width > width) { + quota_width = width; + quota = 100; + } + + if (data.title) + data.title = rcmail.get_label('quota') + ': ' + data.title; + + // main div + var main = $('<div>'); + main.css({position: 'absolute', top: pos.top, left: pos.left, + width: width + 'px', height: height + 'px', zIndex: 100, lineHeight: height + 'px'}) + .attr('title', data.title).addClass('quota_text').html(quota + '%'); + // used bar + var bar1 = $('<div>'); + bar1.css({position: 'absolute', top: pos.top + 1, left: pos.left + 1, + width: quota_width + 'px', height: height + 'px', zIndex: 99}); + // background + var bar2 = $('<div>'); + bar2.css({position: 'absolute', top: pos.top + 1, left: pos.left + 1, + width: width + 'px', height: height + 'px', zIndex: 98}) + .addClass('quota_bg'); + + if (quota >= limit_high) { + main.addClass(' quota_text_high'); + bar1.addClass('quota_high'); + } + else if(quota >= limit_mid) { + main.addClass(' quota_text_mid'); + bar1.addClass('quota_mid'); + } + else { + main.addClass(' quota_text_low'); + bar1.addClass('quota_low'); + } + + // replace quota image + $(obj).html('').append(bar1).append(bar2).append(main); + // update #quotaimg title + $('#quotaimg').attr('title', data.title); +}; + +// Optional parameters used by TinyMCE +var rcmail_editor_settings = { + skin : "default", // "default", "o2k7" + skin_variant : "" // "", "silver", "black" +}; + +var rcmail_ui; + +function rcube_init_mail_ui() +{ + rcmail_ui = new rcube_mail_ui(); + rcube_event.add_listener({ object:rcmail_ui, method:'body_mouseup', event:'mouseup' }); + rcube_event.add_listener({ object:rcmail_ui, method:'body_keydown', event:'keydown' }); + + if (rcmail.env.quota_content) + update_quota(rcmail.env.quota_content); + rcmail.addEventListener('setquota', update_quota); + + $('iframe').load(iframe_events) + .contents().mouseup(function(e){rcmail_ui.body_mouseup(e)}); + + if (rcmail.env.task == 'mail') { + rcmail.addEventListener('menu-open', 'open_listmenu', rcmail_ui); + rcmail.addEventListener('menu-save', 'save_listmenu', rcmail_ui); + rcmail.addEventListener('aftersend-attachment', 'uploadmenu', rcmail_ui); + rcmail.addEventListener('aftertoggle-editor', 'resize_compose_body_ev', rcmail_ui); + rcmail.gui_object('message_dragmenu', 'dragmessagemenu'); + + if (rcmail.gui_objects.mailboxlist) { + rcmail.addEventListener('responseaftermark', rcube_render_mailboxlist); + rcmail.addEventListener('responseaftergetunread', rcube_render_mailboxlist); + rcmail.addEventListener('responseaftercheck-recent', rcube_render_mailboxlist); + rcmail.addEventListener('aftercollapse-folder', rcube_render_mailboxlist); + + new rcmail_scroller('#mailboxlist-content', '#mailboxlist-title', '#mailboxlist-footer'); + } + + if (rcmail.env.action == 'compose') + rcmail_ui.init_compose_form(); + } + else if (rcmail.env.task == 'addressbook') { + rcmail.addEventListener('afterupload-photo', function(){ rcmail_ui.show_popup('uploadform', false); }); + + if (rcmail.gui_objects.folderlist) + new rcmail_scroller('#directorylist-content', '#directorylist-title', '#directorylist-footer'); + } + else if (rcmail.env.task == 'settings') { + if (rcmail.gui_objects.subscriptionlist) + new rcmail_scroller('#folderlist-content', '#folderlist-title', '#folderlist-footer'); + } +} diff --git a/webmail/skins/classic/googiespell.css b/webmail/skins/classic/googiespell.css new file mode 100644 index 0000000..b4fab5b --- /dev/null +++ b/webmail/skins/classic/googiespell.css @@ -0,0 +1,118 @@ +/***** modified styles for GoogieSpell *****/ + +.googie_window { + font-size: 11px; + width: 185px; + margin: 0; + padding: 0; +} + +.googie_edit_layer { + background-color: #ffffff; + padding: 0 4px; + font-size: 9pt; + font-family: monospace; +} + +.googie_edit_layer span { + font-family: monospace; +} + +.googie_list { + width: 100%; + margin: 0; + padding: 0; +} + +.googie_list td { + font-size: 11px; + padding-left: 10px; + padding-right: 10px; + padding-top: 2px; + padding-bottom: 2px; + cursor: pointer; + list-style-type: none; +} + +.googie_list_onhover { + color: #FFFFFF; + background-color: #CC3333; +} + +.googie_list_onout { + background-color: #fff; +} + +.googie_list_selected { + background-color: #cccccc; + font-weight: bold; +} + +.googie_list_close { + font-size: 11px; + color: #b91414; +} + +.googie_list_onhover .googie_list_close { + color: #FFFFFF; +} + +.googie_list_revert { + font-size: 11px; + color: #b91414; +} + +.googie_list_revert:hover { + color: #fff; +} + +.googie_link { + color: #b91414; + text-decoration: underline; + cursor: pointer; + font-size: 9pt; + font-family: monospace; +} + +.googie_check_spelling_link { + color: #CC0000; + font-size: 11px; + text-decoration: none; + cursor: pointer; +} + +.googie_check_spelling_link:hover { + text-decoration: underline; +} + +.googie_no_style { + text-decoration: none; +} + +.googie_check_spelling_ok, +.googie_resume_editing { + color: green; + font-size: 11px; + cursor: pointer; +} + +.googie_check_spelling_ok:hover, +.googie_resume_editing:hover { + text-decoration: underline; +} + +.googie_lang_3d_click img { + vertical-align: middle; + border-top: 1px solid #555; + border-left: 1px solid #555; + border-right: 1px solid #b1b1b1; + border-bottom: 1px solid #b1b1b1; +} + +.googie_lang_3d_on img { + vertical-align: middle; + border-top: 1px solid #b1b1b1; + border-left: 1px solid #b1b1b1; + border-right: 1px solid #555; + border-bottom: 1px solid #555; +} diff --git a/webmail/skins/classic/ie6hacks.css b/webmail/skins/classic/ie6hacks.css new file mode 100644 index 0000000..0026d42 --- /dev/null +++ b/webmail/skins/classic/ie6hacks.css @@ -0,0 +1,184 @@ +/* CSS hacks for IE versions 5,6 */ + +#taskbar +{ + background: url(images/taskbar.gif?v=5666.2033) top right no-repeat; + width: expression((parseInt(document.documentElement.clientWidth)-250)+'px'); +} + +img +{ + behavior: url(skins/classic/pngbehavior.htc); +} + +#logo +{ + width: 178px; + height: 47px; +} + +body > #message div.notice, +body > #message div.error, +body > #message div.warning, +body > #message div.confirmation, +#message-objects div.notice, +#message-objects div.error, +#message-objects div.warning, +#message-objects div.confirmation +{ + background-image: url(images/display/icons.gif?v=84d5.2329); +} + +#messagemenu li a +{ + background-image: url(images/messageactions.gif?v=dcdc.1916); +} + +#mailboxlist li +{ + background-image: url(images/icons/folders.gif?v=59af.2568); +} + +#messagetoolbar a +{ + display: block; + float: left; + padding-right: 10px; +} + +.boxfooter a.button, +.boxfooter a.buttonPas +{ + background-image: url(images/icons/groupactions.gif?v=677d.496); +} + +.pagenav +{ + width: 250px; +} + +.pagenav a.button, +.pagenav a.buttonPas +{ + background-image: url(images/pagenav.gif?v=2e75.355); +} + +#listcontrols a.button, +#listcontrols a.buttonPas { + background-image: url(images/mail_footer.gif?v=83fb.1336); +} + +#messagetoolbar a.button, +#messagetoolbar a.buttonPas { + background-image: url(images/mail_toolbar.gif?v=183d.12821); +} + +#abooktoolbar a.button, +#abooktoolbar a.buttonPas, +#abooktoolbar span.separator { + background-image: url(images/abook_toolbar.gif?v=dfe4.5753); +} + +ul.toolbarmenu li a, +.popupmenu li a +{ + clear: left; + height: expression(Math.min(14, parseInt(document.documentElement.clientHeight))+'px'); + width: expression(Math.min(130, parseInt(document.documentElement.clientWidth))+'px'); +} + +ul.toolbarmenu li.separator_below +{ + padding-bottom: 3px; +} + +.boxfooter +{ + width: 100%; + bottom: -1px; +} + +.boxtitle, +#directorylist li a +{ + width: auto; +} + +#directorylist li +{ + background-image: url(images/icons/folders.gif?v=59af.2568); +} + +.boxlistcontent +{ + top: 21px; + height: expression((parseInt(this.parentNode.offsetHeight)-24-parseInt(this.style.top?this.style.top:21))+'px'); +} + +#compose-div .boxlistcontent +{ + height: expression((parseInt(this.parentNode.offsetHeight)-23-parseInt(this.style.top?this.style.top:21))+'px'); +} + +#compose-body-div +{ + height: expression(parseInt(this.parentNode.offsetHeight)+'px'); +} + +#folder-manager +{ + height: expression((parseInt(document.documentElement.clientHeight)-105)+'px'); +} + +#messagelist tr td div.collapsed, +#messagelist tr td div.expanded, +#messagelist tr td.threads div.listmenu, +#messagelist tr td.attachment span.attachment, +#messagelist tr td.attachment span.report, +#messagelist tr td.priority span.priority, +#messagelist tr td.priority span.prio1, +#messagelist tr td.priority span.prio2, +#messagelist tr td.priority span.prio3, +#messagelist tr td.priority span.prio4, +#messagelist tr td.priority span.prio5, +#messagelist tr td.flag span.flagged, +#messagelist tr td.flag span.unflagged:hover, +#messagelist tr td.status span.status, +#messagelist tr td.status span.msgicon, +#messagelist tr td.status span.deleted, +#messagelist tr td.status span.unread, +#messagelist tr td.status span.unreadchildren, +#messagelist tr td.subject span.msgicon, +#messagelist tr td.subject span.deleted, +#messagelist tr td.subject span.unread, +#messagelist tr td.subject span.replied, +#messagelist tr td.subject span.forwarded, +#messagelist tr td.subject span.unreadchildren +{ + background-image: url(images/messageicons.gif?v=2f0b.2222); +} + +#messagelist tr td div.collapsed, +#messagelist tr td div.expanded { + background-color: #fff; +} + +body.iframe .boxtitle +{ + position: absolute; +} + +#subscription-table +{ + width: auto; +} + +#sourcename +{ + zoom: 1; +} + +#abookactions a +{ + background-image: url(images/icons/groupactions.gif?v=677d.496); +} diff --git a/webmail/skins/classic/iehacks.css b/webmail/skins/classic/iehacks.css new file mode 100644 index 0000000..fc00732 --- /dev/null +++ b/webmail/skins/classic/iehacks.css @@ -0,0 +1,295 @@ + +input, textarea +{ + border-style: expression(this.type=='checkbox' || this.type=='radio' || this.id=='quicksearchbox' ? 'none' : 'solid'); + border-width: expression(this.type=='checkbox' || this.type=='radio' ? '0' : '1px'); + border-color: expression(this.type=='checkbox' || this.type=='radio' ? '' : '#666666'); + background-color: expression(this.type=='checkbox' || this.type=='radio' ? 'transparent' : '#ffffff'); +} + +body.iframe +{ + margin-top: 0px; +} + +body.iframe div.boxcontent +{ + margin-top: 20px; + z-index: 2; +} + +body.iframe div.boxtitle +{ + z-index: 100; +} + +body.iframe #prefs-details +{ + padding-top: 1px; +} + +#login-form form +{ + margin-top: 0; +} + +.pagenav a.buttonPas +{ + filter: alpha(opacity=35); +} + +body > #message +{ + filter: alpha(opacity=85); +} + +.popupmenu +{ + background-color: #ffffff; +} + +#tabsbar, +#partheader +{ + width: expression((parseInt(document.documentElement.clientWidth)-240)+'px'); +} + +#mainscreen +{ + height: expression((parseInt(document.documentElement.clientHeight)-105)+'px'); +} + +#mainscreen, +#messagepartcontainer +{ + width: expression((parseInt(document.documentElement.clientWidth)-40)+'px'); +} + +#messagetoolbar +{ + width: expression((parseInt(document.documentElement.clientWidth)-215)+'px'); + z-index: 240; +} + +#messagetoolbar select.mboxlist +{ + margin: 0 8px; + top: 8px; +} + +div.messageheaderbox +{ + margin-top: 0px; +} + +body.iframe div.messageheaderbox +{ + margin-top: 6px; +} + +#abooktoolbar a.buttonPas +{ + filter: alpha(opacity=35); + background-image: url(images/abook_toolbar.gif?v=dfe4.5753); +} + +#messagetoolbar a.buttonPas +{ + filter: alpha(opacity=35); + background-image: url(images/mail_toolbar.gif?v=183d.12821); +} + +#listcontrols a.buttonPas +{ + filter: alpha(opacity=35); +} + +#quicksearchbar +{ + z-index: 240; +} + +#addresslist, +#sectionslist, +#identities-list, +#mailleftcontainer, +#mailrightcontainer, +#compose-container, +#compose-attachments, +#compose-contacts, +#mailcontframe, +#mailboxlist-container, +#mailrightcontent, +#messageframe, +#identity-details, +#contacts-box, +#prefs-box, +#folder-box, +#directorylistbox, +#addressscreen +{ + height: expression(parseInt(this.parentNode.offsetHeight)+'px'); +} + +#mailrightcontainer +{ + width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px'); +} + +#messagepartcontainer +{ + height: expression((parseInt(document.documentElement.clientHeight)-90)+'px'); +} + +#mailrightcontent +{ + width: 100%; +} + +#compose-div +{ + height: expression((parseInt(this.parentNode.offsetHeight)-1-parseInt(document.getElementById('compose-headers').offsetHeight))+'px'); +} + +#compose-attachments ul li +{ + width: 1000px; /* for IE7 */ +} + +#compose-attachments li a +{ + float: left; /* for IE7 */ +} + +#messagelist +{ + width: inherit; + *width: auto; /* IE6/7 conditional hack */ + border-collapse: collapse; +} + +#messagelist thead tr td, +#messagelist tbody tr td +{ + height: 18px; +} + +#messagelist tbody tr.unroot td.subject +{ + text-decoration: underline; +} + +#messageframe +{ + width: expression((parseInt(this.parentNode.offsetWidth)-180)+'px'); + overflow: hidden; +} + +body.iframe +{ + width: expression((parseInt(document.documentElement.clientWidth))+'px'); +} + +div.message-part pre, +div.message-htmlpart pre, +div.message-part div.pre +{ + word-wrap: break-word; +} + +#addressscreen +{ + width: expression((parseInt(document.documentElement.clientWidth)-245)+'px'); +} + +#contacts-box, +#prefs-box, +#folder-box +{ + width: expression((parseInt(this.parentNode.offsetWidth)-555)+'px'); + overflow: hidden; +} + +#rcmdraglayer +{ + filter: alpha(opacity=82); + padding-left: 20px; +} + +div.draglayercopy +{ + border-color: #00cc00; + background: url(images/messageactions.png?v=e5b9.2211) 0 -125px no-repeat #fff; +} + +html.ie8 .draglayercopy:before +{ + content: ""; + display: none; +} + +ul.toolbarmenu +{ + margin: 0 0 -4px 0; +} + +.popupmenu ul li, +ul.toolbarmenu li +{ + min-width: auto; +} + +.popupmenu ul li a, +ul.toolbarmenu li a +{ + min-height: auto; +} + +.popupmenu li.block a +{ + clear: none; + display: inline-block; + padding-left: 2px; +} + +#console +{ + filter: alpha(opacity=80); +} + +table.records-table thead tr td +{ + height: 19px; +} + +#listmenu fieldset +{ + margin: 0 4px; + padding: 0.8em; +} + +#listcontrols input +{ + margin-top: 2px; +} + +#contact-details +{ + margin-top: 20px; +} + +#contact-details form { + margin-top: -1px; +} + +.contactfieldgroup legend +{ + padding: 0 0 0.5em 0; + margin-left: -4px; +} + +/* fix "jumping" login form in IE7 */ +#login-form div.boxcontent +{ + overflow: hidden; +} diff --git a/webmail/skins/classic/images/abook_toolbar.gif b/webmail/skins/classic/images/abook_toolbar.gif Binary files differnew file mode 100644 index 0000000..2e8f4e2 --- /dev/null +++ b/webmail/skins/classic/images/abook_toolbar.gif diff --git a/webmail/skins/classic/images/abook_toolbar.png b/webmail/skins/classic/images/abook_toolbar.png Binary files differnew file mode 100644 index 0000000..33cd16d --- /dev/null +++ b/webmail/skins/classic/images/abook_toolbar.png diff --git a/webmail/skins/classic/images/blank.gif b/webmail/skins/classic/images/blank.gif Binary files differnew file mode 100644 index 0000000..7dd464e --- /dev/null +++ b/webmail/skins/classic/images/blank.gif diff --git a/webmail/skins/classic/images/buttons/add_act.png b/webmail/skins/classic/images/buttons/add_act.png Binary files differnew file mode 100644 index 0000000..c7f4d5a --- /dev/null +++ b/webmail/skins/classic/images/buttons/add_act.png diff --git a/webmail/skins/classic/images/buttons/add_pas.png b/webmail/skins/classic/images/buttons/add_pas.png Binary files differnew file mode 100644 index 0000000..cc33d83 --- /dev/null +++ b/webmail/skins/classic/images/buttons/add_pas.png diff --git a/webmail/skins/classic/images/buttons/add_sel.png b/webmail/skins/classic/images/buttons/add_sel.png Binary files differnew file mode 100644 index 0000000..f0944fc --- /dev/null +++ b/webmail/skins/classic/images/buttons/add_sel.png diff --git a/webmail/skins/classic/images/buttons/bg.gif b/webmail/skins/classic/images/buttons/bg.gif Binary files differnew file mode 100644 index 0000000..269ff71 --- /dev/null +++ b/webmail/skins/classic/images/buttons/bg.gif diff --git a/webmail/skins/classic/images/cleardot.png b/webmail/skins/classic/images/cleardot.png Binary files differnew file mode 100644 index 0000000..b529373 --- /dev/null +++ b/webmail/skins/classic/images/cleardot.png diff --git a/webmail/skins/classic/images/contactpic.png b/webmail/skins/classic/images/contactpic.png Binary files differnew file mode 100644 index 0000000..db9a6f8 --- /dev/null +++ b/webmail/skins/classic/images/contactpic.png diff --git a/webmail/skins/classic/images/dbutton.png b/webmail/skins/classic/images/dbutton.png Binary files differnew file mode 100644 index 0000000..7a85e3c --- /dev/null +++ b/webmail/skins/classic/images/dbutton.png diff --git a/webmail/skins/classic/images/dimple.png b/webmail/skins/classic/images/dimple.png Binary files differnew file mode 100644 index 0000000..cb2bca2 --- /dev/null +++ b/webmail/skins/classic/images/dimple.png diff --git a/webmail/skins/classic/images/display/icons.gif b/webmail/skins/classic/images/display/icons.gif Binary files differnew file mode 100644 index 0000000..e6dfb1b --- /dev/null +++ b/webmail/skins/classic/images/display/icons.gif diff --git a/webmail/skins/classic/images/display/icons.png b/webmail/skins/classic/images/display/icons.png Binary files differnew file mode 100644 index 0000000..d62db71 --- /dev/null +++ b/webmail/skins/classic/images/display/icons.png diff --git a/webmail/skins/classic/images/display/loading.gif b/webmail/skins/classic/images/display/loading.gif Binary files differnew file mode 100644 index 0000000..62d100a --- /dev/null +++ b/webmail/skins/classic/images/display/loading.gif diff --git a/webmail/skins/classic/images/display/loading_blue.gif b/webmail/skins/classic/images/display/loading_blue.gif Binary files differnew file mode 100644 index 0000000..21556f3 --- /dev/null +++ b/webmail/skins/classic/images/display/loading_blue.gif diff --git a/webmail/skins/classic/images/favicon.ico b/webmail/skins/classic/images/favicon.ico Binary files differnew file mode 100644 index 0000000..b3bd18c --- /dev/null +++ b/webmail/skins/classic/images/favicon.ico diff --git a/webmail/skins/classic/images/googiespell/change_lang.gif b/webmail/skins/classic/images/googiespell/change_lang.gif Binary files differnew file mode 100644 index 0000000..0ed3edc --- /dev/null +++ b/webmail/skins/classic/images/googiespell/change_lang.gif diff --git a/webmail/skins/classic/images/googiespell/indicator.gif b/webmail/skins/classic/images/googiespell/indicator.gif Binary files differnew file mode 100644 index 0000000..b556bb0 --- /dev/null +++ b/webmail/skins/classic/images/googiespell/indicator.gif diff --git a/webmail/skins/classic/images/googiespell/ok.gif b/webmail/skins/classic/images/googiespell/ok.gif Binary files differnew file mode 100644 index 0000000..04727e2 --- /dev/null +++ b/webmail/skins/classic/images/googiespell/ok.gif diff --git a/webmail/skins/classic/images/googiespell/spellc.gif b/webmail/skins/classic/images/googiespell/spellc.gif Binary files differnew file mode 100644 index 0000000..6ed9360 --- /dev/null +++ b/webmail/skins/classic/images/googiespell/spellc.gif diff --git a/webmail/skins/classic/images/icons/attachment.png b/webmail/skins/classic/images/icons/attachment.png Binary files differnew file mode 100644 index 0000000..922de18 --- /dev/null +++ b/webmail/skins/classic/images/icons/attachment.png diff --git a/webmail/skins/classic/images/icons/blank.gif b/webmail/skins/classic/images/icons/blank.gif Binary files differnew file mode 100644 index 0000000..7dd464e --- /dev/null +++ b/webmail/skins/classic/images/icons/blank.gif diff --git a/webmail/skins/classic/images/icons/collapsed.png b/webmail/skins/classic/images/icons/collapsed.png Binary files differnew file mode 100644 index 0000000..977635f --- /dev/null +++ b/webmail/skins/classic/images/icons/collapsed.png diff --git a/webmail/skins/classic/images/icons/columnpicker.gif b/webmail/skins/classic/images/icons/columnpicker.gif Binary files differnew file mode 100644 index 0000000..eb38642 --- /dev/null +++ b/webmail/skins/classic/images/icons/columnpicker.gif diff --git a/webmail/skins/classic/images/icons/delete.png b/webmail/skins/classic/images/icons/delete.png Binary files differnew file mode 100644 index 0000000..553ae43 --- /dev/null +++ b/webmail/skins/classic/images/icons/delete.png diff --git a/webmail/skins/classic/images/icons/deleted.png b/webmail/skins/classic/images/icons/deleted.png Binary files differnew file mode 100644 index 0000000..529e162 --- /dev/null +++ b/webmail/skins/classic/images/icons/deleted.png diff --git a/webmail/skins/classic/images/icons/dot.png b/webmail/skins/classic/images/icons/dot.png Binary files differnew file mode 100644 index 0000000..08f6586 --- /dev/null +++ b/webmail/skins/classic/images/icons/dot.png diff --git a/webmail/skins/classic/images/icons/down_small.gif b/webmail/skins/classic/images/icons/down_small.gif Binary files differnew file mode 100644 index 0000000..89a2848 --- /dev/null +++ b/webmail/skins/classic/images/icons/down_small.gif diff --git a/webmail/skins/classic/images/icons/expanded.png b/webmail/skins/classic/images/icons/expanded.png Binary files differnew file mode 100644 index 0000000..cbfce95 --- /dev/null +++ b/webmail/skins/classic/images/icons/expanded.png diff --git a/webmail/skins/classic/images/icons/extwin.png b/webmail/skins/classic/images/icons/extwin.png Binary files differnew file mode 100644 index 0000000..c320e18 --- /dev/null +++ b/webmail/skins/classic/images/icons/extwin.png diff --git a/webmail/skins/classic/images/icons/flagged.png b/webmail/skins/classic/images/icons/flagged.png Binary files differnew file mode 100644 index 0000000..61cc8a8 --- /dev/null +++ b/webmail/skins/classic/images/icons/flagged.png diff --git a/webmail/skins/classic/images/icons/folders.gif b/webmail/skins/classic/images/icons/folders.gif Binary files differnew file mode 100644 index 0000000..eb06bd8 --- /dev/null +++ b/webmail/skins/classic/images/icons/folders.gif diff --git a/webmail/skins/classic/images/icons/folders.png b/webmail/skins/classic/images/icons/folders.png Binary files differnew file mode 100644 index 0000000..4c27052 --- /dev/null +++ b/webmail/skins/classic/images/icons/folders.png diff --git a/webmail/skins/classic/images/icons/forwarded.png b/webmail/skins/classic/images/icons/forwarded.png Binary files differnew file mode 100644 index 0000000..6ce368f --- /dev/null +++ b/webmail/skins/classic/images/icons/forwarded.png diff --git a/webmail/skins/classic/images/icons/forwarded_replied.png b/webmail/skins/classic/images/icons/forwarded_replied.png Binary files differnew file mode 100644 index 0000000..2a7b0b2 --- /dev/null +++ b/webmail/skins/classic/images/icons/forwarded_replied.png diff --git a/webmail/skins/classic/images/icons/glass.gif b/webmail/skins/classic/images/icons/glass.gif Binary files differnew file mode 100644 index 0000000..d86aec5 --- /dev/null +++ b/webmail/skins/classic/images/icons/glass.gif diff --git a/webmail/skins/classic/images/icons/glass.png b/webmail/skins/classic/images/icons/glass.png Binary files differnew file mode 100644 index 0000000..72d9ee8 --- /dev/null +++ b/webmail/skins/classic/images/icons/glass.png diff --git a/webmail/skins/classic/images/icons/glass_roll.png b/webmail/skins/classic/images/icons/glass_roll.png Binary files differnew file mode 100644 index 0000000..2331d3c --- /dev/null +++ b/webmail/skins/classic/images/icons/glass_roll.png diff --git a/webmail/skins/classic/images/icons/groupactions.gif b/webmail/skins/classic/images/icons/groupactions.gif Binary files differnew file mode 100644 index 0000000..eba6a6c --- /dev/null +++ b/webmail/skins/classic/images/icons/groupactions.gif diff --git a/webmail/skins/classic/images/icons/groupactions.png b/webmail/skins/classic/images/icons/groupactions.png Binary files differnew file mode 100644 index 0000000..f29a36a --- /dev/null +++ b/webmail/skins/classic/images/icons/groupactions.png diff --git a/webmail/skins/classic/images/icons/minus.gif b/webmail/skins/classic/images/icons/minus.gif Binary files differnew file mode 100644 index 0000000..4ec02c8 --- /dev/null +++ b/webmail/skins/classic/images/icons/minus.gif diff --git a/webmail/skins/classic/images/icons/plus.gif b/webmail/skins/classic/images/icons/plus.gif Binary files differnew file mode 100644 index 0000000..3d0d762 --- /dev/null +++ b/webmail/skins/classic/images/icons/plus.gif diff --git a/webmail/skins/classic/images/icons/rename.png b/webmail/skins/classic/images/icons/rename.png Binary files differnew file mode 100644 index 0000000..3a80b2c --- /dev/null +++ b/webmail/skins/classic/images/icons/rename.png diff --git a/webmail/skins/classic/images/icons/replied.png b/webmail/skins/classic/images/icons/replied.png Binary files differnew file mode 100644 index 0000000..3cbab7e --- /dev/null +++ b/webmail/skins/classic/images/icons/replied.png diff --git a/webmail/skins/classic/images/icons/reset.gif b/webmail/skins/classic/images/icons/reset.gif Binary files differnew file mode 100644 index 0000000..a9a53d5 --- /dev/null +++ b/webmail/skins/classic/images/icons/reset.gif diff --git a/webmail/skins/classic/images/icons/silhouette.png b/webmail/skins/classic/images/icons/silhouette.png Binary files differnew file mode 100644 index 0000000..e500d37 --- /dev/null +++ b/webmail/skins/classic/images/icons/silhouette.png diff --git a/webmail/skins/classic/images/icons/sort.gif b/webmail/skins/classic/images/icons/sort.gif Binary files differnew file mode 100644 index 0000000..e3dd806 --- /dev/null +++ b/webmail/skins/classic/images/icons/sort.gif diff --git a/webmail/skins/classic/images/icons/unflagged.png b/webmail/skins/classic/images/icons/unflagged.png Binary files differnew file mode 100644 index 0000000..904d16c --- /dev/null +++ b/webmail/skins/classic/images/icons/unflagged.png diff --git a/webmail/skins/classic/images/icons/unread.png b/webmail/skins/classic/images/icons/unread.png Binary files differnew file mode 100644 index 0000000..1aa4402 --- /dev/null +++ b/webmail/skins/classic/images/icons/unread.png diff --git a/webmail/skins/classic/images/icons/unread_children.png b/webmail/skins/classic/images/icons/unread_children.png Binary files differnew file mode 100644 index 0000000..d9a507f --- /dev/null +++ b/webmail/skins/classic/images/icons/unread_children.png diff --git a/webmail/skins/classic/images/icons/up_small.gif b/webmail/skins/classic/images/icons/up_small.gif Binary files differnew file mode 100644 index 0000000..40deb89 --- /dev/null +++ b/webmail/skins/classic/images/icons/up_small.gif diff --git a/webmail/skins/classic/images/listheader.gif b/webmail/skins/classic/images/listheader.gif Binary files differnew file mode 100644 index 0000000..ab5d671 --- /dev/null +++ b/webmail/skins/classic/images/listheader.gif diff --git a/webmail/skins/classic/images/mail_footer.gif b/webmail/skins/classic/images/mail_footer.gif Binary files differnew file mode 100644 index 0000000..302b558 --- /dev/null +++ b/webmail/skins/classic/images/mail_footer.gif diff --git a/webmail/skins/classic/images/mail_footer.png b/webmail/skins/classic/images/mail_footer.png Binary files differnew file mode 100644 index 0000000..f38b61a --- /dev/null +++ b/webmail/skins/classic/images/mail_footer.png diff --git a/webmail/skins/classic/images/mail_toolbar.gif b/webmail/skins/classic/images/mail_toolbar.gif Binary files differnew file mode 100644 index 0000000..4bddf5b --- /dev/null +++ b/webmail/skins/classic/images/mail_toolbar.gif diff --git a/webmail/skins/classic/images/mail_toolbar.png b/webmail/skins/classic/images/mail_toolbar.png Binary files differnew file mode 100644 index 0000000..e68035d --- /dev/null +++ b/webmail/skins/classic/images/mail_toolbar.png diff --git a/webmail/skins/classic/images/messageactions.gif b/webmail/skins/classic/images/messageactions.gif Binary files differnew file mode 100644 index 0000000..b73fbb3 --- /dev/null +++ b/webmail/skins/classic/images/messageactions.gif diff --git a/webmail/skins/classic/images/messageactions.png b/webmail/skins/classic/images/messageactions.png Binary files differnew file mode 100644 index 0000000..2ea7b4f --- /dev/null +++ b/webmail/skins/classic/images/messageactions.png diff --git a/webmail/skins/classic/images/messageicons.gif b/webmail/skins/classic/images/messageicons.gif Binary files differnew file mode 100644 index 0000000..178e885 --- /dev/null +++ b/webmail/skins/classic/images/messageicons.gif diff --git a/webmail/skins/classic/images/messageicons.png b/webmail/skins/classic/images/messageicons.png Binary files differnew file mode 100644 index 0000000..8a32263 --- /dev/null +++ b/webmail/skins/classic/images/messageicons.png diff --git a/webmail/skins/classic/images/pagenav.gif b/webmail/skins/classic/images/pagenav.gif Binary files differnew file mode 100644 index 0000000..851ff80 --- /dev/null +++ b/webmail/skins/classic/images/pagenav.gif diff --git a/webmail/skins/classic/images/quota-colors.png b/webmail/skins/classic/images/quota-colors.png Binary files differnew file mode 100644 index 0000000..7e9db7d --- /dev/null +++ b/webmail/skins/classic/images/quota-colors.png diff --git a/webmail/skins/classic/images/quota.gif b/webmail/skins/classic/images/quota.gif Binary files differnew file mode 100644 index 0000000..b029e7d --- /dev/null +++ b/webmail/skins/classic/images/quota.gif diff --git a/webmail/skins/classic/images/quota.png b/webmail/skins/classic/images/quota.png Binary files differnew file mode 100644 index 0000000..fe99aeb --- /dev/null +++ b/webmail/skins/classic/images/quota.png diff --git a/webmail/skins/classic/images/roundcube_logo.png b/webmail/skins/classic/images/roundcube_logo.png Binary files differnew file mode 100644 index 0000000..3df25ad --- /dev/null +++ b/webmail/skins/classic/images/roundcube_logo.png diff --git a/webmail/skins/classic/images/searchfield.gif b/webmail/skins/classic/images/searchfield.gif Binary files differnew file mode 100644 index 0000000..28ae5f0 --- /dev/null +++ b/webmail/skins/classic/images/searchfield.gif diff --git a/webmail/skins/classic/images/tabs-left.gif b/webmail/skins/classic/images/tabs-left.gif Binary files differnew file mode 100644 index 0000000..2bd7303 --- /dev/null +++ b/webmail/skins/classic/images/tabs-left.gif diff --git a/webmail/skins/classic/images/tabs-right.gif b/webmail/skins/classic/images/tabs-right.gif Binary files differnew file mode 100644 index 0000000..8a1a029 --- /dev/null +++ b/webmail/skins/classic/images/tabs-right.gif diff --git a/webmail/skins/classic/images/taskbar.gif b/webmail/skins/classic/images/taskbar.gif Binary files differnew file mode 100644 index 0000000..fe1adc3 --- /dev/null +++ b/webmail/skins/classic/images/taskbar.gif diff --git a/webmail/skins/classic/images/taskbar.png b/webmail/skins/classic/images/taskbar.png Binary files differnew file mode 100644 index 0000000..9525ba3 --- /dev/null +++ b/webmail/skins/classic/images/taskbar.png diff --git a/webmail/skins/classic/images/taskicons.gif b/webmail/skins/classic/images/taskicons.gif Binary files differnew file mode 100644 index 0000000..f097ecf --- /dev/null +++ b/webmail/skins/classic/images/taskicons.gif diff --git a/webmail/skins/classic/images/taskicons.png b/webmail/skins/classic/images/taskicons.png Binary files differnew file mode 100644 index 0000000..f097ecf --- /dev/null +++ b/webmail/skins/classic/images/taskicons.png diff --git a/webmail/skins/classic/images/tree.gif b/webmail/skins/classic/images/tree.gif Binary files differnew file mode 100644 index 0000000..c78f15e --- /dev/null +++ b/webmail/skins/classic/images/tree.gif diff --git a/webmail/skins/classic/images/watermark.gif b/webmail/skins/classic/images/watermark.gif Binary files differnew file mode 100644 index 0000000..2895654 --- /dev/null +++ b/webmail/skins/classic/images/watermark.gif diff --git a/webmail/skins/classic/includes/header.html b/webmail/skins/classic/includes/header.html new file mode 100644 index 0000000..08d777a --- /dev/null +++ b/webmail/skins/classic/includes/header.html @@ -0,0 +1,2 @@ +<roundcube:object name="logo" src="/images/roundcube_logo.png" id="logo" border="0" onclick="location.href='./?_page=1'" /> +<roundcube:object name="message" id="message" /> diff --git a/webmail/skins/classic/includes/links.html b/webmail/skins/classic/includes/links.html new file mode 100644 index 0000000..6d8d03c --- /dev/null +++ b/webmail/skins/classic/includes/links.html @@ -0,0 +1,14 @@ +<meta http-equiv="X-UA-Compatible" content="IE=EDGE" /> +<link rel="index" href="$__comm_path" /> +<link rel="shortcut icon" href="/images/favicon.ico"/> +<link rel="stylesheet" type="text/css" href="/common.css" /> +<roundcube:if condition="in_array(env:task, array('mail', 'addressbook', 'settings'))" /> +<link rel="stylesheet" type="text/css" href="/<roundcube:var name="env:task" />.css" /> +<roundcube:endif /> +<roundcube:if condition="browser:ie" /> +<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/iehacks.css" /><![endif]--> +<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/ie6hacks.css" /><![endif]--> +<roundcube:endif /> +<roundcube:if condition="browser:safari" /> +<link rel="stylesheet" type="text/css" href="/safari.css" /> +<roundcube:endif />
\ No newline at end of file diff --git a/webmail/skins/classic/includes/messagetoolbar.html b/webmail/skins/classic/includes/messagetoolbar.html new file mode 100644 index 0000000..bd14f49 --- /dev/null +++ b/webmail/skins/classic/includes/messagetoolbar.html @@ -0,0 +1,63 @@ +<div id="messagetoolbar"> +<roundcube:if condition="template:name == 'message' && env:extwin" /> +<roundcube:button command="close" type="link" class="button back" classAct="button back" classSel="button backSel" title="close" content=" " /> +<roundcube:elseif condition="template:name == 'message'" /> +<roundcube:button command="list" type="link" class="button back" classAct="button back" classSel="button backSel" title="backtolist" content=" " /> +<roundcube:else /> +<roundcube:button command="checkmail" type="link" class="button checkmail" classAct="button checkmail" classSel="button checkmailSel" title="checkmail" content=" " /> +<roundcube:endif /> +<roundcube:button command="compose" type="link" class="button compose" classAct="button compose" classSel="button composeSel" title="writenewmessage" content=" " /> +<roundcube:button command="reply" type="link" class="buttonPas reply" classAct="button reply" classSel="button replySel" title="replytomessage" content=" " /> +<span class="dropbutton"> +<roundcube:button command="reply-all" type="link" class="buttonPas replyAll" classAct="button replyAll" classSel="button replyAllSel" title="replytoallmessage" content=" " /> +<span id="replyallmenulink" onclick="rcmail_ui.show_popup('replyallmenu');return false"></span> +</span> +<span class="dropbutton"> +<roundcube:button command="forward" type="link" class="buttonPas forward" classAct="button forward" classSel="button forwardSel" title="forwardmessage" content=" " /> +<span id="forwardmenulink" onclick="rcmail_ui.show_popup('forwardmenu');return false"></span> +</span> +<roundcube:button command="delete" type="link" class="buttonPas delete" classAct="button delete" classSel="button deleteSel" title="deletemessage" content=" " /> +<roundcube:container name="toolbar" id="messagetoolbar" /> +<roundcube:button name="markmenulink" id="markmenulink" type="link" class="button markmessage" title="markmessages" onclick="rcmail_ui.show_popup('markmenu');return false" content=" " /> +<roundcube:button name="messagemenulink" id="messagemenulink" type="link" class="button messagemenu" title="moreactions" onclick="rcmail_ui.show_popup('messagemenu');return false" content=" " /> +<roundcube:if condition="template:name == 'message'" /> +<roundcube:object name="mailboxlist" type="select" noSelection="moveto" maxlength="25" onchange="rcmail.command('moveto', this.options[this.selectedIndex].value)" class="mboxlist" folder_filter="mail" /> +<roundcube:endif /> +</div> + +<div id="forwardmenu" class="popupmenu"> + <ul> + <li><roundcube:button command="forward-inline" label="forwardinline" prop="sub" classAct="forwardlink active" class="forwardlink" /></li> + <li><roundcube:button command="forward-attachment" label="forwardattachment" prop="sub" classAct="forwardattachmentlink active" class="forwardattachmentlink" /></li> + <roundcube:container name="forwardmenu" id="forwardmenu" /> + </ul> +</div> + +<div id="replyallmenu" class="popupmenu"> + <ul> + <li><roundcube:button command="reply-all" label="replyall" prop="sub" classAct="replyalllink active" class="replyalllink" /></li> + <li><roundcube:button command="reply-list" label="replylist" prop="sub" classAct="replylistlink active" class="replylistlink" /></li> + <roundcube:container name="replyallmenu" id="replyallmenu" /> + </ul> +</div> + +<div id="messagemenu" class="popupmenu"> + <ul class="toolbarmenu"> + <li><roundcube:button class="printlink" command="print" label="printmessage" classAct="printlink active" /></li> + <li><roundcube:button class="downloadlink" command="download" label="emlsave" classAct="downloadlink active" /></li> + <li><roundcube:button class="editlink" command="edit" prop="new" label="editasnew" classAct="editlink active" /></li> + <li class="separator_below"><roundcube:button class="sourcelink" command="viewsource" label="viewsource" classAct="sourcelink active" /></li> + <li><roundcube:button class="openlink" command="open" label="openinextwin" target="_blank" classAct="openlink active" /></li> + <roundcube:container name="messagemenu" id="messagemenu" /> + </ul> +</div> + +<div id="markmessagemenu" class="popupmenu"> + <ul class="toolbarmenu"> + <li><roundcube:button command="mark" prop="read" label="markread" classAct="readlink active" class="readlink" /></li> + <li><roundcube:button command="mark" prop="unread" label="markunread" classAct="unreadlink active" class="unreadlink" /></li> + <li><roundcube:button command="mark" prop="flagged" label="markflagged" classAct="flaggedlink active" class="flaggedlink" /></li> + <li><roundcube:button command="mark" prop="unflagged" label="markunflagged" classAct="unflaggedlink active" class="unflaggedlink" /></li> + <roundcube:container name="markmenu" id="markmessagemenu" /> + </ul> +</div> diff --git a/webmail/skins/classic/includes/settingstabs.html b/webmail/skins/classic/includes/settingstabs.html new file mode 100644 index 0000000..0aea80b --- /dev/null +++ b/webmail/skins/classic/includes/settingstabs.html @@ -0,0 +1,8 @@ +<div id="tabsbar"> +<span id="settingstabdefault" class="tablink"><roundcube:button command="preferences" type="link" label="preferences" title="editpreferences" /></span> +<span id="settingstabfolders" class="tablink"><roundcube:button command="folders" type="link" label="folders" title="managefolders" class="tablink" /></span> +<span id="settingstabidentities" class="tablink"><roundcube:button command="identities" type="link" label="identities" title="manageidentities" class="tablink" /></span> +<span id="settingstababout" class="tablink"><roundcube:button command="about" type="link" label="about" title="about" class="tablink" /></span> +<roundcube:container name="tabs" id="tabsbar" /> +<script type="text/javascript"> if (window.rcmail) rcmail.add_onload(rcube_init_settings_tabs); </script> +</div> diff --git a/webmail/skins/classic/includes/taskbar.html b/webmail/skins/classic/includes/taskbar.html new file mode 100644 index 0000000..dfb547b --- /dev/null +++ b/webmail/skins/classic/includes/taskbar.html @@ -0,0 +1,7 @@ +<div id="taskbar"> +<roundcube:button command="mail" label="mail" class="button-mail" /> +<roundcube:button command="addressbook" label="addressbook" class="button-addressbook" /> +<roundcube:container name="taskbar" id="taskbar" /> +<roundcube:button command="settings" label="settings" class="button-settings" /> +<roundcube:button command="logout" label="logout" class="button-logout" /> +</div>
\ No newline at end of file diff --git a/webmail/skins/classic/mail.css b/webmail/skins/classic/mail.css new file mode 100644 index 0000000..89cf0b8 --- /dev/null +++ b/webmail/skins/classic/mail.css @@ -0,0 +1,1747 @@ +/***** Roundcube|Mail mail task styles *****/ + + +#messagetoolbar +{ + position: absolute; + top: 47px; + left: 205px; + right: 10px; + height: 35px; + min-width: 650px; + white-space: nowrap; +/* border: 1px solid #cccccc; */ +} + +.extwin #messagetoolbar +{ + top: 5px; + left: 20px; +} + +#messagetoolbar a, +#messagetoolbar select +{ + display: block; + float: left; + padding-right: 10px; +} + +#messagetoolbar a.button, +#messagetoolbar a.buttonPas { + display: block; + float: left; + width: 32px; + height: 32px; + padding: 0; + margin: 0 5px; + overflow: hidden; + background: url(images/mail_toolbar.png?v=1594.36649) 0 0 no-repeat transparent; + opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ +} + +#messagetoolbar a.buttonPas { + opacity: 0.35; +} + +#messagetoolbar a.button.selected { + background-color: #ddd; + margin-left: 4px; + margin-right: 4px; + margin-top: -1px; + border: 1px solid #ccc; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} + +#messagetoolbar a.checkmailSel { + background-position: 0 -32px; +} + +#messagetoolbar a.back { + background-position: -32px 0; +} + +#messagetoolbar a.backSel { + background-position: -32px -32px; +} + +#messagetoolbar a.compose { + background-position: -64px 0; +} + +#messagetoolbar a.composeSel { + background-position: -64px -32px; +} + +#messagetoolbar a.reply { + background-position: -96px 0; +} + +#messagetoolbar a.replySel { + background-position: -96px -32px; +} + +#messagetoolbar a.replyAll { + background-position: -128px 0; +} + +#messagetoolbar a.replyAllSel { + background-position: -128px -32px; +} + +#messagetoolbar a.forward { + background-position: -160px 0; +} + +#messagetoolbar a.forwardSel { + background-position: -160px -32px; +} + +#messagetoolbar a.delete { + background-position: -192px 0; +} + +#messagetoolbar a.deleteSel { + background-position: -192px -32px; +} + +#messagetoolbar a.markmessage { + background-position: -256px 0; +} + +#messagetoolbar a.messagemenu { + background-position: -288px 0; +} + +#messagetoolbar a.spellcheck { + background-position: -384px 0; +} + +#messagetoolbar a.spellcheckSel { + background-position: -384px -32px; +} + +#messagetoolbar a.attach { + background-position: -352px 0; +} + +#messagetoolbar a.attachSel { + background-position: -352px -32px; +} + +#messagetoolbar a.insertsig { + background-position: -448px 0; +} + +#messagetoolbar a.insertsigSel { + background-position: -448px -32px; +} + +#messagetoolbar a.savedraft { + background-position: -322px 0; +} + +#messagetoolbar a.savedraftSel { + background-position: -322px -32px; +} + +#messagetoolbar a.send { + background-position: -416px 0; +} + +#messagetoolbar a.sendSel { + background-position: -416px -32px; +} + +#messagetoolbar select.mboxlist +{ + position: relative; + margin: 0 8px; + top: 7px; +} + +#messagetoolbar select.mboxlist option +{ + padding-left: 15px; +} + +#messagetoolbar select.mboxlist option[value=""] +{ + padding-left: 2px; +} + +#messagemenu li a.active:hover, +#markmessagemenu li a.active:hover +{ + color: #fff; + background-color: #c00; +} + +#messagemenu li a +{ + background: url(images/messageactions.png?v=e5b9.2211) no-repeat 7px 0; + background-position: 7px 20px; +} + +#messagemenu li a.printlink +{ + background-position: 7px 1px; +} + +#messagemenu li a.downloadlink +{ + background-position: 7px -17px; +} + +#messagemenu li a.sourcelink +{ + background-position: 7px -35px; +} + +#messagemenu li a.openlink +{ + background-position: 7px -53px; +} + +#messagemenu li a.editlink +{ + background-position: 7px -71px; +} + +#markmessagemenu li a, +#compose-attachments li a +{ + background: url(images/messageicons.png?v=9df0.3673) no-repeat; +} + +#markmessagemenu li a.readlink +{ + background-position: 7px -51px; +} + +#markmessagemenu li a.unreadlink +{ + background-position: 7px -119px; +} + +#markmessagemenu li a.flaggedlink +{ + background-position: 7px -153px; +} + +#markmessagemenu li a.unflaggedlink +{ + background-position: 7px -136px; +} + +#searchfilter +{ + white-space: nowrap; + position: absolute; + right: 198px; + vertical-align: middle; +} + +#searchfilter label +{ + font-size: 11px; +} + +#mailleftcontainer +{ + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 160px; +} + +#mailrightcontainer +{ + position: absolute; + top: 0; + left: 170px; + bottom: 0; + right: 0; + min-width: 600px; +} + +#mailrightcontent +{ + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +#messagepartcontainer +{ + position: absolute; + top: 80px; + left: 20px; + right: 20px; + bottom: 20px; +} + +#mailcontframe +{ + position: absolute; + width: 100%; + top: 0; + bottom: 0; + border: 1px solid #999999; + background-color: #F9F9F9; + overflow: hidden; +} + +#mailpreviewframe +{ + position: absolute; + width: 100%; + top: 205px; + bottom: 0px; + border: 1px solid #999999; + background-color: #F9F9F9; +} + +#messagecontframe +{ + position: relative; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + width: 100%; + height: 100%; + min-height: 100%; /* Chrome 14 bug */ +} + +#messagepartframe +{ + width: 100%; + height: 100%; + min-height: 100%; /* Chrome 14 bug */ + border: 1px solid #999999; + background-color: #F9F9F9; +} + + +#partheader +{ + position: absolute; + top: 10px; + left: 220px; + right: 20px; + height: 40px; +} + +#partheader table td +{ + padding-left: 2px; + padding-right: 4px; + vertical-align: middle; + font-size: 11px; +} + +#partheader table td.title +{ + color: #666666; + font-weight: bold; +} + + +/** mailbox list styles */ + +#mailboxlist-container +{ + position: absolute; + top: 0; + left: 0; + width: 100%; + bottom: 0; + border: 1px solid #999; + background-color: #F9F9F9; +} + +#mailboxlist +{ + position:relative; + height: auto; + margin: 0px; + padding: 0px; + list-style-image: none; + list-style-type: none; + overflow: hidden; + white-space: nowrap; + background-color: #FFF; +} + +#mailboxlist li +{ + display: block; + position: relative; + font-size: 11px; + background: url(images/icons/folders.png?v=87af.4822) 5px 0 no-repeat; + border-bottom: 1px solid #EBEBEB; +} + +#mailboxlist li ul li:last-child +{ + border-bottom: none; +} + +#mailboxlist li div +{ + position: absolute; + left: 8px !important; + left: -16px; + top: 1px; + width: 14px; + height: 16px; +} + +#mailboxlist li div.collapsed, +#mailboxlist li div.expanded +{ + cursor: pointer; +} + +#mailboxlist li div.collapsed +{ + background: url(images/icons/collapsed.png?v=45aa.97) bottom right no-repeat; +} + +#mailboxlist li div.expanded +{ + background: url(images/icons/expanded.png?v=f647.107) bottom right no-repeat; +} + +#mailboxlist li.inbox +{ + background-position: 5px -18px; +} + +#mailboxlist li.drafts +{ + background-position: 5px -37px; +} + +#mailboxlist li.sent +{ + background-position: 5px -54px; +} + +#mailboxlist li.junk +{ + background-position: 5px -73px; +} + +#mailboxlist li.trash +{ + background-position: 5px -91px; +} + +#mailboxlist li a +{ + cursor: default; + display: block; + position: relative; + padding-left: 25px; + padding-top: 2px; + padding-bottom: 2px; + text-decoration: none; + height: 15px; +} + +#mailboxlist li.unread +{ + font-weight: bold; +} + +#mailboxlist li.virtual > a +{ + color: #666; +} + +#mailboxlist li.recent > a +{ + color: #0066FF; +} + +#mailboxlist li.selected, +#mailboxlist li.droptarget li.selected +{ + background-color: #929292; +} + +#mailboxlist li.selected > a, +#mailboxlist li.droptarget li.selected a +{ + color: #FFF; + font-weight: bold; +} + +#mailboxlist li.droptarget +{ + background-color: #FFFFA6; +} + +/* styles for nested folders */ +#mailboxlist ul { + list-style: none; + padding: 0; + margin: 0; + border-top: 1px solid #EBEBEB; + padding-left: 15px; + background-position: 25px 1px; + background-color: #FFF; + color: blue; + font-weight: normal; +} + +#listcontrols +{ + position: relative; + white-space: nowrap; + line-height: 22px; + padding: 0 4px; + width: auto; + min-width: 300px; +} + +#listcontrols a, +#listcontrols span +{ + display: block; + float: left; + font-size: 11px; +} + +#listcontrols span input +{ + vertical-align: middle; +} + +#listcontrols a.button, +#listcontrols a.buttonPas +{ + display: block; + float: left; + width: 15px; + height: 15px; + padding: 0; + margin-top: 4px; + margin-right: 2px; + overflow: hidden; + background: url(images/mail_footer.png?v=819f.977) 0 0 no-repeat transparent; + opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ +} + +#listcontrols a.buttonPas +{ + opacity: 0.35; +} + +#listcontrols a.all { + background-position: -30px 0; +} + +#listcontrols a.allsel { + background-position: -30px -15px; +} + +#listcontrols a.page { + background-position: -135px 0; +} + +#listcontrols a.pagesel { + background-position: -135px -15px; +} + +#listcontrols a.unread { + background-position: -45px 0; +} + +#listcontrols a.unreadsel { + background-position: -45px -15px; +} + +#listcontrols a.invert { + background-position: -60px 0; +} + +#listcontrols a.invertsel { + background-position: -60px -15px; +} + +#listcontrols a.none { + background-position: -75px 0; +} + +#listcontrols a.nonesel { + background-position: -75px -15px; +} + +#listcontrols a.expand-all { + background-position: -90px 0; +} + +#listcontrols a.expand-allsel { + background-position: -90px -15px; +} + +#listcontrols a.collapse-all { + background-position: -105px 0; +} + +#listcontrols a.collapse-allsel { + background-position: -105px -15px; +} + +#listcontrols a.expand-unread { + background-position: -120px 0; +} + +#listcontrols a.expand-unreadsel { + background-position: -120px -15px; +} + +#countcontrols +{ + position: absolute; + top: 4px; + right: 4px; + white-space: nowrap; + font-size: 11px; +} + +#countcontrols a.button, +#countcontrols a.buttonPas +{ + float: right; +} + + +/** message list styles */ + +body.messagelist +{ + margin: 0px; + background-color: #F9F9F9; +} + +#messagelist +{ + width: 100%; + display: table; + table-layout: fixed; +} + +#messagelist thead tr td +{ + height: 20px; + padding: 0 4px 0 2px; + vertical-align: middle; + border-bottom: 1px solid #999999; + color: #333333; + background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC; + font-size: 11px; + font-weight: bold; +} + +#messagelist thead tr td.sortedASC, +#messagelist thead tr td.sortedDESC +{ + background-position: 0 -26px; +} + +#messagelist thead tr td.sortedASC a +{ + background: url(images/icons/sort.gif?v=92aa.144) right 0 no-repeat; +} + +#messagelist thead tr td.sortedDESC a +{ + background: url(images/icons/sort.gif?v=92aa.144) right -14px no-repeat; +} + +#messagelist thead tr td a +{ + display: block; + width: auto !important; + width: 100%; + color: #333333; + text-decoration: none; +} + +#messagelist thead tr td.size +{ + text-align: left; +} + +#messagelist thead tr td.subject +{ + padding-left: 18px; + width: 99%; +} + +#messagelist tbody tr td +{ + height: 20px; + padding: 0; + font-size: 11px; + overflow: hidden; + vertical-align: middle; + white-space: nowrap; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + border-bottom: 1px solid #EBEBEB; + cursor: default; +} + +#messagelist tbody tr td a +{ + color: #000; + text-decoration: none; + white-space: nowrap; + cursor: inherit; +} + +#messagelist td img +{ + vertical-align: middle; + display: inline-block; +} + +#messagelist tbody tr td.flag, +#messagelist tbody tr td.status, +#messagelist tbody tr td.subject span.status +{ + cursor: pointer; +} + +#messagelist tr td.flag span, +#messagelist tr td.status span, +#messagelist tr td.attachment span, +#messagelist tr td.priority span +{ + display: block; + width: 15px; +} + +#messagelist tr td div.collapsed, +#messagelist tr td div.expanded, +#messagelist tr td.threads div.listmenu, +#messagelist tr td.attachment span.attachment, +#messagelist tr td.attachment span.report, +#messagelist tr td.priority span.priority, +#messagelist tr td.priority span.prio1, +#messagelist tr td.priority span.prio2, +#messagelist tr td.priority span.prio3, +#messagelist tr td.priority span.prio4, +#messagelist tr td.priority span.prio5, +#messagelist tr td.flag span.flagged, +#messagelist tr td.flag span.unflagged, +#messagelist tr td.flag span.unflagged:hover, +#messagelist tr td.status span.status, +#messagelist tr td.status span.msgicon, +#messagelist tr td.status span.deleted, +#messagelist tr td.status span.unread, +#messagelist tr td.status span.unreadchildren, +#messagelist tr td.subject span.msgicon, +#messagelist tr td.subject span.deleted, +#messagelist tr td.subject span.unread, +#messagelist tr td.subject span.replied, +#messagelist tr td.subject span.forwarded, +#messagelist tr td.subject span.unreadchildren +{ + display: inline-block; + vertical-align: middle; + height: 17px; + width: 15px; + background: url(images/messageicons.png?v=9df0.3673) center no-repeat; +} + +#messagelist tr td.attachment span.attachment +{ + background-position: 0 -170px; +} + +#messagelist tr td.attachment span.report +{ + background-position: 0 -255px; +} + +#messagelist tr td.priority span.priority +{ + background-position: 0 -309px; +} + +#messagelist tr td.priority span.prio5 +{ + background-position: 0 -358px; +} + +#messagelist tr td.priority span.prio4 +{ + background-position: 0 -340px; +} + +#messagelist tr td.priority span.prio3 +{ + background-position: 0 -324px; +} + +#messagelist tr td.priority span.prio2 +{ + background-position: 0 -309px; +} + +#messagelist tr td.priority span.prio1 +{ + background-position: 0 -290px; +} + +#messagelist tr td.flag span.flagged +{ + background-position: 0 -153px; +} + +#messagelist tr td.flag span.unflagged:hover +{ + background-position: 0 -136px; +} + +#messagelist tr td.subject span.msgicon, +#messagelist tr td.subject span.unreadchildren +{ + background-position: 0 -51px; + margin: 0 2px; +} + +#messagelist tr td.subject span.replied +{ + background-position: 0 -85px; +} + +#messagelist tr td.subject span.forwarded +{ + background-position: 0 -68px; +} + +#messagelist tr td.subject span.replied.forwarded +{ + background-position: 0 -102px; +} + +#messagelist tr td.status span.msgicon, +#messagelist tr td.flag span.unflagged, +#messagelist tr td.status span.unreadchildren +{ + background-position: 0 17px; /* no icon */ +} + +#messagelist tr td.status span.msgicon:hover +{ + background-position: 0 -272px; +} + +#messagelist tr td.status span.deleted, +#messagelist tr td.subject span.deleted +{ + background-position: 0 -187px; +} + +#messagelist tr td.status span.status, +#messagelist tr td.status span.unread, +#messagelist tr td.subject span.unread +{ + background-position: 0 -119px; +} + +#messagelist tr td div.collapsed +{ + background-position: 0 -221px; + cursor: pointer; +} + +#messagelist tr td div.expanded +{ + background-position: 0 -204px; + cursor: pointer; +} + +#messagelist tr td.threads div.listmenu +{ + background-position: 0 -238px; + cursor: pointer; +} + +#messagelist tbody tr td.subject +{ + width: 99%; +} + +#messagelist tbody tr td.subject a +{ + cursor: default; + vertical-align: middle; /* #1487091 */ +} + +/* thread parent message with unread children */ +#messagelist tbody tr.unroot td.subject a +{ + text-decoration: underline; +} + +#messagelist tr td.attachment, +#messagelist tr td.threads, +#messagelist tr td.status, +#messagelist tr td.flag, +#messagelist tr td.priority +{ + width: 17px; + padding: 0 0 0 2px; +} + +#messagelist tr td.size +{ + width: 60px; + text-align: right; + padding: 0 2px; +} + +#messagelist tr td.fromto, +#messagelist tr td.from, +#messagelist tr td.to, +#messagelist tr td.cc, +#messagelist tr td.replyto +{ + width: 180px; + padding: 0 2px; +} + +#messagelist tr td.date +{ + width: 118px; + padding: 0 2px; +} + +#messagelist tr.message +{ + background-color: #FFF; +} + +#messagelist tr.unread +{ + font-weight: bold; + background-color: #FFFFFF; +} + +#messagelist tr.flagged td, +#messagelist tr.flagged td a +{ + color: #CC0000; +} + +#messagelist tr.selected td +{ + color: #FFFFFF; + background-color: #CC3333; +} + +#messagelist tr.unfocused td +{ + color: #FFFFFF; + background-color: #929292; +} + +#messagelist tr.selected td a +{ + color: #FFFFFF; +} + +#messagelist tr.unfocused td a +{ + color: #FFFFFF; +} + +#messagelist tr.deleted td, +#messagelist tr.deleted td a +{ + color: #CCCCCC; +} + +#listmenu +{ + padding: 6px; +} + +#listmenu legend +{ + color: #999999; +} + +#listmenu fieldset +{ + border: 1px solid #999999; + margin: 0 5px; + float: left; +} + +#listmenu div +{ + padding: 8px 0 3px 0; + text-align: center; + clear: both; +} + +/***** tree indicators *****/ + +td span.branch div +{ + float: left; + height: 16px; +} + +td span.branch div.tree +{ + height: 17px; + width: 15px; + background: url(images/tree.gif?v=9b73.92) 0px 0px no-repeat; +} + +td span.branch div.l1 +{ + background-position: 0px 0px; /* L */ +} + +td span.branch div.l2 +{ + background-position: -30px 0px; /* | */ +} + +td span.branch div.l3 +{ + background-position: -15px 0px; /* |- */ +} + + +/** message view styles */ + +#messageframe +{ + position: absolute; + top: 0; + left: 180px; + right: 0; + bottom: 0; + border: 1px solid #999; + background-color: #FFF; + overflow: auto; + z-index: 1; +} + +.extwin #messageframe +{ + left: 0; +} + +div.messageheaderbox +{ + margin: -14px 8px 0px 8px; + border: 1px solid #ccc; +} + +table.headers-table +{ + width: 100%; + background-color: #EBEBEB; +} + +#messagebody #full-headers, +#messagebody table.headers-table +{ + width: auto; + margin: 6px 8px; + background-color: #F4F4F4; +} + +#messagebody table.headers-table +{ + margin: 16px 6px 6px 6px; +} + +div.message-partheaders + div.message-part +{ + border-top: 0; + padding-top: 4px; +} + +table.headers-table tr td +{ + font-size: 11px; + border-bottom:1px solid #FFFFFF; +} + +table.headers-table tr td.header-title +{ + width: 1%; + color: #666666; + font-weight: bold; + text-align: right; + white-space: nowrap; + padding: 0 4px 0 8px; +} + +table.headers-table tr td.header +{ + width: 99%; +} + +table.headers-table tr td.subject +{ + font-weight: bold; +} + +table.headers-table tr td.header span +{ + white-space: nowrap; +} + +#attachment-list +{ + margin: 0; + padding: 0 4px 0 8px; + min-height: 16px; + list-style-image: none; + list-style-type: none; + background: url(images/icons/attachment.png?v=08f7.518) 4px 2px no-repeat #DFDFDF; +} + +#messageframe #attachment-list +{ + border-bottom: 1px solid #ccc; +} + +.messageheaderbox #attachment-list +{ + border-top: 1px solid #ccc; +} + +#attachment-list:after +{ + content: "."; + display: block; + height: 0; + font-size: 0; + clear: both; + visibility: hidden; +} + +#attachment-list li +{ + float: left; + height: 18px; + font-size: 11px; + padding: 2px 0px 0px 15px; + white-space: nowrap; +} + +#attachment-list li a +{ + text-decoration: none; +} + +#attachment-list li a:hover +{ + text-decoration: underline; +} + +#messagebody +{ + position:relative; + padding-bottom: 10px; + background-color: #FFFFFF; +} + +div.message-part, +div.message-htmlpart +{ + padding: 10px 8px; + border-top: 1px solid #ccc; +/* overflow: hidden; */ +} + +#messagebody div:first-child +{ + border-top: 0; +} + +div.message-part a, +div.message-htmlpart a +{ + color: #0000CC; +} + +div.message-part pre, +div.message-htmlpart pre, +div.message-part div.pre +{ + margin: 0px; + padding: 0px; + font-family: monospace; + font-size: 12px; + white-space: -moz-pre-wrap !important; + white-space: pre-wrap !important; + white-space: pre; +} + +div.message-part span.sig +{ + color: #666666; +} + +div.message-part blockquote +{ + color: blue; + border-left: 2px solid blue; + border-right: 2px solid blue; + background-color: #F6F6F6; + margin: 2px 0px; + padding: 1px 8px 1px 10px; +} + +div.message-part blockquote blockquote +{ + color: green; + border-left: 2px solid green; + border-right: 2px solid green; +} + +div.message-part blockquote blockquote blockquote +{ + color: #990000; + border-left: 2px solid #bb0000; + border-right: 2px solid #bb0000; +} + +body.iframe div.message-htmlpart +{ + margin: 8px; +} + +div.message-htmlpart div.rcmBody +{ + margin: 8px; +} + +#messagebody span.part-notice +{ + display: block; +} + +#message-objects div, +#messagebody span.part-notice +{ + margin: 8px; + min-height: 20px; + padding: 10px 10px 6px 46px; +} + +#message-objects div a, +#messagebody span.part-notice a +{ + color: #666666; + padding-left: 10px; +} + +#message-objects div a:hover, +#messagebody span.part-notice a:hover +{ + color: #333333; +} + +#messagebody fieldset.image-attachment { + border: 0; + border-top: 1px solid #ccc; + margin: 1em 1em 0 1em; +} + +#messagebody fieldset.image-attachment p > img +{ + max-width: 80%; +} + +#messagebody legend.image-filename +{ + color: #999; + font-size: 0.9em; +} + +#messagebody p.image-attachment +{ + margin: 0 1em; + padding: 1em; + border-top: 1px solid #ccc; +} + +#messagebody p.image-attachment a.image-link +{ + float: left; + margin-right: 2em; + min-width: 160px; + min-height: 60px; + text-align: center; +} + +#messagebody p.image-attachment .image-filename +{ + display: block; + font-weight: bold; + line-height: 1.6em; +} + +#messagebody p.image-attachment .image-filesize +{ + font-size: 11px; + padding-right: 1em; +} + +#messagebody p.image-attachment .attachment-links a +{ + margin-right: 0.6em; + color: #cc0000; + font-size: 11px; + text-decoration: none; +} + +#messagebody p.image-attachment .attachment-links a:hover +{ + text-decoration: underline; +} + +#openextwinlink +{ + position: absolute; + top: 8px; + right: 10px; + width: 15px; + height: 15px; + border: 0; +} + +#compose-headers #openextwinlink +{ + top: 4px; + right: 2px; +} + +#full-headers +{ + color: #666666; + text-align: center; + padding: 2px 6px; + border-bottom: 1px solid #ccc; + background-color: #EBEBEB; +} + +.messageheaderbox #full-headers +{ + border-bottom: 0; +} + +div.more-headers +{ + cursor: pointer; + height: 8px; + border-bottom: 0; +} + +div.show-headers +{ + background: url(images/icons/down_small.gif?v=f368.105) no-repeat center; +} + +div.hide-headers +{ + background: url(images/icons/up_small.gif?v=c56c.106) no-repeat center; +} + +#headers-source +{ + margin: 2px 0; + padding: 0.5em; + height: 145px; + background: white; + overflow: auto; + font-size: 11px; + border: 1px solid #CCC; + display: none; + text-align: left; + color: #333; +} + + +/** message compose styles */ + +#compose-container +{ + position: absolute; + top: 0; + left: 205px; + right: 0; + bottom: 0; + margin: 0; +} + +#compose-div +{ + position: absolute; + top: 85px; + right: 0; + left: 0; + bottom: 0; + margin: 0; +} + +#compose-body-div +{ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 175px; + border: 1px solid #999; +} + +#compose-div .boxlistcontent +{ + bottom: 23px; +} + +#compose-body +{ + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: 0; + font-size: 9pt; + font-family: monospace; + resize: none; + border: none; + outline: none; +} + +#compose-body_tbl, +#compose-body_tbl td +{ + border: none; +} + +#compose-body_tbl tr.mceFirst td.mceToolbar +{ + border-bottom: 1px solid #ccc; +} + +#compose-headers +{ + width: 100%; +} + +#compose-headers td.editfield +{ + padding-right: 8px; + width: 95%; +} + +#compose-headers td.top +{ + vertical-align: top; +} + +#compose-headers td.title, +#compose-subject td.title +{ + width: 80px !important; + font-size: 11px; + font-weight: bold; + padding-right: 10px; + white-space: nowrap; + color: #666; +} + +#compose-headers td textarea, +#compose-headers td input +{ + resize: none; + width: 100%; + border: 1px solid #999; +} + +#compose-headers td textarea +{ + height: 32px; +} + +input.from_address +{ + width: 80% !important; +} + +#compose-cc, +#compose-bcc, +#compose-replyto, +#compose-followupto +{ + display: none; +} + +#compose-editorfooter +{ + position: absolute; + right: 5px; + bottom: 0; + text-align: right; + line-height: 20px; +} + +#compose-editorfooter label +{ + font-size: 11px; + font-weight: bold; + color: #666; +} + +#compose-buttons +{ + position: absolute; + left: 5px; + bottom: 1px; + width: auto; +} + +#compose-contacts +{ + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 195px; + border: 1px solid #999; + background-color: #F9F9F9; +} + +#compose-attachments +{ + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border: 1px solid #999; + background-color: #F9F9F9; +} + +#compose-attachments.droptarget.hover +{ + background-color: #F0F0EE; + box-shadow: 0 0 5px 0 #999; + -moz-box-shadow: 0 0 5px 0 #999; + -o-box-shadow: 0 0 5px 0 #999; +} + +#compose-attachments ul +{ + margin: 0px; + padding: 0px; + background-color: #FFF; + list-style-image: none; + list-style-type: none; +} + +#compose-attachments ul li +{ + height: 18px; + line-height: 16px; + font-size: 11px; + padding-left: 2px; + padding-top: 2px; + padding-right: 4px; + border-bottom: 1px solid #EBEBEB; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; +} + +#compose-attachments li a +{ + text-indent: -5000px; + width: 17px; + height: 16px; + display: inline-block; + text-decoration: none; +} + +#compose-attachments li img +{ + vertical-align: middle; +} + +#compose-attachments li a.delete, +#compose-attachments li a.cancelupload +{ + background-position: 0px -392px; +} + +#compose-attachments li span +{ + line-height: 18px; + vertical-align: middle; +} + +#attachment-form +{ + padding: 6px; +} + +#attachment-form div +{ + padding: 2px; +} + +#attachment-form div.buttons +{ + margin-top: 4px; +} + +#quota +{ + position: absolute; + top: 3px; + right: 8px; + width: 100px; +} + +#quotaimg +{ + position: absolute; + top: 3px; + right: 6px; + z-index: 101; +} + +/* addressbook in compose - copy from addressbook.css */ + +#directorylist +{ + list-style: none; + margin: 0; + padding: 0; + background-color: #FFFFFF; +} + +#directorylist li +{ + display: block; + font-size: 11px; + background: url(images/icons/folders.png?v=87af.4822) 5px -108px no-repeat; + border-bottom: 1px solid #EBEBEB; + white-space: nowrap; +} + +#directorylist li a +{ + cursor: default; + display: block; + padding-left: 25px; + padding-top: 2px; + padding-bottom: 2px; + text-decoration: none; + white-space: nowrap; + height: 15px; +} + +#directorylist li.selected +{ + background-color: #929292; + border-bottom: 1px solid #898989; +} + +#directorylist li.selected a +{ + color: #FFF; + font-weight: bold; +} + +#contacts-table +{ + width: 100%; + table-layout: fixed; +} + +#contacts-table tbody td +{ + cursor: default; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; +} + +#abookcountbar +{ + margin-top: 4px; + margin-left: 4px; + position: absolute; + margin-right: 5px; + right: 0; +} + +#abookactions +{ + position: absolute; + text-underline: none; +} + +#abookactions a +{ + font-weight: bold; + line-height: 22px; + height: 22px; + width: auto; + margin: 0; + padding-left: 5px; + padding-right: 5px; + text-shadow: 1px 1px white; + background: url(images/icons/groupactions.png?v=ace6.1092) no-repeat right -70px; +} + +#abookactions a.disabled +{ + color: #999; +} + +#compose-contacts #quicksearchbar +{ + top: 2px; + left: 7px; +} + +#compose-contacts #directorylist +{ + width: 100%; + top: 23px; + position: absolute; + border-top: 1px solid #eee; +} + +#compose-contacts #contacts-table +{ + top: 45px; + position: absolute; +} diff --git a/webmail/skins/classic/meta.json b/webmail/skins/classic/meta.json new file mode 100644 index 0000000..5cbdf94 --- /dev/null +++ b/webmail/skins/classic/meta.json @@ -0,0 +1,6 @@ +{ + "name": "Classic", + "author": "The Roundcube Dev Team", + "license": "Creative Commons Attribution-ShareAlike", + "license-url": "http://creativecommons.org/licenses/by-sa/3.0/" +}
\ No newline at end of file diff --git a/webmail/skins/classic/pngbehavior.htc b/webmail/skins/classic/pngbehavior.htc new file mode 100644 index 0000000..6f892df --- /dev/null +++ b/webmail/skins/classic/pngbehavior.htc @@ -0,0 +1,84 @@ +<public:component lightWeight="true"> +<public:attach event="onpropertychange" onevent="propertyChanged()" /> +<public:attach event="onbeforeprint" onevent="beforePrint()" for="window"/> +<public:attach event="onafterprint" onevent="afterPrint()" for="window"/> +<script> + +/* + * PNG Behavior + * + * This script was created by Erik Arvidsson (http://webfx.eae.net/contact.html#erik) + * for WebFX (http://webfx.eae.net) + * Copyright 2002-2004 + * + * For usage see license at http://webfx.eae.net/license.html + * + * Version: 1.02 + * Created: 2001-??-?? First working version + * Updated: 2002-03-28 Fixed issue when starting with a non png image and + * switching between non png images + * 2003-01-06 Fixed RegExp to correctly work with IE 5.0x + * 2004-05-09 When printing revert to original + * + */ + +var supported = /MSIE ((5\.5)|6)/.test(navigator.userAgent) && navigator.platform == "Win32", + realSrc, + blankSrc = "program/resources/blank.gif", + isPrinting = false; + +if (supported) fixImage(); + +function propertyChanged() { + if (!supported || isPrinting) return; + + var pName = event.propertyName; + if (pName != "src") return; + // if not set to blank + if (!new RegExp(blankSrc).test(src)) + fixImage(); +}; + +function fixImage() { + // get src + var src = element.src; + + // check for real change + if (src == realSrc && /\.png$/i.test(src)) { + element.src = blankSrc; + return; + } + + if ( ! new RegExp(blankSrc).test(src)) { + // backup old src + realSrc = src; + } + + // test for png + if (/\.png$/i.test(realSrc)) { + // set blank image + element.src = blankSrc; + // set filter + element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft." + + "AlphaImageLoader(src='" + src + "',sizingMethod='scale')"; + } + else { + // remove filter + element.runtimeStyle.filter = ""; + } +} + +function beforePrint() { + isPrinting = true; + element.src = realSrc; + element.runtimeStyle.filter = ""; + realSrc = null; +} + +function afterPrint() { + isPrinting = false; + fixImage(); +} + +</script> +</public:component> diff --git a/webmail/skins/classic/print.css b/webmail/skins/classic/print.css new file mode 100644 index 0000000..d7e332d --- /dev/null +++ b/webmail/skins/classic/print.css @@ -0,0 +1,167 @@ +/***** Roundcube|Mail message print styles *****/ + +body +{ + font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + background-color: #ffffff; + color: #000000; + margin: 2mm; +} + +body, td, th, span, div, p +{ + font-size: 9pt; + color: #000000; +} + +h3 +{ + font-size: 18px; + color: #000000; +} + +a, a:active, a:visited +{ + color: #000000; +} + +body > #logo +{ + float: right; + margin: 0 5mm 3mm 5mm; +} + +table.headers-table +{ + table-layout: fixed; + margin-top: 14px; +} + +table.headers-table tr td +{ + font-size: 9pt; +} + +table.headers-table td.header-title +{ + color: #666666; + font-weight: bold; + text-align: right; + vertical-align: top; + padding-right: 4mm; + white-space: nowrap; +} + +table.headers-table tr td.subject +{ + width: 90%; + font-weight: bold; +} + +#attachment-list +{ + margin-top: 3mm; + padding-top: 3mm; + border-top: 1pt solid #cccccc; +} + +#attachment-list li +{ + font-size: 9pt; +} + +#attachment-list li a +{ + text-decoration: none; +} + +#attachment-list li a:hover +{ + text-decoration: underline; +} + +#messagebody +{ + position: relative; + margin-top: 5mm; + border-top: none; +} + +div.message-part +{ + padding: 2mm; + margin-top: 5mm; + margin-bottom: 5mm; + border-top: 1pt solid #cccccc; +} + +div.message-part a +{ + color: #0000CC; +} + +div.message-part pre, +div.message-htmlpart pre, +div.message-part div.pre +{ + margin: 0; + padding: 0; + font-family: monospace; + white-space: -moz-pre-wrap !important; + white-space: pre-wrap !important; + white-space: pre; + word-wrap: break-word; /* IE (and Safari) */ +} + +div.message-part blockquote +{ + color: blue; + border-left: 2px solid blue; + border-right: 2px solid blue; + background-color: #F6F6F6; + margin: 2px 0px; + padding: 1px 8px 1px 10px; +} + +div.message-part blockquote blockquote +{ + color: green; + border-left: 2px solid green; + border-right: 2px solid green; +} + +div.message-part blockquote blockquote blockquote +{ + color: #990000; + border-left: 2px solid #bb0000; + border-right: 2px solid #bb0000; +} + +p.image-attachment +{ + position: relative; + padding: 1em; + border-top: 1px solid #ccc; +} + +p.image-attachment a.image-link +{ + float: left; + display: block; + margin-right: 2em; + min-width: 160px; + min-height: 60px; + text-align: center; +} + +p.image-attachment .image-filename +{ + display: block; + line-height: 1.6em; +} + +p.image-attachment .attachment-links +{ + display: none; +} + diff --git a/webmail/skins/classic/safari.css b/webmail/skins/classic/safari.css new file mode 100644 index 0000000..a1be85a --- /dev/null +++ b/webmail/skins/classic/safari.css @@ -0,0 +1,22 @@ +body +{ + height: 100%; +} + +html>body*#messagelist[id$="messagelist"]:not([class="none"]) { width: 99.8%; } +html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.flag, +html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.icon { width: 20px; } +html>body*input[type$="file"]:not([class="none"]) { background-color: transparent; border: 0; } + +div.message-part pre, +div.message-htmlpart pre, +div.message-part div.pre +{ + word-wrap: break-word; +} + +#messagelist thead tr td, +#messagelist tbody tr td +{ + height: 18px; +} diff --git a/webmail/skins/classic/settings.css b/webmail/skins/classic/settings.css new file mode 100644 index 0000000..428e608 --- /dev/null +++ b/webmail/skins/classic/settings.css @@ -0,0 +1,255 @@ +/***** Roundcube|Mail settings task styles *****/ + +#rcmfd_timezone +{ + width: 300px; +} + +#folder-manager.droptarget +{ + border: 1px solid #CC3333; + background-color: #FFFFA6; +} + +#identities-table, +#subscription-table, +#sections-table +{ + width: 100%; + table-layout: fixed; +} + +#subscription-table input +{ + font: inherit; +} + +#subscription-table tbody td, +#identities-table tbody td, +#sections-table tbody td +{ + cursor: default; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + height: 18px; +} + +#subscription-table tr.virtual td +{ + color: #666; +} + +#subscription-table tr.root td +{ + font-size: 10%; + height: 5px; +} + +#subscription-table tr.selected td +{ + color: #FFFFFF; + background-color: #CC3333; +} + +#subscription-table tr.droptarget td +{ + background-color: #FFFFA6; +} + +#subscription-table td.name +{ + width: auto; +} + +#subscription-table td.subscribed +{ + text-align: right; + padding-right: 12px; +} + +#folder-box, +#prefs-box, +#identity-box +{ + position: absolute; + top: 0; + right: 0; + bottom: 0; + border: 1px solid #999999; + overflow: hidden; + background-color: #F2F2F2; +} + +#identity-details table td.title, +#folder-details table td.title +{ + font-weight: bold; + text-align: right; +} + +#bottomboxes +{ + position: absolute; + width: 600px; + height: 95px; + left: 0; + bottom: 0; +} + +#identities-list, +#folder-manager, +#sectionslist +{ + position: absolute; + top: 0; + left: 0; + bottom: 0; + border: 1px solid #999999; + background-color: #F9F9F9; + overflow: hidden; +} + +body.iframe, +#prefs-frame, +#folder-frame, +#identity-frame +{ + background-color: #F2F2F2; + border: none; + min-height: 100%; /* Chrome 14 bug */ +} + +#prefs-title, +#folder-title, +#identity-title +{ + /* fixes issue where tabs were overlapping box title when scrolling */ + z-index: 10; +} + +#formfooter +{ + width: 100%; +} + +#formfooter .footerleft +{ + padding: 0 2px 10px; + white-space: nowrap; + float: left; +} + +#formfooter .footerright +{ + padding: 0 2px 10px; + white-space: nowrap; + text-align: right; + float: right; +} + +#quota +{ + position: absolute; + top: 3px; + right: 8px; + width: 100px; +} + +#quotaimg +{ + position: absolute; + top: 3px; + right: 6px; + z-index: 101; +} + +#rcmfd_signature +{ + font-family: monospace; +} + +div.readtext +{ + width: 42em; + padding: 20px; +} + +#license +{ + min-height: 200px; + padding-bottom: 2em; + background: url(images/watermark.gif?v=4094.9288) no-repeat center; +} + +#license .sysname +{ + font-size: 18px; + font-weight: bold; +} + +#license .copyright +{ + font-weight: bold; +} + +#license .license, +#license .links +{ + margin-top: 1.5em; +} + +.skinselection +{ + display: block; + white-space: nowrap; + margin: 0.3em 0; +} + +.skinselection span +{ + display: inline-block; + vertical-align: middle; + padding-right: 1em; +} + +.skinselection .skinname +{ + font-weight: bold; +} + +.skinselection .skinlicense, +.skinselection .skinlicense a +{ + color: #999; + font-style: italic; + text-decoration: none; +} + +.skinselection .skinlicense a:hover +{ + text-decoration: underline; +} + +img.skinthumbnail +{ + width: 64px; + height: 64px; + border: 1px solid #999; + background: #fff; +} + +#pluginlist +{ + border: 1px solid #999; + width: 100%; +} + +#pluginlist td.version +{ + text-align: center; +} + +div.crop +{ + overflow: auto; +} diff --git a/webmail/skins/classic/splitter.js b/webmail/skins/classic/splitter.js new file mode 100644 index 0000000..72ada57 --- /dev/null +++ b/webmail/skins/classic/splitter.js @@ -0,0 +1,204 @@ + +/** + * Roundcube splitter GUI class + * + * @constructor + */ +function rcube_splitter(attrib) +{ + this.p1id = attrib.p1; + this.p2id = attrib.p2; + this.id = attrib.id ? attrib.id : this.p1id + '_' + this.p2id + '_splitter'; + this.orientation = attrib.orientation; + this.horizontal = (this.orientation == 'horizontal' || this.orientation == 'h'); + this.offset = bw.ie6 ? 2 : 0; + this.pos = attrib.start ? attrib.start * 1 : 0; + this.relative = attrib.relative ? true : false; + this.drag_active = false; + this.callback = attrib.callback; + + this.init = function() + { + this.p1 = document.getElementById(this.p1id); + this.p2 = document.getElementById(this.p2id); + + // create and position the handle for this splitter + this.p1pos = this.relative ? $(this.p1).position() : $(this.p1).offset(); + this.p2pos = this.relative ? $(this.p2).position() : $(this.p2).offset(); + + if (this.horizontal) { + var top = this.p1pos.top + this.p1.offsetHeight; + this.layer = new rcube_layer(this.id, {x: 0, y: top, height: 10, + width: '100%', vis: 1, parent: this.p1.parentNode}); + } + else { + var left = this.p1pos.left + this.p1.offsetWidth; + this.layer = new rcube_layer(this.id, {x: left, y: 0, width: 10, + height: '100%', vis: 1, parent: this.p1.parentNode}); + } + + this.elm = this.layer.elm; + this.elm.className = 'splitter '+(this.horizontal ? 'splitter-h' : 'splitter-v'); + this.elm.unselectable = 'on'; + + // add the mouse event listeners + rcube_event.add_listener({element: this.elm, event:'mousedown', object:this, method:'onDragStart'}); + if (bw.ie) + rcube_event.add_listener({element: window, event:'resize', object:this, method:'onResize'}); + + // read saved position from cookie + var cookie = rcmail.get_cookie(this.id); + if (cookie && !isNaN(cookie)) { + this.pos = parseFloat(cookie); + this.resize(); + } + else if (this.pos) { + this.resize(); + this.set_cookie(); + } + }; + + /** + * Set size and position of all DOM objects + * according to the saved splitter position + */ + this.resize = function() + { + if (this.horizontal) { + var lh = this.layer.height - this.offset * 2; + this.p1.style.height = Math.floor(this.pos - this.p1pos.top - lh / 2) + 'px'; + this.p2.style.top = Math.ceil(this.pos + lh / 2) + 'px'; + this.layer.move(this.layer.x, Math.round(this.pos - lh / 2 + 1)); + if (bw.ie) { + var new_height = parseInt(this.p2.parentNode.offsetHeight, 10) - parseInt(this.p2.style.top, 10) - (bw.ie8 ? 2 : 0); + this.p2.style.height = (new_height > 0 ? new_height : 0) + 'px'; + } + } + else { + this.p1.style.width = Math.floor(this.pos - this.p1pos.left - this.layer.width / 2) + 'px'; + this.p2.style.left = Math.ceil(this.pos + this.layer.width / 2) + 'px'; + this.layer.move(Math.round(this.pos - this.layer.width / 2 + 1), this.layer.y); + if (bw.ie) { + var new_width = parseInt(this.p2.parentNode.offsetWidth, 10) - parseInt(this.p2.style.left, 10) ; + this.p2.style.width = (new_width > 0 ? new_width : 0) + 'px'; + } + } + $(this.p2).resize(); + $(this.p1).resize(); + }; + + /** + * Handler for mousedown events + */ + this.onDragStart = function(e) + { + // disable text selection while dragging the splitter + if (bw.konq || bw.chrome || bw.safari) + document.body.style.webkitUserSelect = 'none'; + + this.p1pos = this.relative ? $(this.p1).position() : $(this.p1).offset(); + this.p2pos = this.relative ? $(this.p2).position() : $(this.p2).offset(); + this.drag_active = true; + + // start listening to mousemove events + rcube_event.add_listener({element:document, event:'mousemove', object:this, method:'onDrag'}); + rcube_event.add_listener({element:document, event:'mouseup', object:this, method:'onDragStop'}); + + // enable dragging above iframes + $('iframe').each(function() { + $('<div class="iframe-splitter-fix"></div>') + .css({background: '#fff', + width: this.offsetWidth+'px', height: this.offsetHeight+'px', + position: 'absolute', opacity: '0.001', zIndex: 1000 + }) + .css($(this).offset()) + .appendTo('body'); + }); + }; + + /** + * Handler for mousemove events + */ + this.onDrag = function(e) + { + if (!this.drag_active) + return false; + + var pos = rcube_event.get_mouse_pos(e); + + if (this.relative) { + var parent = $(this.p1.parentNode).offset(); + pos.x -= parent.left; + pos.y -= parent.top; + } + + if (this.horizontal) { + if (((pos.y - this.layer.height * 1.5) > this.p1pos.top) && ((pos.y + this.layer.height * 1.5) < (this.p2pos.top + this.p2.offsetHeight))) { + this.pos = pos.y; + this.resize(); + } + } + else { + if (((pos.x - this.layer.width * 1.5) > this.p1pos.left) && ((pos.x + this.layer.width * 1.5) < (this.p2pos.left + this.p2.offsetWidth))) { + this.pos = pos.x; + this.resize(); + } + } + + this.p1pos = this.relative ? $(this.p1).position() : $(this.p1).offset(); + this.p2pos = this.relative ? $(this.p2).position() : $(this.p2).offset(); + + return false; + }; + + /** + * Handler for mouseup events + */ + this.onDragStop = function(e) + { + // resume the ability to highlight text + if (bw.konq || bw.chrome || bw.safari) + document.body.style.webkitUserSelect = 'auto'; + + // cancel the listening for drag events + rcube_event.remove_listener({element:document, event:'mousemove', object:this, method:'onDrag'}); + rcube_event.remove_listener({element:document, event:'mouseup', object:this, method:'onDragStop'}); + this.drag_active = false; + + // remove temp divs + $('div.iframe-splitter-fix').each(function() { this.parentNode.removeChild(this); }); + + this.set_cookie(); + + if (typeof this.callback == 'function') + this.callback(this); + + return bw.safari ? true : rcube_event.cancel(e); + }; + + /** + * Handler for window resize events + */ + this.onResize = function(e) + { + if (this.horizontal) { + var new_height = parseInt(this.p2.parentNode.offsetHeight, 10) - parseInt(this.p2.style.top, 10) - (bw.ie8 ? 2 : 0); + this.p2.style.height = (new_height > 0 ? new_height : 0) +'px'; + } + else { + var new_width = parseInt(this.p2.parentNode.offsetWidth, 10) - parseInt(this.p2.style.left, 10); + this.p2.style.width = (new_width > 0 ? new_width : 0) + 'px'; + } + }; + + /** + * Saves splitter position in cookie + */ + this.set_cookie = function() + { + var exp = new Date(); + exp.setYear(exp.getFullYear() + 1); + rcmail.set_cookie(this.id, this.pos, exp); + }; + +} // end class rcube_splitter diff --git a/webmail/skins/classic/templates/about.html b/webmail/skins/classic/templates/about.html new file mode 100644 index 0000000..519acf7 --- /dev/null +++ b/webmail/skins/classic/templates/about.html @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/functions.js"></script> +</head> +<body> + +<roundcube:include file="/includes/taskbar.html" /> +<roundcube:include file="/includes/header.html" /> +<roundcube:include file="/includes/settingstabs.html" /> + +<div id="mainscreen" class="box darkbg crop"> +<div class="readtext"> +<div id="license"> +<roundcube:object name="aboutcontent" /> +<h2 class="sysname">Roundcube Webmail <roundcube:object name="version" /></h2> +<p class="copyright">Copyright © 2005-2013, The Roundcube Dev Team</p> +<p class="license">This program is free software; you can redistribute it and/or modify +it under the terms of the <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">GNU General Public License</a> +as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.<br/> +Some <a href="http://roundcube.net/license">exceptions</a> for skins & plugins apply. +</p> +<p class="links"><roundcube:object name="supportlink" label="support" target="_blank" /></p> +</div> + +<h3><roundcube:label name="installedplugins" /></h3> +<roundcube:object name="pluginlist" id="pluginlist" class="records-table" cellspacing="0" /> + +</div> +</div> + +</body> +</html> diff --git a/webmail/skins/classic/templates/addressbook.html b/webmail/skins/classic/templates/addressbook.html new file mode 100644 index 0000000..1008cbf --- /dev/null +++ b/webmail/skins/classic/templates/addressbook.html @@ -0,0 +1,111 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/splitter.js"></script> +<script type="text/javascript" src="/functions.js"></script> +<style type="text/css"> +#addresslist { width: <roundcube:exp expression="!empty(cookie:addressviewsplitter) ? cookie:addressviewsplitter-5 : 245" />px; } +#contacts-box { left: <roundcube:exp expression="!empty(cookie:addressviewsplitter) ? cookie:addressviewsplitter+5 : 255" />px; + <roundcube:exp expression="browser:ie ? ('width:expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:addressviewsplitter) ? cookie:addressviewsplitter+5 : 255).')+\\'px\\');') : ''" /> +} +#directorylistbox { width: <roundcube:exp expression="!empty(cookie:addressviewsplitterd) ? cookie:addressviewsplitterd-5 : 195" />px; } +#addressscreen { left: <roundcube:exp expression="!empty(cookie:addressviewsplitterd) ? cookie:addressviewsplitterd+5 : 205" />px; + <roundcube:exp expression="browser:ie ? ('width:expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:addressviewsplitterd) ? cookie:addressviewsplitterd+5 : 205).')+\\'px\\');') : ''" /> +} +</style> + +</head> +<body onload="rcube_init_mail_ui()"> + +<roundcube:include file="/includes/taskbar.html" /> +<roundcube:include file="/includes/header.html" /> + +<div id="abooktoolbar"> +<roundcube:button command="add" type="link" class="buttonPas addcontact" classAct="button addcontact" classSel="button addcontactSel" title="newcontact" content=" " /> +<roundcube:button command="compose" type="link" class="buttonPas compose" classAct="button compose" classSel="button composeSel" title="composeto" content=" " /> +<roundcube:button command="delete" type="link" class="buttonPas delete" classAct="button delete" classSel="button deleteSel" title="deletecontact" content=" " /> +<span class="separator"> </span> +<roundcube:button command="import" type="link" class="buttonPas import" classAct="button import" classSel="button importSel" title="importcontacts" content=" " /> +<roundcube:button command="export" type="link" class="buttonPas export" classAct="button export" classSel="button exportSel" title="exportvcards" content=" " /> +<roundcube:button command="advanced-search" type="link" class="buttonPas search" classAct="button search" classSel="button searchSel" title="advsearch" content=" " /> +<roundcube:container name="toolbar" id="abooktoolbar" /> +</div> + +<div id="quicksearchbar"> +<roundcube:button name="searchmenulink" id="searchmenulink" image="/images/icons/glass_roll.png" onclick="rcmail_ui.show_popup('searchmenu');return false" title="searchmod" width="16" height="16" /> +<roundcube:object name="searchform" id="quicksearchbox" /> +<roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" width="13" height="13" /> +</div> + +<div id="searchmenu" class="popupmenu"> + <ul class="toolbarmenu"> + <li><label><input type="checkbox" name="s_mods[]" value="name" id="s_mod_name" onclick="rcmail_ui.set_searchmod(this)" /> <span><roundcube:label name="name" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="firstname" id="s_mod_firstname" onclick="rcmail_ui.set_searchmod(this)" /> <span><roundcube:label name="firstname" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="surname" id="s_mod_surname" onclick="rcmail_ui.set_searchmod(this)" /> <span><roundcube:label name="surname" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="email" id="s_mod_email" onclick="rcmail_ui.set_searchmod(this)" /> <span><roundcube:label name="email" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="*" id="s_mod_all" onclick="rcmail_ui.set_searchmod(this)" /> <span><roundcube:label name="allfields" /></span></label></li> + </ul> +</div> + +<div id="mainscreen"> + +<div id="directorylistbox"> +<div id="directorylist-title" class="boxtitle"><roundcube:label name="groups" /></div> +<div id="directorylist-content" class="boxlistcontent"> + <roundcube:object name="directorylist" id="directorylist" /> + <roundcube:object name="groupslist" id="contactgroupslist" /> +</div> +<div id="directorylist-footer" class="boxfooter"> + <roundcube:button command="group-create" type="link" title="newcontactgroup" class="buttonPas addgroup" classAct="button addgroup" content=" " /> + <roundcube:button name="groupmenulink" id="groupmenulink" type="link" title="moreactions" class="button groupactions" onclick="rcmail_ui.show_popup('groupmenu');return false" content=" " /> +</div> +</div> + +<div id="addressscreen"> + +<div id="addresslist"> +<div class="boxtitle"><roundcube:label name="contacts" /></div> +<div class="boxlistcontent"> +<roundcube:object name="addresslist" id="contacts-table" class="records-table" cellspacing="0" summary="Contacts list" noheader="true" /> +</div> +<div class="boxfooter"> +<div id="abookcountbar" class="pagenav"> + <roundcube:button command="firstpage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstpage" content=" " /> + <roundcube:button command="previouspage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previouspage" content=" " /> + <roundcube:object name="recordsCountDisplay" style="padding:0 .5em; float:left" /> + <roundcube:button command="nextpage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextpage" content=" " /> + <roundcube:button command="lastpage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastpage" content=" " /> +</div> +</div> +</div> + +<script type="text/javascript"> + var addrviewsplit = new rcube_splitter({id:'addressviewsplitter', p1: 'addresslist', p2: 'contacts-box', orientation: 'v', relative: true, start: 250}); + rcmail.add_onload('addrviewsplit.init()'); + + var addrviewsplitd = new rcube_splitter({id:'addressviewsplitterd', p1: 'directorylistbox', p2: 'addressscreen', orientation: 'v', relative: true, start: 200}); + rcmail.add_onload('addrviewsplitd.init()'); +</script> + +<div id="contacts-box"> +<roundcube:object name="addressframe" id="contact-frame" width="100%" height="100%" frameborder="0" src="/watermark.html" /> +</div> + +</div> +</div> + +<div id="groupoptionsmenu" class="popupmenu"> + <ul> + <li><roundcube:button command="group-rename" label="grouprename" classAct="active" /></li> + <li><roundcube:button command="group-delete" label="groupdelete" classAct="active" /></li> + <li><roundcube:button command="group-remove-selected" label="groupremoveselected" classAct="active" /></li> + <li class="separator_above"><roundcube:button command="search-create" label="searchsave" classAct="active" /></li> + <li><roundcube:button command="search-delete" label="searchdelete" classAct="active" /></li> + <roundcube:container name="groupoptions" id="groupoptionsmenu" /> + </ul> +</div> + +</body> +</html> diff --git a/webmail/skins/classic/templates/compose.html b/webmail/skins/classic/templates/compose.html new file mode 100644 index 0000000..b6dab2c --- /dev/null +++ b/webmail/skins/classic/templates/compose.html @@ -0,0 +1,208 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="productname" /> :: <roundcube:label name="compose" /></title> +<roundcube:include file="/includes/links.html" /> +<roundcube:if condition="config:enable_spellcheck" /> +<link rel="stylesheet" type="text/css" href="/googiespell.css" /> +<roundcube:endif /> +<script type="text/javascript" src="/functions.js"></script> +<script type="text/javascript" src="/splitter.js"></script> +<style type="text/css"> +#compose-contacts { width: <roundcube:exp expression="!empty(cookie:composesplitterv1) ? cookie:composesplitterv1-5 : 195" />px; } +#compose-container { left: <roundcube:exp expression="!empty(cookie:composesplitterv1) ? cookie:composesplitterv1+5 : 205" />px; +<roundcube:exp expression="browser:ie ? ('width: expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:composesplitterv1) ? cookie:composesplitterv1+5 : 200).')+\\'px\\');') : ''" /> +} +</style> +</head> +<roundcube:if condition="env:extwin" /> +<body class="extwin" onload="rcube_init_mail_ui()"> +<roundcube:object name="message" id="message" /> +<roundcube:else /> +<body onload="rcube_init_mail_ui()"> +<roundcube:include file="/includes/taskbar.html" /> +<roundcube:include file="/includes/header.html" /> +<roundcube:endif /> + +<div id="messagetoolbar"> +<roundcube:if condition="env:extwin" /> + <roundcube:button command="close" type="link" class="button back" classAct="button back" classSel="button backSel" title="close" content=" " /> +<roundcube:else /> + <roundcube:button command="list" type="link" class="button back" classAct="button back" classSel="button backSel" title="backtolist" content=" " /> +<roundcube:endif /> + <roundcube:button command="send" type="link" class="buttonPas send" classAct="button send" classSel="button sendSel" title="sendmessage" content=" " /> + <roundcube:button name="addattachment" type="link" class="button attach" classAct="button attach" classSel="button attachSel" title="addattachment" onclick="rcmail_ui.show_popup('uploadmenu', true);return false" content=" " /> + <roundcube:button command="insert-sig" type="link" class="buttonPas insertsig" classAct="button insertsig" classSel="button insertsigSel" title="insertsignature" content=" " /> + <roundcube:button command="savedraft" type="link" class="buttonPas savedraft" classAct="button savedraft" classSel="button savedraftSel" title="savemessage" content=" " /> +<roundcube:if condition="config:enable_spellcheck" /> + <span class="dropbutton"> + <roundcube:button command="spellcheck" type="link" class="buttonPas spellcheck" classAct="button spellcheck" classSel="button spellcheckSel" title="checkspelling" content=" " /> + <span id="spellmenulink" onclick="rcmail_ui.show_popup('spellmenu');return false"></span> + </span> +<roundcube:endif /> + <roundcube:container name="toolbar" id="compose-toolbar" /> + <roundcube:button name="messageoptions" id="composemenulink" type="link" class="button messagemenu" title="messageoptions" onclick="rcmail_ui.show_popup('composemenu', true);return false" content=" " /> +</div> + +<form name="form" action="./" method="post"> + +<div id="mainscreen"> + +<div id="compose-contacts"> +<div class="boxtitle"><roundcube:label name="contacts" /></div> +<div class="boxlistcontent"> + <div id="quicksearchbar"> + <img id="searchmenulink" src="/images/icons/glass.png" width="16" height="16" /> + <roundcube:object name="searchform" id="quicksearchbox" form="true" tabindex="13" /> + <roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" width="13" height="13" /> + </div> + <roundcube:object name="addressbooks" id="directorylist" /> + <roundcube:object name="addresslist" id="contacts-table" class="records-table" cellspacing="0" noheader="true" /> +</div> +<div class="boxfooter"> + <div id="abookactions" class="pagenav"> + <roundcube:button command="add-recipient" prop="to" type="link" title="to" class="button disabled" classAct="button" content="To &raquo;" /> + <roundcube:button command="add-recipient" prop="cc" type="link" title="cc" class="button disabled" classAct="button" content="Cc &raquo;" /> + <roundcube:button command="add-recipient" prop="bcc" type="link" title="bcc" class="button disabled" classAct="button" content="Bcc &raquo;" /> + </div> + <div id="abookcountbar" class="pagenav"> + <roundcube:button command="firstpage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstpage" content=" " /> + <roundcube:button command="previouspage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previouspage" content=" " /> + <span style="float:left"> </span> + <roundcube:button command="nextpage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextpage" content=" " /> + <roundcube:button command="lastpage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastpage" content=" " /> + </div> +</div> +</div> + +<script type="text/javascript"> + var composesplitv1 = new rcube_splitter({id:'composesplitterv1', p1: 'compose-contacts', p2: 'compose-container', orientation: 'v', relative: true, start: 200}); + rcmail.add_onload('composesplitv1.init()'); +</script> + +<div id="compose-container"> + <div id="compose-headers-div" style="width: 100%;"> + <table border="0" cellspacing="0" cellpadding="1" id="compose-headers"> + <tr> + <td class="title"><label for="_from"><roundcube:label name="from" /></label></td> + <td class="editfield formlinks"> + <roundcube:object name="composeHeaders" part="from" form="form" id="_from" tabindex="1" /> + <a href="#identities" onclick="return rcmail.command('identities')"><roundcube:label name="editidents" /></a> + <roundcube:button command="extwin" image="/images/icons/extwin.png" width="15" height="15" title="openinextwin" id="openextwinlink" condition="!env:extwin" /> + </td> + </tr><tr> + <td class="title top"><label for="_to"><roundcube:label name="to" /></label></td> + <td class="editfield"><roundcube:object name="composeHeaders" part="to" form="form" id="_to" cols="70" rows="2" tabindex="2" /></td> + </tr><tr id="compose-cc"> + <td class="title top"> + <a href="#cc" onclick="return rcmail_ui.hide_header_form('cc');"><img src="/images/icons/minus.gif" alt="" width="13" height="11" title="<roundcube:label name='delete' />" /></a> + <label for="_cc"><roundcube:label name="cc" /></label> + </td> + <td class="editfield"><roundcube:object name="composeHeaders" part="cc" form="form" id="_cc" cols="70" rows="2" tabindex="3" /></td> + </tr><tr id="compose-bcc"> + <td class="title top"> + <a href="#bcc" onclick="return rcmail_ui.hide_header_form('bcc');"><img src="/images/icons/minus.gif" alt="" width="13" height="11" title="<roundcube:label name='delete' />" /></a> + <label for="_bcc"><roundcube:label name="bcc" /></label> + </td> + <td class="editfield"><roundcube:object name="composeHeaders" part="bcc" form="form" id="_bcc" cols="70" rows="2" tabindex="4" /></td> + </tr><tr id="compose-replyto"> + <td class="title top"> + <a href="#replyto" onclick="return rcmail_ui.hide_header_form('replyto');"><img src="/images/icons/minus.gif" alt="" width="13" height="11" title="<roundcube:label name='delete' />" /></a> + <label for="_replyto"><roundcube:label name="replyto" /></label> + </td> + <td class="editfield"><roundcube:object name="composeHeaders" part="replyto" form="form" id="_replyto" size="70" tabindex="5" /></td> + </tr><tr id="compose-followupto"> + <td class="title top"> + <a href="#followupto" onclick="return rcmail_ui.hide_header_form('followupto');"><img src="/images/icons/minus.gif" alt="" width="13" height="11" title="<roundcube:label name='delete' />" /></a> + <label for="_followupto"><roundcube:label name="followupto" /></label> + </td> + <td class="editfield"><roundcube:object name="composeHeaders" part="followupto" form="form" id="_followupto" size="70" tabindex="7" /></td> + </tr><tr> + <td></td> + <td class="formlinks"> + <a href="#cc" onclick="return rcmail_ui.show_header_form('cc')" id="cc-link"><roundcube:label name="addcc" /></a> + <span class="separator">|</span> + <a href="#bcc" onclick="return rcmail_ui.show_header_form('bcc')" id="bcc-link"><roundcube:label name="addbcc" /></a> + <span class="separator">|</span> + <a href="#reply-to" onclick="return rcmail_ui.show_header_form('replyto')" id="replyto-link"><roundcube:label name="addreplyto" /></a> + <span class="separator">|</span> + <a href="#followup-to" onclick="return rcmail_ui.show_header_form('followupto')" id="followupto-link"><roundcube:label name="addfollowupto" /></a> + </td> + </tr><tr> + <td class="title"><label for="compose-subject"><roundcube:label name="subject" /></label></td> + <td class="editfield"><roundcube:object name="composeSubject" id="compose-subject" form="form" tabindex="8" /></td> + </tr> + </table> + </div> + <div id="compose-div"> + <div id="compose-body-div"> + <div class="boxlistcontent" style="overflow: hidden; top: 0"> + <roundcube:object name="composeBody" id="compose-body" form="form" cols="70" rows="20" tabindex="9" /> + </div> + <div class="boxfooter"> + <div id="compose-buttons"> + <roundcube:button type="input" command="send" class="button mainaction" label="sendmessage" tabindex="10" /> + <roundcube:button type="input" command="list" class="button" label="cancel" tabindex="11" /> + </div> + <div id="compose-editorfooter" class="pagenav"> + <roundcube:if condition="!in_array('htmleditor', (array)config:dont_override)" /> + <span> + <label><roundcube:label name="editortype" /></label> + <roundcube:object name="editorSelector" editorid="compose-body" tabindex="12" /> + </span> + <roundcube:endif /> + </div> + </div> + </div> +<script type="text/javascript"> + var composesplitv2 = new rcube_splitter({id:'composesplitterv2', p1: 'compose-body-div', p2: 'compose-attachments', orientation: 'v', relative: true, start: $('#compose-headers-div').width() - 175}); + rcmail.add_onload('composesplitv2.init()'); +</script> + <div id="compose-attachments"> + <div class="boxtitle"><roundcube:label name="attachments" /></div> + <div class="boxlistcontent"> + <roundcube:object name="composeAttachmentList" id="attachmentslist" loadingIcon="/images/display/loading_blue.gif" /> + </div> + <div class="boxfooter"> + <roundcube:button name="uploadmenulink" id="uploadmenulink" type="link" title="addattachment" class="button addgroup" onclick="rcmail_ui.show_popup('uploadmenu', true);return false" content=" " /> + </div> + </div> + <roundcube:object name="fileDropArea" id="compose-attachments" /> + </div> +</div> + +</div> + +<div id="composeoptionsmenu" class="popupmenu"> + <table> + <tr> + <td><label for="rcmcomposereceipt"><roundcube:label name="returnreceipt" />:</label></td> + <td><roundcube:object name="receiptCheckBox" form="form" id="rcmcomposereceipt" /></td> + </tr> + <roundcube:if condition="config:smtp_server != ''" /> + <tr> + <td><label for="rcmcomposedsn"><roundcube:label name="dsn" />:</label></td> + <td><roundcube:object name="dsnCheckBox" form="form" id="rcmcomposedsn" /></td> + </tr> + <roundcube:endif /> + <tr> + <td><label for="rcmcomposepriority"><roundcube:label name="priority" />:</label></td> + <td><roundcube:object name="prioritySelector" form="form" id="rcmcomposepriority" /></td> + </tr> + <roundcube:if condition="!config:no_save_sent_messages" /> + <tr> + <td><label><roundcube:label name="savesentmessagein" />:</label></td> + <td><roundcube:object name="storetarget" maxlength="30" /></td> + </tr> + <roundcube:endif /> + </table> +</div> + +<div id="spellmenu" class="popupmenu selectable"></div> + +</form> + +<roundcube:object name="composeAttachmentForm" id="attachment-form" attachmentFieldSize="40" class="popupmenu" /> + +</body> +</html> diff --git a/webmail/skins/classic/templates/contact.html b/webmail/skins/classic/templates/contact.html new file mode 100644 index 0000000..d74a78b --- /dev/null +++ b/webmail/skins/classic/templates/contact.html @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/functions.js"></script> +</head> +<body class="iframe"> + +<div id="contact-title" class="boxtitle"><roundcube:label name="contactproperties" /></div> +<div id="contact-details" class="boxcontent"> + <roundcube:if condition="strlen(env:sourcename)" /> + <div id="sourcename"><roundcube:label name="addressbook" />: <roundcube:var name="env:sourcename" /></div> + <roundcube:endif /> + + <div id="contactphoto"><roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.png" /></div> + <roundcube:object name="contacthead" id="contacthead" /> + <div style="clear:both"></div> + <div id="contacttabs"> + <roundcube:object name="contactdetails" /> + </div> + <p> + <roundcube:button command="edit" type="input" class="button" label="editcontact" condition="!ENV:readonly" /> + </p> +</div> +<script type="text/javascript">rcube_init_tabs('contacttabs')</script> + +</body> +</html> diff --git a/webmail/skins/classic/templates/contactadd.html b/webmail/skins/classic/templates/contactadd.html new file mode 100644 index 0000000..05cc8aa --- /dev/null +++ b/webmail/skins/classic/templates/contactadd.html @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/functions.js"></script> +</head> +<body class="iframe" onload="rcube_init_mail_ui()"> + +<div id="contact-title" class="boxtitle"><roundcube:label name="addcontact" /></div> +<div id="contact-details" class="boxcontent"> +<form name="editform" method="post" action="./"> + <roundcube:if condition="strlen(env:sourcename)" /> + <div id="sourcename"><roundcube:label name="addressbook" />: <roundcube:object name="sourceselector" class="hint" id="sourceselect" /></div> + <roundcube:endif /> + <div id="contactphoto"> + <roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.png" /> + <div class="formlinks"> + <roundcube:button command="upload-photo" id="uploadformlink" type="link" label="addphoto" class="disabled" classAct="active" onclick="rcmail_ui.show_popup('uploadform', true);return false" condition="env:photocol" /><br/> + <roundcube:button command="delete-photo" type="link" label="delete" class="disabled" classAct="active" condition="env:photocol" /> + </div> + </div> + <roundcube:object name="contactedithead" id="contacthead" size="16" form="editform" /> + <div style="clear:both"></div> + <div id="contacttabs"> + <roundcube:object name="contacteditform" size="40" textareacols="60" deleteIcon="/images/icons/delete.png" form="editform" /> + </div> + <p> + <input type="button" value="<roundcube:label name="cancel" />" class="button" onclick="history.back()" /> + <roundcube:button command="save" type="input" class="button mainaction" label="save" /> + </p> +</form> +</div> + +<roundcube:object name="photoUploadForm" id="upload-form" size="30" class="popupmenu" /> +<roundcube:object name="fileDropArea" id="contactpic" /> + +<script type="text/javascript">rcube_init_tabs('contacttabs')</script> + +</body> +</html> diff --git a/webmail/skins/classic/templates/contactedit.html b/webmail/skins/classic/templates/contactedit.html new file mode 100644 index 0000000..db8599a --- /dev/null +++ b/webmail/skins/classic/templates/contactedit.html @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/functions.js"></script> +</head> +<body class="iframe" onload="rcube_init_mail_ui()"> + +<div id="contact-title" class="boxtitle"><roundcube:label name="editcontact" /></div> +<div id="contact-details" class="boxcontent"> +<form name="editform" method="post" action="./"> + <roundcube:if condition="strlen(env:sourcename)" /> + <div id="sourcename"><roundcube:label name="addressbook" />: <roundcube:var name="env:sourcename" /></div> + <roundcube:endif /> + <div id="contactphoto"> + <roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.png" /> + <div class="formlinks"> + <roundcube:button command="upload-photo" id="uploadformlink" type="link" label="replacephoto" class="disabled" classAct="active" onclick="rcmail_ui.show_popup('uploadform', true);return false" condition="env:photocol" /><br/> + <roundcube:button command="delete-photo" type="link" label="delete" class="disabled" classAct="active" condition="env:photocol" /> + </div> + </div> + <roundcube:object name="contactedithead" id="contacthead" size="16" form="editform" /> + <div style="clear:both"></div> + <div id="contacttabs"> + <roundcube:object name="contacteditform" size="40" textareacols="60" deleteIcon="/images/icons/delete.png" form="editform" /> + </div> + <p> + <roundcube:button command="show" type="input" class="button" label="cancel" /> + <roundcube:button command="save" type="input" class="button mainaction" label="save" /> + </p> +</form> +</div> + +<roundcube:object name="photoUploadForm" id="upload-form" size="30" class="popupmenu" /> +<roundcube:object name="fileDropArea" id="contactpic" /> + +<script type="text/javascript">rcube_init_tabs('contacttabs')</script> + +</body> +</html> diff --git a/webmail/skins/classic/templates/contactsearch.html b/webmail/skins/classic/templates/contactsearch.html new file mode 100644 index 0000000..23cbec4 --- /dev/null +++ b/webmail/skins/classic/templates/contactsearch.html @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/functions.js"></script> +</head> +<body class="iframe"> + +<div id="contact-title" class="boxtitle"><roundcube:label name="advsearch" /></div> +<div id="contact-details" class="boxcontent"> + <roundcube:object name="searchform" id="advsearchform" size=30 /> + <p><roundcube:button command="save" type="input" class="button mainaction" label="search" /></p> +</div> +<script type="text/javascript">rcube_init_tabs('advsearchform')</script> + +</body> +</html> diff --git a/webmail/skins/classic/templates/error.html b/webmail/skins/classic/templates/error.html new file mode 100644 index 0000000..fdd7c88 --- /dev/null +++ b/webmail/skins/classic/templates/error.html @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="productname" /> :: ERROR</title> +<roundcube:include file="/includes/links.html" /> +</head> +<body> + +<roundcube:object name="logo" src="/images/roundcube_logo.png" id="logo" border="0" /> + +<div style="width:400px; margin:60px auto;"> +$__page_content +</div> + +</body> +</html> diff --git a/webmail/skins/classic/templates/folderedit.html b/webmail/skins/classic/templates/folderedit.html new file mode 100644 index 0000000..28b9a55 --- /dev/null +++ b/webmail/skins/classic/templates/folderedit.html @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/functions.js"></script> +</head> +<body class="iframe"> + +<div id="folder-title" class="boxtitle"><roundcube:label name="folderproperties" /></div> + +<div id="folder-details" class="boxcontent"> + <roundcube:object name="folderdetails" /> + <div id="formfooter"> + <div class="footerleft"> + <roundcube:if condition="!strlen(request:_mbox)" /> + <input type="button" value="<roundcube:label name="cancel" />" class="button" onclick="history.back()" /> + <roundcube:endif /> + <roundcube:button command="save" type="input" class="button mainaction" label="save" /> + </div> + </div> +</div> +<script type="text/javascript">rcube_init_tabs('folder-details > form')</script> + +</body> +</html> diff --git a/webmail/skins/classic/templates/folders.html b/webmail/skins/classic/templates/folders.html new file mode 100644 index 0000000..1ae8809 --- /dev/null +++ b/webmail/skins/classic/templates/folders.html @@ -0,0 +1,62 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/functions.js"></script> +<script type="text/javascript" src="/splitter.js"></script> +<style type="text/css"> +#folder-manager { width: <roundcube:exp expression="!empty(cookie:folderviewsplitter) ? cookie:folderviewsplitter-5 : 295" />px; } +#folder-box { left: <roundcube:exp expression="!empty(cookie:folderviewsplitter) ? cookie:folderviewsplitter+5 : 305" />px; + <roundcube:exp expression="browser:ie ? ('width:expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:folderviewsplitter) ? cookie:folderviewsplitter+5 : 305).')+\\'px\\');') : ''" /> +} +</style> +</head> +<body onload="rcube_init_mail_ui()"> + +<roundcube:include file="/includes/taskbar.html" /> +<roundcube:include file="/includes/header.html" /> +<roundcube:include file="/includes/settingstabs.html" /> + +<div id="mainscreen"> + +<div id="folder-manager"> +<div id="folderlist-title" class="boxtitle"><span class="rightalign"><roundcube:label name="subscribed" /></span><roundcube:label name="folders" /></div> +<div id="folderlist-content" class="boxlistcontent"> + <roundcube:object name="foldersubscription" form="subscriptionform" id="subscription-table" noheader="true" + cellpadding="1" cellspacing="0" summary="Folder subscription table" class="records-table" /> +</div> +<div id="folderlist-footer" class="boxfooter"> + <roundcube:button command="create-folder" type="link" title="createfolder" class="buttonPas addgroup" classAct="button addgroup" content=" " /> + <roundcube:button name="mailboxmenulink" id="mailboxmenulink" type="link" title="folderactions" class="button groupactions" onclick="rcmail_ui.show_popup('mailboxmenu');return false" content=" " /> + + <roundcube:if condition="env:quota" /> + <img id="quotaimg" src="/images/quota.<roundcube:exp expression="browser:ie && browser:ver < 7 ? 'gif' : 'png'" />" alt="" width="102" height="16" /> + <div id="quota"> + <roundcube:object name="quotaDisplay" display="image" width="100" height="14" id="quotadisplay" /> + </div> + <roundcube:endif /> +</div> +</div> + +<script type="text/javascript"> + var folderviewsplit = new rcube_splitter({id:'folderviewsplitter', p1: 'folder-manager', p2: 'folder-box', orientation: 'v', relative: true, start: 300 }); + rcmail.add_onload('folderviewsplit.init()'); +</script> + +<div id="folder-box"> + <roundcube:object name="folderframe" id="folder-frame" width="100%" height="100%" frameborder="0" src="/watermark.html" /> +</div> + +</div> + +<div id="mailboxoptionsmenu" class="popupmenu"> + <ul> + <li><roundcube:button command="delete-folder" label="delete" classAct="active" /></li> + <li><roundcube:button command="purge" type="link" label="empty" classAct="active" /></li> + <roundcube:container name="mailboxoptions" id="mailboxoptionsmenu" /> + </ul> +</div> + +</body> +</html> diff --git a/webmail/skins/classic/templates/identities.html b/webmail/skins/classic/templates/identities.html new file mode 100644 index 0000000..464afd5 --- /dev/null +++ b/webmail/skins/classic/templates/identities.html @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/functions.js"></script> +<script type="text/javascript" src="/splitter.js"></script> +<style type="text/css"> +#identities-list { width: <roundcube:exp expression="!empty(cookie:identviewsplitter) ? cookie:identviewsplitter-5 : 295" />px; } +#identity-box { left: <roundcube:exp expression="!empty(cookie:identviewsplitter) ? cookie:identviewsplitter+5 : 305" />px; + <roundcube:exp expression="browser:ie ? ('width:expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:identviewsplitter) ? cookie:identviewsplitter+5 : 305).')+\\'px\\');') : ''" /> +} +</style> + +</head> +<body> + +<roundcube:include file="/includes/taskbar.html" /> +<roundcube:include file="/includes/header.html" /> +<roundcube:include file="/includes/settingstabs.html" /> + +<div id="mainscreen"> + +<div id="identities-list"> +<div id="identity-title" class="boxtitle"><roundcube:label name="identities" /></div> +<div class="boxlistcontent"> +<roundcube:object name="identitiesList" id="identities-table" class="records-table" cellspacing="0" summary="Identities list" noheader="true" editIcon="" /> +</div> +<div class="boxfooter"> +<roundcube:button command="add" type="link" title="newidentity" class="buttonPas addgroup" classAct="button addgroup" content=" " condition="config:identities_level:0<2" /><roundcube:button command="delete" type="link" title="delete" class="buttonPas delgroup" classAct="button delgroup" content=" " condition="config:identities_level:0<2" /> +</div> +</div> + +<script type="text/javascript"> + var identviewsplit = new rcube_splitter({id:'identviewsplitter', p1: 'identities-list', p2: 'identity-box', orientation: 'v', relative: true, start: 300 }); + rcmail.add_onload('identviewsplit.init()'); +</script> + +<div id="identity-box"> + <roundcube:object name="identityframe" id="identity-frame" width="100%" height="100%" frameborder="0" src="/watermark.html" /> +</div> + +</div> + +</body> +</html> diff --git a/webmail/skins/classic/templates/identityedit.html b/webmail/skins/classic/templates/identityedit.html new file mode 100644 index 0000000..3b33752 --- /dev/null +++ b/webmail/skins/classic/templates/identityedit.html @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/functions.js"></script> +<script type="text/javascript" src="/splitter.js"></script> +<style type="text/css"> +#identities-list { width: <roundcube:exp expression="!empty(cookie:identviewsplitter) ? cookie:identviewsplitter-5 : 295" />px; } +#identity-details { left: <roundcube:exp expression="!empty(cookie:identviewsplitter) ? cookie:identviewsplitter+5 : 305" />px; + <roundcube:exp expression="browser:ie ? ('width:expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:identviewsplitter) ? cookie:identviewsplitter+5 : 305).')+\\'px\\');') : ''" /> +} +</style> + +</head> +<body class="iframe"> + +<div id="identity-title" class="boxtitle"><roundcube:object name="steptitle" /></div> + +<div id="identity-details" class="boxcontent"> + <roundcube:object name="identityform" id="identity-form" size="40" textareacols="70" textarearows="6" /> + + <script type="text/javascript">rcube_init_tabs('identity-form')</script> + + <div id="formfooter"> + <div class="footerleft"> + <roundcube:button command="save" type="input" class="button mainaction" label="save" /> + </div> + </div> +</div> + +</body> +</html> diff --git a/webmail/skins/classic/templates/importcontacts.html b/webmail/skins/classic/templates/importcontacts.html new file mode 100644 index 0000000..05c7eb7 --- /dev/null +++ b/webmail/skins/classic/templates/importcontacts.html @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body> + +<roundcube:include file="/includes/taskbar.html" /> +<roundcube:include file="/includes/header.html" /> + +<div id="mainscreen" class="box darkbg"> +<div class="boxtitle"><roundcube:label name="importcontacts" /></div> + +<div class="boxcontent"> +<roundcube:object name="importstep" /> + +<p><br /> +<roundcube:object name="importnav" class="button" /> +</p> + +</div> +</div> + +</body> +</html> diff --git a/webmail/skins/classic/templates/login.html b/webmail/skins/classic/templates/login.html new file mode 100644 index 0000000..cca2bd9 --- /dev/null +++ b/webmail/skins/classic/templates/login.html @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<meta name="Robots" content="noindex,nofollow" /> +<roundcube:include file="/includes/links.html" /> +</head> +<body> + +<roundcube:object name="logo" src="/images/roundcube_logo.png" id="logo" border="0" style="margin:0 11px" /> + +<roundcube:object name="message" id="message" /> + +<div id="login-form"> +<div class="boxtitle"><roundcube:label name="welcome" /></div> +<div class="boxcontent"> + +<form name="form" action="./" method="post"> +<roundcube:object name="loginform" form="form" /> + +<p style="text-align:center;"><input type="submit" class="button mainaction" value="<roundcube:label name='login' />" /></p> + +</form> +</div> +</div> + +<noscript> + <p id="login-noscriptwarning"><roundcube:label name="noscriptwarning" /></p> +</noscript> + +<div id="login-bottomline"> + <roundcube:var name="config:product_name"> <roundcube:object name="version" condition="config:display_version" /> + <roundcube:if condition="config:support_url" /> + ● <a href="<roundcube:var name='config:support_url' />" target="_blank" class="support-link"><roundcube:label name="support" /></a> + <roundcube:endif /> + <roundcube:container name="loginfooter" id="bottomline" /> +</div> + +<roundcube:object name="preloader" images=" + /images/icons/folders.png + /images/mail_footer.png + /images/taskicons.gif + /images/display/loading.gif + /images/pagenav.gif + /images/mail_toolbar.png + /images/searchfield.gif + /images/messageicons.png + /images/icons/reset.gif + /images/abook_toolbar.png + /images/icons/groupactions.png + /images/watermark.gif +" /> + +</body> +</html> diff --git a/webmail/skins/classic/templates/mail.html b/webmail/skins/classic/templates/mail.html new file mode 100644 index 0000000..75a112f --- /dev/null +++ b/webmail/skins/classic/templates/mail.html @@ -0,0 +1,208 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/splitter.js"></script> +<script type="text/javascript" src="/functions.js"></script> +<style type="text/css"> +<roundcube:if condition="config:preview_pane == true" /> +#mailcontframe { height: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter-5 : 195" />px; } +#mailpreviewframe { top: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+5 : 205" />px; +<roundcube:exp expression="browser:ie ? ('height: expression((parseInt(this.parentNode.offsetHeight)-'.(!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+25 : 245).')+\\'px\\');') : ''" /> +} +<roundcube:endif /> +#mailleftcontainer { width: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv-5 : 160" />px; } +#mailrightcontainer { left: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 170" />px; +<roundcube:exp expression="browser:ie ? ('width: expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 165).')+\\'px\\');') : ''" /> +} +</style> +</head> +<body onload="rcube_init_mail_ui()"> + +<roundcube:include file="/includes/taskbar.html" /> +<roundcube:include file="/includes/header.html" /> + +<div id="mainscreen"> +<div id="mailleftcontainer"> +<div id="mailboxlist-container"> +<div id="mailboxlist-title" class="boxtitle"><roundcube:label name="mailboxlist" /></div> +<div id="mailboxlist-content" class="boxlistcontent"> +<roundcube:object name="mailboxlist" id="mailboxlist" folder_filter="mail" /> +</div> +<div id="mailboxlist-footer" class="boxfooter"> + <roundcube:button name="mailboxmenulink" id="mailboxmenulink" type="link" title="folderactions" class="button groupactions" onclick="rcmail_ui.show_popup('mailboxmenu');return false" content=" " /> + +<roundcube:if condition="env:quota" /> +<img id="quotaimg" src="/images/quota.<roundcube:exp expression="browser:ie && browser:ver < 7 ? 'gif' : 'png'" />" alt="" width="102" height="16" /> +<div id="quota"> + <roundcube:object name="quotaDisplay" display="image" width="100" height="14" id="quotadisplay" /> +</div> +<roundcube:endif /> +</div> +</div> + +<script type="text/javascript"> + var mailviewsplitv = new rcube_splitter({id:'mailviewsplitterv', p1: 'mailleftcontainer', p2: 'mailrightcontainer', orientation: 'v', relative: true, start: 165, callback: rcube_render_mailboxlist }); + rcmail.add_onload('mailviewsplitv.init()'); +</script> + +</div> + +<div id="mailrightcontainer"> +<div id="mailrightcontent"> +<div id="mailcontframe"> +<div id="messagelistcontainer" class="boxlistcontent" style="top:0"> +<roundcube:object name="messages" + id="messagelist" + cellspacing="0" + columns="" + summary="Message list" + optionsmenuIcon="true" /> +</div> +<div class="boxfooter"> + <div id="listcontrols" class="pagenav"> + <span><roundcube:label name="select" />: </span> + <roundcube:button command="select-all" type="link" title="all" class="buttonPas all" classAct="button all" classSel="button allsel" content=" " /> + <roundcube:button command="select-all" type="link" prop="page" title="currpage" class="buttonPas page" classAct="button page" classSel="button pagesel" content=" " /> + <roundcube:button command="select-all" type="link" prop="unread" title="unread" class="buttonPas unread" classAct="button unread" classSel="button unreadsel" content=" " /> + <roundcube:button command="select-all" type="link" prop="invert" title="invert" class="buttonPas invert" classAct="button invert" classSel="button invertsel" content=" " /> + <roundcube:button command="select-none" type="link" title="none" class="buttonPas none" classAct="button none" classSel="button nonesel" content=" " /> + <roundcube:container name="listcontrols" id="listcontrols" /> + <roundcube:if condition="env:threads" /> + <span style="margin-left: 12px"><roundcube:label name="threads" />: </span> + <roundcube:button command="expand-all" type="link" title="expand-all" class="buttonPas expand-all" classAct="button expand-all" classSel="button expand-allsel" content=" " /> + <roundcube:button command="expand-unread" type="link" title="expand-unread" class="buttonPas expand-unread" classAct="button expand-unread" classSel="button expand-unreadsel" content=" " /> + <roundcube:button command="collapse-all" type="link" title="collapse-all" class="buttonPas collapse-all" classAct="button collapse-all" classSel="button collapse-allsel" content=" " /> + <roundcube:endif /> + <roundcube:if condition="!in_array('preview_pane', (array)config:dont_override)" /> + <span style="margin-left: 12px"><label for="prevpaneswitch"><span><roundcube:label name="previewpane" />:</span></label> + <input type="checkbox" id="prevpaneswitch" onclick="rcmail_ui.switch_preview_pane(this)"<roundcube:exp expression="config:preview_pane == true ? ' checked=checked' : ''" /> /> + </span> + <roundcube:endif /> + </div> + <div id="countcontrols" class="pagenav"> + <roundcube:button command="lastpage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastpage" content=" " /> + <roundcube:button command="nextpage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextpage" content=" " /> + <roundcube:object name="messageCountDisplay" style="padding:0 .5em; float:right" /> + <roundcube:button command="previouspage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previouspage" content=" " /> + <roundcube:button command="firstpage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstpage" content=" " /> + </div> +</div> +</div> + +<script type="text/javascript"> + var mailviewsplit = new rcube_splitter({id:'mailviewsplitter', p1: 'mailcontframe', p2: 'mailpreviewframe', orientation: 'h', relative: true, start: 205}); +<roundcube:if condition="config:preview_pane == true" /> + rcmail.add_onload('mailviewsplit.init()'); +<roundcube:endif /> +</script> + +<div id="mailpreviewframe"<roundcube:if condition="config:preview_pane != true" /> style="display:none"<roundcube:endif />> +<roundcube:object name="messagecontentframe" id="messagecontframe" width="100%" height="100%" frameborder="0" src="/watermark.html" /> +</div> +</div> + +</div> +</div> + +<roundcube:include file="/includes/messagetoolbar.html" /> + +<div id="searchmenu" class="popupmenu"> + <ul class="toolbarmenu"> + <li><label><input type="checkbox" name="s_mods[]" value="subject" id="s_mod_subject" onclick="rcmail_ui.set_searchmod(this)" /> <span><roundcube:label name="subject" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="from" id="s_mod_from" onclick="rcmail_ui.set_searchmod(this)" /> <span><roundcube:label name="from" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="to" id="s_mod_to" onclick="rcmail_ui.set_searchmod(this)" /> <span><roundcube:label name="to" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="cc" id="s_mod_cc" onclick="rcmail_ui.set_searchmod(this)" /> <span><roundcube:label name="cc" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="bcc" id="s_mod_bcc" onclick="rcmail_ui.set_searchmod(this)" /> <span><roundcube:label name="bcc" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="body" id="s_mod_body" onclick="rcmail_ui.set_searchmod(this)" /> <span><roundcube:label name="body" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="text" id="s_mod_text" onclick="rcmail_ui.set_searchmod(this)" /> <span><roundcube:label name="msgtext" /></span></label></li> + </ul> +</div> + +<div id="quicksearchbar"> +<div id="searchfilter"> + <label for="rcmlistfilter"><roundcube:label name="filter" /></label>: + <roundcube:object name="searchfilter" class="searchfilter" /> +</div> +<roundcube:button name="searchmenulink" id="searchmenulink" image="/images/icons/glass_roll.png" onclick="rcmail_ui.show_popup('searchmenu');return false" title="searchmod" width="16" height="16" /> +<roundcube:object name="searchform" id="quicksearchbox" /> +<roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" width="13" height="13" /> +</div> + +<div id="dragmessagemenu" class="popupmenu"> + <ul> + <li><roundcube:button command="moveto" onclick="return rcmail.drag_menu_action('moveto')" label="move" classAct="active" /></li> + <li><roundcube:button command="copy" onclick="return rcmail.drag_menu_action('copy')" label="copy" classAct="active" /></li> + </ul> +</div> + +<div id="mailboxoptionsmenu" class="popupmenu"> + <ul> + <li><roundcube:button command="expunge" type="link" label="compact" classAct="active" /></li> + <li class="separator_below"><roundcube:button command="purge" type="link" label="empty" classAct="active" /></li> + <li><roundcube:button command="folders" task="settings" type="link" label="managefolders" classAct="active" /></li> + <roundcube:container name="mailboxoptions" id="mailboxoptionsmenu" /> + </ul> +</div> + +<div id="listmenu" class="popupmenu"> +<roundcube:if condition="env:threads" /> +<fieldset class="thinbordered"><legend><roundcube:label name="listmode" /></legend> + <ul class="toolbarmenu"> + <li><label><input type="radio" name="view" value="list" id="view_default" /> <span><roundcube:label name="list" /></span></label></li> + <li><label><input type="radio" name="view" value="thread" id="view_thread" /> <span><roundcube:label name="threads" /></span></label></li> + </ul> +</fieldset> +<roundcube:endif /> +<roundcube:if condition="!in_array('list_cols', (array)config:dont_override)" /> +<fieldset class="thinbordered"><legend><roundcube:label name="listcolumns" /></legend> + <ul class="toolbarmenu"> + <li><label><input type="checkbox" name="list_col[]" value="threads" id="cols_threads" checked="checked" disabled="disabled" /> <span class="disabled"><roundcube:label name="threads" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="subject" id="cols_subject" checked="checked" disabled="disabled" /> <span class="disabled"><roundcube:label name="subject" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="fromto" id="cols_fromto" /> <span><roundcube:label name="fromto" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="from" id="cols_from" /> <span><roundcube:label name="from" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="to" id="cols_to" /> <span><roundcube:label name="to" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="replyto" id="cols_replyto" /> <span><roundcube:label name="replyto" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="cc" id="cols_cc" /> <span><roundcube:label name="cc" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="date" id="cols_date" /> <span><roundcube:label name="date" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="size" id="cols_size" /> <span><roundcube:label name="size" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="status" id="cols_status" /> <span><roundcube:label name="readstatus" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="attachment" id="cols_attachment" /> <span><roundcube:label name="attachment" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="flag" id="cols_flag" /> <span><roundcube:label name="flag" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="priority" id="cols_priority" /> <span><roundcube:label name="priority" /></span></label></li> + </ul> +</fieldset> +<roundcube:endif /> +<roundcube:if condition="!in_array('message_sort_col', (array)config:dont_override)" /> +<fieldset class="thinbordered"><legend><roundcube:label name="listsorting" /></legend> + <ul class="toolbarmenu"> + <li><label><input type="radio" name="sort_col" value="" id="sort_default" /> <span><roundcube:label name="nonesort" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="arrival" id="sort_arrival" /> <span><roundcube:label name="arrival" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="date" id="sort_date" /> <span><roundcube:label name="sentdate" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="subject" id="sort_subject" /> <span><roundcube:label name="subject" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="fromto" id="sort_fromto" /> <span><roundcube:label name="fromto" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="from" id="sort_from" /> <span><roundcube:label name="from" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="to" id="sort_to" /> <span><roundcube:label name="to" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="to" id="sort_replyto" /> <span><roundcube:label name="replyto" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="cc" id="sort_cc" /> <span><roundcube:label name="cc" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="size" id="sort_size" /> <span><roundcube:label name="size" /></span></label></li> + </ul> +</fieldset> +<roundcube:endif /> +<roundcube:if condition="!in_array('message_sort_order', (array)config:dont_override)" /> +<fieldset><legend><roundcube:label name="listorder" /></legend> + <ul class="toolbarmenu"> + <li><label><input type="radio" name="sort_ord" value="ASC" id="sort_asc" /> <span><roundcube:label name="asc" /></span></label></li> + <li><label><input type="radio" name="sort_ord" value="DESC" id="sort_desc" /> <span><roundcube:label name="desc" /></span></label></li> + </ul> +</fieldset> +<roundcube:endif /> +<div> + <roundcube:button command="menu-open" id="listmenucancel" type="input" class="button" label="cancel" /> + <roundcube:button command="menu-save" id="listmenusave" type="input" class="button mainaction" label="save" /> +</div> +</div> + +</body> +</html> diff --git a/webmail/skins/classic/templates/message.html b/webmail/skins/classic/templates/message.html new file mode 100644 index 0000000..4a4068d --- /dev/null +++ b/webmail/skins/classic/templates/message.html @@ -0,0 +1,69 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/splitter.js"></script> +<script type="text/javascript" src="/functions.js"></script> +<style type="text/css"> +#mailboxlist-container { width: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv-5 : 170" />px; } +#messageframe { left: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 180" />px; +<roundcube:exp expression="browser:ie ? ('width: expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 180).')+\\'px\\');') : ''" /> +} +</style> +</head> +<roundcube:if condition="env:extwin" /> +<body class="extwin" onload="rcube_init_mail_ui()"> +<roundcube:object name="message" id="message" /> +<roundcube:else /> +<body onload="rcube_init_mail_ui()"> + +<roundcube:include file="/includes/taskbar.html" /> +<roundcube:include file="/includes/header.html" /> +<roundcube:endif /> + +<roundcube:include file="/includes/messagetoolbar.html" /> + +<div id="mainscreen"> +<roundcube:if condition="!env:extwin" /> +<div id="mailleftcontainer"> +<div id="mailboxlist-container"> +<div id="mailboxlist-title" class="boxtitle"><roundcube:label name="mailboxlist" /></div> +<div class="boxlistcontent"> + <roundcube:object name="mailboxlist" id="mailboxlist" maxlength="25" /> +</div> +<div class="boxfooter"></div> +</div> +</div> +<roundcube:endif /> + +<div id="messageframe"> +<div class="boxlistcontent" style="top:0; overflow-x:auto"> +<roundcube:object name="messageHeaders" class="headers-table" cellspacing="0" cellpadding="2" addicon="/images/icons/silhouette.png" summary="Message headers" /> +<roundcube:object name="messageFullHeaders" id="full-headers" /> +<roundcube:object name="messageAttachments" id="attachment-list" maxlength="50" /> +<roundcube:object name="messageObjects" id="message-objects" /> +<roundcube:object name="messageBody" id="messagebody" /> +</div> +<div class="boxfooter"> +<div id="countcontrols" class="pagenav"> + <roundcube:button command="lastmessage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastmessage" content=" " /> + <roundcube:button command="nextmessage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextmessage" content=" " /> + <roundcube:object name="messageCountDisplay" style="padding:0 .5em; float:right" /> + <roundcube:button command="previousmessage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previousmessage" content=" " /> + <roundcube:button command="firstmessage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstmessage" content=" " /> +</div> +</div> +</div> + +</div> + +<roundcube:if condition="!env:extwin" /> +<script type="text/javascript"> + var mailviewsplitv = new rcube_splitter({id:'mailviewsplitterv', p1: 'mailboxlist-container', p2: 'messageframe', orientation: 'v', relative: true, start: 165}); + rcmail.add_onload('mailviewsplitv.init()'); +</script> +<roundcube:endif /> + +</body> +</html> diff --git a/webmail/skins/classic/templates/messageerror.html b/webmail/skins/classic/templates/messageerror.html new file mode 100644 index 0000000..918e309 --- /dev/null +++ b/webmail/skins/classic/templates/messageerror.html @@ -0,0 +1,67 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name='productname' /> :: <roundcube:label name='servererror' /></title> +<roundcube:include file="/includes/links.html" /> + +<roundcube:if condition="env:action!='show'" /> + +</head> +<body class="iframe" style="background-color:#F2F2F2;"> + +<div style="margin:20px auto; text-align:center"> +<img src="/images/watermark.gif" width="260" height="228" alt="" /> +</div> + +</body> + +<roundcube:else /> + +<script type="text/javascript" src="/splitter.js"></script> +<script type="text/javascript" src="/functions.js"></script> +<style type="text/css"> +#mailboxlist-container { width: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv-5 : 170" />px; } +#messageframe { left: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 180" />px; +<roundcube:exp expression="browser:ie ? ('width: expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 180).')+\\'px\\');') : ''" /> +} +</style> +</head> + +<body onload="rcube_init_mail_ui()"> + +<roundcube:include file="/includes/taskbar.html" /> +<roundcube:include file="/includes/header.html" /> + +<div id="messagetoolbar"> +<roundcube:button command="list" type="link" class="button back" classAct="button back" classSel="button backSel" title="backtolist" content=" " /> +<roundcube:button command="compose" type="link" class="button compose" classAct="button compose" classSel="button composeSel" title="writenewmessage" content=" " /> +</div> + +<div id="mainscreen"> +<div id="mailleftcontainer"> +<div id="mailboxlist-container"> +<div class="boxtitle"><roundcube:label name="mailboxlist" /></div> +<div class="boxlistcontent"> + <roundcube:object name="mailboxlist" id="mailboxlist" folder_filter="mail" /> +</div> +<div class="boxfooter"></div> +</div> +</div> + +<div id="messageframe" style="background-color:#F2F2F2;"> +<div style="margin:20px auto; text-align:center"> +<img src="/images/watermark.gif" width="260" height="228" alt="" /> +</div> +</div> + +</div> + +<script type="text/javascript"> + var mailviewsplitv = new rcube_splitter({id:'mailviewsplitterv', p1: 'mailboxlist-container', p2: 'messageframe', orientation: 'v', relative: true, start: 165}); + rcmail.add_onload('mailviewsplitv.init()'); +</script> + +</body> +<roundcube:endif /> + +</html> diff --git a/webmail/skins/classic/templates/messagepart.html b/webmail/skins/classic/templates/messagepart.html new file mode 100644 index 0000000..ce7dbe2 --- /dev/null +++ b/webmail/skins/classic/templates/messagepart.html @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="extwin"> + +<roundcube:include file="/includes/header.html" /> + +<div id="partheader"> +<roundcube:object name="messagePartControls" cellpadding="2" cellspacing="0" /> + +<div style="position:absolute; top:2px; right:0; width:12em; text-align:right"> + [<a href="#close" class="closelink" onclick="self.close()"><roundcube:label name="close" /></a>] +</div> +</div> + + +<div id="messagepartcontainer"> +<roundcube:object name="messagePartFrame" id="messagepartframe" width="100%" height="100%" /> +</div> + +</body> +</html> diff --git a/webmail/skins/classic/templates/messagepreview.html b/webmail/skins/classic/templates/messagepreview.html new file mode 100644 index 0000000..cc6fafa --- /dev/null +++ b/webmail/skins/classic/templates/messagepreview.html @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="iframe"> + +<div class="messageheaderbox"> +<roundcube:button command="extwin" image="/images/icons/extwin.png" width="15" height="15" title="openinextwin" id="openextwinlink" /> +<roundcube:object name="messageHeaders" class="headers-table" cellspacing="0" cellpadding="2" addicon="/images/icons/silhouette.png" summary="Message headers" /> +<roundcube:object name="messageFullHeaders" id="full-headers" /> +<roundcube:object name="messageAttachments" id="attachment-list" maxlength="50" /> +</div> + +<roundcube:object name="messageObjects" id="message-objects" /> +<roundcube:object name="messageBody" id="messagebody" /> + +</body> +</html> diff --git a/webmail/skins/classic/templates/messageprint.html b/webmail/skins/classic/templates/messageprint.html new file mode 100644 index 0000000..fa7822a --- /dev/null +++ b/webmail/skins/classic/templates/messageprint.html @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<link rel="shortcut icon" href="/images/favicon.ico"/> +<link rel="stylesheet" type="text/css" href="/print.css" /> +</head> +<body> + +<roundcube:object name="logo" src="/images/roundcube_logo.png" id="logo" border="0" /> + +<div id="printmessageframe"> +<roundcube:object name="messageHeaders" class="headers-table" cellspacing="0" cellpadding="2" /> +<roundcube:object name="messageAttachments" id="attachment-list" /> +<roundcube:object name="messageBody" id="messagebody" showImages="false" /> +</div> + +</body> +</html> diff --git a/webmail/skins/classic/templates/plugin.html b/webmail/skins/classic/templates/plugin.html new file mode 100644 index 0000000..cec7013 --- /dev/null +++ b/webmail/skins/classic/templates/plugin.html @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/functions.js"></script> +</head> +<body> + +<roundcube:include file="/includes/taskbar.html" /> +<roundcube:include file="/includes/header.html" /> +<roundcube:if condition="env:task == 'settings'" /> + <roundcube:include file="/includes/settingstabs.html" /> +<roundcube:endif /> + +<div id="mainscreen"> +<roundcube:object name="plugin.body" /> +</div> + +<roundcube:object name="plugin.footer" /> + +</body> +</html> diff --git a/webmail/skins/classic/templates/settings.html b/webmail/skins/classic/templates/settings.html new file mode 100644 index 0000000..0cd623f --- /dev/null +++ b/webmail/skins/classic/templates/settings.html @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/functions.js"></script> +<script type="text/javascript" src="/splitter.js"></script> + +<style type="text/css"> +#sectionslist { width: <roundcube:exp expression="!empty(cookie:prefsviewsplitter) ? cookie:prefsviewsplitter-5 : 190" />px; } +#prefs-box { left: <roundcube:exp expression="!empty(cookie:prefsviewsplitter) ? cookie:prefsviewsplitter+5 : 200" />px; +<roundcube:exp expression="browser:ie ? ('width:expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:prefsviewsplitter) ? cookie:prefsviewsplitter+5 : 200).')+\\'px\\');') : ''" /> +} +</style> + +</head> +<body> + +<roundcube:include file="/includes/taskbar.html" /> +<roundcube:include file="/includes/header.html" /> +<roundcube:include file="/includes/settingstabs.html" /> + +<div id="mainscreen"> + +<div id="sectionslist"> +<roundcube:object name="sectionslist" id="sections-table" class="records-table" cellspacing="0" /> +</div> + +<script type="text/javascript"> + var prefviewsplit = new rcube_splitter({id:'prefsviewsplitter', p1: 'sectionslist', p2: 'prefs-box', orientation: 'v', relative: true, start: 195}); + rcmail.add_onload('prefviewsplit.init()'); +</script> + +<div id="prefs-box"> +<roundcube:object name="prefsframe" id="prefs-frame" width="100%" height="100%" frameborder="0" src="/watermark.html" /> +</div> + +</div> + +</body> +</html> diff --git a/webmail/skins/classic/templates/settingsedit.html b/webmail/skins/classic/templates/settingsedit.html new file mode 100644 index 0000000..642eb09 --- /dev/null +++ b/webmail/skins/classic/templates/settingsedit.html @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/functions.js"></script> +</head> +<body class="iframe"> + +<div id="prefs-title" class="boxtitle"><roundcube:object name="sectionname" /></div> + +<div id="prefs-details" class="boxcontent"> + <roundcube:object name="userprefs" form="form" /> + <div id="formfooter"> + <div class="footerleft"> + <roundcube:button command="save" type="input" class="button mainaction" label="save" /> + </div> + </div> +</div> + +</body> +</html> diff --git a/webmail/skins/classic/thumbnail.png b/webmail/skins/classic/thumbnail.png Binary files differnew file mode 100644 index 0000000..d6b9527 --- /dev/null +++ b/webmail/skins/classic/thumbnail.png diff --git a/webmail/skins/classic/watermark.html b/webmail/skins/classic/watermark.html new file mode 100644 index 0000000..c16a503 --- /dev/null +++ b/webmail/skins/classic/watermark.html @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title></title> + <!--[if IE]> + <style type="text/css"> + body { width: expression((parseInt(document.documentElement.clientWidth)-20)+'px'); } + </style> + <![endif]--> +</head> + +<body style="background-color:#F2F2F2;"> + +<div style="margin:20px auto; text-align:center"> +<img src="images/watermark.gif" width="260" height="228" alt="" /> +</div> + +</body> +</html>
\ No newline at end of file diff --git a/webmail/skins/larry/README b/webmail/skins/larry/README new file mode 100644 index 0000000..cd4a736 --- /dev/null +++ b/webmail/skins/larry/README @@ -0,0 +1,22 @@ +Roundcube Webmail Skin "Larry" +============================== + +This skin package contains the default theme of the Roundcube Webmail +software. It can be used, modified and redistributed according to +the terms described in the LICENSE section. + +For information about building or modifiying Roundcube skins please visit +http://trac.roundcube.net/wiki/Doc_Skins + +Screendesign by FLINT / Büro für Gestaltung, Bern, Switzerland +http://bueroflint.com + + +LICENSE +------- +The contents of this folder are subject to the Creative Commons +Attribution-ShareAlike License. It is allowed to copy, distribute, +transmit and to adapt the work by keeping credits to the original +autors in the README file. +See http://creativecommons.org/licenses/by-sa/3.0/ for details. + diff --git a/webmail/skins/larry/addressbook.css b/webmail/skins/larry/addressbook.css new file mode 100644 index 0000000..5befed9 --- /dev/null +++ b/webmail/skins/larry/addressbook.css @@ -0,0 +1,319 @@ +/** + * Roundcube webmail styles for the Address Book section + * + * Copyright (c) 2012, The Roundcube Dev Team + * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com + * + * The contents are subject to the Creative Commons Attribution-ShareAlike + * License. It is allowed to copy, distribute, transmit and to adapt the work + * by keeping credits to the original autors in the README file. + * See http://creativecommons.org/licenses/by-sa/3.0/ for details. + */ + +#addressview-left { + position: absolute; + top: 0; + left: 0; + width: 220px; + bottom: 0; + z-index: 2; +} + +#addressview-right { + position: absolute; + top: 0; + left: 232px; + right: 0; + bottom: 0; + z-index: 3; +} + +#addressbooktoolbar { + position: absolute; + top: -6px; + left: 0; + height: 40px; + white-space: nowrap; + z-index: 10; +} + +#directorylistbox { + position: absolute; + top: 42px; + left: 0; + width: 100%; + bottom: 0; +} + +#addresslist { + position: absolute; + top: 42px; + left: 0; + width: 280px; + bottom: 0; +} + +#contacts-box { + position: absolute; + top: 42px; + left: 292px; + right: 0; + bottom: 0; +} + +#addressview-left #quicksearchbar input { + width: 156px; +} + +#directorylist li a, +#contacts-table .contact td.name { + background-image: url(images/listicons.png?v=bd98.25486); + background-position: -100px 0; + background-repeat: no-repeat; + overflow: hidden; + padding-left: 36px; + text-overflow: ellipsis; +} + +#contacts-table .contact.readonly td { + font-style: italic; +} + +#directorylist li.addressbook a { + background-position: 6px -766px; +} + +#directorylist li.addressbook.selected a { + background-position: 6px -791px; +} + +#directorylist li.contactgroup a { + padding-left: 62px; + background-position: 32px -1555px; +} + +#directorylist li.contactgroup.selected a { + background-position: 32px -1579px; +} + +#directorylist li.contactgroup input { + margin-left: 36px; +} + +#directorylist li.contactsearch a { + background-position: 6px -1651px; +} + +#directorylist li.contactsearch.selected a { + background-position: 6px -1675px; +} + +#directorylist li.contactsearch input { + margin-left: 8px; +} + +#contacts-table .contact td.name { + background-position: 6px -1603px; +} + +#contacts-table .contact.selected td.name, +#contacts-table .contact.unfocused td.name { + background-position: 6px -1627px; + font-weight: bold; +} + +#contact-frame { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 28px; + border: 0; + border-radius: 4px; +} + +#headerbuttons { + position: absolute; + top: 48px; + right: 10px; + width: auto; + z-index: 10; +} + +#sourcename { + color: #999; + font-size: 10px; + margin: -5px 0 8px 2px; +} + +#contactphoto { + float: left; + margin: 0 18px 20px 0; + width: 112px; +} + +#contactpic { + width: 112px; + min-height: 112px; + background: white; +} + +#contactpic img { + width: 112px; + visibility: inherit; +} + +#contactpic.droptarget { + background-image: url(images/filedrop.png?v=deab.605); + background-position: center; + background-repeat: no-repeat; +} + +#contactpic.droptarget.hover { + background-color: #d9ecf4; + box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); + -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); + -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); + -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); +} + +#contactpic.droptarget.active img { + opacity: 0.15; +} + +#contactpic.droptarget.hover img { + opacity: 0.05; +} + +#contacthead { + border: 0; + margin: 0 16em 1em 0; + padding: 0; + line-height: 1.5em; + font-size: 12px; +} + +form #contacthead { + margin-right: 0; +} + +#contacthead .names span.namefield, +#contacthead .names input { + font-size: 140%; + font-weight: bold; +} + +#contacthead .displayname span.namefield { + font-size: 120%; + font-weight: bold; +} + +#contacthead span.nickname:before, +#contacthead span.nickname:after { + content: '"'; +} + +#contacthead input { + margin-right: 6px; + margin-bottom: 0.2em; +} + +#contacthead .names input, +#contacthead .addnames input { + width: 180px; +} + +#contacthead input.ff_prefix, +#contacthead input.ff_suffix { + width: 90px; +} + +.contactfieldgroup { + border: 0; + border-radius: 5px; + background: #f7f7f7; + background: -moz-linear-gradient(top, #f7f7f7 0%, #eee 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#eee)); + background: -o-linear-gradient(top, #f7f7f7 0%, #eee 100%); + background: -ms-linear-gradient(top, #f7f7f7 0%, #eee 100%); + background: linear-gradient(top, #f7f7f7 0%, #eee 100%); + margin: 0 0 12px 0; + padding: 8px; +} + +.contactfieldgroup legend { + display: block; + margin: 0 -8px; + width: 100%; + font-weight: bold; + text-shadow: 0px 1px 1px #fff; + padding: 6px 8px 3px 8px; + background: #f0f0f0; + background: -moz-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d6d6d6)); + background: -o-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); + background: -ms-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); + background: linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); + border-bottom: 1px solid #cfcfcf; + border-radius: 5px 5px 0 0; +} + +.contactfieldgroup .row { + position: relative; + margin: 0.2em 0; +} + +.contactfieldgroup .contactfieldlabel { + position: absolute; + top: 0; + left: 2px; + width: 110px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: #666; +} + +.contactfieldgroup .contactfieldlabel select { + width: 100%; + color: #666; +} + +.contactfieldgroup .contactfieldcontent { + padding-left: 120px; + min-height: 1em; + line-height: 1.3em; +} + +.contactfieldgroup .contactfield { + line-height: 1.3em; +} + +.contactcontrolleraddress .contactfieldcontent input { + margin-bottom: 0.1em; +} + +.contactfieldcontent.composite { + padding-bottom: 8px; +} + +.contactfieldcontent .contactfieldbutton { + vertical-align: middle; + margin-left: 0.5em; +} + +.contactfield .ff_notes { + width: 99%; +} + +a.deletebutton { + position: relative; + left: 5px; + top: -3px; + display: inline-block; + width: 24px; + height: 18px; + text-decoration: none; + text-indent: -5000px; + background: url(images/buttons.png?v=abf1.36693) -7px -377px no-repeat; +} diff --git a/webmail/skins/larry/editor_content.css b/webmail/skins/larry/editor_content.css new file mode 100644 index 0000000..aabed07 --- /dev/null +++ b/webmail/skins/larry/editor_content.css @@ -0,0 +1,31 @@ +/* This file contains the CSS data for the editable area(iframe) of TinyMCE */ + +body, td, pre { + font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + font-size: 12px; +} + +body { + background-color: #FFFFFF; + margin-left: 4px; + margin-right: 4px; + margin-top: 2px; +} + +pre +{ + margin: 0; + padding: 0; + white-space: -moz-pre-wrap !important; + white-space: pre-wrap !important; + white-space: pre; + word-wrap: break-word; /* IE (and Safari) */ +} + +blockquote +{ + padding-left: 5px; + border-left: #1010ff 2px solid; + margin-left: 5px; + width: 100%; +} diff --git a/webmail/skins/larry/embed.css b/webmail/skins/larry/embed.css new file mode 100644 index 0000000..6b8a65f --- /dev/null +++ b/webmail/skins/larry/embed.css @@ -0,0 +1,34 @@ +/** + * Roundcube webmail "embedded" stylesheets + * + * Copyright (c) 2012, The Roundcube Dev Team + * + * The contents are subject to the Creative Commons Attribution-ShareAlike + * License. It is allowed to copy, distribute, transmit and to adapt the work + * by keeping credits to the original autors in the README file. + * See http://creativecommons.org/licenses/by-sa/3.0/ for details. + */ + +.rcmail-inline-message { + font-family: sans-serif; + font-size: 11px; + font-weight: bold; + color: #996600; + border: 1px solid #ffdf0e; + background: url(images/messages.png?v=01ee.1736) no-repeat scroll 5px -83px #fef893; + padding: 6px 12px 4px 30px; + margin-bottom: 0.8em; +} + +.rcmail-inline-message > button { + margin-left: 1em; + vertical-align: baseline; +} + +.rcmail-inline-message em { + font-size: 90%; +} + +.rcmail-inline-buttons { + margin-bottom: 0; +} diff --git a/webmail/skins/larry/googiespell.css b/webmail/skins/larry/googiespell.css new file mode 100644 index 0000000..d2f1cea --- /dev/null +++ b/webmail/skins/larry/googiespell.css @@ -0,0 +1,97 @@ +/***** modified styles for GoogieSpell *****/ + +.googie_window { + font-size: 11px; + width: 185px; + margin: 0; + padding: 0; +} + +.googie_edit_layer { + position: relative; + top: 1px; + left: 1px; + padding: 8px; + font-size: 9pt; + font-family: monospace; + background-color: #fff; + border: 0; +} + +.googie_edit_layer span { + font-family: monospace; +} + +.googie_list { + width: 100%; + margin: 0; + padding: 0; + border-spacing: 0; +} + +.googie_list td { + min-width: 80px; + width: auto; +} + +.googie_list td.googie_list_selected { + background: #4db0d2; +} + +.googie_list_close { + font-size: 11px; + color: #b91414; +} + +.googie_list_onhover .googie_list_close { + color: #fff; +} + +.googie_list_revert { + font-size: 11px; + color: #b91414; +} + +.googie_list_revert:hover { + color: #fff; +} + +.googie_link { + color: #b91414; + text-decoration: underline; + cursor: pointer; + font-size: 9pt; + font-family: monospace; +} + +.googie_check_spelling_link { + color: #0069A6; + font-size: 11px; + text-decoration: underline; + cursor: pointer; +} + +.googie_no_style { + text-decoration: none; +} + +.googie_check_spelling_ok, +.googie_resume_editing { + color: green; + font-size: 11px; + cursor: pointer; + text-decoration: underline; +} + +.googie_check_spelling_ok:hover, +.googie_resume_editing:hover { + text-decoration: underline; +} + +.googie_lang_3d_click img, +.googie_lang_3d_on img { + vertical-align: middle; + cursor: pointer; + border: 0; +} + diff --git a/webmail/skins/larry/ie7hacks.css b/webmail/skins/larry/ie7hacks.css new file mode 100644 index 0000000..6d7af47 --- /dev/null +++ b/webmail/skins/larry/ie7hacks.css @@ -0,0 +1,211 @@ +/** + * Roundcube webmail CSS hacks for IE 7 + * + * Copyright (c) 2012, The Roundcube Dev Team + * + * The contents are subject to the Creative Commons Attribution-ShareAlike + * License. It is allowed to copy, distribute, transmit and to adapt the work + * by keeping credits to the original autors in the README file. + * See http://creativecommons.org/licenses/by-sa/3.0/ for details. + */ + +/* #1488618 */ +#mainscreen { + height: expression((parseInt(document.documentElement.clientHeight)-108)+'px'); +} +#mainscreen.offset { + height: expression((parseInt(document.documentElement.clientHeight)-150)+'px'); +} + +.minimal #mainscreen { + height: expression((parseInt(document.documentElement.clientHeight)-82)+'px'); +} + +.minimal #mainscreen.offset { + height: expression((parseInt(document.documentElement.clientHeight)-120)+'px'); +} + +#messagepartframe { + height: expression((parseInt(this.parentNode.offsetHeight)-1)+'px'); +} + +input.button { + display: inline; + font-size: 90%; +} + +a.iconbutton, +a.deletebutton, +.boxpagenav a.icon, +.pagenav a.button span.inner, +.boxfooter .listbutton .inner, +.attachmentslist li a.delete, +.attachmentslist li a.cancelupload, +.previewheader .iconlink, +.minimal #taskbar .button-inner { + /* workaround for text-indent which also offsets the background image */ + text-indent: 0; + font-size: 0; + line-height: 0; + overflow: hidden; + text-align: right; + text-decoration: none; +} + +.boxpagenav a.icon { + color: #bbd3da; +} + +.pagenav a.button, +.pagenav a.button span.inner, +.previewheader .iconlink, +#uploadform a.iconlink { + display: inline; +} + +.pagenavbuttons { + top: 4px; +} + +.dropbutton .dropbuttontip { + right: -2px; +} + +#login-form .box-inner form { + margin: 0; +} + +#login-form #message div { + float: left; + display: block; + width: 200px; + margin-left: 130px; + white-space: nowrap; + text-align: left; +} + +#messageheader.previewheader .iconlink { + color: #fff; + height: 14px; +} + +#uploadform a.iconlink { + text-indent: 0px; +} + +.boxfooter .countdisplay { + top: -12px; +} + +ul.toolbarmenu li a { + width: 140px; +} + +#threadselectmenu li a { + width: 160px; +} + +#messagemenu li a { + width: 170px; +} + +#rcmKSearchpane { + width: 400px; +} +#rcmKSearchpane ul li { + width: 380px; + text-overflow: ellipsis; +} + + +table.listing, +table.records-table { + display: block; + width: auto; + border-collapse: expression('separate', cellSpacing = '0'); +} + +.records-table tbody td span { + white-space: nowrap; +} + +table.listing { + width: 100%; +} + +ul.toolbarmenu li label { + margin: 0; + padding: 3px 8px; +} + +.searchbox input { + padding-top: 4px; + padding-bottom: 2px; +} + +#messagelistfooter #listcontrols, +#messagelistfooter #listselectors, +#messagelistfooter #countcontrols, +.pagenav .countdisplay { + display: inline; +} + +#messagelistfooter #countcontrols { + position: relative; + top: -4px; +} + +#messagecontframe, +#preferences-frame { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; +} + +#composeoptionstoggle { + display: inline; + top: 3px; +} + +.propform { + margin: 0; +} + +.propform fieldset legend { + color: #333; + margin-left: -5px; + padding-left: 0; +} + +.contactfieldgroup legend { + margin-left: -14px; +} + +.contactfieldcontent .contactfieldbutton { + top: -6px; +} + +.tabsbar { + height: 15px; + padding-bottom: 15px; +} + +.tabsbar .tablink { + padding: 0 1px 0 0; +} + +.minimal #topline { + width: 100%; + height: 18px; + box-sizing: border-box; +} + + +.minimal #taskbar a:hover .tooltip { + right: 34px; + top: 1px; +} + + diff --git a/webmail/skins/larry/iehacks.css b/webmail/skins/larry/iehacks.css new file mode 100644 index 0000000..9996824 --- /dev/null +++ b/webmail/skins/larry/iehacks.css @@ -0,0 +1,161 @@ +/** + * Roundcube webmail CSS hacks for IE < 9 + * + * Copyright (c) 2012, The Roundcube Dev Team + * + * The contents are subject to the Creative Commons Attribution-ShareAlike + * License. It is allowed to copy, distribute, transmit and to adapt the work + * by keeping credits to the original autors in the README file. + * See http://creativecommons.org/licenses/by-sa/3.0/ for details. + */ + +input.button { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0); +} + +.formbuttons input.button { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b7b7b', endColorstr='#606060', GradientType=0); +} + +.formbuttons input.button:active { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c5c5c', endColorstr='#7b7b7b', GradientType=0); +} + +input.button.mainaction { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#2a2e31', GradientType=0); +} + +input.button.mainaction:active { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2e31', endColorstr='#505050', GradientType=0); +} + +a.button { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0); +} + +a.button.pressed, +a.button:active, +input.button:active { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f9f9f9', GradientType=0); +} + +.pagenav.dark a.button { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#bababa', GradientType=0); +} + +.pagenav.dark a.button.pressed { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bababa', endColorstr='#d8d8d8', GradientType=0); +} + +#message.statusbar { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#c8c8c8', GradientType=0); +} + +.ui-dialog.popupmessage .ui-dialog-titlebar { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#cfcfcf', GradientType=0); +} + +.ui-dialog.popupmessage .ui-widget-content { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dcdcdc', GradientType=0); +} + +#topnav { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#060606', GradientType=0); +} + +#toplogo { + position: absolute; + top: 0px; + left: 10px; +} + +.records-table tr.selected td { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019bc6', endColorstr='#017cb4', GradientType=0); +} + +.contentbox .boxtitle, +body.iframe .boxtitle { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dfdfdf', GradientType=0); +} + +#login-form input.button { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e2e2e2', GradientType=0); +} + +#login-form input.button:active { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#f9f9f9', GradientType=0); +} + +.toolbar a.button { + filter: none; +} + +a.menuselector { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#dddddd', GradientType=0); +} + +a.menuselector:active { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#f8f8f8', GradientType=0); +} + +.googie_list td.googie_list_onhover, +ul.toolbarmenu li a.active:hover, +#rcmKSearchpane ul li.selected { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aad6', endColorstr='#008fc9', GradientType=0); +} + +.tabsbar .tablink { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#d3d3d3 50%, #f8f8f8', GradientType=0); +} + +.tabsbar .selected a { + background-color: #fff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0); +} + +.toolbar a.button.disabled, +.boxpagenav a.icon.disabled, +.pagenav a.button.disabled span.inner, +.boxfooter .listbutton.disabled .inner, +.dropbutton a.button.disabled + .dropbuttontip { + background-image: url(images/buttons.gif?v=aab8.13054); +} + +/*** addressbook.css ***/ + +.contactfieldgroup { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#eeeeee', GradientType=0); +} + +.contactfieldgroup legend { + margin: -8px -8px 8px -8px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d6d6d6', GradientType=0); +} + + +/*** mail.css ***/ + +#messagelistfooter { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#c6c6c6', GradientType=0); +} + +#mailboxlist li.mailbox .unreadcount { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82acb5', endColorstr='#6a939f', GradientType=0); +} + +#mailboxlist li.mailbox.selected > a .unreadcount { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005d76', endColorstr='#004558', GradientType=0); +} + +#messageheader, #partheader, #composeheaders { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0); +} + +.moreheaderstoggle { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#e9e9e9', GradientType=1); +} + +#messagelist tbody tr td span.branch div { + float: left; + height: 18px; +} diff --git a/webmail/skins/larry/images/addcontact.png b/webmail/skins/larry/images/addcontact.png Binary files differnew file mode 100644 index 0000000..521b5c2 --- /dev/null +++ b/webmail/skins/larry/images/addcontact.png diff --git a/webmail/skins/larry/images/ajaxloader.gif b/webmail/skins/larry/images/ajaxloader.gif Binary files differnew file mode 100644 index 0000000..89f0756 --- /dev/null +++ b/webmail/skins/larry/images/ajaxloader.gif diff --git a/webmail/skins/larry/images/buttons.gif b/webmail/skins/larry/images/buttons.gif Binary files differnew file mode 100644 index 0000000..d8a33d6 --- /dev/null +++ b/webmail/skins/larry/images/buttons.gif diff --git a/webmail/skins/larry/images/buttons.png b/webmail/skins/larry/images/buttons.png Binary files differnew file mode 100644 index 0000000..4438d9c --- /dev/null +++ b/webmail/skins/larry/images/buttons.png diff --git a/webmail/skins/larry/images/contactpic.png b/webmail/skins/larry/images/contactpic.png Binary files differnew file mode 100644 index 0000000..03163f3 --- /dev/null +++ b/webmail/skins/larry/images/contactpic.png diff --git a/webmail/skins/larry/images/contactpic_32px.png b/webmail/skins/larry/images/contactpic_32px.png Binary files differnew file mode 100644 index 0000000..358984e --- /dev/null +++ b/webmail/skins/larry/images/contactpic_32px.png diff --git a/webmail/skins/larry/images/contactpic_48px.png b/webmail/skins/larry/images/contactpic_48px.png Binary files differnew file mode 100644 index 0000000..a76aa05 --- /dev/null +++ b/webmail/skins/larry/images/contactpic_48px.png diff --git a/webmail/skins/larry/images/favicon.ico b/webmail/skins/larry/images/favicon.ico Binary files differnew file mode 100644 index 0000000..b3bd18c --- /dev/null +++ b/webmail/skins/larry/images/favicon.ico diff --git a/webmail/skins/larry/images/filedrop.png b/webmail/skins/larry/images/filedrop.png Binary files differnew file mode 100644 index 0000000..d4d455b --- /dev/null +++ b/webmail/skins/larry/images/filedrop.png diff --git a/webmail/skins/larry/images/filetypes.png b/webmail/skins/larry/images/filetypes.png Binary files differnew file mode 100644 index 0000000..53b2eee --- /dev/null +++ b/webmail/skins/larry/images/filetypes.png diff --git a/webmail/skins/larry/images/googiespell/change_lang.gif b/webmail/skins/larry/images/googiespell/change_lang.gif Binary files differnew file mode 100644 index 0000000..0ed3edc --- /dev/null +++ b/webmail/skins/larry/images/googiespell/change_lang.gif diff --git a/webmail/skins/larry/images/googiespell/indicator.gif b/webmail/skins/larry/images/googiespell/indicator.gif Binary files differnew file mode 100644 index 0000000..b556bb0 --- /dev/null +++ b/webmail/skins/larry/images/googiespell/indicator.gif diff --git a/webmail/skins/larry/images/googiespell/ok.gif b/webmail/skins/larry/images/googiespell/ok.gif Binary files differnew file mode 100644 index 0000000..f3fbdee --- /dev/null +++ b/webmail/skins/larry/images/googiespell/ok.gif diff --git a/webmail/skins/larry/images/googiespell/spellc.gif b/webmail/skins/larry/images/googiespell/spellc.gif Binary files differnew file mode 100644 index 0000000..6ed9360 --- /dev/null +++ b/webmail/skins/larry/images/googiespell/spellc.gif diff --git a/webmail/skins/larry/images/linen.jpg b/webmail/skins/larry/images/linen.jpg Binary files differnew file mode 100644 index 0000000..c756157 --- /dev/null +++ b/webmail/skins/larry/images/linen.jpg diff --git a/webmail/skins/larry/images/linen_header.jpg b/webmail/skins/larry/images/linen_header.jpg Binary files differnew file mode 100644 index 0000000..c088a1f --- /dev/null +++ b/webmail/skins/larry/images/linen_header.jpg diff --git a/webmail/skins/larry/images/linen_login.jpg b/webmail/skins/larry/images/linen_login.jpg Binary files differnew file mode 100644 index 0000000..4c7271e --- /dev/null +++ b/webmail/skins/larry/images/linen_login.jpg diff --git a/webmail/skins/larry/images/listicons.png b/webmail/skins/larry/images/listicons.png Binary files differnew file mode 100644 index 0000000..f4505d4 --- /dev/null +++ b/webmail/skins/larry/images/listicons.png diff --git a/webmail/skins/larry/images/login_shadow.png b/webmail/skins/larry/images/login_shadow.png Binary files differnew file mode 100644 index 0000000..3edc467 --- /dev/null +++ b/webmail/skins/larry/images/login_shadow.png diff --git a/webmail/skins/larry/images/messages.png b/webmail/skins/larry/images/messages.png Binary files differnew file mode 100644 index 0000000..ecfff12 --- /dev/null +++ b/webmail/skins/larry/images/messages.png diff --git a/webmail/skins/larry/images/overflowshadow.png b/webmail/skins/larry/images/overflowshadow.png Binary files differnew file mode 100644 index 0000000..5728a21 --- /dev/null +++ b/webmail/skins/larry/images/overflowshadow.png diff --git a/webmail/skins/larry/images/quota.png b/webmail/skins/larry/images/quota.png Binary files differnew file mode 100644 index 0000000..3ec26a7 --- /dev/null +++ b/webmail/skins/larry/images/quota.png diff --git a/webmail/skins/larry/images/roundcube_logo.png b/webmail/skins/larry/images/roundcube_logo.png Binary files differnew file mode 100644 index 0000000..34b1b63 --- /dev/null +++ b/webmail/skins/larry/images/roundcube_logo.png diff --git a/webmail/skins/larry/images/selector.png b/webmail/skins/larry/images/selector.png Binary files differnew file mode 100644 index 0000000..80cadb9 --- /dev/null +++ b/webmail/skins/larry/images/selector.png diff --git a/webmail/skins/larry/images/splitter.png b/webmail/skins/larry/images/splitter.png Binary files differnew file mode 100644 index 0000000..f9995dc --- /dev/null +++ b/webmail/skins/larry/images/splitter.png diff --git a/webmail/skins/larry/images/watermark.jpg b/webmail/skins/larry/images/watermark.jpg Binary files differnew file mode 100644 index 0000000..d4ea392 --- /dev/null +++ b/webmail/skins/larry/images/watermark.jpg diff --git a/webmail/skins/larry/includes/footer.html b/webmail/skins/larry/includes/footer.html new file mode 100644 index 0000000..ee93fcf --- /dev/null +++ b/webmail/skins/larry/includes/footer.html @@ -0,0 +1,11 @@ +<script type="text/javascript"> + +// UI startup +var UI = new rcube_mail_ui(); +$(document).ready(function(){ + UI.set('errortitle', '<roundcube:label name="errortitle" quoting="javascript" />'); + UI.init(); +}); + +</script> + diff --git a/webmail/skins/larry/includes/header.html b/webmail/skins/larry/includes/header.html new file mode 100644 index 0000000..f2efb8e --- /dev/null +++ b/webmail/skins/larry/includes/header.html @@ -0,0 +1,39 @@ +<div id="header"> +<div id="topline"> + <div class="topleft"> + <roundcube:container name="topline-left" id="topline-left" /> + <roundcube:button name="about" type="link" label="about" class="about-link" onclick="UI.show_about(this);return false" /> + <roundcube:if condition="config:support_url" /> + <a href="<roundcube:var name='config:support_url' />" target="_blank" class="support-link" id="supportlink"><roundcube:label name="support" /></a> + <roundcube:endif /> + </div> + <roundcube:container name="topline-center" id="topline-center" /> + <div class="topright"> + <roundcube:container name="topline-right" id="topline-right" /> + <roundcube:if condition="!env:extwin && !env:framed" /> + <span class="username"><roundcube:object name="username" /></span> + <roundcube:button command="logout" label="logout" class="button-logout" /> + <roundcube:elseif condition="env:extwin" /> + <roundcube:button command="close" label="close" class="closelink" /> + <roundcube:endif /> + </div> +</div> + +<roundcube:if condition="!env:extwin && !env:framed" /> +<div id="topnav"> + <div id="taskbar" class="topright"> + <roundcube:button command="mail" label="mail" class="button-mail" classSel="button-mail button-selected" innerClass="button-inner" /> + <roundcube:button command="addressbook" label="addressbook" class="button-addressbook" classSel="button-addressbook button-selected" innerClass="button-inner" /> + <roundcube:container name="taskbar" id="taskbar" /> + <roundcube:button command="settings" label="settings" class="button-settings" classSel="button-settings button-selected" innerClass="button-inner" /> + <roundcube:button command="logout" label="logout" class="button-logout" classSel="button-logout" innerClass="button-inner" /> + <span class="minmodetoggle"></span> + </div> + <roundcube:object name="logo" src="/images/roundcube_logo.png" id="toplogo" border="0" alt="Logo" onclick="rcmail.command('switch-task','mail');return false;" /> +</div> +<roundcube:endif /> + +<br style="clear:both" /> +</div> + + diff --git a/webmail/skins/larry/includes/links.html b/webmail/skins/larry/includes/links.html new file mode 100644 index 0000000..69e477c --- /dev/null +++ b/webmail/skins/larry/includes/links.html @@ -0,0 +1,11 @@ +<meta http-equiv="X-UA-Compatible" content="IE=EDGE" /> +<meta name="viewport" content="" id="viewport" /> +<link rel="shortcut icon" href="/images/favicon.ico"/> +<link rel="stylesheet" type="text/css" href="/styles.css" /> +<roundcube:if condition="in_array(env:task, array('mail','addressbook','settings'))" /> +<link rel="stylesheet" type="text/css" href="/<roundcube:var name="env:task" />.css" /> +<roundcube:endif /> +<!--[if IE 9]><link rel="stylesheet" type="text/css" href="/svggradients.css" /><![endif]--> +<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/iehacks.css" /><![endif]--> +<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/ie7hacks.css" /><![endif]--> +<script type="text/javascript" src="/ui.js"></script>
\ No newline at end of file diff --git a/webmail/skins/larry/includes/mailtoolbar.html b/webmail/skins/larry/includes/mailtoolbar.html new file mode 100644 index 0000000..59f2d58 --- /dev/null +++ b/webmail/skins/larry/includes/mailtoolbar.html @@ -0,0 +1,55 @@ +<roundcube:button command="compose" type="link" class="button compose disabled" classAct="button compose" classSel="button compose pressed" label="compose" title="writenewmessage" /> +<span class="spacer"></span> +<roundcube:button command="reply" type="link" class="button reply disabled" classAct="button reply" classSel="button reply pressed" label="reply" title="replytomessage" /> +<span class="dropbutton"> + <roundcube:button command="reply-all" type="link" class="button reply-all disabled" classAct="button reply-all" classSel="button reply-all pressed" label="replyall" title="replytoallmessage" /> + <span class="dropbuttontip" id="replyallmenulink" onclick="UI.show_popup('replyallmenu');return false"></span> +</span> +<span class="dropbutton"> + <roundcube:button command="forward" type="link" class="button forward disabled" classAct="button forward" classSel="button forward pressed" label="forward" title="forwardmessage" /> + <span class="dropbuttontip" id="forwardmenulink" onclick="UI.show_popup('forwardmenu');return false"></span> +</span> +<roundcube:button command="delete" type="link" class="button delete disabled" classAct="button delete" classSel="button delete pressed" label="delete" title="deletemessage" /> +<roundcube:if condition="template:name == 'message'" /> +<roundcube:button command="print" type="link" class="button print disabled" classAct="button print" classSel="button print pressed" label="print" title="printmessage" /> +<roundcube:endif /> +<roundcube:container name="toolbar" id="mailtoolbar" /> +<roundcube:button name="markmenulink" id="markmessagemenulink" type="link" class="button markmessage" label="mark" title="markmessages" onclick="UI.show_popup('markmessagemenu');return false" /> +<roundcube:button name="messagemenulink" id="messagemenulink" type="link" class="button more" label="more" title="moreactions" onclick="UI.show_popup('messagemenu');return false" /> + +<div id="forwardmenu" class="popupmenu"> + <ul class="toolbarmenu"> + <li><roundcube:button command="forward-inline" label="forwardinline" prop="sub" classAct="forwardlink active" class="forwardlink" /></li> + <li><roundcube:button command="forward-attachment" label="forwardattachment" prop="sub" classAct="forwardattachmentlink active" class="forwardattachmentlink" /></li> + <roundcube:container name="forwardmenu" id="forwardmenu" /> + </ul> +</div> + +<div id="replyallmenu" class="popupmenu"> + <ul class="toolbarmenu"> + <li><roundcube:button command="reply-all" label="replyall" prop="sub" class="replyalllink" classAct="replyalllink active" /></li> + <li><roundcube:button command="reply-list" label="replylist" prop="sub" class="replylistlink" classAct="replylistlink active" /></li> + <roundcube:container name="replyallmenu" id="replyallmenu" /> + </ul> +</div> + +<div id="messagemenu" class="popupmenu"> + <ul class="toolbarmenu iconized"> + <li><roundcube:button command="print" label="printmessage" class="icon" classAct="icon active" innerclass="icon print" /></li> + <li><roundcube:button command="download" label="emlsave" class="icon" classAct="icon active" innerclass="icon download" /></li> + <li><roundcube:button command="edit" prop="new" label="editasnew" class="icon" classAct="icon active" innerclass="icon edit" /></li> + <li><roundcube:button command="viewsource" label="viewsource" class="icon" classAct="icon active" innerclass="icon viewsource" /></li> + <li><roundcube:button command="open" label="openinextwin" target="_blank" class="icon" classAct="icon active" innerclass="icon extwin" /></li> + <roundcube:container name="messagemenu" id="messagemenu" /> + </ul> +</div> + +<div id="markmessagemenu" class="popupmenu"> + <ul class="toolbarmenu iconized"> + <li><roundcube:button command="mark" prop="read" label="markread" classAct="icon active" class="icon" innerclass="icon read" /></li> + <li><roundcube:button command="mark" prop="unread" label="markunread" classAct="icon active" class="icon" innerclass="icon unread" /></li> + <li><roundcube:button command="mark" prop="flagged" label="markflagged" classAct="icon active" class="icon" innerclass="icon flagged" /></li> + <li><roundcube:button command="mark" prop="unflagged" label="markunflagged" classAct="icon active" class="icon" innerclass="icon unflagged" /></li> + <roundcube:container name="markmenu" id="markmessagemenu" /> + </ul> +</div> diff --git a/webmail/skins/larry/includes/settingstabs.html b/webmail/skins/larry/includes/settingstabs.html new file mode 100644 index 0000000..bb26fc6 --- /dev/null +++ b/webmail/skins/larry/includes/settingstabs.html @@ -0,0 +1,9 @@ +<div id="settings-sections" class="uibox listbox"> +<h2 class="boxtitle"><roundcube:label name="settings" /></h2> +<div id="settings-tabs" class="scroller"> + <span id="settingstabpreferences" class="listitem preferences"><roundcube:button command="preferences" type="link" label="preferences" title="editpreferences" /></span> + <span id="settingstabfolders" class="listitem folders"><roundcube:button command="folders" type="link" label="folders" title="managefolders" /></span> + <span id="settingstabidentities" class="listitem identities"><roundcube:button command="identities" type="link" label="identities" title="manageidentities" /></span> + <roundcube:container name="tabs" id="settings-tabs" /> +</div> +</div> diff --git a/webmail/skins/larry/mail.css b/webmail/skins/larry/mail.css new file mode 100644 index 0000000..c349527 --- /dev/null +++ b/webmail/skins/larry/mail.css @@ -0,0 +1,1474 @@ +/** + * Roundcube webmail styles for the Email section + * + * Copyright (c) 2012, The Roundcube Dev Team + * Screendesign by FLINT / B�ro f�r Gestaltung, bueroflint.com + * + * The contents are subject to the Creative Commons Attribution-ShareAlike + * License. It is allowed to copy, distribute, transmit and to adapt the work + * by keeping credits to the original autors in the README file. + * See http://creativecommons.org/licenses/by-sa/3.0/ for details. + */ + +#mailview-left { + position: absolute; + top: 0; + left: 0; + width: 220px; + bottom: 0; + z-index: 2; +} + +#mailview-right { + position: absolute; + top: 0; + left: 232px; + right: 0; + bottom: 0; + z-index: 3; +} + +#mailview-right.fullwidth { + left: 0; +} + +#mailview-top { + position: absolute; + top: 42px; + left: 0; + width: 100%; + bottom: 28px; +} + +#mailview-top.fullheight { + border-radius: 4px 4px 0 0; +} + +#mailview-bottom { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 27px; + border-radius: 4px; + border-top: none; +} + +#folderlist-header { + width: 100%; + height: 12px; + top: 32px; +} + +#mailboxcontainer, +#messagelistcontainer { + position: absolute; + top: 42px; + left: 0; + width: 100%; + bottom: 0; +} + +#messagelistcontainer { + top: 0; + bottom: 30px; + overflow: auto; +} + +#messagelistfooter { + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 22px; + padding: 4px 6px; + border-top: 1px solid #ddd; + background: #ebebeb; + background: -moz-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#c6c6c6)); + background: -o-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); + background: -ms-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); + background: linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); + border-radius: 0 0 4px 4px; +} + +#mailview-top.fullheight #messagelistfooter { + border-radius: 0; +} + +#messagelistfooter.rightalign { + text-align: right; +} + +#messagelistfooter #countcontrols { + display: inline-block; +} + +#messagelistfooter #listcontrols, +#messagelistfooter #listselectors { + display: inline-block; + margin-right: 2em; + vertical-align: middle; +} + +#messagelistfooter #listselectors .menuselector { + margin-top: -2px; +} + +a.iconbutton.listmode { + width: 26px; + height: 20px; + background-position: 0 -477px; +} + +a.iconbutton.threadmode { + width: 26px; + height: 20px; + background-position: 0 -497px; +} + +a.iconbutton.listmode.selected { + background-position: -26px -477px; +} + +a.iconbutton.threadmode.selected { + background-position: -26px -497px; +} + +#mailboxlist li.mailbox { + position: relative; + background-repeat: no-repeat; + background-position: 6px 2px; +} + +#mailboxlist li:first-child { + border-radius: 4px 4px 0 0; + border-top: 0; +} + +#mailboxlist li.mailbox a { + padding-left: 36px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + background-image: url(images/listicons.png?v=bd98.25486); + background-repeat: no-repeat; + background-position: 6px 3px; +} + +#mailboxlist li.mailbox.unread a { + padding-right: 36px; +} + +#mailboxlist li.mailbox.selected > a { + background-position: 6px -21px; +} + +#mailboxlist li.mailbox.inbox > a { + background-position: 6px -189px; +} + +#mailboxlist li.mailbox.inbox.selected > a { + background-position: 6px -213px; +} + +#mailboxlist li.mailbox.drafts > a { + background-position: 6px -238px; +} + +#mailboxlist li.mailbox.drafts.selected > a { + background-position: 6px -262px; +} + +#mailboxlist li.mailbox.sent > a { + background-position: 6px -286px; +} + +#mailboxlist li.mailbox.sent.selected > a { + background-position: 6px -310px; +} + +#mailboxlist li.mailbox.junk > a { + background-position: 6px -334px; +} + +#mailboxlist li.mailbox.junk.selected > a { + background-position: 6px -358px; +} + +#mailboxlist li.mailbox.trash > a { + background-position: 6px -382px; +} + +#mailboxlist li.mailbox.trash.selected > a { + background-position: 6px -406px; +} + +#mailboxlist li.mailbox.archive > a { + background-position: 6px -1699px; +} + +#mailboxlist li.mailbox.archive.selected > a { + background-position: 6px -1723px; +} + +#mailboxlist li.unread { + font-weight: bold; +} + +#mailboxlist li.virtual > a { + color: #aaa; +} + +#mailboxlist li.recent > a { + color: #017cb4; +} + +#mailboxlist li.mailbox ul { + list-style: none; + margin: 0; + padding: 0; + border-top: 1px solid #bbd3da; +} + +#mailboxlist li.mailbox ul li { + padding-left: 26px; +} + +#mailboxlist li.mailbox ul li a { + background-position: 6px -93px; +} + +#mailboxlist li.mailbox ul li.selected > a { + background-position: 6px -117px; +} + +#mailboxlist li.mailbox ul li:last-child { + border-bottom: 0; +} + +#mailboxlist li.mailbox div.collapsed, +#mailboxlist li.mailbox div.expanded { + position: absolute; + top: 13px; + left: 19px; + width: 13px; + height: 13px; + background: url(images/listicons.png?v=bd98.25486) -3px -144px no-repeat; + cursor: pointer; +} + +#mailboxlist li.mailbox div.expanded { + background-position: -3px -168px; +} + +#mailboxlist li.mailbox.selected > div.collapsed { + background-position: -23px -144px; +} + +#mailboxlist li.mailbox.selected > div.expanded { + background-position: -23px -168px; +} + + +#mailboxlist li.mailbox ul li div.collapsed, +#mailboxlist li.mailbox ul li div.expanded { + left: 43px; + top: 14px; +} + +#mailboxlist li.mailbox .unreadcount { + position: absolute; + top: 3px; + right: 6px; + min-width: 1.8em; + padding: 2px 4px; + background: #82acb5; + background: -moz-linear-gradient(top, #82acb5 0%, #6a939f 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82acb5), color-stop(100%,#6a939f)); + background: -o-linear-gradient(top, #82acb5 0%, #6a939f 100%); + background: -ms-linear-gradient(top, #82acb5 0%, #6a939f 100%); + background: linear-gradient(top, #82acb5 0%, #6a939f 100%); + box-shadow: inset 0 1px 1px 0 #536d72; + -o-box-shadow: inset 0 1px 1px 0 #536d72; + -webkit-box-shadow: inset 0 1px 1px 0 #536d72; + -moz-box-shadow: inset 0 1px 1px 0 #536d72; + border-radius: 9px; + color: #fff; + text-align: center; + font-weight: bold; + text-shadow: none; +} + +#mailboxlist li.mailbox.selected > a .unreadcount { + background: #005d76; + background: -moz-linear-gradient(top, #005d76 0%, #004558 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d76), color-stop(100%,#004558)); + background: -o-linear-gradient(top, #005d76 0%, #004558 100%); + background: -ms-linear-gradient(top, #005d76 0%, #004558 100%); + background: linear-gradient(top, #005d76 0%, #004558 100%); + box-shadow: inset 0 1px 1px 0 #003645; + -o-box-shadow: inset 0 1px 1px 0 #003645; + -webkit-box-shadow: inset 0 1px 1px 0 #003645; + -moz-box-shadow: inset 0 1px 1px 0 #003645; +} + +#mailboxlist li.mailbox.recent > a .unreadcount { + background: #017cb4; + background: -moz-linear-gradient(top, #017cb4 0%, #006ca4 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017cb4), color-stop(100%,#006ca4)); + background: -o-linear-gradient(top, #017cb4 0%, #006ca4 100%); + background: -ms-linear-gradient(top, #017cb4 0%, #006ca4 100%); + background: linear-gradient(top, #017cb4 0%, #006ca4 100%); + box-shadow: inset 0 1px 1px 0 #005080; + -o-box-shadow: inset 0 1px 1px 0 #005080; + -webkit-box-shadow: inset 0 1px 1px 0 #005080; + -moz-box-shadow: inset 0 1px 1px 0 #005080; +} + +#searchfilter { + position: absolute; + right: 256px; + width: auto; + top: 2px; +} + +#searchfilter select { + height: 26px; +} + +#mailview-left select.mailboxlist { + position: relative; + top: 10px; + width: 100%; +} + +#messagetoolbar { + position: absolute; + top: -6px; + left: 0; + height: 40px; + white-space: nowrap; + z-index: 10; +} + +#messagetoolbar.fullwidth { + right: 0; +} + +#messagetoolbar .toolbarselect { + position: absolute; + bottom: 6px; + right: 3px; +} + +#messagesearchtools { + position: absolute; + right: 0; + top: 0; + width: 400px; +} + +#mailpreviewtoggle { + display: block; + position: absolute; + top: 6px; + right: 4px; + width: 20px; + height: 18px; + background: url(images/buttons.png?v=abf1.36693) -3px -458px no-repeat; +} + +#mailpreviewtoggle.enabled { + background-position: -28px -458px; +} + + +/*** message list ***/ + +#messagelist thead td:first-child { + border-radius: 4px 0 0 0; /* for Chrome */ +} + +#messagelist tr td.attachment, +#messagelist tr td.threads, +#messagelist tr td.status, +#messagelist tr td.flag, +#messagelist tr td.priority { + width: 20px; + padding: 2px 3px; +} + +.webkit #messagelist tr td.attachment, +.webkit #messagelist tr td.threads, +.webkit #messagelist tr td.status, +.webkit #messagelist tr td.flag, +.webkit #messagelist tr td.priority { + width: 26px; +} + +#messagelist tr td.threads { + width: 26px; +} + +.webkit #messagelist tr td.threads { + width: 30px; +} + +#messagelist tr td.threads, +#messagelist tr td.threads + td { + border-left: 0; +} + +#messagelist tr td.size { + width: 60px; + text-align: right; +} + +#messagelist thead tr td.size { + text-align: left; +} + +#messagelist tr td.fromto, +#messagelist tr td.from, +#messagelist tr td.to, +#messagelist tr td.cc, +#messagelist tr td.replyto { + width: 200px; +} + +#messagelist tr td.date { + width: 125px; +} + +#messagelist tr.message { +/* background-color: #fff; */ +} + +#messagelist tr.thread.expanded td { + background-color: #ededed; +} + +#messagelist tr.unread { + font-weight: bold; +/* background-color: #fff; */ +} + +#messagelist tr.flagged td, +#messagelist tr.flagged td a { + color: #f30; +} + +#messagelist thead tr td.sortedASC a, +#messagelist thead tr td.sortedDESC a { + color: #004458; + text-decoration: underline; + background: url(images/listicons.png?v=bd98.25486) right -912px no-repeat; +} + +#messagelist thead tr td.sortedASC a { + background-position: right -944px; +} + +#messagelist td img { + vertical-align: middle; + display: inline-block; +} + +#messagelist tbody td a { + color: #333; + text-decoration: none; + white-space: nowrap; + cursor: default; +} + +#messagelist tbody tr td.flag, +#messagelist tbody tr td.status, +#messagelist tbody tr td.subject span.status { + cursor: pointer; +} + +#messagelist tr td.flag span, +#messagelist tr td.status span, +#messagelist tr td.attachment span, +#messagelist tr td.priority span { + display: block; + width: 20px; +} + +#messagelist tr td div.collapsed, +#messagelist tr td div.expanded, +#messagelist tr td.threads div.listmenu, +#messagelist tr td.attachment span.attachment, +#messagelist tr td.attachment span.report, +#messagelist tr td.priority span.priority, +#messagelist tr td.priority span.prio1, +#messagelist tr td.priority span.prio2, +#messagelist tr td.priority span.prio3, +#messagelist tr td.priority span.prio4, +#messagelist tr td.priority span.prio5, +#messagelist tr td.flag span.flagged, +#messagelist tr td.flag span.unflagged, +#messagelist tr td.flag span.unflagged:hover, +#messagelist tr td.status span.status, +#messagelist tr td.status span.msgicon, +#messagelist tr td.status span.deleted, +#messagelist tr td.status span.unread, +#messagelist tr td.status span.unreadchildren, +#messagelist tr td.subject span.msgicon, +#messagelist tr td.subject span.deleted, +#messagelist tr td.subject span.unread, +#messagelist tr td.subject span.replied, +#messagelist tr td.subject span.forwarded, +#messagelist tr td.subject span.unreadchildren { + display: inline-block; + vertical-align: middle; + height: 18px; + width: 20px; + padding: 0; + background: url(images/listicons.png?v=bd98.25486) -100px 0 no-repeat; +} + +#messagelist tbody tr td.attachment span.attachment { + background-position: 0 -996px; +} + +#messagelist thead tr td.attachment span.attachment { + background-position: -24px -997px; +} + +#messagelist tbody tr td.attachment span.report { + background-position: -24px -1116px; +} + +#messagelist tr td.priority span.prio5 { + background-position: 0 -1905px; +} + +#messagelist tr td.priority span.prio4 { + background-position: 0 -1885px; +} + +#messagelist tr td.priority span.prio2 { + background-position: 0 -1865px; +} + +#messagelist tr td.priority span.prio1 { + background-position: 0 -1845px; +} + +#messagelist tbody tr td.flag span.flagged { + background-position: 0 -1036px; +} + +#messagelist thead tr td.flag span.flagged { + background-position: -24px -1036px; +} + +#messagelist tr td.status span.msgicon:hover { + background-position: -23px -1056px; +} + +#messagelist tr td.flag span.unflagged:hover { + background-position: -23px -1076px; +} + +#messagelist tr td.subject span.msgicon, +#messagelist tr td.subject span.unreadchildren { + background-position: 0 -1056px; + margin: 0 1px 0 0; + width: 24px; +} + +#messagelist tr td.subject span.replied { + background-position: 0 -1076px; +} + +#messagelist tr td.subject span.forwarded { + background-position: 0 -1096px; +} + +#messagelist tr td.subject span.replied.forwarded { + background-position: 0 -1116px; +} + +#messagelist tr td.status span.msgicon, +#messagelist tr td.flag span.unflagged, +#messagelist tr td.status span.unreadchildren { + background-position: 0 1056px; /* no icon */ +} +/* +#messagelist tr td.status span.msgicon:hover { + background-position: 0 -272px; +} +*/ +#messagelist tr td.status span.deleted, +#messagelist tr td.status span.deleted:hover, +#messagelist tr td.subject span.deleted { + background-position: -22px -1096px; +} + +#messagelist tr td.status span.status, +#messagelist tr td.status span.unread, +#messagelist tr td.subject span.unread, +#messagelist tr td.status span.unread:hover { + background-position: 0 -1016px; +} + +#messagelist thead tr td.status span.status { + background-position: -24px -1016px; +} + +#messagelist tr td div.collapsed { + background-position: 0 -1137px; + cursor: pointer; +} + +#messagelist tr td div.expanded { + background-position: 0 -1157px; + cursor: pointer; +} + +#messagelist tr td.threads div.listmenu { + background-position: 0 -976px; + cursor: pointer; + width: 26px; +} + +#messagelist thead tr td.subject, +#messagelist tbody tr td.subject { + width: 99%; + white-space: nowrap; +} + +#messagelist tbody tr td.subject a { + cursor: default; + vertical-align: middle; /* #1487091 */ +} + +/* thread parent message with unread children */ +#messagelist tbody tr.unroot td.subject a { + text-decoration: underline; +} + +/**** tree indicators ****/ + +#messagelist tbody tr td span.branch div { + display: inline-block; +} + +#messagelist tbody tr td span.branch div.tree { + width: 15px; +} + +#listoptions ul.proplist { + min-width: 16em; +} + +/**** message view ****/ + +#mailpreviewframe { + display: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + bottom: 28px; +} + +#messagecontframe { + border: 0; + border-radius: 4px 4px 0 0; +} + +#messagecontent { + position: absolute; + top: 110px; + left: 0; + width: 100%; + bottom: 27px; + overflow: auto; +} + +#messageheader, +#partheader, +#composeheaders { + position: relative; + padding: 3px 0; + background: #f9f9f9; + background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f0f0)); + background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%); + background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%); + background: linear-gradient(top, #fff 0%, #f0f0f0 100%); + border-bottom: 1px solid #dfdfdf; +} + +#mailview-right #messageheader { + border-radius: 4px 4px 0 0; + padding-left: 78px; + /* avoid headers eating up all the vertical space */ + max-height: 50%; + overflow: auto; +} + +h2.subject { + font-size: 15px; + margin: 0 15em 0 0; + padding: 4px 8px 2px 8px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#mailview-right #messageheader h2.subject { + margin-left: -56px; +} + +h3.subject { + font-size: 14px; + margin: 0 12em 0 0; + padding: 8px 8px 4px 8px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.headers-table td { + color: #666; + padding: 2px 8px; +} + +.headers-table td.header, +.ui-dialog-content.popup span.adr { + font-weight: bold; +} + +.headers-table td.header-title { + white-space: nowrap; +} + +.headers-table td.header a, +.ui-dialog-content.popup span.adr a { + color: #666; + text-decoration: none; +} + +.headers-table td.header a:hover, +.ui-dialog-content.popup span.adr a:hover { + text-decoration: underline; +} + +.headers-table td.subject { + color: #333; + font-size: 110%; + font-weight: bold; +} + +.headers-table td.header span, +.ui-dialog-content.popup span.adr { + white-space: nowrap; +} + +.headers-table td.header a.morelink { + color: #0069a6; + white-space: nowrap; + font-weight: normal; +} + +.rcmaddcontact { + position: relative; + top: 1px; + margin-left: 0.5em; +} + +.rcmaddcontact imp { + width: 20px; + height: 13px; +} + +#preview-allheaders { + display: none; +} + +#preview-allheaders td.header-title, +#preview-shortheaders td.header-title { + padding-left: 0; +} + +#preview-shortheaders td.header { + padding-right: 18px; +} + +.moreheaderstoggle { + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 18px; + padding: 0; + outline: none; + background: #f2f2f2; + background: -moz-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); + background: -webkit-gradient(linear, left top, right top, color-stop(0,#fbfbfb), color-stop(100%,#e9e9e9)); + background: -o-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); + background: -ms-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); + background: linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); + border-right: 1px solid #dfdfdf; + border-radius: 3px 0 0 0; /* for Opera */ +} + +.moreheaderstoggle .iconlink { + display: inline-block; + position: absolute; + top: 8px; + left: 0; + width: 18px; + height: 16px; + background: url(images/buttons.png?v=abf1.36693) -27px -242px no-repeat; +} + +.moreheaderstoggle.remove .iconlink { + top: auto; + bottom: 5px; + background-position: -5px -242px; +} + +#full-headers { + position: relative; +} + +div.more-headers { + position: absolute; + top: -12px; + right: 10px; + width: 12px; + height: 10px; + cursor: pointer; + background: url(images/buttons.png?v=abf1.36693) center -1579px no-repeat; +} + +div.hide-headers { + background-position: center -1589px; +} + +#all-headers { + position: relative; + margin: 4px 10px; + padding: 0; + height: 180px; + border: 1px solid #ccc; + border-radius: 4px; + background: #fdfdfd; + -moz-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1); + -webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1); + -o-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1); + box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1); +} + +#headers-source { + display: none; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 3px 6px; + overflow: auto; + text-align: left; + color: #333; +} + +#messageheader.previewheader #all-headers { + margin-left: 0; +} + +#messageheader.previewheader { + position: relative; + height: auto; + min-height: 52px; + padding: 0 0 3px 72px; +} + +#messageheader.previewheader h3.subject { + padding: 8px 8px 2px 0; +} + +#messageheader.previewheader #contactphoto { + display: block; + position: absolute; + top: 11px; + left: 30px; + width: 32px; + height: 32px; + overflow: hidden; + background: url(images/contactpic_32px.png?v=09a3.287) center center no-repeat #fff; + border-radius: 3px; +} + +#messageheader.previewheader #contactphoto img { + width: 32px; + height: auto; + border-radius: 3px; +} + +#messageheader .message-headers { + min-height: 60px; +} + +#messageheader #contactphoto { + display: block; + position: absolute; + top: 34px; + left: 30px; + width: 48px; + height: 48px; + overflow: hidden; + border-radius: 4px; + border: 1px solid #e6e6e6; + background: url(images/contactpic_48px.png?v=1bc4.353) center center no-repeat #fff; +} + +#messageheader #contactphoto img { + width: 48px; + height: auto; + border-radius: 4px; +} + +#messageheader #countcontrols { + position: absolute; + top: 8px; + right: 8px; + text-align: right; + white-space: nowrap; +} + +#messageheader .pagenav .countdisplay { + min-width: 0; + padding-right: 0.5em; + white-space: nowrap; +} + +#messagecontent .leftcol, +#messagepreview .leftcol { + margin-right: 252px; + overflow-x: auto; +} + +#messagecontent .rightcol, +#messagepreview .rightcol { + float: right; +/* + position: absolute; + top: 10px; + right: 10px; + height: 90%; +*/ + width: 230px; + margin: 8px; + min-height: 200px; + background: #f0f0f0; + padding: 8px; + border-radius: 4px; +} + +#messagebody { + position: relative; + margin: 8px; +} + +#message-objects div, +#messagebody span.part-notice { + margin: 8px; +} + +#message-objects div.notice, +#message-buttons div.notice { + display: block; + color: #960; + border: 1px solid #ffdf0e; + background-color: #fef893; + background-position: 5px -83px; + padding: 6px 12px 4px 30px; + white-space: normal; +} + +#message-objects div a.button, +#messagebody span.part-notice a.button { + margin-left: 10px; +} + +div.message-part, +div.message-htmlpart, +div.message-partheaders { + padding: 10px 2px; + border-top: 1px solid #ccc; +} + +#messagebody div:first-child { + padding-top: 0; + border-top: 0; +} + +div.message-part pre, +div.message-htmlpart pre, +div.message-part div.pre { + margin: 0px; + padding: 0px; + font-family: monospace; + font-size: 12px; + white-space: -moz-pre-wrap !important; + white-space: pre-wrap !important; + white-space: pre; +} + +div.message-part span.sig { + color: #666666; +} + +div.message-part blockquote { + color: blue; + border-left: 2px solid blue; + border-right: 2px solid blue; + background-color: #F6F6F6; + margin: 2px 0px 2px 0px; + padding: 1px 8px 1px 10px; +} + +div.message-part blockquote blockquote { + color: green; + border-left: 2px solid green; + border-right: 2px solid green; +} + +div.message-part blockquote blockquote blockquote { + color: #990000; + border-left: 2px solid #bb0000; + border-right: 2px solid #bb0000; +} + +div.message-partheaders { + margin-top: 8px; + padding: 8px 0; +} + +div.message-partheaders .headers-table { + width: 100%; +} + +div.message-partheaders .headers-table td.header-title { + width: auto; + padding-left: 0; +} + +div.message-partheaders .headers-table td.header { + width: 88%; +} + +#messagebody > hr { + color: #fff; + background: #fff; + border: 0; + border-bottom: 2px solid #f0f0f0; +} + +#messagebody fieldset.image-attachment { + border: 0; + border-top: 1px solid #ccc; + margin-top: 1em; +} + +#messagebody fieldset.image-attachment p > img { + max-width: 80%; +} + +#messagebody legend.image-filename { + color: #999; + font-size: 0.9em; + margin: 0 1em; +} + +#messagebody p.image-attachment { + position: relative; + padding: 1em; + border-top: 1px solid #ccc; +} + +#messagebody p.image-attachment a.image-link { + float: left; + display: block; + margin-right: 2em; + min-width: 160px; + min-height: 60px; + text-align: center; +} + +#messagebody p.image-attachment .image-filename { + display: block; + font-weight: bold; + line-height: 1.6em; +} + +#messagebody p.image-attachment .image-filesize { + padding-right: 1em; +} + +#messagebody p.image-attachment .attachment-links a { + margin-right: 0.6em; +} + +#messagepartcontainer { + position: absolute; + top: 60px; + left: 0px; + right: 0px; + bottom: 0px; +} + +#messagepartframe { + border: 0; + width: 100%; + height: 100%; +} + +/*** message composition ***/ + +#composeview-left { + position: absolute; + top: 0; + left: 0; + width: 250px; + bottom: 0; +} + +#composeview-right { + position: absolute; + top: 0; + left: 262px; + right: 0; + bottom: 0; +} + +#compose-contacts { + position: absolute; + top: 42px; + left: 0; + width: 100%; + bottom: 0; +} + +#composequicksearch { + position: relative; + padding: 4px; + background: #c7e3ef; +} + +#composequicksearch .searchbox input { + width: 100%; + height: 26px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +#composequicksearch #searchmenulink { + width: 15px; +} + +#compose-contacts #directorylist { + border-bottom: 4px solid #c7e3ef; +} + +#compose-contacts .scroller { + top: 65px; + border-top: 1px solid #fff; +} + +#contacts-table { + table-layout: fixed; +} + +#contacts-table td { + width: 100%; +} + +#contacts-table td span { + display: block; +} + +#contacts-table td span.email { + display: inline; + color: #69939e; + font-style: italic; + margin-left: 0.5em; +} + +#compose-contacts li a, #contacts-table td { + background: url(images/listicons.png?v=bd98.25486) -100px 0 no-repeat; + overflow: hidden; + padding-left: 36px; + text-overflow: ellipsis; +} + +#contacts-table tr:first-child td { + border-top: 0; +} + +#compose-contacts li.addressbook a { + background-position: 6px -766px; +} + +#compose-contacts li.addressbook.selected a { + background-position: 6px -791px; +} + +#contacts-table td.contactgroup { + background-position: 6px -1555px; +} + +#contacts-table tr.unfocused td.contactgroup, +#contacts-table tr.selected td.contactgroup { + background-position: 6px -1579px; +} + +#contacts-table td.contact { + background-position: 6px -1603px; +} + +#contacts-table tr.unfocused td.contact, +#contacts-table tr.selected td.contact { + background-position: 6px -1627px; +} + +#compose-content { + position: absolute; + top: 42px; + left: 0; + width: 100%; + bottom: 28px; + border-radius: 4px 4px 0 0; + border-bottom: none; + overflow: hidden; +} + +#composeheaders { + border-radius: 4px 4px 0 0; + padding-left: 19px; +} + +#composebuttons { + position: absolute; + top: 6px; + right: 6px; + width: auto; + white-space: nowrap; + z-index: 100; +} + +#composebuttons a.button.extwin { + padding: 2px 3px; +} + +.compose-headers { + width: 99%; + margin-bottom: 2px; +} + +.compose-headers td { + padding: 2px 4px; +} + +.compose-headers td.title { + width: 11%; + white-space: nowrap; + padding-left: 6px; +} + +.compose-headers td.title label { + float: left; +} + +.compose-headers td.title a.iconbutton { + float: right; + position: relative; + top: -2px; + width: 15px; +} + +.compose-headers td.editfield { + width: 90%; + padding-left: 4px; +} + +.compose-headers td.editfield a.iconlink { + margin-left: 0.5em; +} + +.compose-headers td.formlinks { + padding: 0 4px; +} + +.compose-headers td.top { + vertical-align: top; + padding-top: 10px; +} + +.compose-headers td textarea, +.compose-headers td input { + width: 100%; + resize: none; + font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + font-size: 11px; +} + +#compose-cc, #compose-bcc, #compose-replyto, #compose-followupto { + display: none; +} + +#composeoptions { + display: none; + padding: 2px 0 0 8px; + white-space: normal; + border-top: 1px solid #dfdfdf; + box-shadow: inset 0 1px 0 0 #fff; + -o-box-shadow: inset 0 1px 0 0 #fff; + -webkit-box-shadow: inset 0 1px 0 0 #fff; + -moz-box-shadow: inset 0 1px 0 0 #fff; + +} + +.composeoption { + color: #666; + padding-right: 22px; + white-space: nowrap; +} + +#composeoptions .composeoption { + display: inline-block; + padding: 4px 22px 4px 0; +} + +#composeoptions .composeoption:last-child { + padding-right: 4px; +} + +.mozilla .composeoption input { + vertical-align: -3px; +} + +#composeview-bottom { + position: relative; + width: 100%; + height: 200px; +} + +#composebodycontainer { + position: absolute; + top: 0; + left: 0; + right: 260px; + bottom: 0; +} + +#composebodycontainer.buttons { + bottom: 42px; +} + +#composebody { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 99%; + border: 0; + border-radius: 0; + padding: 8px 0 8px 8px; + resize: none; + font-family: monospace; + font-size: 9pt; + outline: none; + box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2); + -moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2); + -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2); + -o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2); +} + +#composebody:active, +#composebody:focus { + box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9); + -moz-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9); + -webkit-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9); + -o-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9); +} + +#compose-attachments { + position: absolute; + right: 0; + top: 1px; + bottom: 0; + width: 240px; + background: #f0f0f0; + border-style: solid; + border-color: #f0f0f0 #f0f0f0 #f0f0f0 #ddd; + border-width: 1px; + padding: 8px; + overflow: auto; +} + +#compose-attachments.droptarget { + background-image: url(images/filedrop.png?v=deab.605); + background-position: center bottom; + background-repeat: no-repeat; +} + +#compose-attachments.droptarget.hover, +#compose-attachments.droptarget.active { + border-color: #019bc6; + box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); + -moz-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); + -webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); + -o-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); +} + +#compose-attachments.droptarget.hover { + background-color: #d9ecf4; + box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); + -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); + -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); + -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); +} + +#composeview-bottom .formbuttons.floating { + position: absolute; + width: auto; + right: 260px; + z-index: 200; + padding-bottom: 8px; +} + +.defaultSkin table.mceLayout, +.defaultSkin table.mceLayout tr.mceLast td { + border: 0 !important; +} + +.defaultSkin td.mceToolbar { + border: 0 !important; +} + +.defaultSkin table.mceLayout tr.mceFirst td { + background: #f0f0f0; +} + +#composebody_toolbargroup { + border-bottom: 1px solid #ddd; +} + +#uploadform a.iconlink { + margin-left: 1em; + text-indent: -5000px; +} + +#uploadform form div { + margin: 4px 0; +} + diff --git a/webmail/skins/larry/meta.json b/webmail/skins/larry/meta.json new file mode 100644 index 0000000..cf5670a --- /dev/null +++ b/webmail/skins/larry/meta.json @@ -0,0 +1,6 @@ +{ + "name": "Larry", + "author": "FLINT / Büro für Gestaltung, Switzerland", + "license": "Creative Commons Attribution-ShareAlike", + "license-url": "http://creativecommons.org/licenses/by-sa/3.0/" +}
\ No newline at end of file diff --git a/webmail/skins/larry/print.css b/webmail/skins/larry/print.css new file mode 100644 index 0000000..a56c9b9 --- /dev/null +++ b/webmail/skins/larry/print.css @@ -0,0 +1,150 @@ +/** + * Roundcube webmail styles for message printing + * + * Copyright (c) 2012, The Roundcube Dev Team + * + * The contents are subject to the Creative Commons Attribution-ShareAlike + * License. It is allowed to copy, distribute, transmit and to adapt the work + * by keeping credits to the original autors in the README file. + * See http://creativecommons.org/licenses/by-sa/3.0/ for details. + */ +body { + font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + background-color: #fff; + color: #000; + margin: 2mm; +} + +body, td, th, span, div, p { + font-size: 9pt; + color: #000; +} + +h3 { + font-size: 18px; + color: #000; +} + +a, a:active, a:visited { + color: #000; +} + +#header { + float: right; + margin: 0 5mm 3mm 5mm; +} + +table.headers-table { + table-layout: fixed; + margin-top: 14px; +} + +table.headers-table tr td { + font-size: 9pt; +} + +table.headers-table td.header-title { + color: #666; + font-size: 85%; + padding-right: 4mm; + white-space: nowrap; +} + +table.headers-table tr td.subject { + width: 90%; + font-weight: bold; + font-size: 120%; +} + +#attachment-list { + margin-top: 3mm; + padding-top: 3mm; + border-top: 1pt solid #ccc; +} + +#attachment-list li { + font-size: 9pt; +} + +#attachment-list li a { + text-decoration: none; +} + +#attachment-list li a:hover { + text-decoration: underline; +} + +#messagebody { + position: relative; + margin-top: 5mm; + border-top: none; +} + +div.message-part { + padding: 2mm; + margin-top: 5mm; + margin-bottom: 5mm; + border-top: 1pt solid #ccc; +} + +div.message-part a { + color: #00c; +} + +div.message-part pre, +div.message-htmlpart pre, +div.message-part div.pre { + margin: 0; + padding: 0; + font-family: monospace; + white-space: -moz-pre-wrap !important; + white-space: pre-wrap !important; + white-space: pre; + word-wrap: break-word; /* IE (and Safari) */ +} + +div.message-part blockquote { + color: blue; + border-left: 2px solid blue; + border-right: 2px solid blue; + background-color: #F6F6F6; + margin: 0.5em 0em 0.5em 0em; + padding: 0.25em 1em 0.25em 1em; +} + +div.message-part blockquote blockquote { + color: green; + border-left: 2px solid green; + border-right: 2px solid green; +} + +div.message-part blockquote blockquote blockquote { + color: #900; + border-left: 2px solid #b00; + border-right: 2px solid #b00; +} + +p.image-attachment { + position: relative; + padding: 1em; + border-top: 1px solid #ccc; +} + +p.image-attachment a.image-link { + float: left; + display: block; + margin-right: 2em; + min-width: 160px; + min-height: 60px; + text-align: center; +} + +p.image-attachment .image-filename { + display: block; + line-height: 1.6em; +} + +p.image-attachment .attachment-links { + display: none; +} + diff --git a/webmail/skins/larry/settings.css b/webmail/skins/larry/settings.css new file mode 100644 index 0000000..213a4cf --- /dev/null +++ b/webmail/skins/larry/settings.css @@ -0,0 +1,269 @@ +/** + * Roundcube webmail styles for the Settings section + * + * Copyright (c) 2012, The Roundcube Dev Team + * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com + * + * The contents are subject to the Creative Commons Attribution-ShareAlike + * License. It is allowed to copy, distribute, transmit and to adapt the work + * by keeping credits to the original autors in the README file. + * See http://creativecommons.org/licenses/by-sa/3.0/ for details. + */ + +#settings-sections { + position: absolute; + top: 0; + left: 0; + width: 200px; + bottom: 0; +} + +#pluginbody, +#settings-right { + position: absolute; + top: 0; + left: 212px; + right: 0; + bottom: 0; +} + +#sectionslist { + position: absolute; + top: 0; + left: 0; + width: 260px; + bottom: 0; +} + +#preferences-box { + position: absolute; + top: 0; + left: 272px; + right: 0; + bottom: 0; +} + +#preferences-frame { + border: 0; + border-radius: 4px 4px 0 0; +} + +#sections-table tbody td.section, +#settings-sections span.listitem a, +#settings-sections span.tablink a { + padding-left: 36px; + background-image: url(images/listicons.png?v=bd98.25486); + background-position: -100px 0; + background-repeat: no-repeat; +} + +/* note: support span.tablink because this is used by plugins */ +#settings-sections span.listitem a, +#settings-sections span.tablink a { + background-position: 6px -862px; +} + +#settings-sections span.selected a, +#settings-sections span.tablink.selected a { + background-position: 6px -887px; +} + +#settings-sections span.preferences a { + background-position: 6px -431px; +} + +#settings-sections span.preferences.selected a { + background-position: 6px -455px; +} + +#settings-sections span.folders a, +#sections-table #rcmrowfolders td.section { + background-position: 6px 2px; +} + +#settings-sections span.folders.selected a, +#sections-table #rcmrowfolders.selected td.section { + background-position: 6px -22px; +} + +#settings-sections span.identities a { + background-position: 6px -478px; +} + +#settings-sections span.identities.selected a { + background-position: 6px -502px; +} + +#settings-sections span.filter a { + background-position: 6px -1746px; +} + +#settings-sections span.filter.selected a { + background-position: 6px -1770px; +} + +#settings-sections span.password a { + background-position: 6px -1795px; +} + +#settings-sections span.password.selected a { + background-position: 6px -1819px; +} + +#sections-table #rcmrowgeneral td.section { + background-position: 6px -573px; +} + +#sections-table #rcmrowgeneral.selected td.section { + background-position: 6px -598px; +} + +#sections-table #rcmrowmailbox td.section { + background-position: 6px -621px; +} + +#sections-table #rcmrowmailbox.selected td.section { + background-position: 6px -646px; +} + +#sections-table #rcmrowcompose td.section { + background-position: 6px -670px; +} + +#sections-table #rcmrowcompose.selected td.section { + background-position: 6px -695px; +} + +#sections-table #rcmrowmailview td.section { + background-position: 6px -718px; +} + +#sections-table #rcmrowmailview.selected td.section { + background-position: 6px -742px; +} + +#sections-table #rcmrowaddressbook td.section { + background-position: 6px -766px; +} + +#sections-table #rcmrowaddressbook.selected td.section { + background-position: 6px -791px; +} + +#sections-table #rcmrowserver td.section { + background-position: 6px -814px; +} + +#sections-table #rcmrowserver.selected td.section { + background-position: 6px -838px; +} + +#sections-table #rcmrowcalendar td.section { + background-position: 6px -526px; +} + +#sections-table #rcmrowcalendar.selected td.section { + background-position: 6px -550px; +} + +#folderslist, +#identitieslist { + position: absolute; + top: 0; + left: 0; + width: 260px; + bottom: 0; +} + +#identities-table { + width: 100%; + table-layout: fixed; +} + +#identities-table tbody td.mail { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; +} + +#folder-details, +#identity-details { + position: absolute; + top: 0; + left: 272px; + right: 0; + bottom: 0; +} + +#subscription-table { + table-layout: fixed; +} + +#subscription-table tr.root td { + font-size: 5%; + height: 5px; + padding: 2px; +} + +#subscription-table td.name { + width: 85%; + overflow: hidden; + text-overflow: ellipsis; +} + +#subscription-table td.subscribed { + min-width: 30px; + padding: 3px 12px 3px 3px; + text-align: right; +} + +.skinselection { + display: block; +} + +.skinselection span { + display: inline-block; + vertical-align: middle; + padding-right: 1em; +} + +.skinselection .skinname { + font-weight: bold; +} + +.skinselection .skinlicense, +.skinselection .skinlicense a { + font-style: italic; + color: #666; + text-decoration: none; +} + +.skinselection .skinlicense a:hover { + text-decoration: underline; +} + +img.skinthumbnail { + width: 64px; + height: 64px; + border: 1px solid #ccc; + background: #fff; + border-radius: 4px; +} + +#pluginlist td.version { + width: 5em; +} + +.webkit #pluginlist td.version { + width: 6em; +} + +#pluginlist td.license, +#pluginlist td.source { + width: 8em; +} + +.webkit #pluginlist td.license, +.webkit #pluginlist td.source { + width: 9em; +} diff --git a/webmail/skins/larry/styles.css b/webmail/skins/larry/styles.css new file mode 100644 index 0000000..81e5421 --- /dev/null +++ b/webmail/skins/larry/styles.css @@ -0,0 +1,2297 @@ +/** + * Roundcube webmail styles for skin "Larry" + * + * Copyright (c) 2012, The Roundcube Dev Team + * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com + * + * The contents are subject to the Creative Commons Attribution-ShareAlike + * License. It is allowed to copy, distribute, transmit and to adapt the work + * by keeping credits to the original autors in the README file. + * See http://creativecommons.org/licenses/by-sa/3.0/ for details. + */ + +body { + font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + font-size: 11px; + color: #333; + background: url(images/linen.jpg?v=0382.14157) repeat #d1d5d8; + margin: 0; +} + +body.noscroll { + /* also avoids bounce effect in Chrome and Safari */ + overflow: hidden; +} + +a { + color: #0069a6; +} + +a:visited { + color: #0186ba; +} + +img { + border: 0; +} + +input[type="text"], +input[type="password"], +textarea { + margin: 0; /* Safari by default adds a margin */ + padding: 4px; + border: 1px solid #b2b2b2; + border-radius: 4px; + box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); + -moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); + -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); + -o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); +} + +input[type="text"]:focus, +input[type="password"]:focus, +input.button:focus, +textarea:focus { + border-color: #4787b1; + box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); + -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); + -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); + -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); + outline: none; +} + +input.placeholder, +textarea.placeholder { + color: #aaa; +} + +.bold { + font-weight: bold; +} + +/* fixes vertical alignment of checkboxes and labels */ +label input, +label span { + vertical-align: middle; +} + +/*** buttons ***/ + +input.button { + display: inline-block; + margin: 0 2px; + padding: 2px 5px; + color: #525252; + text-shadow: 0px 1px 1px #fff; + border: 1px solid #c0c0c0; + border-radius: 4px; + background: #f7f7f7; + background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); + background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); + background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); + background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); + box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); + -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); + -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); + -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); + text-decoration: none; + outline: none; +} + +.formbuttons input.button { + color: #ddd; + font-size: 110%; + text-shadow: 0px 1px 1px #333; + padding: 4px 12px; + border-color: #465864; + border-radius: 5px; + background: #7a7b7d; + background: -moz-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#606060)); /* Chrome,Safari4+ */ + background: -o-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* IE10+ */ + background: linear-gradient(top, #7b7b7b 0%, #606060 100%); /* W3C */ + box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888; + -o-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888; + -webkit-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888; + -moz-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888; +} + +.formbuttons input.button:hover, +.formbuttons input.button:focus, +input.button.mainaction:hover, +input.button.mainaction:focus { + color: #f2f2f2; + border-color: #465864; + box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888; + -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888; + -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888; + -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888; +} + +.formbuttons input.button:active { + color: #fff; + background: -moz-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(100%,#7b7b7b)); + background: -o-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); + background: -ms-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); + background: linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); +} + +input.button.mainaction { + color: #ededed; + text-shadow: 0px 1px 1px #333; + border-color: #1f262c; + background: #505050; + background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31)); + background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%); + background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%); + background: linear-gradient(top, #505050 0%, #2a2e31 100%); + box-shadow: inset 0 1px 0 0 #777; + -moz-box-shadow: inset 0 1px 0 0 #777; + -webkit-box-shadow: inset 0 1px 0 0 #777; + -o-box-shadow: inset 0 1px 0 0 #777; +} + +input.button.mainaction:active { + color: #fff; + background: #515151; + background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050)); + background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%); + background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%); + background: linear-gradient(top, #2a2e31 0%, #505050 100%); +} + +input.button[disabled], +input.button[disabled]:hover, +input.button.mainaction[disabled] { + color: #aaa !important; +} + +input.mainaction { + font-weight: bold; +} + +/** link buttons **/ + +a.button { + display: inline-block; + margin: 0 2px; + padding: 2px 5px; + color: #525252; + text-shadow: 0px 1px 1px #fff; + border: 1px solid #c6c6c6; + border-radius: 4px; + background: #f7f7f7; + background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); + background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); + background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); + background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); + box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); + -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); + -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); + -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); + text-decoration: none; +} + +a.button:focus, +input.button:focus { + border-color: #4fadd5; + box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); + -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); + -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); + -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); + outline: none; +} + +label.disabled, +a.button.disabled { + color: #999; +} + +a.button.disabled, +input.button.disabled, +input.button[disabled], +a.button.disabled:hover, +input.button.disabled:hover, +input.button[disabled]:hover { + border-color: #c6c6c6; + box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); + -o-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); + -webkit-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); + -moz-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); +} + +a.button.disabled span.inner { + opacity: 0.4; + filter: alpha(opacity=40); +} + +a.button.pressed, +a.button:active, +input.button:active { + background: #e6e6e6; + background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9)); + background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); + background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); + background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); +} + +.pagenav.dark a.button { + font-weight: bold; + border-color: #e6e6e6; + background: #d8d8d8; + background: -moz-linear-gradient(top, #d8d8d8 0%, #bababa 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#bababa)); + background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%); + background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%); + background: linear-gradient(top, #d8d8d8 0%, #bababa 100%); + box-shadow: 0 1px 1px 0 #999; + -o-box-shadow: 0 1px 1px 0 #999; + -webkit-box-shadow: 0 1px 1px 0 #999; + -moz-box-shadow: 0 1px 1px 0 #999; +} + +.pagenav.dark a.button.pressed { + background: #bababa; + background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8)); + background: -o-linear-gradient(top, #bababa 0%, #d8d8d8 100%); + background: -ms-linear-gradient(top, #bababa 0%, #d8d8d8 100%); + background: linear-gradient(top, #bababa 0%, #d8d8d8 100%); +} + +.pagenav a.button { + padding: 1px 3px; + height: 16px; + vertical-align: middle; + margin-bottom: 1px; +} + +.pagenav a.button span.inner { + display: inline-block; + width: 16px; + height: 13px; + text-indent: 1000px; + overflow: hidden; + background: url(images/buttons.png?v=abf1.36693) -6px -211px no-repeat; +} + +.pagenav a.prevpage span.inner { + background-position: -7px -226px; +} + +.pagenav a.nextpage span.inner { + background-position: -28px -226px; +} + +.pagenav a.lastpage span.inner { + background-position: -28px -211px; +} + +.pagenav a.pageup span.inner { + background-position: -7px -241px; +} + +.pagenav a.pagedown span.inner { + background-position: -29px -241px; +} + +.pagenav a.reply span.inner { + background-position: -7px -256px; +} + +.pagenav a.forward span.inner { + background-position: -29px -256px; +} + +.pagenav a.replyall span.inner { + background-position: -7px -271px; +} + +.pagenav a.extwin span.inner { + background-position: -29px -271px; +} + +.pagenav .countdisplay { + display: inline-block; + padding: 3px 1em 0 1em; + text-shadow: 0px 1px 1px #fff; + min-width: 16em; +} + +.pagenavbuttons { + position: relative; + top: -2px; +} + +a.iconbutton { + display: inline-block; + width: 24px; + height: 18px; + text-decoration: none; + text-indent: -5000px; + background: url(images/buttons.png?v=abf1.36693) -1000px 0 no-repeat; +} + +a.iconbutton.disabled { + opacity: 0.4; + filter: alpha(opacity=40); + cursor: default; +} + +a.iconbutton.searchoptions { + background-position: -2px -317px; +} + +a.iconbutton.reset { + background-position: -25px -317px; +} + +a.iconbutton.cancel { + background-position: -7px -377px; +} + +a.iconlink { + display: inline-block; + color: #888; + text-decoration: none; + white-space: nowrap; + padding: 2px 8px 2px 20px; + background: url(images/buttons.png?v=abf1.36693) -1000px 0 no-repeat; +} + +a.iconlink:hover { + text-decoration: underline; +} + +a.iconlink.delete { + background-position: -7px -337px; +} + +a.iconlink.add { + background-position: -7px -357px; +} + +a.iconlink.remove { + background-position: -7px -378px; +} + +a.iconlink.cancel { + background-position: -7px -397px; +} + +a.iconlink.edit { + background-position: -7px -417px; +} + +a.iconlink.upload { + background-position: -6px -437px; +} + + +/*** message bar ***/ + +#message div.loading, +#message div.warning, +#message div.error, +#message div.notice, +#message div.confirmation, +#message-objects div.notice { + color: #555; + font-weight: bold; + padding: 6px 30px 6px 25px; + display: inline-block; + white-space: nowrap; + background: url(images/messages.png?v=01ee.1736) 0 5px no-repeat; + cursor: default; +} + +#message div.warning { + color: #960; + background-position: 0 -86px; +} + +#message div.error { + color: #cf2734; + background-position: 0 -55px; +} + +#message div.confirmation { + color: #093; + background-position: 0 -25px; +} + +#message div.loading { + background: url(images/ajaxloader.gif?v=c252.1434) 2px 6px no-repeat; +} + +#message div a, +#message div span { + padding-right: 0.5em; + text-decoration: none; +} + +#message div a:hover { + text-decoration: underline; + cursor: pointer; +} + +#message.statusbar { + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 27px; + padding-left: 8px; + border-top: 1px solid #ddd; + border-radius: 0 0 4px 4px; + background: #eaeaea; + background: -moz-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c8c8c8)); + background: -o-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); + background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); + background: linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.ui-dialog.error .ui-dialog-title, +.ui-dialog.warning .ui-dialog-title, +.ui-dialog.confirmation .ui-dialog-title { + padding-left: 25px; + background: url(images/messages.png?v=01ee.1736) 0 5px no-repeat; + text-shadow: 0 1px 1px #fff; +} + +.ui-dialog.warning .ui-dialog-title { + color: #960; + background-position: 0 -90px; +} + +.ui-dialog.error .ui-dialog-title { + color: #cf2734; + background-position: 0 -60px; +} + +.ui-dialog.confirmation .ui-dialog-title { + color: #093; + background-position: 0 -30px; +} + +.ui-dialog.popupmessage .ui-dialog-titlebar { + padding: 8px 1em 4px 1em; + background: #e3e3e3; + background: -moz-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#cfcfcf)); + background: -o-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%); + background: -ms-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%); + background: linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%); +} + +.ui-dialog.popupmessage .ui-widget-content { + font-size: 12px; + background: #eee; + background: -moz-linear-gradient(top, #eee 0%, #dcdcdc 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dcdcdc)); + background: -o-linear-gradient(top, #eee 0%, #dcdcdc 100%); + background: -ms-linear-gradient(top, #eee 0%, #dcdcdc 100%); + background: linear-gradient(top, #eee 0%, #dcdcdc 100%); +} + + +/*** basic page layout ***/ + +#header { + overflow-x: hidden; /* Chrome bug #1488851 */ +} + +#topline { + height: 18px; + background: url(images/linen_header.jpg?v=514a.580) repeat #666; + border-bottom: 1px solid #4f4f4f; + padding: 2px 0 2px 10px; + color: #aaa; + text-align: center; +} + +#topnav { + position: relative; + height: 46px; + margin-bottom: 10px; + padding: 0 0 0 10px; + background: #111; + background: -moz-linear-gradient(top, #404040 0%, #060606 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#060606)); + background: -o-linear-gradient(top, #404040 0%, #060606 100%); + background: -ms-linear-gradient(top, #404040 0%, #060606 100%); + background: linear-gradient(top, #404040 0%, #060606 100%); +} + +#topline a, +#topnav a { + color: #eee; + text-decoration: none; +} + +#topline a:hover { + text-decoration: underline; +} + +#toplogo { + padding-top: 2px; + cursor: pointer; +} + +.topleft { + float: left; +} + +.topright { + float: right; +} + +.closelink { + display: inline-block; + padding: 2px 10px 2px 20px; +} + +#topline span.username { + padding-right: 1em; +} + +#topline .topleft a { + display: inline-block; + padding: 2px 0.8em 0 0; + color: #aaa; +} + +#topline a.button-logout { + display: inline-block; + padding: 2px 10px 2px 20px; + background: url(images/buttons.png?v=abf1.36693) -6px -193px no-repeat; + color: #fff; +} + +#taskbar .button-logout { + display: none; +} + +#taskbar a.button-logout span.button-inner { + background-position: -2px -1791px; +} + +#taskbar a.button-logout:hover span.button-inner { + background-position: -2px -1829px; +} + + +/*** minimal version of the page header ***/ + +.minimal #topline { + position: fixed; + top: -18px; + background: #444; + z-index: 5000; + width: 100%; + height: 22px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.minimal #topline:hover { + top: 0px; + opacity: 0.94; + filter: alpha(opacity=94); + -webkit-transition: top 0.3s ease-in-out; + -moz-transition: top 0.3s ease-in-out; + -o-transition: top 0.3s ease-in-out; + transition: top 0.3s ease-in-out; +} + +.extwin #topline, +.extwin #topline:hover { + position: static; + top: 0px; + height: 18px; + width: auto; + -moz-box-sizing: content-box; + box-sizing: content-box; + opacity: 0.999; +} + +.partwin #topline { + position: absolute; + right: 6px; + top: 18px; + width: auto; + z-index: 100; + background: transparent; + background: none; + border: 0; +} + +.minimal #topline a.button-logout { + display: none; +} + +.minimal #topline span.username { + display: inline-block; + padding-top: 2px; +} + +.minimal #topnav { + position: relative; + top: 4px; + height: 42px; +} + +.minimal #taskbar a { + position: relative; + padding: 10px 10px 0 6px; + height: 32px; +} + +.minimal #taskbar .button-logout { + display: inline-block; +} + +.minimal #taskbar .button-inner { + top: -4px; + padding: 0; + height: 24px !important; + width: 27px; + text-indent: -5000px; +} + +#taskbar .tooltip { + display: none; +} + +.minimal #taskbar .tooltip { + position: absolute; + top: -500px; + right: 2px; + display: inline-block; + padding: 2px 8px 3px 8px; + background: #444; + background: -moz-linear-gradient(top, #444 0%, #333 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#333)); + background: -o-linear-gradient(top, #444 0%, #333 100%); + background: -ms-linear-gradient(top, #444 0%, #333 100%); + background: linear-gradient(top, #444 0%, #333 100%); + color: #eee; + font-weight: bold; + white-space: nowrap; + border: 1px solid #777; + box-shadow: 0 1px 5px 0 #333; + -moz-box-shadow: 0 1px 5px 0 #333; + -webkit-box-shadow: 0 1px 5px 0 #333; + -o-box-shadow: 0 1px 5px 0 #333; + z-index: 200; + white-space: nowrap; + text-shadow: 0px 1px 1px #000; +} + +.minimal #taskbar .tooltip:after { + content: ""; + position: absolute; + top: -4px; + right: 15px; + border-style: solid; + border-width: 0 4px 4px; + border-color: #888 transparent; + /* reduce the damage in FF3.0 */ + display: block; + width: 0; + z-index: 251; +} + +.ie8 .minimal #taskbar .tooltip:after { + top: -6px; +} + +.minimal #taskbar a:hover .tooltip { + display: block; + top: 39px; +} + + +/*** taskbar ***/ + +#taskbar { + position: relative; + padding-right: 18px; +} + +#taskbar a { + display: inline-block; + height: 34px; + padding: 12px 10px 0 6px; +} + +#taskbar a span.button-inner { + display: inline-block; + font-size: 110%; + font-weight: normal; + text-shadow: 0px 1px 1px black; + padding: 5px 0 0 34px; + height: 19px; + background: url(images/buttons.png?v=abf1.36693) -1000px 0 no-repeat; +} + +#taskbar a.button-selected { + color: #3cf; + background-color: #2c2c2c; +} + +#taskbar a.button-mail span.button-inner { + background-position: 0 2px; +} + +#taskbar a.button-mail:hover span.button-inner, +#taskbar a.button-mail.button-selected span.button-inner { + background-position: 0 -22px; +} + +#taskbar a.button-addressbook span.button-inner { + background-position: 0 -48px; +} + +#taskbar a.button-addressbook:hover span.button-inner, +#taskbar a.button-addressbook.button-selected span.button-inner { + background-position: 0 -72px; +} + +#taskbar a.button-settings span.button-inner { + background-position: 0 -96px; +} + +#taskbar a.button-settings:hover span.button-inner, +#taskbar a.button-settings.button-selected span.button-inner { + background-position: 0 -120px; +} + +#taskbar a.button-calendar span.button-inner { + background-position: 0 -144px; +} + +#taskbar a.button-calendar:hover span.button-inner, +#taskbar a.button-calendar.button-selected span.button-inner { + background-position: 0 -168px; +} + +#taskbar .minmodetoggle { + position: absolute; + top: 0; + right: 0; + display: block; + width: 19px; + height: 46px; + cursor: pointer; + background: url(images/buttons.png?v=abf1.36693) -35px -1778px no-repeat; +} + +.minimal #taskbar .minmodetoggle { + height: 42px; + background-position: -35px -1820px; +} + +#mainscreen { + position: absolute; + top: 88px; + left: 10px; + right: 10px; + bottom: 20px; +} + +.minimal #mainscreen { + top: 62px; +} + +.minimal #mainscreen.offset { + top: 102px; +} + +.partwin #mainscreen { + top: 60px +} + +.extwin #mainscreen { + top: 40px; +} + +#mainscreen.offset { + top: 132px; +} + +#mainscreen .offset { + margin-top: 42px; +} + +.uibox { + border: 1px solid #a3a3a3; + border-radius: 4px; + overflow: hidden; + box-shadow: 0 0 2px #999; + -o-box-shadow: 0 0 2px #999; + -webkit-box-shadow: 0 0 2px #999; + -moz-box-shadow: 0 0 2px #999; + background: #fff; +} + +.minwidth { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 100%; + min-width: 1024px; +} + +.scroller { + overflow: auto; +} + +.readtext { + width: 42em; + padding: 12px; + font-size: 12px; +} + +.readtext > h1, +.readtext > h2, +.readtext > h3 { + margin-top: 0; +} + +.watermark { + background-image: url(images/watermark.jpg?v=e784.5000); + background-position: center; + background-repeat: no-repeat; +} + +/* fix scrolling within iframes in webkit browsers on touch devices */ +@media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px) { + .iframebox { + overflow: auto; + -webkit-overflow-scrolling: touch; + } +} + + +/*** lists ***/ + +.listbox { + background: #d9ecf4; + overflow: hidden; +} + +.listbox .scroller { + position: absolute; + top: 0; + left: 0; + width: 100%; + bottom: 0; + overflow-x: hidden; + overflow-y: auto; +} + +.listbox .scroller.withfooter { + bottom: 42px; +} + +.listbox .boxtitle + .scroller { + top: 34px; +} + +.boxtitle, +.uibox .listing thead td { + font-size: 12px; + font-weight: bold; + padding: 10px 8px 3px 8px; + height: 20px; /* doesn't affect table-cells in FF */ + margin: 0; + text-shadow: 0px 1px 1px #fff; + border-bottom: 1px solid #bbd3da; + white-space: nowrap; +} + +.uibox .listing thead td { + padding-bottom: 8px; + height: auto; +} + +.uibox .boxtitle, +.uibox .listing thead td { + background: #b0ccd7; + color: #004458; + border-radius: 4px 4px 0 0; +} + +.listbox .listitem, +.listbox .tablink, +.listing tbody td, +.listing li { + display: block; + border-top: 1px solid #fff; + border-bottom: 1px solid #bbd3da; + cursor: default; + font-weight: normal; +} + +.listbox .listitem a, +.listbox .tablink a, +.listing tbody td, +.listing li a { + display: block; + color: #376572; + text-shadow: 0px 1px 1px #fff; + text-decoration: none; + cursor: default; + padding: 6px 8px 2px 8px; + height: 17px; /* doesn't affect table-cells in FF */ + white-space: nowrap; +} + +.listing tbody td { + display: table-cell; + padding-bottom: 5px; + height: auto; + min-height: 14px; +} + +.webkit .listing tbody td { + height: 14px; +} + +.listbox .listitem.selected, +.listbox .tablink.selected, +.listbox .listitem.selected > a, +.listbox .tablink.selected > a, +.listing tbody tr.unfocused td, +.listing tbody tr.selected td, +.listing li.selected, +.listing li.selected > a { + color: #004458; + font-weight: bold; + background-color: #c7e3ef; +} + +ul.listing { + display: block; + list-style: none; + margin: 0; + padding: 0; +} + +ul.listing li { + background-color: #d9ecf4; +} + +ul.listing li.droptarget, +table.listing tr.droptarget td { + background-color: #e8e798; +} + +table.listing, +table.layout { + border: 0; + width: 100%; + border-spacing: 0; +} + +table.layout td { + vertical-align: top; +} + +.listbox .boxfooter { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 42px; + border-top: 1px solid #ccdde4; + background: #d9ecf4; + -webkit-box-shadow: inset 0 1px 0 0 #fff; + -moz-box-shadow: inset 0 1px 0 0 #fff; + box-shadow: inset 0 1px 0 0 #fff; + white-space: nowrap; + overflow: hidden; +} + +.uibox .boxfooter { + border-radius: 0 0 4px 4px; +} + +.boxfooter .listbutton { + display: inline-block; + text-decoration: none; + width: 48px; + border-right: 1px solid #fff; + background: #c7e3ef; + padding: 3px 0; + margin-top: 1px; +} + +.uibox .boxfooter .listbutton:first-child { + border-radius: 0 0 0 4px; +} + +.boxfooter .listbutton .inner { + display: inline-block; + width: 48px; + height: 35px; + text-indent: -5000px; + background: url(images/buttons.png?v=abf1.36693) -1000px 0 no-repeat; +} + +.boxfooter .listbutton.add .inner { + background-position: 10px -1301px; +} + +.boxfooter .listbutton.delete .inner { + background-position: 10px -1342px; +} + +.boxfooter .listbutton.groupactions .inner { + background-position: 5px -1382px; +} + +.boxfooter .listbutton.addto .inner { + background-position: 5px -1422px; +} + +.boxfooter .listbutton.addcc .inner { + background-position: 5px -1462px; +} + +.boxfooter .listbutton.addbcc { + width: 54px; +} + +.boxfooter .listbutton.addbcc .inner { + width: 54px; + background-position: 2px -1502px; +} + +.boxfooter .listbutton.removegroup .inner { + background-position: 5px -1540px; +} + +.boxfooter .listbutton.disabled .inner { + opacity: 0.4; + filter: alpha(opacity=40); +} + +.boxfooter .countdisplay { + display: inline-block; + position: relative; + top: 10px; + color: #69929e; + padding: 3px 6px; +} + +.boxpagenav { + position: absolute; + top: 10px; + right: 6px; + width: auto; +} + +.boxpagenav a.icon { + display: inline-block; + padding: 1px 3px; + height: 13px; + width: 14px; + text-indent: 1000px; + vertical-align: bottom; + overflow: hidden; + background: url(images/buttons.png?v=abf1.36693) -4px -286px no-repeat; +} + +.boxpagenav a.icon.prevpage { + background-position: -4px -301px; +} + +.boxpagenav a.icon.nextpage { + background-position: -28px -301px; +} + +.boxpagenav a.icon.lastpage { + background-position: -28px -286px; +} + +.boxpagenav a.icon.disabled { + opacity: 0.4; + filter: alpha(opacity=40); +} + +.centerbox { + width: 40em; + margin: 16px auto; +} + +.errorbox { + width: 40em; + padding: 20px; +} + +.errorbox h3 { + font-size: 16px; + margin-top: 0; +} + + +/*** Records table ***/ + +table.records-table { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: collapse; + border-spacing: 0; + border: 1px solid #bbd3da; +} + +.boxlistcontent .records-table { + border: 0; +} + +.records-table thead td { + color: #69939e; + font-size: 11px; + font-weight: bold; + background: #d6eaf3; + background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%); + background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(8%,#d6eaf3), color-stop(100%,#d6eaf3)); + background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%); + background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%); + background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%); + border-left: 1px solid #bbd3da; + padding: 8px 7px; + overflow: hidden; + text-overflow: ellipsis; +} + +.records-table.sortheader thead td { + padding: 0; +} + +.records-table thead td a, +.records-table thead td span { + display: block; + padding: 7px 7px; + color: #69939e; + text-decoration: none; + overflow: hidden; + text-overflow: ellipsis; +} + +.records-table tbody td { + padding: 2px 7px; + border-bottom: 1px solid #ddd; + border-left: 1px dotted #bbd3da; + white-space: nowrap; + cursor: default; + overflow: hidden; + text-overflow: ellipsis; + background-color: #fff; +} + +.records-table thead tr td:first-child, +.records-table tbody tr td:first-child { + border-left: 0; +} + +.records-table tr.selected td { + color: #fff !important; + background: #019bc6; + background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4)); + background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%); + background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%); + background: linear-gradient(top, #019bc6 0%, #017cb4 100%); +} + +.records-table tr.selected td a, +.records-table tr.selected td span { + color: #fff !important; +} + +.records-table tr.unfocused td { + color: #fff !important; + background: #4db0d2 !important; +} + +.records-table tr.unfocused td a, +.records-table tr.unfocused td span { + color: #fff !important; +} + +.records-table tr.deleted td, +.records-table tr.deleted td a { + color: #ccc !important; +} + + +/*** iFrames ***/ + +#aboutframe { + width: 97%; + height: 100%; + border: 0; + padding: 0; +} + +body.iframe { + background: #fff; + margin: 38px 0 10px 0; +} + +body.iframe.error { + background: #ededed; +} + +body.iframe.floatingbuttons { + margin-bottom: 40px; +} + +body.iframe.fullheight { + margin: 0; +} + +.contentbox .boxtitle, +body.iframe .boxtitle { + color: #777; + background: #eee; + background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dfdfdf)); + background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%); + background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%); + background: linear-gradient(top, #eee 0%, #dfdfdf 100%); + border-bottom: 1px solid #ccc; +} + +body.iframe .boxtitle { + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 100; +} + +body.iframe .footerleft.floating, +#composeview-bottom .formbuttons.floating { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + z-index: 110; + background: #fff; + padding-top: 8px; + padding-bottom: 12px; +} + +body.iframe .footerleft.floating:before, +#composeview-bottom .formbuttons.floating:before { + content: " "; + position: absolute; + top: -6px; + left: 0; + width: 100%; + height: 6px; + background: url(images/overflowshadow.png?v=8bb4.307) top center no-repeat; +} + +.boxcontent { + padding: 10px; +} + +.contentbox .scroller { + position: absolute; + top: 34px; + left: 0; + right: 0; + bottom: 28px; + overflow: auto; +} + +.iframebox { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 28px; +} + +.footerleft { + padding: 0 12px 4px 12px; +} + +.propform fieldset { + margin-bottom: 20px; + border: 0; + padding: 0; +} + +.propform fieldset legend { + display: block; + font-size: 14px; + font-weight: bold; + padding-bottom: 10px; + margin-bottom: 0; +} + +.propform fieldset fieldset legend { + color: #666; + font-size: 12px; +} + +fieldset.floating { + float: left; + margin-right: 10px; + margin-bottom: 10px; +} + +table.propform { + width: 100%; + border-spacing: 0; + border-collapse: collapse; +} + +ul.proplist li, +table.propform td { + width: 80%; + padding: 4px 10px; + background: #eee; + border-bottom: 2px solid #fff; +} + +table.propform td.title { + width: 20%; + color: #333; + padding-right: 20px; + white-space: nowrap; +} + +table.propform .mceLayout td { + padding: 0; + border-bottom: 0; +} + +ul.proplist { + list-style: none; + margin: 0; + padding: 0; +} + +ul.proplist li { + width: auto; +} + +#pluginbody { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + + +/*** Login form ***/ + +#login-form { + position: relative; + width: 580px; + margin: 20ex auto 2ex auto; +} + +#login-form .box-inner { + width: 430px; + background: url(images/linen_login.jpg?v=0484.10363) top left no-repeat #5c5c5c; + margin: 0 50px; + padding: 10px 24px 24px 24px; + border: 1px solid #333; + border-radius: 5px; + box-shadow: inset 0 0 1px #ccc; + -o-box-shadow: inset 0 0 1px #ccc; + -webkit-box-shadow: inset 0 0 1px #ccc; + -moz-box-shadow: inset 0 0 1px #ccc; +} + +#login-form .box-bottom { + background: url(images/login_shadow.png?v=3337.1069) top center no-repeat; + margin-top: -3px; + padding-top: 10px; +} + +#login-form .noscriptwarning { + margin: 0 auto; + width: 430px; + color: #cf2734; + font-size: 110%; + font-weight: bold; +} + +#login-form td.input { + width: 80%; + padding: 8px; +} + +#login-form input[type="text"], +#login-form input[type="password"] { + width: 100%; + border-color: #666; +} + +#login-form input.button { + color: #444; + text-shadow: 0px 1px 1px #fff; + border-color: #f9f9f9; + background: #f9f9f9; + background: -moz-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e2e2e2)); + background: -o-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%); + background: -ms-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%); + background: linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%); + box-shadow: inset 0 1px 0 0 #fff; + -moz-box-shadow: inset 0 1px 0 0 #fff; + -webkit-box-shadow: inset 0 1px 0 0 #fff; + -o-box-shadow: inset 0 1px 0 0 #fff; +} + +#login-form input.button:hover, +#login-form input.button:focus { + box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff; + -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff; + -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff; + -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff; +} + +#login-form input.button:active { + color: #333; + background: -moz-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#f9f9f9)); + background: -o-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%); + background: -ms-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%); + background: linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%); +} + +#login-form form table { + width: 98%; +} + +#login-form td.title { + width: 20%; + white-space: nowrap; + color: #cecece; + text-shadow: 0px 1px 1px black; + text-align: right; + padding-right: 1em; +} + +#login-form p.formbuttons { + margin-top: 2em; + text-align: center; +} + +#login-form #logo { + margin-bottom: 20px; +} + +#login-form #message { + min-height: 40px; + padding: 5px 25px; + text-align: center; +} + +#login-form #message div { + display: inline-block; + padding-right: 0; +} + +#bottomline { + font-size: 90%; + text-align: center; + margin-top: 2em; +} + + + +/*** quicksearch **/ + +.searchbox { + position: relative; +} + +#quicksearchbar { + position: absolute; + right: 1px; + top: 2px; + width: 240px; +} + +.searchbox input, +#quicksearchbar input { + width: 176px; + margin: 0; + padding: 3px 30px 3px 34px; + height: 18px; + background: #f1f1f1; + border-color: #ababab; + font-weight: bold; + font-size: 11px; +} + +.searchbox #searchmenulink, +#quicksearchbar #searchmenulink { + position: absolute; + top: 5px; + left: 6px; +} + +.searchbox #searchreset, +#quicksearchbar #searchreset { + position: absolute; + top: 4px; + right: 1px; +} + + +/*** toolbar ***/ + +.toolbar .spacer { + display: inline-block; + width: 24px; + height: 40px; + padding: 0; +} + +.toolbar a.button { + text-align: center; + font-size: 10px; + color: #555; + min-width: 50px; + max-width: 75px; + height: 13px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding: 28px 2px 0 2px; + text-shadow: 0px 1px 1px #eee; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; + -o-box-shadow: none; + background: url(images/buttons.png?v=abf1.36693) -100px 0 no-repeat transparent; + border: 0; + border-radius: 0; +} + +.toolbar a.button.disabled { + opacity: 0.4; + filter: alpha(opacity=40); +} + +.dropbutton { + display: inline-block; + position: relative; +} + +.dropbutton .dropbuttontip { + display: block; + position: absolute; + right: 0; + top: 0; + height: 42px; + width: 18px; + background: url(images/buttons.png?v=abf1.36693) 0 -1255px no-repeat; + cursor: pointer; +} + +.dropbutton .dropbuttontip:hover { + background-position: -26px -1255px; +} + +.dropbutton a.button.disabled + .dropbuttontip { + opacity: 0.5; + filter: alpha(opacity=50); +} + +.dropbutton a.button.disabled + .dropbuttontip:hover { + background-position: 0 -1255px; +} + +.dropbutton a.button { + margin-left: 0; + padding-left: 0; + margin-right: 0; + padding-right: 0; +} + +.toolbar a.button.back { + background-position: 0 -1216px; +} + +.toolbar a.button.checkmail { + background-position: center -1176px; +} + +.toolbar a.button.compose { + background-position: center -530px; +} + +.toolbar a.button.reply { + background-position: center -570px; +} + +.toolbar a.button.reply-all { + min-width: 64px; + background-position: left -610px; +} + +.toolbar a.button.forward { + min-width: 64px; + background-position: left -650px; +} + +.toolbar a.button.delete { + background-position: center -690px; +} + +.toolbar a.button.archive { + background-position: center -730px; +} + +.toolbar a.button.junk { + background-position: center -770px; +} + +.toolbar a.button.print { + background-position: center -810px; +} + +.toolbar a.button.markmessage { + background-position: center -1094px; +} + +.toolbar a.button.more { + background-position: center -850px; +} + +.toolbar a.button.attach { + background-position: center -890px; +} + +.toolbar a.button.spellcheck { + min-width: 64px; + background-position: left -930px; +} + +.toolbar a.button.spellcheck.selected { + background-position: left -1620px; + color: #1978a1; +} + +.toolbar a.button.insertsig { + background-position: center -1135px; +} + +.toolbar a.button.search { + background-position: center -970px; +} + +.toolbar a.button.import { + background-position: center -1012px; +} + +.toolbar a.button.export { + background-position: center -1054px; +} + +.toolbar a.button.send { + background-position: center -1660px; +} + +.toolbar a.button.savedraft { + background-position: center -1700px; +} + +.toolbar a.button.close { + background-position: 0 -1745px; +} + + +a.menuselector { + display: inline-block; + border: 1px solid #ababab; + border-radius: 4px; + background: #f8f8f8; + background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd)); + background: -o-linear-gradient(top, #f8f8f8 0%, #dddddd 100%); + background: -ms-linear-gradient(top, #f9f9f9 0%, #dddddd 100%); + background: linear-gradient(top, #f8f8f8 0%, #dddddd 100%); + text-decoration: none; + color: #333; + cursor: pointer; + white-space: nowrap; +} + +a.menuselector .handle { + display: inline-block; + padding: 0 32px 0 6px; + height: 20px; + line-height: 19px; + text-shadow: 0px 1px 1px #fff; + background: url(images/selector.png?v=799c.181) right center no-repeat; + border-radius: 4px; +} + +a.menuselector:active { + background: #dddddd; + background: -moz-linear-gradient(top, #dddddd 0%, #f8f8f8 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#f8f8f8)); + background: -o-linear-gradient(top, #dddddd 0%, #f8f8f8 100%); + background: -ms-linear-gradient(top, #dddddd 0%, #f8f8f8 100%); + background: linear-gradient(top, #dddddd 0%, #f8f8f8 100%); + text-decoration: none; +} + +select.decorated { + position: relative; + z-index: 10; + opacity: 0; + height: 22px; + cursor: pointer; + filter: alpha(opacity=0); + -khtml-appearance: none; + -webkit-appearance: none; +} + +html.opera select.decorated { + opacity: 1; +} + +select.decorated option { + color: #fff; + background: #444; + border: 0; + border-top: 1px solid #5a5a5a; + border-bottom: 1px solid #333; + text-shadow: 0px 1px 1px #333; + padding: 4px 6px; + outline: none; +} + + +/*** quota indicator ***/ + +#quotadisplay { + left: 6px; + font-size: 12px; + font-weight: bold; + text-shadow: 0px 1px 1px #fff; + padding-left: 30px; + height: 18px; + background: url(images/quota.png?v=4835.3622) -100px 0 no-repeat; +} + +/*** popup menus ***/ + +.popupmenu, +#rcmKSearchpane { + display: none; + position: absolute; + top: 32px; + left: 90px; + width: auto; + background: #444; + border: 1px solid #999; + z-index: 240; + border-radius: 4px; + box-shadow: 0 2px 6px 0 #333; + -moz-box-shadow: 0 2px 6px 0 #333; + -webkit-box-shadow: 0 2px 6px 0 #333; + -o-box-shadow: 0 2px 6px 0 #333; +} + +.popupmenu.dropdown { + border-radius: 0 0 4px 4px; + border-top: 0; +} + +ul.toolbarmenu, +#rcmKSearchpane ul { + margin: 0; + padding: 0; + list-style: none; +} + +.googie_list td, +ul.toolbarmenu li, +#rcmKSearchpane ul li { + color: #fff; + white-space: nowrap; + min-width: 130px; + margin: 0; + border-top: 1px solid #5a5a5a; + border-bottom: 1px solid #333; +} + +.googie_list tr:first-child td, +ul.toolbarmenu li:first-child, +select.decorated option:first-child { + border-top: 0; +} + +.googie_list tr:last-child td, +ul.toolbarmenu li:last-child, +select.decorated option:last-child { + border-bottom: 0; +} + +.googie_list td span, +ul.toolbarmenu li a { + display: block; + color: #666; + text-shadow: 0px 1px 1px #333; + text-decoration: none; + min-height: 14px; + padding: 6px 10px 6px 10px; +} + +.googie_list td span { + padding: 3px 10px; +} + +.googie_list td span, +ul.toolbarmenu li a.active { + color: #fff; + cursor: default; +} + +.googie_list td.googie_list_onhover, +ul.toolbarmenu li a.active:hover, +#rcmKSearchpane ul li.selected, +select.decorated option:hover, +select.decorated option[selected='selected'] { + background-color: #00aad6; + background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9)); + background: -o-linear-gradient(top, #00aad6 0%, #008fc9 100%); + background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%); + background: linear-gradient(top, #00aad6 0%, #008fc9 100%); +} + +ul.toolbarmenu.iconized li a, +ul.toolbarmenu.selectable li a { + padding-left: 30px; +} + +ul.toolbarmenu.selectable li a.selected { + background: url(images/messages.png?v=01ee.1736) 4px -27px no-repeat; +} + +ul.toolbarmenu li label { + display: block; + color: #fff; + padding: 4px 8px; + text-shadow: 0px 1px 1px #333; +} + +ul.toolbarmenu li a.icon { + color: #eee; + padding: 2px 6px; +} + +ul.toolbarmenu li span.icon { + display: block; + min-height: 14px; + padding: 4px 4px 1px 24px; + height: 17px; + background-image: url(images/listicons.png?v=bd98.25486); + background-position: -100px 0; + background-repeat: no-repeat; + opacity: 0.2; + filter: alpha(opacity=20); +} + +ul.toolbarmenu li a.active span.icon { + opacity: 0.99; + filter: alpha(opacity=100); +} + +ul.toolbarmenu li span.read { + background-position: 0 -1220px; +} + +ul.toolbarmenu li span.unread { + background-position: 0 -1196px; +} + +ul.toolbarmenu li span.flagged { + background-position: 0 -1244px; +} + +ul.toolbarmenu li span.unflagged { + background-position: 0 -1268px; +} + +ul.toolbarmenu li span.mail { + background-position: 0 -1293px; +} + +ul.toolbarmenu li span.list { + background-position: 0 -1317px; +} + +ul.toolbarmenu li span.invert { + background-position: 0 -1340px; +} + +ul.toolbarmenu li span.cross { + background-position: 0 -1365px; +} + +ul.toolbarmenu li span.print { + background-position: 0 -1436px; +} + +ul.toolbarmenu li span.download { + background-position: 0 -1412px; +} + +ul.toolbarmenu li span.edit { + background-position: 0 -1388px; +} + +ul.toolbarmenu li span.viewsource { + background-position: 0 -1460px; +} + +ul.toolbarmenu li span.extwin { + background-position: 0 -1484px; +} + +ul.toolbarmenu li span.conversation { + background-position: 0 -1532px; +} + +#rcmKSearchpane { + border-radius: 0 0 4px 4px; + border-top: 0; +} + +#rcmKSearchpane ul li { + text-shadow: 0px 1px 1px #333; + text-decoration: none; + min-height: 14px; + padding: 6px 10px 6px 10px; + border: 0; + cursor: default; +} + +.popupdialog { + display: none; + padding: 10px; +} + +.popupdialog .formbuttons { + margin: 20px 0 4px 0; +} + +.ui-dialog .prompt input { + display: block; + margin: 8px 0; +} + +.hint { + margin: 4px 0; + color: #999; + text-shadow: 0px 1px 1px #fff; +} + +.splitter { + user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + position: absolute; + background: url(images/splitter.png?v=2724.136) center no-repeat; +} + +.splitter-h { + height: 10px; + width: 100%; + cursor: n-resize; + cursor: row-resize; + background-position: center 0; +} + +.splitter-v { + width: 10px; + height: 100%; + cursor: e-resize; + cursor: col-resize; + background-position: 0 center; +} + +#rcmdraglayer { + min-width: 260px; + width: auto !important; + width: 260px; + padding: 6px 8px; + background: #444; + border: 1px solid #555; + border-radius: 4px; + box-shadow: 0 2px 6px 0 #333; + -moz-box-shadow: 0 2px 6px 0 #333; + -webkit-box-shadow: 0 2px 6px 0 #333; + -o-box-shadow: 0 2px 6px 0 #333; + z-index: 250; + color: #ccc; + white-space: nowrap; + opacity: 0.92; + filter: alpha(opacity=92); + text-shadow: 0px 1px 1px #333; +} + +#rcmdraglayer:after { + content: ""; + position: absolute; + top: 6px; + left: -6px; + border-style: solid; + border-width: 6px 6px 6px 0; + border-color: transparent #444; + /* reduce the damage in FF3.0 */ + display: block; + width: 0; + z-index: 251; +} + +.draglayercopy:before { + position: absolute; + bottom: -6px; + left: -6px; + content: " "; + width: 16px; + height: 16px; + background: url(images/buttons.png?v=abf1.36693) -7px -358px no-repeat; + z-index: 255; +} + + +/*** attachment list ***/ + +.attachmentslist { + list-style: none; + margin: 0; + padding: 0; + overflow: hidden; + text-overflow: ellipsis; +} + +.attachmentslist li { + display: block; + position: relative; + background: url(images/filetypes.png?v=3aa2.8551) 0 0 no-repeat; + margin-bottom: 1px; +} + +.attachmentslist li.pdf { + background-position: 0 -26px; +} + +.attachmentslist li.doc, +.attachmentslist li.docx, +.attachmentslist li.msword { + background-position: 0 -52px; +} + +.attachmentslist li.odt { + background-position: 0 -78px; +} + +.attachmentslist li.xls, +.attachmentslist li.xlsx, +.attachmentslist li.msexcel { + background-position: 0 -104px; +} + +.attachmentslist li.ods { + background-position: 0 -130px; +} + +.attachmentslist li.zip, +.attachmentslist li.gz { + background-position: 0 -156px; +} + +.attachmentslist li.rar { + background-position: 0 -182px; +} + +.attachmentslist li.image { + background-position: 0 -208px; +} + +.attachmentslist li.jpg, +.attachmentslist li.jpeg { + background-position: 0 -234px; +} + +.attachmentslist li.png { + background-position: 0 -260px; +} + +.attachmentslist li.m4p { + background-position: 0 -286px; +} + +.attachmentslist li.mp3, +.attachmentslist li.audio { + background-position: 0 -312px; +} + +.attachmentslist li.video { + background-position: 0 -338px; +} + +.attachmentslist li.txt, +.attachmentslist li.text { + background-position: 0 -416px; +} + +.attachmentslist li.ics, +.attachmentslist li.calendar { + background-position: 0 -364px; +} + +.attachmentslist li.vcard { + background-position: 0 -390px; +} + +.attachmentslist li.sig, +.attachmentslist li.pgp-signature, +.attachmentslist li.pkcs7-signature { + background-position: 0 -442px; +} + +.attachmentslist li.html { + background-position: 0 -468px; +} + +.attachmentslist li.eml, +.attachmentslist li.rfc822 { + background-position: 0 -494px; +} + +.attachmentslist li a, +#compose-attachments ul li { + display: block; + color: #333; + font-weight: bold; + padding: 3px 4px 3px 30px; + text-shadow: 0px 1px 1px #fff; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height: 20px; +} + +#compose-attachments ul li { + padding-right: 28px; +} + +.attachmentslist li a:hover { + text-decoration: underline; +} + +.attachmentslist li.uploading { + background: url(images/ajaxloader.gif?v=c252.1434) 2px 6px no-repeat; +} + +.attachmentslist li a.delete, +.attachmentslist li a.cancelupload { + position: absolute; + top: 4px; + right: 0; + width: 20px; + height: 18px; + padding: 0; + text-decoration: none; + text-indent: -5000px; + background: url(images/buttons.png?v=abf1.36693) -7px -337px no-repeat; +} + +.attachmentslist li a.cancelupload { + background-position: -7px -377px; +} + + +/*** fieldset tabs ***/ + +.tabsbar { + margin-bottom: 12px; + padding-top: 15px; + height: 27px; + white-space: nowrap; +} + +.ui-dialog-content .tabsbar { + margin-bottom: 0; +} + +.tabsbar .tablink { + padding: 15px 1px 15px 0; + background: #f8f8f8; + background: -moz-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#d3d3d3), color-stop(100%,#f8f8f8)); + background: -webkit-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); + background: -o-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); + background: -ms-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); + background: linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); +} + +.tabsbar .tablink:last-child { + background: none; +} + +.tabsbar .tablink:last-child a { + border-right: 0; +} + +.tabsbar .tablink a { + padding: 15px; + color: #999; + font-size: 12px; + font-weight: bold; + text-decoration: none; + background: #fff; + border-right: 1px solid #fafafa; +} + +.tabsbar .tablink.selected a { + color: #004458; + background: #f6f6f6; + background: -moz-linear-gradient(top, #fff 40%, #efefef 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fff), color-stop(100%,#efefef)); + background: -o-linear-gradient(top, #fff 40%, #efefef 100%); + background: -ms-linear-gradient(top, #fff 40%, #efefef 100%); + background: linear-gradient(top, #fff 40%, #efefef 100%); +} + +fieldset.tab { + border: 0; + padding: 0; + margin-left: 0; +} diff --git a/webmail/skins/larry/svggradient.php b/webmail/skins/larry/svggradient.php new file mode 100644 index 0000000..8db2c5f --- /dev/null +++ b/webmail/skins/larry/svggradient.php @@ -0,0 +1,43 @@ +<?php + +/** + * Render SVG gradients for IE 9 + * + * Copyright (c) 2012, The Roundcube Dev Team + * + * The contents are subject to the Creative Commons Attribution-ShareAlike + * License. It is allowed to copy, distribute, transmit and to adapt the work + * by keeping credits to the original autors in the README file. + * See http://creativecommons.org/licenses/by-sa/3.0/ for details. + */ + +ini_set('error_reporting', E_ALL &~ (E_NOTICE | E_STRICT)); + +header('Content-Type: image/svg+xml'); +header("Expires: ".gmdate("D, d M Y H:i:s", time()+864000)." GMT"); +header("Cache-Control: max-age=864000"); +header("Pragma: "); + +$svg_stops = ''; +$color_stops = explode(';', preg_replace('/[^a-f0-9,;%]/i', '', $_GET['c'])); +$gradient_coords = !empty($_GET['h']) ? 'x1="0%" y1="0%" x2="100%" y2="0%"' : 'x1="0%" y1="0%" x2="0%" y2="100%"'; +$last = count($color_stops) - 1; +foreach ($color_stops as $i => $stop) { + list($color, $offset) = explode(',', $stop); + if ($offset) + $offset = intval($offset); + else + $offset = $i == $last ? 100 : 0; + + $svg_stops .= '<stop offset="' . $offset . '%" stop-color="#' . $color . '" stop-opacity="1"/>'; +} + +?> +<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" version="1.0" width="100%" height="100%"> +<defs> + <linearGradient id="LG1" <?php echo $gradient_coords; ?> spreadMethod="pad"> + <?php echo $svg_stops; ?> + </linearGradient> +</defs> +<rect width="100%" height="100%" style="fill:url(#LG1);"/> +</svg> diff --git a/webmail/skins/larry/svggradients.css b/webmail/skins/larry/svggradients.css new file mode 100644 index 0000000..2172ac3 --- /dev/null +++ b/webmail/skins/larry/svggradients.css @@ -0,0 +1,176 @@ +/** + * Roundcube webmail SVG-based gradients for IE 9 + * + * Copyright (c) 2012, The Roundcube Dev Team + * + * The contents are subject to the Creative Commons Attribution-ShareAlike + * License. It is allowed to copy, distribute, transmit and to adapt the work + * by keeping credits to the original autors in the README file. + * See http://creativecommons.org/licenses/by-sa/3.0/ for details. + */ + +input.button { + background-image: url(svggradient.php?c=f9f9f9;e6e6e6); +} + +.formbuttons input.button { + background-image: url(svggradient.php?c=7b7b7b;606060); +} + +.formbuttons input.button:active { + background-image: url(svggradient.php?c=5c5c5c;7b7b7b); +} + +input.button.mainaction { + background-image: url(svggradient.php?c=505050;2a2e31); +} + +input.button.mainaction:active { + background-image: url(svggradient.php?c=2a2e31;505050); +} + +a.button { + background-image: url(svggradient.php?c=f9f9f9;e6e6e6); +} + +a.button.pressed, +a.button:active, +input.button:active { + background-image: url(svggradient.php?c=e6e6e6;f9f9f9); +} + +.pagenav.dark a.button { + background-image: url(svggradient.php?c=d8d8d8;bababa); +} + +.pagenav.dark a.button.pressed { + background-image: url(svggradient.php?c=bababa;d8d8d8); +} + +#message.statusbar { + background-image: url(svggradient.php?c=eaeaea;c8c8c8); +} + +.ui-dialog.popupmessage .ui-dialog-titlebar { + background-image: url(svggradient.php?c=e3e3e3;cfcfcf); +} + +.ui-dialog.popupmessage .ui-widget-content { + background-image: url(svggradient.php?c=eeeeee;dcdcdc); +} + +#topnav { + background-image: url(svggradient.php?c=404040;060606); +} + +.records-table tr.selected td { + background-image: url(svggradient.php?c=019bc6;017cb4); +} + +.contentbox .boxtitle, +body.iframe .boxtitle { + background-image: url(svggradient.php?c=eeeeee;dfdfdf); +/* background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20preserveAspectRatio%3D%22none%22%20version%3D%221.0%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22mLG1%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%20spreadMethod%3D%22pad%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23eeeeee%22%20stop-opacity%3D%221%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23dfdfdf%22%20stop-opacity%3D%221%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22fill%3Aurl%28%23mLG1%29%3B%22/%3E%3C/svg%3E);*/ +} + +#login-form input.button { + background-image: url(svggradient.php?c=f9f9f9;e2e2e2); +} + +#login-form input.button:active { + background-image: url(svggradient.php?c=dcdcdc;f9f9f9); +} + +.toolbar a.button { + filter: none; +} + +a.menuselector { + background-image: url(svggradient.php?c=f8f8f8;dddddd); +} + +a.menuselector:active { + background-image: url(svggradient.php?c=dddddd;f8f8f8); +} + +.googie_list td.googie_list_onhover, +ul.toolbarmenu li a.active:hover, +#rcmKSearchpane ul li.selected { + background-image: url(svggradient.php?c=00aad6;008fc9); +} + +.tabsbar .tablink { + background-image: url(svggradient.php?c=f8f8f8;d3d3d3,50;f8f8f8); + outline: none; +} + +.tabsbar .tablink.selected a { + background-image: url(svggradient.php?c=ffffff;efefef); + outline: none; +} + + +/*** addressbook.css ***/ + +.contactfieldgroup { + background-image: url(svggradient.php?c=f7f7f7;eeeeee); +} + +.contactfieldgroup legend { + background-image: url(svggradient.php?c=f0f0f0;d6d6d6); +} + + +/*** mail.css ***/ + +#mailboxlist li.mailbox .unreadcount { + background-image: url(svggradient.php?c=82acb5;6a939f); +} + +#mailboxlist li.mailbox.selected .unreadcount { + background-image: url(svggradient.php?c=005d76;004558); +} + +#messageheader, #partheader, #composeheaders { + background-image: url(svggradient.php?c=ffffff;f0f0f0); +} + +.moreheaderstoggle { + background-image: url(svggradient.php?c=fbfbfb;e9e9e9&h=1); +} + +#messagelistfooter { + background-image: url(svggradient.php?c=ebebeb;c6c6c6); +} + +/*** jqueryui theme ***/ + +.ui-menu .ui-menu-item a.ui-state-hover, +.ui-menu .ui-menu-item a.ui-state-active { + background-image: url(svggradient.php?c=00aad6;008fc9) !important; +} + +.ui-button.ui-state-default { + background-image: url(svggradient.php?c=f9f9f9;e6e6e6) !important; +} + +.ui-button.ui-state-active { + background-image: url(svggradient.php?c=e6e6e6;f9f9f9) !important; +} + +.ui-tabs .ui-tabs-nav li { + background-image: url(svggradient.php?c=f8f8f8;d3d3d3,50;d3d3d3) !important; +} + +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { + background-image: url(svggradient.php?c=fafafa,40;e4e4e4) !important; +} + +.ui-datepicker td a.ui-state-default { + background-image: url(svggradient.php?c=e6e6e6;d6d6d6) !important; +} + +.ui-datepicker td a.ui-state-active { + background-image: url(svggradient.php?c=00acd4;008fc7) !important; +} + diff --git a/webmail/skins/larry/templates/about.html b/webmail/skins/larry/templates/about.html new file mode 100644 index 0000000..301c301 --- /dev/null +++ b/webmail/skins/larry/templates/about.html @@ -0,0 +1,28 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="ui-widget-content"> + +<div class="readtext"> +<roundcube:object name="aboutcontent" /> + +<h2 class="sysname">Roundcube Webmail <roundcube:object name="version" /></h2> +<p class="copyright">Copyright © 2005-2013, The Roundcube Dev Team</p> +<p class="license">This program is free software; you can redistribute it and/or modify +it under the terms of the <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">GNU General Public License</a> +as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.<br/> +Some <a href="http://roundcube.net/license">exceptions</a> for skins & plugins apply. +</p> + +</div> + +<div class="readtext"> +<h3><roundcube:label name="installedplugins" /></h3> +<roundcube:object name="pluginlist" id="pluginlist" class="records-table" /> +</div> + +</body> +</html> diff --git a/webmail/skins/larry/templates/addressbook.html b/webmail/skins/larry/templates/addressbook.html new file mode 100644 index 0000000..1c16477 --- /dev/null +++ b/webmail/skins/larry/templates/addressbook.html @@ -0,0 +1,102 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="noscroll"> + +<roundcube:include file="/includes/header.html" /> + +<div id="mainscreen"> + +<!-- toolbar --> +<div id="addressbooktoolbar" class="toolbar"> + <roundcube:button command="import" type="link" class="button import disabled" classAct="button import" classSel="button import pressed" label="import" title="importcontacts" /> + <roundcube:button command="export" type="link" class="button export disabled" classAct="button export" classSel="button export pressed" label="export" title="exportvcards" /> + <span class="spacer"></span> + <roundcube:button command="compose" type="link" class="button compose disabled" classAct="button compose" classSel="button compose pressed" label="compose" title="writenewmessage" /> + <roundcube:button command="advanced-search" type="link" class="button search disabled" classAct="button search" classSel="button search pressed" label="advanced" title="advsearch" /> + <roundcube:container name="toolbar" id="addressbooktoolbar" /> +</div> + +<div id="addressview-left"> + +<!-- sources/groups list --> +<div id="directorylistbox" class="uibox listbox"> +<h2 id="directorylist-header" class="boxtitle"><roundcube:label name="groups" /></h2> +<div id="directorylist-content" class="scroller withfooter"> + <roundcube:object name="directorylist" id="directorylist" class="listing" /> +</div> +<div id="directorylist-footer" class="boxfooter"> + <roundcube:button command="group-create" type="link" title="newcontactgroup" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" content="+" /><roundcube:button name="groupoptions" id="groupoptionslink" type="link" title="moreactions" class="listbutton groupactions" onclick="UI.show_popup('groupoptions');return false" innerClass="inner" content="⚙" /> +</div> +</div> + +</div><!-- end addressview-left --> + +<div id="addressview-right"> + +<!-- search box --> +<div id="quicksearchbar" class="searchbox"> +<roundcube:object name="searchform" id="quicksearchbox" /> +<roundcube:button name="searchmenulink" id="searchmenulink" class="iconbutton searchoptions" onclick="UI.show_popup('searchmenu');return false" title="searchmod" content=" " /> +<roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " /> +</div> + +<!-- contacts list --> +<div id="addresslist" class="uibox listbox"> +<h2 class="boxtitle"><roundcube:label name="contacts" /></h2> +<div class="scroller withfooter"> +<roundcube:object name="addresslist" id="contacts-table" class="listing" noheader="true" /> +</div> +<div class="boxfooter"> + <roundcube:button command="add" type="link" title="newcontact" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" content="+" /><roundcube:button command="delete" type="link" title="deletecontact" class="listbutton delete disabled" classAct="listbutton delete" innerClass="inner" content="x" /><roundcube:button command="group-remove-selected" type="link" title="groupremoveselected" class="listbutton removegroup disabled" classAct="listbutton removegroup" innerClass="inner" content="-" /> + <roundcube:object name="recordsCountDisplay" class="countdisplay" label="fromtoshort" /> +</div> +<div class="boxpagenav"> + <roundcube:button command="firstpage" type="link" class="icon firstpage disabled" classAct="icon firstpage" title="firstpage" content="|&lt;" /> + <roundcube:button command="previouspage" type="link" class="icon prevpage disabled" classAct="icon prevpage" title="previouspage" content="&lt;" /> + <roundcube:button command="nextpage" type="link" class="icon nextpage disabled" classAct="icon nextpage" title="nextpage" content="&gt;" /> + <roundcube:button command="lastpage" type="link" class="icon lastpage disabled" classAct="icon lastpage" title="lastpage" content="&gt;|" /> +</div> +</div> + + +<div id="contacts-box" class="uibox"> + <div class="iframebox"> + <roundcube:object name="addressframe" id="contact-frame" style="width:100%; height:100%" frameborder="0" src="/watermark.html" /> + </div> + <roundcube:object name="message" id="message" class="statusbar" /> +</div> + + +</div><!-- end addressview-right --> + +</div><!-- end mainscreen --> + + +<div id="searchmenu" class="popupmenu"> + <ul class="toolbarmenu"> + <li><label><input type="checkbox" name="s_mods[]" value="name" id="s_mod_name" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="name" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="firstname" id="s_mod_firstname" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="firstname" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="surname" id="s_mod_surname" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="surname" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="email" id="s_mod_email" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="email" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="*" id="s_mod_all" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="allfields" /></span></label></li> + </ul> +</div> + +<div id="groupoptions" class="popupmenu"> + <ul id="groupoptionsmenu" class="toolbarmenu"> + <li><roundcube:button command="group-rename" label="grouprename" classAct="active" /></li> + <li><roundcube:button command="group-delete" label="groupdelete" classAct="active" /></li> + <li><roundcube:button command="search-create" label="searchsave" classAct="active" /></li> + <li><roundcube:button command="search-delete" label="searchdelete" classAct="active" /></li> + <roundcube:container name="groupoptions" id="groupoptionsmenu" /> + </ul> +</div> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/compose.html b/webmail/skins/larry/templates/compose.html new file mode 100644 index 0000000..1e2a459 --- /dev/null +++ b/webmail/skins/larry/templates/compose.html @@ -0,0 +1,202 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<roundcube:if condition="config:enable_spellcheck" /> +<link rel="stylesheet" type="text/css" href="/googiespell.css" /> +<roundcube:endif /> +</head> +<roundcube:if condition="env:extwin" /><body class="extwin"><roundcube:else /><body><roundcube:endif /> + +<roundcube:include file="/includes/header.html" /> + +<div id="mainscreen"> + +<!-- toolbar --> +<div id="messagetoolbar" class="fullwidth"> +<div id="mailtoolbar" class="toolbar"> + <roundcube:button command="list" type="link" class="button back disabled" classAct="button back" classSel="button back pressed" label="cancel" condition="!env:extwin" /> + <roundcube:button command="close" type="link" class="button close disabled" classAct="button close" classSel="button close pressed" label="cancel" condition="env:extwin" /> + <span class="spacer"></span> + <roundcube:button command="send" type="link" class="button send" classAct="button send" classSel="button send pressed" label="send" title="sendmessage" /> + <roundcube:button command="savedraft" type="link" class="button savedraft" classAct="button savedraft" classSel="button savedraft pressed" label="save" title="savemessage" /> + <span class="spacer"></span> + <roundcube:if condition="config:enable_spellcheck" /> + <span class="dropbutton"> + <roundcube:button command="spellcheck" type="link" class="button spellcheck disabled" classAct="button spellcheck" classSel="button spellcheck pressed" label="spellcheck" title="checkspelling" /> + <span class="dropbuttontip" id="spellmenulink" onclick="UI.show_popup('spellmenu');return false"></span> + </span> + <roundcube:endif /> + <roundcube:button name="addattachment" type="link" class="button attach" classAct="button attach" classSel="button attach pressed" label="attach" title="addattachment" onclick="UI.show_uploadform();return false" /> + <roundcube:button command="insert-sig" type="link" class="button insertsig disabled" classAct="button insertsig" classSel="button insertsig pressed" label="signature" title="insertsignature" /> + <roundcube:container name="toolbar" id="compose-toolbar" /> +</div> +</div> + +<div id="composeview-left"> + +<!-- inline address book --> +<div id="compose-contacts" class="uibox listbox"> +<h2 class="boxtitle"><roundcube:label name="contacts" /></h2> + <div id="composequicksearch"> + <div class="searchbox"> + <roundcube:object name="searchform" id="contactsearchbox" /> + <a id="searchmenulink" class="iconbutton searchoptions"> </a> + <roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " /> + </div> + </div> + <roundcube:object name="addressbooks" id="directorylist" class="listing" /> + <div class="scroller withfooter"> + <roundcube:object name="addresslist" id="contacts-table" class="listing" noheader="true" /> + </div> +<div class="boxfooter"> + <roundcube:button command="add-recipient" prop="to" type="link" title="to" class="listbutton addto disabled" classAct="listbutton addto" innerClass="inner" content="To+" /><roundcube:button command="add-recipient" prop="cc" type="link" title="cc" class="listbutton addcc disabled" classAct="listbutton addcc" innerClass="inner" content="Cc+" /><roundcube:button command="add-recipient" prop="bcc" type="link" title="bcc" class="listbutton addbcc disabled" classAct="listbutton addbcc" innerClass="inner" content="Bcc+" /> +</div> +<div class="boxpagenav"> + <roundcube:button command="firstpage" type="link" class="icon firstpage disabled" classAct="icon firstpage" title="firstpage" content="|&lt;" /> + <roundcube:button command="previouspage" type="link" class="icon prevpage disabled" classAct="icon prevpage" title="previouspage" content="&lt;" /> + <roundcube:button command="nextpage" type="link" class="icon nextpage disabled" classAct="icon nextpage" title="nextpage" content="&gt;" /> + <roundcube:button command="lastpage" type="link" class="icon lastpage disabled" classAct="icon lastpage" title="lastpage" content="&gt;|" /> +</div> +</div> + +</div> + +<div id="composeview-right"> + +<form name="form" action="./" method="post" id="compose-content" class="uibox"> + +<!-- message headers --> +<div id="composeheaders"> +<a href="#options" id="composeoptionstoggle" class="moreheaderstoggle"><span class="iconlink" title="<roundcube:label name='options' />"></span></a> + +<table class="headers-table compose-headers"> +<tbody> + <tr> + <td class="title"><label for="_from"><roundcube:label name="from" /></label></td> + <td class="editfield"> + <roundcube:object name="composeHeaders" part="from" form="form" id="_from" tabindex="1" /> + <a href="#identities" onclick="return rcmail.command('identities')" class="iconlink edit"><roundcube:label name="editidents" /></a> + </td> + </tr><tr> + <td class="title top"><label for="_to"><roundcube:label name="to" /></label></td> + <td class="editfield"><roundcube:object name="composeHeaders" part="to" form="form" id="_to" cols="70" rows="1" tabindex="2" /></td> + </tr><tr id="compose-cc"> + <td class="title top"> + <label for="_cc"><roundcube:label name="cc" /></label> + <a href="#cc" onclick="return UI.hide_header_row('cc');" class="iconbutton cancel" title="<roundcube:label name='delete' />" />x</a> + </td> + <td class="editfield"><roundcube:object name="composeHeaders" part="cc" form="form" id="_cc" cols="70" rows="1" tabindex="3" /></td> + </tr><tr id="compose-bcc"> + <td class="title top"> + <label for="_bcc"><roundcube:label name="bcc" /></label> + <a href="#bcc" onclick="return UI.hide_header_row('bcc');" class="iconbutton cancel" title="<roundcube:label name='delete' />" />x</a> + </td> + <td colspan="2" class="editfield"><roundcube:object name="composeHeaders" part="bcc" form="form" id="_bcc" cols="70" rows="1" tabindex="4" /></td> + </tr><tr id="compose-replyto"> + <td class="title top"> + <label for="_replyto"><roundcube:label name="replyto" /></label> + <a href="#replyto" onclick="return UI.hide_header_row('replyto');" class="iconbutton cancel" title="<roundcube:label name='delete' />" />x</a> + </td> + <td class="editfield"><roundcube:object name="composeHeaders" part="replyto" form="form" id="_replyto" size="70" tabindex="5" /></td> + </tr><tr id="compose-followupto"> + <td class="title top"> + <label for="_followupto"><roundcube:label name="followupto" /></label> + <a href="#followupto" onclick="return UI.hide_header_row('followupto');" class="iconbutton cancel" title="<roundcube:label name='delete' />" />x</a> + </td> + <td class="editfield"><roundcube:object name="composeHeaders" part="followupto" form="form" id="_followupto" size="70" tabindex="7" /></td> + </tr><tr> + <td></td> + <td class="formlinks"> + <a href="#cc" onclick="return UI.show_header_row('cc')" id="cc-link" class="iconlink add"><roundcube:label name="addcc" /></a> + <a href="#bcc" onclick="return UI.show_header_row('bcc')" id="bcc-link" class="iconlink add"><roundcube:label name="addbcc" /></a> + <a href="#reply-to" onclick="return UI.show_header_row('replyto')" id="replyto-link" class="iconlink add"><roundcube:label name="addreplyto" /></a> + <a href="#followup-to" onclick="return UI.show_header_row('followupto')" id="followupto-link" class="iconlink add"><roundcube:label name="addfollowupto" /></a> + </td> + </tr><tr> + <td class="title"><label for="compose-subject"><roundcube:label name="subject" /></label></td> + <td class="editfield"><roundcube:object name="composeSubject" id="compose-subject" form="form" tabindex="8" /></td> + </tr> +</tbody> +</table> + +<div id="composebuttons" class="pagenav formbuttons"> + <roundcube:button command="extwin" type="link" class="button extwin" classSel="button extwin pressed" innerClass="inner" title="openinextwin" content="[]" condition="!env:extwin" /> +</div> + +<!-- (collapsable) message options --> +<div id="composeoptions"> + <roundcube:if condition="!in_array('htmleditor', (array)config:dont_override)" /> + <span class="composeoption"> + <label><roundcube:label name="editortype" /> + <roundcube:object name="editorSelector" editorid="composebody" tabindex="14" /></label> + </span> + <roundcube:endif /> + <span class="composeoption"> + <label for="rcmcomposepriority"><roundcube:label name="priority" /> + <roundcube:object name="prioritySelector" form="form" id="rcmcomposepriority" /></label> + </span> + <span class="composeoption"> + <label><roundcube:object name="receiptCheckBox" form="form" id="rcmcomposereceipt" /> <roundcube:label name="returnreceipt" /></label> + </span> + <roundcube:if condition="config:smtp_server != ''" /> + <span class="composeoption"> + <label><roundcube:object name="dsnCheckBox" form="form" id="rcmcomposedsn" /> <roundcube:label name="dsn" /></label> + </span> + <roundcube:endif /> + <roundcube:if condition="!config:no_save_sent_messages" /> + <span class="composeoption"> + <label><roundcube:label name="savesentmessagein" /> <roundcube:object name="storetarget" maxlength="30" style="max-width:12em" /></label> + </span> + <roundcube:endif /> + <roundcube:container name="composeoptions" id="composeoptions" /> +</div> + +</div> + +<!-- message compose body --> +<div id="composeview-bottom"> + <div id="composebodycontainer"> + <roundcube:object name="composeBody" id="composebody" form="form" cols="70" rows="20" tabindex="9" /> + </div> + <div id="compose-attachments" class="rightcol"> + <div style="text-align:center; margin-bottom:20px"> + <roundcube:button name="addattachment" type="input" class="button" classSel="button pressed" label="addattachment" onclick="UI.show_uploadform();return false" /> + </div> + <roundcube:object name="composeAttachmentList" id="attachment-list" class="attachmentslist" /> + <roundcube:object name="fileDropArea" id="compose-attachments" /> + </div> +<!-- + <div id="composeformbuttons" class="footerleft formbuttons floating"> + <roundcube:button type="input" command="send" class="button mainaction" label="sendmessage" tabindex="11" /> + <roundcube:button type="input" command="savedraft" class="button" label="savemessage" tabindex="12" /> + <roundcube:button type="input" command="list" class="button" label="cancel" tabindex="13" /> + </div> +--> +</div> + +</form> + +<div id="mailview-bottom" class="uibox"> + <roundcube:object name="message" id="message" class="statusbar" /> +</div> + +</div><!-- end mailview-right --> + +</div><!-- end mainscreen --> + +<div id="upload-dialog" class="propform popupdialog" title="<roundcube:label name='addattachment' />"> + <roundcube:object name="composeAttachmentForm" id="uploadform" attachmentFieldSize="40" buttons="no" /> + <div class="formbuttons"> + <roundcube:button command="send-attachment" type="input" class="button mainaction" label="upload" /> + <roundcube:button name="close" type="input" class="button" label="cancel" onclick="UI.show_uploadform()" /> + </div> +</div> + +<div id="spellmenu" class="popupmenu"></div> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/contact.html b/webmail/skins/larry/templates/contact.html new file mode 100644 index 0000000..d252049 --- /dev/null +++ b/webmail/skins/larry/templates/contact.html @@ -0,0 +1,33 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="iframe"> + +<h1 class="boxtitle"><roundcube:label name="contactproperties" /></h1> + +<div id="contact-details" class="boxcontent"> + <roundcube:if condition="strlen(env:sourcename)" /> + <div id="sourcename"><roundcube:label name="addressbook" />: <roundcube:var name="env:sourcename" /></div> + <roundcube:endif /> + + <div id="contactphoto"><roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.png" /></div> + <roundcube:object name="contacthead" id="contacthead" /> + <br style="clear:both" /> + + <div id="contacttabs" class="tabbed"> + <roundcube:object name="contactdetails" /> + </div> + +</div> + +<div id="headerbuttons" class="formbuttons"> + <roundcube:button command="edit" type="input" class="button mainaction" label="editcontact" condition="!ENV:readonly" /> +</div> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/contactedit.html b/webmail/skins/larry/templates/contactedit.html new file mode 100644 index 0000000..f849366 --- /dev/null +++ b/webmail/skins/larry/templates/contactedit.html @@ -0,0 +1,56 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="iframe"> + +<h1 class="boxtitle"> + <roundcube:if condition="env:action=='add'" /><roundcube:label name="addcontact" /> + <roundcube:else /><roundcube:label name="editcontact" /> +<roundcube:endif /></h1> + +<form name="editform" method="post" action="./" id="contact-details" class="boxcontent"> + <roundcube:if condition="strlen(env:sourcename)" /> + <div id="sourcename"><roundcube:label name="addressbook" />: <roundcube:var name="env:sourcename" condition="env:action!='add'" /><roundcube:object name="sourceselector" id="sourceselect" condition="env:action=='add'" /></div> + <roundcube:endif /> + + <div id="contactphoto"> + <roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.png" /> + <roundcube:if condition="env:photocol" /> + <roundcube:object name="fileDropArea" id="contactpic" /> + <div class="formlinks"> + <roundcube:button command="upload-photo" id="uploadformlink" type="link" label="replacephoto" class="iconlink upload disabled" classAct="iconlink upload active" onclick="UI.show_uploadform();return false" condition="env:photocol" /><br/> + <roundcube:button command="delete-photo" type="link" label="delete" class="iconlink delete disabled" classAct="iconlink delete active" condition="env:photocol" /> + </div> + <roundcube:endif /> + </div> + + <roundcube:object name="contactedithead" id="contacthead" size="16" form="editform" /> + <br style="clear:both" /> + + <div id="contacttabs" class="tabbed"> + <roundcube:object name="contacteditform" size="40" textareacols="60" form="editform" /> + </div> + +</form> + +<div class="footerleft formbuttons"> + <roundcube:button command="save" type="input" class="button mainaction" label="save" /> + <roundcube:button command="show" type="input" class="button" label="cancel" condition="env:action=='edit'" /> + <roundcube:button name="cancel" type="input" class="button" label="cancel" onclick="history.back()" condition="env:action=='add'" /> +</div> + +<div id="upload-dialog" class="propform popupdialog" title="<roundcube:label name='uploadphoto' />"> + <roundcube:object name="photoUploadForm" id="upload-form" size="30" buttons="no" /> + <div class="formbuttons"> + <roundcube:button command="upload-photo" type="input" class="button mainaction" label="upload" /> + <roundcube:button name="close" type="input" class="button" label="cancel" onclick="UI.show_uploadform()" /> + </div> +</div> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/contactsearch.html b/webmail/skins/larry/templates/contactsearch.html new file mode 100644 index 0000000..e622ddf --- /dev/null +++ b/webmail/skins/larry/templates/contactsearch.html @@ -0,0 +1,21 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="iframe"> + +<h1 class="boxtitle"><roundcube:label name="advsearch" /></h1> + +<div id="contact-details" class="boxcontent"> + <roundcube:object name="searchform" id="advsearchform" class="tabbed" size=30 /> + <p class="formbuttons"> + <roundcube:button command="save" type="input" class="button mainaction" label="search" /> + </p> +</div> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/error.html b/webmail/skins/larry/templates/error.html new file mode 100644 index 0000000..a65733e --- /dev/null +++ b/webmail/skins/larry/templates/error.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<roundcube:if condition="!env:framed" /> +<body class="error"> +<roundcube:include file="/includes/header.html" /> +<roundcube:else /> +<body class="error iframe"> +<roundcube:endif /> + +<div class="uibox centerbox errorbox"> +$__page_content +</div> + +</body> +</html> diff --git a/webmail/skins/larry/templates/folderedit.html b/webmail/skins/larry/templates/folderedit.html new file mode 100644 index 0000000..18d2469 --- /dev/null +++ b/webmail/skins/larry/templates/folderedit.html @@ -0,0 +1,25 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="iframe"> + +<h1 class="boxtitle"><roundcube:label name="folderproperties" /></h1> + +<div class="boxcontent"> +<roundcube:object name="folderdetails" class="propform" /> +</div> + +<div class="footerleft formbuttons"> + <roundcube:button command="save" type="input" class="button mainaction" label="save" /> + <roundcube:if condition="!strlen(request:_mbox)" /> + <input type="button" value="<roundcube:label name="cancel" />" class="button" onclick="history.back()" /> + <roundcube:endif /> +</div> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/folders.html b/webmail/skins/larry/templates/folders.html new file mode 100644 index 0000000..988ff95 --- /dev/null +++ b/webmail/skins/larry/templates/folders.html @@ -0,0 +1,52 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="noscroll"> + +<roundcube:include file="/includes/header.html" /> + +<div id="mainscreen" class="offset"> + +<roundcube:include file="/includes/settingstabs.html" /> + +<div id="settings-right"> + +<div id="folderslist" class="uibox listbox"> +<h2 id="folderslist-header" class="boxtitle"><span style="float:right"><roundcube:label name="subscribed" /></span><roundcube:label name="folders" /></h2> +<div id="folderslist-content" class="scroller withfooter"> +<roundcube:object name="foldersubscription" form="subscriptionform" id="subscription-table" class="listing" noheader="true" /> +</div> +<div id="folderslist-footer" class="boxfooter"> + <roundcube:button command="create-folder" type="link" title="createfolder" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" content="+" /><roundcube:button name="mailboxmenulink" id="mailboxmenulink" type="link" title="folderactions" class="listbutton groupactions" onclick="UI.show_popup('mailboxmenu');return false" innerClass="inner" content="⚙" /> + <roundcube:if condition="env:quota" /> + <roundcube:object name="quotaDisplay" id="quotadisplay" class="countdisplay" display="text" /> + <roundcube:endif /> +</div> +</div> + +<div id="folder-details" class="uibox contentbox"> + <div class="iframebox"> + <roundcube:object name="folderframe" id="preferences-frame" style="width:100%; height:100%" frameborder="0" src="/watermark.html" /> + </div> + <roundcube:object name="message" id="message" class="statusbar" /> +</div> + +</div> + +</div> + +<div id="mailboxmenu" class="popupmenu"> + <ul class="toolbarmenu" id="mailboxoptionsmenu"> + <li><roundcube:button command="delete-folder" label="delete" classAct="active" /></li> + <li><roundcube:button command="purge" type="link" label="empty" classAct="active" /></li> + <roundcube:container name="mailboxoptions" id="mailboxoptionsmenu" /> + </ul> +</div> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/identities.html b/webmail/skins/larry/templates/identities.html new file mode 100644 index 0000000..d9270b6 --- /dev/null +++ b/webmail/skins/larry/templates/identities.html @@ -0,0 +1,41 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="noscroll"> + +<roundcube:include file="/includes/header.html" /> + +<div id="mainscreen" class="offset"> + +<roundcube:include file="/includes/settingstabs.html" /> + +<div id="settings-right"> + +<div id="identitieslist" class="uibox listbox"> +<h2 class="boxtitle"><roundcube:label name="identities" /></h2> +<div class="scroller withfooter"> +<roundcube:object name="identitiesList" id="identities-table" class="listing" cellspacing="0" summary="Identities list" noheader="true" editIcon="" /> +</div> +<div class="boxfooter"> +<roundcube:button command="add" type="link" title="newidentity" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" content="+" condition="config:identities_level:0<2" /><roundcube:button command="delete" type="link" title="delete" class="listbutton delete disabled" classAct="listbutton delete" innerClass="inner" content="-" condition="config:identities_level:0<2" /> +</div> +</div> + +<div id="identity-details" class="uibox contentbox"> + <div class="iframebox"> + <roundcube:object name="identityframe" id="preferences-frame" style="width:100%; height:100%" frameborder="0" src="/watermark.html" /> + </div> + <roundcube:object name="message" id="message" class="statusbar" /> +</div> + +</div> + +</div> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/identityedit.html b/webmail/skins/larry/templates/identityedit.html new file mode 100644 index 0000000..8d5e622 --- /dev/null +++ b/webmail/skins/larry/templates/identityedit.html @@ -0,0 +1,22 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="iframe"> + +<h1 class="boxtitle"><roundcube:object name="steptitle" /></h1> + +<div id="preferences-details" class="boxcontent"> +<roundcube:object name="identityform" class="propform" size="40" textareacols="40" textarearows="6" /> +</div> + +<div class="footerleft formbuttons"> + <roundcube:button command="save" type="input" class="button mainaction" label="save" /> +</div> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/importcontacts.html b/webmail/skins/larry/templates/importcontacts.html new file mode 100644 index 0000000..89aea0a --- /dev/null +++ b/webmail/skins/larry/templates/importcontacts.html @@ -0,0 +1,36 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body> + +<roundcube:include file="/includes/header.html" /> + +<div id="mainscreen"> + +<div id="addressbooktoolbar" class="toolbar"> + <roundcube:button command="list" type="link" class="button back disabled" classAct="button back" classSel="button back pressed" label="back" /> +</div> + +<div class="offset uibox contentbox"> +<h2 class="boxtitle"><roundcube:label name="importcontacts" /></h2> + +<div class="boxcontent readtext"> +<roundcube:object name="importstep" /> + +<br/> + +<p class="formbuttons"> + <roundcube:object name="importnav" class="button" /> +</p> + +</div> + +</div> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/login.html b/webmail/skins/larry/templates/login.html new file mode 100644 index 0000000..a605eb7 --- /dev/null +++ b/webmail/skins/larry/templates/login.html @@ -0,0 +1,54 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<meta name="Robots" content="noindex,nofollow" /> +<roundcube:include file="/includes/links.html" /> +</head> +<body> + +<div id="login-form"> +<div class="box-inner"> +<roundcube:object name="logo" src="/images/roundcube_logo.png" id="logo" border="0" /> + +<form name="form" action="./" method="post"> +<roundcube:object name="loginform" form="form" size="40" /> + +<p class="formbuttons"><input type="submit" class="button mainaction" value="<roundcube:label name='login' />" /></p> + +</form> +</div> + +<div class="box-bottom"> + <roundcube:object name="message" id="message" /> + <noscript> + <p class="noscriptwarning"><roundcube:label name="noscriptwarning" /></p> + </noscript> +</div> + +<div id="bottomline"> + <roundcube:var name="config:product_name"> <roundcube:object name="version" condition="config:display_version" /> + <roundcube:if condition="config:support_url" /> + ● <a href="<roundcube:var name='config:support_url' />" target="_blank" class="support-link"><roundcube:label name="support" /></a> + <roundcube:endif /> + <roundcube:container name="loginfooter" id="bottomline" /> +</div> +</div> + +<roundcube:include file="/includes/footer.html" /> + +<roundcube:object name="preloader" images=" + /images/ajaxloader.gif + /images/buttons.png + /images/addcontact.png + /images/filetypes.png + /images/listicons.png + /images/messages.png + /images/quota.png + /images/selector.png + /images/splitter.png + /images/watermark.jpg +" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/mail.html b/webmail/skins/larry/templates/mail.html new file mode 100644 index 0000000..4b8f039 --- /dev/null +++ b/webmail/skins/larry/templates/mail.html @@ -0,0 +1,232 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<style type="text/css"> +<roundcube:if condition="config:preview_pane == true" /> + #mailview-top { height: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter-48 : 276" />px; } + #mailview-bottom { top: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+6 : 330" />px; height: auto; } + #mailpreviewframe { display: block; } +<roundcube:endif /> +</style> +</head> +<body> + +<div class="minwidth"> +<roundcube:include file="/includes/header.html" /> + +<div id="mainscreen"> + +<!-- toolbar --> +<div id="messagetoolbar" class="toolbar"> + <roundcube:button command="checkmail" type="link" class="button checkmail disabled" classAct="button checkmail" classSel="button checkmail pressed" label="refresh" title="checkmail" /> + <roundcube:include file="/includes/mailtoolbar.html" /> +</div> + +<div id="mailview-left"> + +<!-- folders list --> +<div id="folderlist-header"></div> +<div id="mailboxcontainer" class="uibox listbox"> +<div id="folderlist-content" class="scroller withfooter"> +<roundcube:object name="mailboxlist" id="mailboxlist" class="listing" folder_filter="mail" unreadwrap="%s" /> +</div> +<div id="folderlist-footer" class="boxfooter"> + <roundcube:button name="mailboxmenulink" id="mailboxmenulink" type="link" title="folderactions" class="listbutton groupactions" onclick="UI.show_popup('mailboxmenu');return false" innerClass="inner" content="⚙" /> + <roundcube:if condition="env:quota" /> + <roundcube:object name="quotaDisplay" id="quotadisplay" class="countdisplay" display="text" /> + <roundcube:endif /> +</div> +</div> + +</div> + +<div id="mailview-right"> + +<div id="messagesearchtools"> + +<!-- search filter --> +<div id="searchfilter"> + <roundcube:object name="searchfilter" class="searchfilter decorated" /> +</div> + +<!-- search box --> +<div id="quicksearchbar" class="searchbox"> +<roundcube:object name="searchform" id="quicksearchbox" /> +<roundcube:button name="searchmenulink" id="searchmenulink" class="iconbutton searchoptions" onclick="UI.show_popup('searchmenu');return false" title="searchmod" content=" " /> +<roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " /> +</div> + +</div> + +<roundcube:if condition="config:preview_pane == true" /> +<div id="mailview-top" class="uibox"> +<roundcube:else /> +<div id="mailview-top" class="uibox fullheight"> +<roundcube:endif /> + +<!-- messagelist --> +<div id="messagelistcontainer" class="boxlistcontent"> +<roundcube:object name="messages" + id="messagelist" + class="records-table sortheader" + optionsmenuIcon="true" /> +</div> + +<!-- list footer --> +<div id="messagelistfooter"> + <div id="listcontrols"> + <roundcube:if condition="env:threads" /> + <a href="#list" class="iconbutton listmode" id="maillistmode" title="<roundcube:label name='list' />">List</a> + <a href="#threads" class="iconbutton threadmode" id="mailthreadmode" title="<roundcube:label name='threads' />">Threads</a> + <roundcube:else /> + <a href="#list" class="iconbutton listmode selected" title="<roundcube:label name='list' />" onclick="return false">List</a> + <a href="#threads" class="iconbutton threadmode disabled" title="<roundcube:label name='threads' />" onclick="return false">Threads</a> + <roundcube:endif /> + </div> + + <div id="listselectors"> + <a href="#select" id="listselectmenulink" class="menuselector" onclick="UI.show_popup('listselectmenu');return false"><span class="handle"><roundcube:label name="select" /></span></a> + <roundcube:if condition="env:threads" /> + <a href="#threads" id="threadselectmenulink" class="menuselector" onclick="UI.show_popup('threadselectmenu');return false"><span class="handle"><roundcube:label name="threads" /></span></a> + <roundcube:endif /> + </div> + + <div id="countcontrols" class="pagenav dark"> + <roundcube:object name="messageCountDisplay" class="countdisplay" /> + <span class="pagenavbuttons"> + <roundcube:button command="firstpage" type="link" class="button firstpage disabled" classAct="button firstpage" classSel="button firstpage pressed" innerClass="inner" title="firstpage" content="|&lt;" /> + <roundcube:button command="previouspage" type="link" class="button prevpage disabled" classAct="button prevpage" classSel="button prevpage pressed" innerClass="inner" title="previouspage" content="&lt;" /> + <roundcube:button command="nextpage" type="link" class="button nextpage disabled" classAct="button nextpage" classSel="button nextpage pressed" innerClass="inner" title="nextpage" content="&gt;" /> + <roundcube:button command="lastpage" type="link" class="button lastpage disabled" classAct="button lastpage" classSel="button lastpage pressed" innerClass="inner" title="lastpage" content="&gt;|" /> + </span> + </div> + + <roundcube:container name="listcontrols" id="listcontrols" /> + + <a href="#preview" id="mailpreviewtoggle" title="<roundcube:label name='previewpane' />"></a> +</div> + +</div><!-- end mailview-top --> + +<div id="mailview-bottom" class="uibox"> + +<div id="mailpreviewframe" class="iframebox"> +<roundcube:object name="messagecontentframe" id="messagecontframe" style="width:100%; height:100%" frameborder="0" src="/watermark.html" /> +</div> + +<roundcube:object name="message" id="message" class="statusbar" /> + +</div><!-- end mailview-bottom --> + +</div><!-- end mailview-right --> + +</div><!-- end mainscreen --> + +</div><!-- end minwidth --> + +<div id="searchmenu" class="popupmenu"> + <ul class="toolbarmenu"> + <li><label><input type="checkbox" name="s_mods[]" value="subject" id="s_mod_subject" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="subject" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="from" id="s_mod_from" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="from" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="to" id="s_mod_to" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="to" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="cc" id="s_mod_cc" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="cc" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="bcc" id="s_mod_bcc" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="bcc" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="body" id="s_mod_body" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="body" /></span></label></li> + <li><label><input type="checkbox" name="s_mods[]" value="text" id="s_mod_text" onclick="UI.set_searchmod(this)" /> <span><roundcube:label name="msgtext" /></span></label></li> + </ul> +</div> + +<div id="dragmessagemenu" class="popupmenu"> + <ul class="toolbarmenu"> + <li><roundcube:button command="moveto" onclick="return rcmail.drag_menu_action('moveto')" label="move" classAct="active" /></li> + <li><roundcube:button command="copy" onclick="return rcmail.drag_menu_action('copy')" label="copy" classAct="active" /></li> + </ul> +</div> + +<div id="mailboxmenu" class="popupmenu"> + <ul class="toolbarmenu" id="mailboxoptionsmenu"> + <li><roundcube:button command="expunge" type="link" label="compact" classAct="active" /></li> + <li class="separator_below"><roundcube:button command="purge" type="link" label="empty" classAct="active" /></li> + <li><roundcube:button command="folders" task="settings" type="link" label="managefolders" classAct="active" /></li> + <roundcube:container name="mailboxoptions" id="mailboxoptionsmenu" /> + </ul> +</div> + +<div id="listselectmenu" class="popupmenu dropdown"> + <ul class="toolbarmenu iconized"> + <li><roundcube:button command="select-all" type="link" label="all" class="icon" classAct="icon active" innerclass="icon mail" /></li> + <li><roundcube:button command="select-all" type="link" prop="page" label="currpage" class="icon" classAct="icon active" innerclass="icon list" /></li> + <li><roundcube:button command="select-all" type="link" prop="unread" label="unread" class="icon" classAct="icon active" innerclass="icon unread" /></li> + <li><roundcube:button command="select-all" type="link" prop="flagged" label="flagged" class="icon" classAct="icon active" innerclass="icon flagged" /></li> + <li><roundcube:button command="select-all" type="link" prop="invert" label="invert" class="icon" classAct="icon active" innerclass="icon invert" /></li> + <li><roundcube:button command="select-none" type="link" label="none" class="icon" classAct="icon active" innerclass="icon cross" /></li> + </ul> +</div> + +<div id="threadselectmenu" class="popupmenu dropdown"> + <ul class="toolbarmenu"> + <li><roundcube:button command="expand-all" type="link" label="expand-all" class="icon" classAct="icon active" innerclass="icon conversation" /></li> + <li><roundcube:button command="expand-unread" type="link" label="expand-unread" class="icon" classAct="icon active" innerclass="icon conversation" /></li> + <li><roundcube:button command="collapse-all" type="link" label="collapse-all" class="icon" classAct="icon active" innerclass="icon conversation" /></li> + </ul> +</div> + +<div id="listoptions" class="propform popupdialog"> +<roundcube:if condition="!in_array('list_cols', (array)config:dont_override)" /> + <fieldset class="floating"> + <legend><roundcube:label name="listcolumns" /></legend> + <ul class="proplist"> + <li><label class="disabled"><input type="checkbox" name="list_col[]" value="threads" checked="checked" disabled="disabled" /> <span><roundcube:label name="threads" /></span></label></li> + <li><label class="disabled"><input type="checkbox" name="list_col[]" value="subject" checked="checked" disabled="disabled" /> <span><roundcube:label name="subject" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="fromto" /> <span><roundcube:label name="fromto" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="from" /> <span><roundcube:label name="from" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="to" /> <span><roundcube:label name="to" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="replyto" /> <span><roundcube:label name="replyto" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="cc" /> <span><roundcube:label name="cc" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="date" /> <span><roundcube:label name="date" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="size" /> <span><roundcube:label name="size" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="status" /> <span><roundcube:label name="readstatus" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="attachment" /> <span><roundcube:label name="attachment" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="flag" /> <span><roundcube:label name="flag" /></span></label></li> + <li><label><input type="checkbox" name="list_col[]" value="priority" /> <span><roundcube:label name="priority" /></span></label></li> + </ul> + </fieldset> + <roundcube:endif /> + <roundcube:if condition="!in_array('message_sort_col', (array)config:dont_override)" /> + <fieldset class="floating"> + <legend><roundcube:label name="listsorting" /></legend> + <ul class="proplist"> + <li><label><input type="radio" name="sort_col" value="" /> <span><roundcube:label name="nonesort" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="arrival" /> <span><roundcube:label name="arrival" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="date" /> <span><roundcube:label name="sentdate" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="subject" /> <span><roundcube:label name="subject" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="fromto" /> <span><roundcube:label name="fromto" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="from" /> <span><roundcube:label name="from" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="to" /> <span><roundcube:label name="to" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="cc" /> <span><roundcube:label name="cc" /></span></label></li> + <li><label><input type="radio" name="sort_col" value="size" /> <span><roundcube:label name="size" /></span></label></li> + </ul> + </fieldset> + <roundcube:endif /> + <roundcube:if condition="!in_array('message_sort_order', (array)config:dont_override)" /> + <fieldset class="floating"> + <legend><roundcube:label name="listorder" /></legend> + <ul class="proplist"> + <li><label><input type="radio" name="sort_ord" value="ASC" /> <span><roundcube:label name="asc" /></span></label></li> + <li><label><input type="radio" name="sort_ord" value="DESC" /> <span><roundcube:label name="desc" /></span></label></li> + </ul> + </fieldset> + <roundcube:endif /> + <br style="clear:both" /> + <div class="formbuttons"> + <roundcube:button command="menu-save" id="listmenusave" type="input" class="button mainaction" label="save" /> + <roundcube:button command="menu-open" id="listmenucancel" type="input" class="button" label="cancel" /> + </div> +</div> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/message.html b/webmail/skins/larry/templates/message.html new file mode 100644 index 0000000..5ac079c --- /dev/null +++ b/webmail/skins/larry/templates/message.html @@ -0,0 +1,81 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<roundcube:if condition="env:extwin" /><body class="noscroll extwin"><roundcube:else /><body class="noscroll"><roundcube:endif /> + +<roundcube:include file="/includes/header.html" /> + +<div id="mainscreen"> + +<!-- toolbar --> +<div id="messagetoolbar" class="toolbar fullwidth"> +<roundcube:if condition="!env:extwin" /> + <roundcube:button command="list" type="link" class="button back disabled" classAct="button back" classSel="button back pressed" label="back" /> +<roundcube:endif /> + <roundcube:include file="/includes/mailtoolbar.html" /> + <div class="toolbarselect"> + <roundcube:object name="mailboxlist" type="select" noSelection="moveto" maxlength="25" onchange="rcmail.command('moveto', this.options[this.selectedIndex].value)" class="mailboxlist decorated" folder_filter="mail" /> + </div> +</div> + +<roundcube:if condition="!env:extwin" /> + +<div id="mailview-left"> + +<!-- folders list --> +<div id="mailboxcontainer" class="uibox listbox"> +<div class="scroller"> +<roundcube:object name="mailboxlist" id="mailboxlist" class="listing" folder_filter="mail" unreadwrap="%s" /> +</div> +</div> + +</div> + +<div id="mailview-right" class="offset uibox"> +<roundcube:else /> + +<div id="mailview-right" class="offset fullwidth uibox"> +<roundcube:endif /> + +<div id="messageheader"> +<span class="moreheaderstoggle"></span> + +<h2 class="subject"><roundcube:object name="messageHeaders" valueOf="subject" /></h2> +<div class="message-headers"> +<roundcube:object name="messageHeaders" class="headers-table" addicon="/images/addcontact.png" exclude="subject" max="20" /> +</div> +<roundcube:object name="messageFullHeaders" id="full-headers" /> + +<!-- record navigation --> +<div id="countcontrols" class="pagenav"> + <roundcube:object name="messageCountDisplay" class="countdisplay" /> + <roundcube:button command="previousmessage" type="link" class="button prevpage disabled" classAct="button prevpage" classSel="button prevpage pressed" innerClass="inner" title="previousmessage" content="&lt;" /> + <roundcube:button command="nextmessage" type="link" class="button nextpage disabled" classAct="button nextpage" classSel="button nextpage pressed" innerClass="inner" title="nextmessage" content="&gt;" /> +</div> + +<div id="contactphoto"><roundcube:object name="contactphoto" /></div> +</div> + +<div id="messagecontent"> +<div class="rightcol"> +<roundcube:object name="messageAttachments" id="attachment-list" class="attachmentslist" /> +</div> +<div class="leftcol"> +<roundcube:object name="messageObjects" id="message-objects" /> +<roundcube:object name="messageBody" id="messagebody" headertableclass="message-partheaders headers-table" /> +</div> +</div> + +<roundcube:object name="message" id="message" class="statusbar" /> + +</div><!-- end mailview-right --> + +</div><!-- end mainscreen --> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/messageerror.html b/webmail/skins/larry/templates/messageerror.html new file mode 100644 index 0000000..3c3c9ac --- /dev/null +++ b/webmail/skins/larry/templates/messageerror.html @@ -0,0 +1,52 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<roundcube:if condition="env:action != 'show'" /> +<body class="iframe fullheight"> + +<div id="mainscreen" class="watermark" style="top:0"></div> + +<roundcube:else /> +<body> + +<roundcube:include file="/includes/header.html" /> + +<div id="mainscreen"> + +<!-- toolbar --> +<div id="messagetoolbar" class="fullwidth"> + <div id="mailtoolbar" class="toolbar"> + <roundcube:button command="list" type="link" class="button back disabled" classAct="button back" classSel="button back pressed" label="back" /> + </div> +</div> + +<div id="mailview-left"> + +<!-- folders list --> +<div id="mailboxcontainer" class="uibox listbox"> +<div class="scroller"> + <roundcube:object name="mailboxlist" id="mailboxlist" class="listing" folder_filter="mail" unreadwrap="%s" /> +</div> +</div> + +</div> + +<div id="mailview-right" class="offset uibox"> + +<div id="messagecontent" class="watermark"></div> + +<roundcube:object name="message" id="message" class="statusbar" /> + +</div><!-- end mailview-right --> + +</div><!-- end mainscreen --> + +<roundcube:include file="/includes/footer.html" /> + +<roundcube:endif /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/messagepart.html b/webmail/skins/larry/templates/messagepart.html new file mode 100644 index 0000000..dbb4940 --- /dev/null +++ b/webmail/skins/larry/templates/messagepart.html @@ -0,0 +1,36 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="partwin"> + +<div id="header"> +<div id="topline"> + <div class="topright"> + <a href="#close" class="closelink" onclick="self.close()"><roundcube:label name="close" /></a> + </div> +</div> + +<div id="topnav"> + <roundcube:object name="logo" src="/images/roundcube_logo.png" id="toplogo" border="0" alt="Logo" /> +</div> + +<br style="clear:both" /> +</div> + +<div id="mainscreen"> + +<div id="partheader" class="uibox"> +<roundcube:object name="messagePartControls" class="headers-table" /> +</div> + +<div id="messagepartcontainer" class="uibox"> +<roundcube:object name="messagePartFrame" id="messagepartframe" frameborder="0" /> +</div> + +</div> + +</body> +</html> diff --git a/webmail/skins/larry/templates/messagepreview.html b/webmail/skins/larry/templates/messagepreview.html new file mode 100644 index 0000000..aef282a --- /dev/null +++ b/webmail/skins/larry/templates/messagepreview.html @@ -0,0 +1,57 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="iframe fullheight"> + +<div id="messageheader" class="previewheader"> +<h3 class="subject"><roundcube:object name="messageHeaders" valueOf="subject" /></h3> + +<a href="#details" id="previewheaderstoggle" class="moreheaderstoggle"><span class="iconlink" title="<roundcube:label name='togglemoreheaders' />"></span></a> +<div id="contactphoto"><roundcube:object name="contactphoto" /></div> + +<table class="headers-table" id="preview-shortheaders"><tbody><tr> +<roundcube:if condition="env:mailbox == config:drafts_mbox || env:mailbox == config:sent_mbox"> + <td class="header-title"><roundcube:label name="to" /></td> + <td class="header from"><roundcube:object name="messageHeaders" valueOf="to" max="3" addicon="/images/addcontact.png" /></td> +<roundcube:else /> + <td class="header-title"><roundcube:label name="from" /></td> + <td class="header from"><roundcube:object name="messageHeaders" valueOf="from" addicon="/images/addcontact.png" /></td> +<roundcube:endif /> + <td class="header-title"><roundcube:label name="date" /></td> + <td class="header date"><span><roundcube:object name="messageHeaders" valueOf="date" /></span></td> +</tr></tbody></table> + +<roundcube:object name="messageHeaders" id="preview-allheaders" class="headers-table" addicon="/images/addcontact.png" max="10" exclude="subject,replyto" /> + +<roundcube:object name="messageFullHeaders" id="full-headers" /> + +<!-- record navigation --> +<div id="countcontrols" class="pagenav"> +<roundcube:if condition="env:mailbox != config:drafts_mbox"> + <roundcube:button command="reply" type="link" class="button reply" classSel="button reply pressed" innerClass="inner" title="replytomessage" content="<-" /> + <roundcube:button command="reply-all" type="link" class="button replyall" classSel="button replyall pressed" innerClass="inner" title="replytoallmessage" content="<<-" /> + <roundcube:button command="forward" type="link" class="button forward" classSel="button forward pressed" innerClass="inner" title="forwardmessage" content="->" /> + +<roundcube:endif /> + <roundcube:button command="extwin" type="link" class="button extwin" classSel="button extwin pressed" innerClass="inner" title="openinextwin" content="[]" /> +</div> + +</div> + +<div id="messagepreview"> +<div class="rightcol"> +<roundcube:object name="messageAttachments" id="attachment-list" class="attachmentslist" /> +</div> +<div class="leftcol"> +<roundcube:object name="messageObjects" id="message-objects" /> +<roundcube:object name="messageBody" id="messagebody" headertableclass="message-partheaders headers-table" /> +</div> +</div> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/messageprint.html b/webmail/skins/larry/templates/messageprint.html new file mode 100644 index 0000000..d01c70b --- /dev/null +++ b/webmail/skins/larry/templates/messageprint.html @@ -0,0 +1,19 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<link rel="shortcut icon" href="/images/favicon.ico"/> +<link rel="stylesheet" type="text/css" href="/print.css" /> +</head> +<body> + +<div id="header"><roundcube:object name="logo" src="/images/roundcube_logo.png" id="toplogo" border="0" alt="Logo" /></div> + +<div id="printmessageframe"> +<roundcube:object name="messageHeaders" class="headers-table" /> +<roundcube:object name="messageAttachments" id="attachment-list" /> +<roundcube:object name="messageBody" id="messagebody" showImages="false" /> +</div> + +</body> +</html> diff --git a/webmail/skins/larry/templates/plugin.html b/webmail/skins/larry/templates/plugin.html new file mode 100644 index 0000000..341f604 --- /dev/null +++ b/webmail/skins/larry/templates/plugin.html @@ -0,0 +1,29 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="noscroll"> + +<roundcube:include file="/includes/header.html" /> + +<div id="mainscreen" class="offset"> + +<roundcube:if condition="env:task == 'settings'" /> + <roundcube:include file="/includes/settingstabs.html" /> +<roundcube:endif /> + +<div id="pluginbody" class="uibox contentbox"> +<roundcube:object name="plugin.body" /> +<roundcube:object name="message" id="message" class="statusbar" /> +</div> + +</div> + +<roundcube:object name="plugin.footer" /> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/settings.html b/webmail/skins/larry/templates/settings.html new file mode 100644 index 0000000..427e0a4 --- /dev/null +++ b/webmail/skins/larry/templates/settings.html @@ -0,0 +1,37 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="noscroll"> + +<roundcube:include file="/includes/header.html" /> + +<div id="mainscreen" class="offset"> + +<roundcube:include file="/includes/settingstabs.html" /> + +<div id="settings-right"> + +<div id="sectionslist" class="uibox listbox"> +<div class="scroller"> + <roundcube:object name="sectionslist" id="sections-table" class="listing" /> +</div> +</div> + +<div id="preferences-box" class="uibox contentbox"> + <div class="iframebox"> + <roundcube:object name="prefsframe" id="preferences-frame" style="width:100%; height:100%" frameborder="0" src="/watermark.html" /> + </div> + <roundcube:object name="message" id="message" class="statusbar" /> +</div> + +</div> + +</div> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/templates/settingsedit.html b/webmail/skins/larry/templates/settingsedit.html new file mode 100644 index 0000000..1a80f58 --- /dev/null +++ b/webmail/skins/larry/templates/settingsedit.html @@ -0,0 +1,22 @@ +<roundcube:object name="doctype" value="html5" /> +<html> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +</head> +<body class="iframe"> + +<h1 class="boxtitle"><roundcube:object name="sectionname" /></h1> + +<div id="preferences-details" class="boxcontent"> +<roundcube:object name="userprefs" form="form" class="propform" /> +</div> + +<div class="footerleft formbuttons"> + <roundcube:button command="save" type="input" class="button mainaction" label="save" /> +</div> + +<roundcube:include file="/includes/footer.html" /> + +</body> +</html> diff --git a/webmail/skins/larry/thumbnail.png b/webmail/skins/larry/thumbnail.png Binary files differnew file mode 100644 index 0000000..1cd23ad --- /dev/null +++ b/webmail/skins/larry/thumbnail.png diff --git a/webmail/skins/larry/ui.js b/webmail/skins/larry/ui.js new file mode 100644 index 0000000..19f8a51 --- /dev/null +++ b/webmail/skins/larry/ui.js @@ -0,0 +1,1201 @@ +/** + * Roundcube functions for default skin interface + * + * Copyright (c) 2013, The Roundcube Dev Team + * + * The contents are subject to the Creative Commons Attribution-ShareAlike + * License. It is allowed to copy, distribute, transmit and to adapt the work + * by keeping credits to the original autors in the README file. + * See http://creativecommons.org/licenses/by-sa/3.0/ for details. + */ + + +function rcube_mail_ui() +{ + var env = {}; + var popups = {}; + var popupconfig = { + forwardmenu: { editable:1 }, + searchmenu: { editable:1, callback:searchmenu }, + listoptions: { editable:1 }, + dragmessagemenu: { sticky:1 }, + groupmenu: { above:1 }, + mailboxmenu: { above:1 }, + spellmenu: { callback: spellmenu }, + // toggle: #1486823, #1486930 + 'attachment-form': { editable:1, above:1, toggle:!bw.ie&&!bw.linux }, + 'upload-form': { editable:1, toggle:!bw.ie&&!bw.linux } + }; + + var me = this; + var mailviewsplit; + var compose_headers = {}; + + // export public methods + this.set = setenv; + this.init = init; + this.init_tabs = init_tabs; + this.show_about = show_about; + this.show_popup = show_popup; + this.set_searchmod = set_searchmod; + this.show_uploadform = show_uploadform; + this.show_header_row = show_header_row; + this.hide_header_row = hide_header_row; + + + // set minimal mode on small screens (don't wait for document.ready) + if (window.$ && document.body) { + var minmode = rcmail.get_cookie('minimalmode'); + if (parseInt(minmode) || (minmode === null && $(window).height() < 850)) { + $(document.body).addClass('minimal'); + } + + if (bw.tablet) { + $('#viewport').attr('content', "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"); + } + } + + + /** + * + */ + function setenv(key, val) + { + env[key] = val; + } + + /** + * Initialize UI + * Called on document.ready + */ + function init() + { + rcmail.addEventListener('message', message_displayed); + + /*** prepare minmode functions ***/ + $('#taskbar a').each(function(i,elem){ + $(elem).append('<span class="tooltip">' + $('.button-inner', this).html() + '</span>') + }); + + $('#taskbar .minmodetoggle').click(function(e){ + var ismin = $(document.body).toggleClass('minimal').hasClass('minimal'); + rcmail.set_cookie('minimalmode', ismin?1:0); + $(window).resize(); + }); + + /*** mail task ***/ + if (rcmail.env.task == 'mail') { + rcmail.addEventListener('menu-open', show_listoptions); + rcmail.addEventListener('menu-save', save_listoptions); + rcmail.addEventListener('responseafterlist', function(e){ switch_view_mode(rcmail.env.threading ? 'thread' : 'list') }); + + var dragmenu = $('#dragmessagemenu'); + if (dragmenu.length) { + rcmail.gui_object('message_dragmenu', 'dragmessagemenu'); + popups.dragmessagemenu = dragmenu; + } + + if (rcmail.env.action == 'show' || rcmail.env.action == 'preview') { + rcmail.addEventListener('aftershow-headers', function() { layout_messageview(); }); + rcmail.addEventListener('afterhide-headers', function() { layout_messageview(); }); + $('#previewheaderstoggle').click(function(e){ toggle_preview_headers(this); return false }); + } + else if (rcmail.env.action == 'compose') { + rcmail.addEventListener('aftertoggle-editor', function(){ window.setTimeout(function(){ layout_composeview() }, 200); }); + rcmail.addEventListener('aftersend-attachment', show_uploadform); + rcmail.addEventListener('add-recipient', function(p){ show_header_row(p.field, true); }); + layout_composeview(); + + // Show input elements with non-empty value + var field, fields = ['cc', 'bcc', 'replyto', 'followupto']; + for (var f=0; f < fields.length; f++) { + if ((field = $('#_'+fields[f])) && field.length && field.val() != '') + show_header_row(fields[f], true); + } + + $('#composeoptionstoggle').click(function(){ + $('#composeoptionstoggle').toggleClass('remove'); + $('#composeoptions').toggle(); + layout_composeview(); + return false; + }).css('cursor', 'pointer'); + + // toggle compose options if opened in new window and they were visible before + var opener_rc = rcmail.opener(); + if (opener_rc && opener_rc.env.action == 'compose' && $('#composeoptionstoggle', opener.document).hasClass('remove')) + $('#composeoptionstoggle').click(); + + new rcube_splitter({ id:'composesplitterv', p1:'#composeview-left', p2:'#composeview-right', + orientation:'v', relative:true, start:248, min:170, size:12, render:layout_composeview }).init(); + } + else if (rcmail.env.action == 'list' || !rcmail.env.action) { + var previewframe = $('#mailpreviewframe').is(':visible'); + $('#mailpreviewtoggle').addClass(previewframe ? 'enabled' : 'closed').click(function(e){ toggle_preview_pane(e); return false }); + $('#maillistmode').addClass(rcmail.env.threading ? '' : 'selected').click(function(e){ switch_view_mode('list'); return false }); + $('#mailthreadmode').addClass(rcmail.env.threading ? 'selected' : '').click(function(e){ switch_view_mode('thread'); return false }); + + mailviewsplit = new rcube_splitter({ id:'mailviewsplitter', p1:'#mailview-top', p2:'#mailview-bottom', + orientation:'h', relative:true, start:310, min:150, size:12, offset:4 }); + if (previewframe) + mailviewsplit.init(); + + new rcube_scroller('#folderlist-content', '#folderlist-header', '#folderlist-footer'); + + rcmail.addEventListener('setquota', update_quota); + } + + if ($('#mailview-left').length) { + new rcube_splitter({ id:'mailviewsplitterv', p1:'#mailview-left', p2:'#mailview-right', + orientation:'v', relative:true, start:226, min:150, size:12, callback:render_mailboxlist, render:resize_leftcol }).init(); + } + } + /*** settings task ***/ + else if (rcmail.env.task == 'settings') { + rcmail.addEventListener('init', function(){ + var tab = '#settingstabpreferences'; + if (rcmail.env.action) + tab = '#settingstab' + (rcmail.env.action.indexOf('identity')>0 ? 'identities' : rcmail.env.action.replace(/\./g, '')); + + $(tab).addClass('selected') + .children().first().removeAttr('onclick').click(function() { return false; }); + }); + + if (rcmail.env.action == 'folders') { + new rcube_splitter({ id:'folderviewsplitter', p1:'#folderslist', p2:'#folder-details', + orientation:'v', relative:true, start:266, min:180, size:12 }).init(); + + new rcube_scroller('#folderslist-content', '#folderslist-header', '#folderslist-footer'); + + rcmail.addEventListener('setquota', update_quota); + } + else if (rcmail.env.action == 'identities') { + new rcube_splitter({ id:'identviewsplitter', p1:'#identitieslist', p2:'#identity-details', + orientation:'v', relative:true, start:266, min:180, size:12 }).init(); + } + else if (rcmail.env.action == 'preferences' || !rcmail.env.action) { + new rcube_splitter({ id:'prefviewsplitter', p1:'#sectionslist', p2:'#preferences-box', + orientation:'v', relative:true, start:266, min:180, size:12 }).init(); + } + } + /*** addressbook task ***/ + else if (rcmail.env.task == 'addressbook') { + rcmail.addEventListener('afterupload-photo', show_uploadform); + + if (rcmail.env.action == '') { + new rcube_splitter({ id:'addressviewsplitterd', p1:'#addressview-left', p2:'#addressview-right', + orientation:'v', relative:true, start:226, min:150, size:12, render:resize_leftcol }).init(); + new rcube_splitter({ id:'addressviewsplitter', p1:'#addresslist', p2:'#contacts-box', + orientation:'v', relative:true, start:286, min:270, size:12 }).init(); + + new rcube_scroller('#directorylist-content', '#directorylist-header', '#directorylist-footer'); + } + } + + // set min-width to show all toolbar buttons + var screen = $('.minwidth'); + if (screen.length) { + screen.css('min-width', $('.toolbar').width() + $('#quicksearchbar').parent().width() + 20); + } + + // turn a group of fieldsets into tabs + $('.tabbed').each(function(idx, elem){ init_tabs(elem); }) + + // decorate select elements + $('select.decorated').each(function(){ + if (bw.opera) { + $(this).removeClass('decorated'); + return; + } + + var select = $(this), + height = Math.max(select.height(), 26) - 2, + width = select.width() - 22, + title = $('option', this).first().text(); + + if ($('option:selected', this).val() != '') + title = $('option:selected', this).text(); + + var overlay = $('<a class="menuselector"><span class="handle">' + title + '</span></a>') + .css('position', 'absolute') + .offset(select.position()) + .insertAfter(select); + + overlay.children().width(width).height(height).css('line-height', (height - 1) + 'px'); + + select.change(function() { + var val = $('option:selected', this).text(); + $(this).next().children().html(val); + }); + + var parent = select.parent(); + if (parent.css('position') != 'absolute') + parent.css('position', 'relative'); + + // re-set original select width to fix click action and options width in some browsers + select.width(overlay.width()); + }); + + $(document.body) + .bind('mouseup', body_mouseup) + .bind('keyup', function(e){ + if (e.keyCode == 27) { + for (var id in popups) { + if (popups[id].is(':visible')) + show_popup(id, false); + } + } + }); + + $('iframe').load(function(e){ + // this = iframe + try { + var doc = this.contentDocument ? this.contentDocument : this.contentWindow ? this.contentWindow.document : null; + $(doc).mouseup(body_mouseup); + } + catch (e) { + // catch possible "Permission denied" error in IE + }; + }) + .contents().mouseup(body_mouseup); + + // don't use $(window).resize() due to some unwanted side-effects + window.onresize = resize; + resize(); + } + + /** + * Handler for mouse-up events on the document body. + * This will close all open popup menus + */ + function body_mouseup(e) + { + var config, obj, target = e.target; + if (target.className == 'inner') + target = e.target.parentNode; + for (var id in popups) { + obj = popups[id]; + config = popupconfig[id]; + if (obj.is(':visible') + && target.id != id+'link' + && !config.toggle + && (!config.editable || !target_overlaps(target, obj.get(0))) + && (!config.sticky || !rcube_mouse_is_over(e, obj.get(0))) + ) { + var myid = id+''; + window.setTimeout(function(){ show_popupmenu(myid, false) }, 10); + } + } + } + + /** + * Update UI on window resize + */ + function resize() + { + if (rcmail.env.task == 'mail') { + if (rcmail.env.action == 'show' || rcmail.env.action == 'preview') + layout_messageview(); + else if (rcmail.env.action == 'compose') + layout_composeview(); + } + + // make iframe footer buttons float if scrolling is active + $('body.iframe .footerleft').each(function(){ + var footer = $(this), + body = $(document.body), + floating = footer.hasClass('floating'), + overflow = body.outerHeight(true) > $(window).height(); + + if (overflow != floating) { + var action = overflow ? 'addClass' : 'removeClass'; + footer[action]('floating'); + body[action]('floatingbuttons'); + } + }); + } + + /** + * Triggered when a new user message is displayed + */ + function message_displayed(p) + { + // show a popup dialog on errors + if (p.type == 'error' && rcmail.env.task != 'login') { + if (me.message_timer) { + window.clearTimeout(me.message_timer); + } + if (!me.messagedialog) { + me.messagedialog = $('<div>').addClass('popupdialog').hide(); + } + + var msg = p.message, + pos = $(p.object).offset(); + pos.top -= (rcmail.env.task == 'login' ? 20 : 160); + + if (me.messagedialog.is(':visible')) + msg = me.messagedialog.html() + '<p>' + p.message + '</p>'; + + me.messagedialog.html(msg) + .dialog({ + resizable: false, + closeOnEscape: true, + dialogClass: 'popupmessage ' + p.type, + title: env.errortitle, + close: function() { + me.messagedialog.dialog('destroy').hide(); + }, + position: ['center', pos.top], + hide: { effect:'drop', direction:'down' }, + width: 420, + minHeight: 90 + }).show(); + + me.message_timer = window.setTimeout(function(){ me.messagedialog.dialog('close'); }, Math.max(2000, p.timeout / 2)); + } + } + + + /** + * Adjust UI objects of the mail view screen + */ + function layout_messageview() + { + $('#messagecontent').css('top', ($('#messageheader').outerHeight() + 1) + 'px'); + $('#message-objects div a').addClass('button'); + + if (!$('#attachment-list li').length) { + $('div.rightcol').hide(); + $('div.leftcol').css('margin-right', '0'); + } + } + + + function render_mailboxlist(splitter) + { + // TODO: implement smart shortening of long folder names + } + + + function resize_leftcol(splitter) + { + // STUB + } + + + function layout_composeview() + { + var body = $('#composebody'), + form = $('#compose-content'), + bottom = $('#composeview-bottom'), + w, h, bh, ovflw, btns = 0, + minheight = 300, + + bh = (form.height() - bottom.position().top); + ovflw = minheight - bh; + btns = ovflw > -100 ? 0 : 40; + bottom.css('height', Math.max(minheight, bh) + 'px'); + form.css('overflow', ovflw > 0 ? 'auto' : 'hidden'); + + w = body.parent().width() - 5; + h = body.parent().height() - 16; + body.width(w).height(h); + + $('#composebody_tbl').width((w+8)+'px').height('').css('margin-top', '1px'); + $('#composebody_ifr').width((w+8)+'px').height((h-40)+'px'); + $('#googie_edit_layer').height(h+'px'); +// $('#composebodycontainer')[(btns ? 'addClass' : 'removeClass')]('buttons'); +// $('#composeformbuttons')[(btns ? 'show' : 'hide')](); + + var abooks = $('#directorylist'); + $('#compose-contacts .scroller').css('top', abooks.position().top + abooks.outerHeight()); + } + + + function update_quota(p) + { + var step = 24, step_count = 20, + y = p.total ? Math.ceil(p.percent / 100 * step_count) * step : 0; + + // never show full-circle if quota is close to 100% but below. + if (p.total && y == step * step_count && p.percent < 100) + y -= step; + + $('#quotadisplay').css('background-position', '0 -'+y+'px'); + } + + + /** + * Trigger for popup menus + */ + function show_popup(popup, show, config) + { + // auto-register menu object + if (config || !popupconfig[popup]) + popupconfig[popup] = $.extend(popupconfig[popup] || {}, config); + + var visible = show_popupmenu(popup, show), + config = popupconfig[popup]; + if (typeof config.callback == 'function') + config.callback(visible); + } + + /** + * Show/hide a specific popup menu + */ + function show_popupmenu(popup, show) + { + var obj = popups[popup], + config = popupconfig[popup], + ref = $('#'+popup+'link'), + above = config.above; + + if (!obj) { + obj = popups[popup] = $('#'+popup); + obj.appendTo(document.body); // move them to top for proper absolute positioning + } + + if (!obj || !obj.length) + return false; + + if (typeof show == 'undefined') + show = obj.is(':visible') ? false : true; + else if (config.toggle && show && obj.is(':visible')) + show = false; + + if (show && ref) { + var parent = ref.parent(), + win = $(window), + pos; + + if (parent.hasClass('dropbutton')) + ref = parent; + + pos = ref.offset(); + ref.offsetHeight = ref.outerHeight(); + if (!above && pos.top + ref.offsetHeight + obj.height() > win.height()) + above = true; + if (pos.left + obj.width() > win.width()) + pos.left = win.width() - obj.width() - 12; + + obj.css({ left:pos.left, top:(pos.top + (above ? -obj.height() : ref.offsetHeight)) }); + } + + obj[show?'show':'hide'](); + + // hide drop-down elements on buggy browsers + if (bw.ie6 && config.overlap) { + $('select').css('visibility', show?'hidden':'inherit'); + $('select', obj).css('visibility', 'inherit'); + } + + return show; + } + + /** + * + */ + function target_overlaps(target, elem) + { + while (target.parentNode) { + if (target.parentNode == elem) + return true; + target = target.parentNode; + } + return false; + } + + + /** + * Show/hide the preview pane + */ + function toggle_preview_pane(e) + { + var button = $(e.target), + frame = $('#mailpreviewframe'), + visible = !frame.is(':visible'), + splitter = mailviewsplit.pos || parseInt(rcmail.get_cookie('mailviewsplitter') || 320), + topstyles, bottomstyles, uid; + + frame.toggle(); + button.removeClass().addClass(visible ? 'enabled' : 'closed'); + + if (visible) { + $('#mailview-top').removeClass('fullheight').css({ bottom:'auto' }); + $('#mailview-bottom').css({ height:'auto' }); + + rcmail.env.contentframe = 'messagecontframe'; + if (uid = rcmail.message_list.get_single_selection()) + rcmail.show_message(uid, false, true); + + // let the splitter set the correct size and position + if (mailviewsplit.handle) { + mailviewsplit.handle.show(); + mailviewsplit.resize(); + } + else + mailviewsplit.init(); + } + else { + rcmail.env.contentframe = null; + rcmail.show_contentframe(false); + + $('#mailview-top').addClass('fullheight').css({ height:'auto', bottom:'28px' }); + $('#mailview-bottom').css({ top:'auto', height:'26px' }); + + if (mailviewsplit.handle) + mailviewsplit.handle.hide(); + } + + if (visible && uid && rcmail.message_list) + rcmail.message_list.scrollto(uid); + + rcmail.command('save-pref', { name:'preview_pane', value:(visible?1:0) }); + } + + + /** + * Switch between short and full headers display in message preview + */ + function toggle_preview_headers(button) + { + $('#preview-shortheaders').toggle(); + var full = $('#preview-allheaders').toggle(), + button = $('a#previewheaderstoggle'); + + // add toggle button to full headers table + if (full.is(':visible')) + button.attr('href', '#hide').removeClass('add').addClass('remove') + else + button.attr('href', '#details').removeClass('remove').addClass('add') + } + + + /** + * + */ + function switch_view_mode(mode) + { + if (rcmail.env.threading != (mode == 'thread')) + rcmail.set_list_options(null, undefined, undefined, mode == 'thread' ? 1 : 0); + + $('#maillistmode, #mailthreadmode').removeClass('selected'); + $('#mail'+mode+'mode').addClass('selected'); + } + + + /**** popup callbacks ****/ + + function searchmenu(show) + { + if (show && rcmail.env.search_mods) { + var n, all, + obj = popups['searchmenu'], + list = $('input:checkbox[name="s_mods[]"]', obj), + mbox = rcmail.env.mailbox, + mods = rcmail.env.search_mods; + + if (rcmail.env.task == 'mail') { + mods = mods[mbox] ? mods[mbox] : mods['*']; + all = 'text'; + } + else { + all = '*'; + } + + if (mods[all]) + list.map(function() { + this.checked = true; + this.disabled = this.value != all; + }); + else { + list.prop('disabled', false).prop('checked', false); + for (n in mods) + $('#s_mod_' + n).prop('checked', true); + } + } + } + + + function spellmenu(show) + { + var link, li, + lang = rcmail.spellcheck_lang(), + menu = popups.spellmenu, + ul = $('ul', menu); + + if (!ul.length) { + ul = $('<ul class="toolbarmenu selectable">'); + + for (i in rcmail.env.spell_langs) { + li = $('<li>'); + link = $('<a href="#"></a>').text(rcmail.env.spell_langs[i]) + .addClass('active').data('lang', i) + .click(function() { + rcmail.spellcheck_lang_set($(this).data('lang')); + }); + + link.appendTo(li); + li.appendTo(ul); + } + + ul.appendTo(menu); + } + + // select current language + $('li', ul).each(function() { + var el = $('a', this); + if (el.data('lang') == lang) + el.addClass('selected'); + else if (el.hasClass('selected')) + el.removeClass('selected'); + }); + } + + + /** + * + */ + function show_listoptions() + { + var $dialog = $('#listoptions'); + + // close the dialog + if ($dialog.is(':visible')) { + $dialog.dialog('close'); + return; + } + + // set form values + $('input[name="sort_col"][value="'+rcmail.env.sort_col+'"]').prop('checked', true); + $('input[name="sort_ord"][value="DESC"]').prop('checked', rcmail.env.sort_order == 'DESC'); + $('input[name="sort_ord"][value="ASC"]').prop('checked', rcmail.env.sort_order != 'DESC'); + + // set checkboxes + $('input[name="list_col[]"]').each(function() { + $(this).prop('checked', $.inArray(this.value, rcmail.env.coltypes) != -1); + }); + + $dialog.dialog({ + modal: true, + resizable: false, + closeOnEscape: true, + title: null, + close: function() { + $dialog.dialog('destroy').hide(); + }, + width: 650 + }).show(); + } + + + /** + * + */ + function save_listoptions() + { + $('#listoptions').dialog('close'); + + var sort = $('input[name="sort_col"]:checked').val(), + ord = $('input[name="sort_ord"]:checked').val(), + cols = $('input[name="list_col[]"]:checked') + .map(function(){ return this.value; }).get(); + + rcmail.set_list_options(cols, sort, ord, rcmail.env.threading); + } + + + /** + * + */ + function set_searchmod(elem) + { + var all, m, task = rcmail.env.task, + mods = rcmail.env.search_mods, + mbox = rcmail.env.mailbox; + + if (!mods) + mods = {}; + + if (task == 'mail') { + if (!mods[mbox]) + mods[mbox] = rcube_clone_object(mods['*']); + m = mods[mbox]; + all = 'text'; + } + else { //addressbook + m = mods; + all = '*'; + } + + if (!elem.checked) + delete(m[elem.value]); + else + m[elem.value] = 1; + + // mark all fields + if (elem.value != all) + return; + + $('input:checkbox[name="s_mods[]"]').map(function() { + if (this == elem) + return; + + this.checked = true; + if (elem.checked) { + this.disabled = true; + delete m[this.value]; + } + else { + this.disabled = false; + m[this.value] = 1; + } + }); + } + + + function show_uploadform() + { + var $dialog = $('#upload-dialog'); + + // close the dialog + if ($dialog.is(':visible')) { + $dialog.dialog('close'); + return; + } + + // add icons to clone file input field + if (rcmail.env.action == 'compose' && !$dialog.data('extended')) { + $('<a>') + .addClass('iconlink add') + .attr('href', '#add') + .html('Add') + .appendTo($('input[type="file"]', $dialog).parent()) + .click(add_uploadfile); + $dialog.data('extended', true); + } + + $dialog.dialog({ + modal: true, + resizable: false, + closeOnEscape: true, + title: $dialog.attr('title'), + close: function() { + try { $('#upload-dialog form').get(0).reset(); } + catch(e){ } // ignore errors + + $dialog.dialog('destroy').hide(); + $('div.addline', $dialog).remove(); + }, + width: 480 + }).show(); + + if (!document.all) + $('input[type=file]', $dialog).first().click(); + } + + function add_uploadfile(e) + { + var div = $(this).parent(); + var clone = div.clone().addClass('addline').insertAfter(div); + clone.children('.iconlink').click(add_uploadfile); + clone.children('input').val(''); + + if (!document.all) + $('input[type=file]', clone).click(); + } + + + /** + * + */ + function show_header_row(which, updated) + { + var row = $('#compose-' + which); + if (row.is(':visible')) + return; // nothing to be done here + + if (compose_headers[which] && !updated) + $('#_' + which).val(compose_headers[which]); + + row.show(); + $('#' + which + '-link').hide(); + layout_composeview(); + return false; + } + + /** + * + */ + function hide_header_row(which) + { + // copy and clear field value + var field = $('#_' + which); + compose_headers[which] = field.val(); + field.val(''); + + $('#compose-' + which).hide(); + $('#' + which + '-link').show(); + layout_composeview(); + return false; + } + + + /** + * Fieldsets-to-tabs converter + */ + function init_tabs(elem, current) + { + var content = $(elem), + id = content.get(0).id, + fs = content.children('fieldset'); + + if (!fs.length) + return; + + if (!id) { + id = 'rcmtabcontainer'; + content.attr('id', id); + } + + // first hide not selected tabs + current = current || 0; + fs.each(function(idx) { if (idx != current) $(this).hide(); }); + + // create tabs container + var tabs = $('<div>').addClass('tabsbar').prependTo(content); + + // convert fildsets into tabs + fs.each(function(idx) { + var tab, a, elm = $(this), legend = elm.children('legend'); + + // create a tab + a = $('<a>').text(legend.text()).attr('href', '#'); + tab = $('<span>').attr({'id': 'tab'+idx, 'class': 'tablink'}) + .click(function() { show_tab(id, idx); return false }) + + // remove legend + legend.remove(); + // style fieldset + elm.addClass('tab'); + // style selected tab + if (idx == current) + tab.addClass('selected'); + + // add the tab to container + tab.append(a).appendTo(tabs); + }); + } + + function show_tab(id, index) + { + var fs = $('#'+id).children('fieldset'); + + fs.each(function(idx) { + // Show/hide fieldset (tab content) + $(this)[index==idx ? 'show' : 'hide'](); + // Select/unselect tab + $('#tab'+idx).toggleClass('selected', idx==index); + }); + + resize(); + } + + /** + * Show about page as jquery UI dialog + */ + function show_about(elem) + { + var frame = $('<iframe>').attr('id', 'aboutframe') + .attr('src', rcmail.url('settings/about')) + .attr('frameborder', '0') + .appendTo(document.body); + + var h = Math.floor($(window).height() * 0.75); + var buttons = {}; + var supportln = $('#supportlink'); + if (supportln.length && (env.supporturl = supportln.attr('href'))) + buttons[supportln.html()] = function(e){ env.supporturl.indexOf('mailto:') < 0 ? window.open(env.supporturl) : location.href = env.supporturl }; + + frame.dialog({ + modal: true, + resizable: false, + closeOnEscape: true, + title: elem ? elem.title || elem.innerHTML : null, + close: function() { + frame.dialog('destroy').remove(); + }, + buttons: buttons, + width: 640, + height: h + }).width(640); + } +} + + +/** + * Roundcube Scroller class + */ +function rcube_scroller(list, top, bottom) +{ + var ref = this; + + this.list = $(list); + this.top = $(top); + this.bottom = $(bottom); + this.step_size = 6; + this.step_time = 20; + this.delay = 500; + + this.top + .mouseenter(function() { if (rcmail.drag_active) ref.ts = window.setTimeout(function() { ref.scroll('down'); }, ref.delay); }) + .mouseout(function() { if (ref.ts) window.clearTimeout(ref.ts); }); + + this.bottom + .mouseenter(function() { if (rcmail.drag_active) ref.ts = window.setTimeout(function() { ref.scroll('up'); }, ref.delay); }) + .mouseout(function() { if (ref.ts) window.clearTimeout(ref.ts); }); + + this.scroll = function(dir) + { + var ref = this, size = this.step_size; + + if (!rcmail.drag_active) + return; + + if (dir == 'down') + size *= -1; + + this.list.get(0).scrollTop += size; + this.ts = window.setTimeout(function() { ref.scroll(dir); }, this.step_time); + }; +}; + + +/** + * Roundcube UI splitter class + * + * @constructor + */ +function rcube_splitter(p) +{ + this.p = p; + this.id = p.id; + this.horizontal = (p.orientation == 'horizontal' || p.orientation == 'h'); + this.halfsize = (p.size !== undefined ? p.size : 10) / 2; + this.pos = p.start || 0; + this.min = p.min || 20; + this.offset = p.offset || 0; + this.relative = p.relative ? true : false; + this.drag_active = false; + this.render = p.render; + this.callback = p.callback; + + var me = this; + rcube_splitter._instances[this.id] = me; + + this.init = function() + { + this.p1 = $(this.p.p1); + this.p2 = $(this.p.p2); + + // check if referenced elements exist, otherwise abort + if (!this.p1.length || !this.p2.length) + return; + + // create and position the handle for this splitter + this.p1pos = this.relative ? this.p1.position() : this.p1.offset(); + this.p2pos = this.relative ? this.p2.position() : this.p2.offset(); + this.handle = $('<div>') + .attr('id', this.id) + .attr('unselectable', 'on') + .addClass('splitter ' + (this.horizontal ? 'splitter-h' : 'splitter-v')) + .appendTo(this.p1.parent()) + .bind('mousedown', onDragStart); + + if (this.horizontal) { + var top = this.p1pos.top + this.p1.outerHeight(); + this.handle.css({ left:'0px', top:top+'px' }); + } + else { + var left = this.p1pos.left + this.p1.outerWidth(); + this.handle.css({ left:left+'px', top:'0px' }); + } + + // listen to window resize on IE + if (bw.ie) + $(window).resize(onResize); + + // read saved position from cookie + var cookie = rcmail.get_cookie(this.id); + if (cookie && !isNaN(cookie)) { + this.pos = parseFloat(cookie); + this.resize(); + } + else if (this.pos) { + this.resize(); + this.set_cookie(); + } + }; + + /** + * Set size and position of all DOM objects + * according to the saved splitter position + */ + this.resize = function() + { + if (this.horizontal) { + this.p1.css('height', Math.floor(this.pos - this.p1pos.top - this.halfsize) + 'px'); + this.p2.css('top', Math.ceil(this.pos + this.halfsize + 2) + 'px'); + this.handle.css('top', Math.round(this.pos - this.halfsize + this.offset)+'px'); + if (bw.ie) { + var new_height = parseInt(this.p2.parent().outerHeight(), 10) - parseInt(this.p2.css('top'), 10) - (bw.ie8 ? 2 : 0); + this.p2.css('height', (new_height > 0 ? new_height : 0) + 'px'); + } + } + else { + this.p1.css('width', Math.floor(this.pos - this.p1pos.left - this.halfsize) + 'px'); + this.p2.css('left', Math.ceil(this.pos + this.halfsize) + 'px'); + this.handle.css('left', Math.round(this.pos - this.halfsize + this.offset + 3)+'px'); + if (bw.ie) { + var new_width = parseInt(this.p2.parent().outerWidth(), 10) - parseInt(this.p2.css('left'), 10) ; + this.p2.css('width', (new_width > 0 ? new_width : 0) + 'px'); + } + } + + this.p2.resize(); + this.p1.resize(); + + // also resize iframe covers + if (this.drag_active) { + $('iframe').each(function(i, elem) { + var pos = $(this).offset(); + $('#iframe-splitter-fix-'+i).css({ top: pos.top+'px', left: pos.left+'px', width:elem.offsetWidth+'px', height: elem.offsetHeight+'px' }); + }); + } + + if (typeof this.render == 'function') + this.render(this); + }; + + /** + * Handler for mousedown events + */ + function onDragStart(e) + { + // disable text selection while dragging the splitter + if (bw.konq || bw.chrome || bw.safari) + document.body.style.webkitUserSelect = 'none'; + + me.p1pos = me.relative ? me.p1.position() : me.p1.offset(); + me.p2pos = me.relative ? me.p2.position() : me.p2.offset(); + me.drag_active = true; + + // start listening to mousemove events + $(document).bind('mousemove.'+this.id, onDrag).bind('mouseup.'+this.id, onDragStop); + + // enable dragging above iframes + $('iframe').each(function(i, elem) { + $('<div>') + .attr('id', 'iframe-splitter-fix-'+i) + .addClass('iframe-splitter-fix') + .css({ background: '#fff', + width: elem.offsetWidth+'px', height: elem.offsetHeight+'px', + position: 'absolute', opacity: '0.001', zIndex: 1000 + }) + .css($(this).offset()) + .appendTo('body'); + }); + }; + + /** + * Handler for mousemove events + */ + function onDrag(e) + { + if (!me.drag_active) + return false; + + var pos = rcube_event.get_mouse_pos(e); + + if (me.relative) { + var parent = me.p1.parent().offset(); + pos.x -= parent.left; + pos.y -= parent.top; + } + + if (me.horizontal) { + if (((pos.y - me.halfsize) > me.p1pos.top) && ((pos.y + me.halfsize) < (me.p2pos.top + me.p2.outerHeight()))) { + me.pos = Math.max(me.min, pos.y - me.offset); + me.resize(); + } + } + else { + if (((pos.x - me.halfsize) > me.p1pos.left) && ((pos.x + me.halfsize) < (me.p2pos.left + me.p2.outerWidth()))) { + me.pos = Math.max(me.min, pos.x - me.offset); + me.resize(); + } + } + + me.p1pos = me.relative ? me.p1.position() : me.p1.offset(); + me.p2pos = me.relative ? me.p2.position() : me.p2.offset(); + return false; + }; + + /** + * Handler for mouseup events + */ + function onDragStop(e) + { + // resume the ability to highlight text + if (bw.konq || bw.chrome || bw.safari) + document.body.style.webkitUserSelect = 'auto'; + + // cancel the listening for drag events + $(document).unbind('.'+me.id); + me.drag_active = false; + + // remove temp divs + $('div.iframe-splitter-fix').remove(); + + me.set_cookie(); + + if (typeof me.callback == 'function') + me.callback(me); + + return bw.safari ? true : rcube_event.cancel(e); + }; + + /** + * Handler for window resize events + */ + function onResize(e) + { + if (me.horizontal) { + var new_height = parseInt(me.p2.parent().outerHeight(), 10) - parseInt(me.p2[0].style.top, 10) - (bw.ie8 ? 2 : 0); + me.p2.css('height', (new_height > 0 ? new_height : 0) +'px'); + } + else { + var new_width = parseInt(me.p2.parent().outerWidth(), 10) - parseInt(me.p2[0].style.left, 10); + me.p2.css('width', (new_width > 0 ? new_width : 0) + 'px'); + } + }; + + /** + * Saves splitter position in cookie + */ + this.set_cookie = function() + { + var exp = new Date(); + exp.setYear(exp.getFullYear() + 1); + rcmail.set_cookie(this.id, this.pos, exp); + }; + +} // end class rcube_splitter + + +// static getter for splitter instances +rcube_splitter._instances = {}; + +rcube_splitter.get_instance = function(id) +{ + return rcube_splitter._instances[id]; +}; diff --git a/webmail/skins/larry/watermark.html b/webmail/skins/larry/watermark.html new file mode 100644 index 0000000..af28d69 --- /dev/null +++ b/webmail/skins/larry/watermark.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html> +<head> +<title></title> +<style type="text/css"> + +html, body { + height: 95%; +} + +body { + background: url(images/watermark.jpg?v=e784.5000) center no-repeat #fff; +} + +</style> +</head> +<body> + +</body> +</html>
\ No newline at end of file |
