Aleksander Machniak
2016-05-20 9e64dc2debfa1c7410f82bf71f4d10856751e258
skins/classic/mail.css
@@ -108,84 +108,88 @@
}
#messagetoolbar a.print {
  background-position: -224px 0;
}
#messagetoolbar a.printSel {
  background-position: -224px -32px;
}
#messagetoolbar a.markmessage {
  background-position: -256px 0;
}
#messagetoolbar a.messagemenu {
#messagetoolbar a.printSel {
  background-position: -256px -32px;
}
#messagetoolbar a.markmessage {
  background-position: -288px 0;
}
#messagetoolbar a.messagemenu {
  background-position: -320px 0;
  width: 34px;
}
#messagetoolbar a.spellcheck {
  background-position: -384px 0;
  background-position: -418px 0;
}
#messagetoolbar a.spellcheckSel {
  background-position: -384px -32px;
  background-position: -418px -32px;
}
#messagetoolbar a.attach {
  background-position: -352px 0;
  background-position: -386px 0;
}
#messagetoolbar a.attachSel {
  background-position: -352px -32px;
  background-position: -386px -32px;
}
#messagetoolbar a.insertsig {
  background-position: -448px 0;
  background-position: -482px 0;
}
#messagetoolbar a.insertsigSel {
  background-position: -448px -32px;
  background-position: -482px -32px;
}
#messagetoolbar a.savedraft {
  background-position: -322px 0;
  background-position: -354px 0;
}
#messagetoolbar a.savedraftSel {
  background-position: -322px -32px;
  background-position: -354px -32px;
}
#messagetoolbar a.send {
  background-position: -416px 0;
  background-position: -450px 0;
}
#messagetoolbar a.sendSel {
  background-position: -416px -32px;
  background-position: -450px -32px;
}
#messagetoolbar a.move {
  background-position: -580px 0;
}
#messagetoolbar a.moveSel {
  background-position: -580px -32px;
}
#messagetoolbar a.download {
  background-position: -480px 0;
  background-position: -514px 0;
}
#messagetoolbar a.downloadSel {
  background-position: -480px -32px;
  background-position: -514px -32px;
}
#messagetoolbar select.mboxlist
{
  position: relative;
  margin: 0 8px;
  top: 7px;
#messagetoolbar a.responses {
  background-position: -548px 0;
}
#messagetoolbar select.mboxlist option
{
  padding-left: 15px;
#messagetoolbar a.encrypt {
  background-position: -612px 0;
}
#messagetoolbar select.mboxlist option[value=""]
{
  padding-left: 2px;
#messagetoolbar a.encryptSel {
  background-position: -612px -32px;
}
#messagemenu li a.active:hover,
@@ -216,18 +220,28 @@
#messagemenu li a.sourcelink
{
  background-position: 7px -35px;
  background-position: 7px -34px;
}
#messagemenu li a.openlink,
#attachmentmenu li a.openlink
{
  background-position: 7px -53px;
  background-position: 7px -52px;
}
#messagemenu li a.editlink
{
  background-position: 7px -71px;
  background-position: 6px -70px;
}
#messagemenu li a.movelink
{
  background-position: 6px -160px;
}
#messagemenu li a.copylink
{
  background-position: 6px -142px;
}
#markmessagemenu li a,
@@ -403,101 +417,14 @@
  background-color: #FFF;
}
#mailboxlist li
{
  display: block;
  position: relative;
  font-size: 11px;
  background: url(images/icons/folders.png) 5px 0 no-repeat;
  border-bottom: 1px solid #EBEBEB;
}
#mailboxlist li ul li:last-child
{
  border-bottom: none;
}
#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
@@ -614,6 +541,7 @@
  right: 4px;
  white-space: nowrap;
  font-size: 11px;
  line-height: 14px;
}
#countcontrols a.button,
@@ -646,6 +574,7 @@
  z-index: 2;
}
.messagelist thead tr th,
.messagelist thead tr td
{
  height: 20px;
@@ -656,25 +585,26 @@
  background: url(images/listheader.gif) top left repeat-x #CCC;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}
.messagelist thead tr td.sortedASC,
.messagelist thead tr td.sortedDESC
.messagelist thead tr > .sortedASC,
.messagelist thead tr > .sortedDESC
{
  background-position: 0 -26px;
}
.messagelist thead tr td.sortedASC a
.messagelist thead tr > .sortedASC a
{
  background: url(images/icons/sort.gif) right 0 no-repeat;
}
.messagelist thead tr td.sortedDESC a
.messagelist thead tr > .sortedDESC a
{
  background: url(images/icons/sort.gif) right -14px no-repeat;
}
.messagelist thead tr td a
.messagelist thead tr a
{
  display: block;
  width: auto !important;
@@ -683,18 +613,19 @@
  text-decoration: none;
}
.messagelist thead tr td.size.sortedASC a,
.messagelist thead tr td.size.sortedDESC a
.messagelist thead tr > .size.sortedASC a,
.messagelist thead tr > .size.sortedDESC a
{
  padding-right: 18px;
}
.messagelist thead tr td.subject
.messagelist thead tr > .subject
{
  padding-left: 18px;
  width: 99%;
}
.messagelist tbody tr th,
.messagelist tbody tr td
{
  height: 20px;
@@ -707,6 +638,7 @@
  -o-text-overflow: ellipsis;
  border-bottom: 1px solid #EBEBEB;
  cursor: default;
  outline: none;
}
.messagelist tbody tr td a
@@ -730,40 +662,42 @@
  cursor: pointer;
}
.messagelist tr td.flag span,
.messagelist tr td.status span,
.messagelist tr td.attachment span,
.messagelist tr td.priority span
.messagelist tr > .flag span,
.messagelist tr > .status span,
.messagelist tr > .attachment span,
.messagelist tr > .priority span
{
  display: block;
  width: 15px;
  text-indent: -5000px;
  overflow: hidden;
}
.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
.messagelist tr > .threads .listmenu,
.messagelist tr > .attachment span.attachment,
.messagelist tr > .attachment span.report,
.messagelist tr > .priority span.priority,
.messagelist tr > .priority span.prio1,
.messagelist tr > .priority span.prio2,
.messagelist tr > .priority span.prio3,
.messagelist tr > .priority span.prio4,
.messagelist tr > .priority span.prio5,
.messagelist tr > .flag span.flagged,
.messagelist tr > .flag span.unflagged,
.messagelist tr > .flag span.unflagged:hover,
.messagelist tr > .status span.status,
.messagelist tr > .status span.msgicon,
.messagelist tr > .status span.deleted,
.messagelist tr > .status span.unread,
.messagelist tr > .status span.unreadchildren,
.messagelist tr > .subject span.msgicon,
.messagelist tr > .subject span.deleted,
.messagelist tr > .subject span.unread,
.messagelist tr > .subject span.replied,
.messagelist tr > .subject span.forwarded,
.messagelist tr > .subject span.unreadchildren
{
  display: inline-block;
  vertical-align: middle;
@@ -772,99 +706,104 @@
  background: url(images/messageicons.png) center no-repeat;
}
.messagelist tr td.attachment span.attachment
.messagelist tr > .attachment span.attachment
{
  background-position: 0 -170px;
}
.messagelist tr td.attachment span.report
.messagelist tr > .attachment span.report
{
  background-position: 0 -255px;
}
.messagelist tr td.priority span.priority
.messagelist tr > .priority span.priority
{
  background-position: 0 -309px;
}
.messagelist tr td.priority span.prio5
.messagelist tr > .priority span.prio5
{
  background-position: 0 -358px;
}
.messagelist tr td.priority span.prio4
.messagelist tr > .priority span.prio4
{
  background-position: 0 -340px;
}
.messagelist tr td.priority span.prio3
.messagelist tr > .priority span.prio3
{
  background-position: 0 -324px;
}
.messagelist tr td.priority span.prio2
.messagelist tr > .priority span.prio2
{
  background-position: 0 -309px;
}
.messagelist tr td.priority span.prio1
.messagelist tr > .priority span.prio1
{
  background-position: 0 -290px;
}
.messagelist tr td.flag span.flagged
{
  background-position: 0 -153px;
}
.messagelist tr td.flag span.unflagged:hover
.messagelist tr.flaggedroot td.flag span
{
  background-position: 0 -136px;
}
.messagelist tr td.subject span.msgicon,
.messagelist tr td.subject span.unreadchildren
.messagelist tr > .flag span.flagged
{
  background-position: 0 -153px;
}
.messagelist tr > .flag span.unflagged:hover
{
  background-position: 0 -136px;
}
.messagelist tr > .subject span.msgicon,
.messagelist tr > .subject span.unreadchildren
{
  background-position: 0 -51px;
  margin: 0 2px;
}
.messagelist tr td.subject span.replied
.messagelist tr > .subject span.replied
{
  background-position: 0 -85px;
}
.messagelist tr td.subject span.forwarded
.messagelist tr > .subject span.forwarded
{
  background-position: 0 -68px;
}
.messagelist tr td.subject span.replied.forwarded
.messagelist tr > .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
.messagelist tr > .status span.msgicon,
.messagelist tr > .flag span.unflagged,
.messagelist tr > .status span.unreadchildren
{
  background-position: 0 17px; /* no icon */
}
.messagelist tr td.status span.msgicon:hover
.messagelist tr > .status span.msgicon:hover
{
  background-position: 0 -272px;
}
.messagelist tr td.status span.deleted,
.messagelist tr td.subject span.deleted
.messagelist tr > .status span.deleted,
.messagelist tr > .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
.messagelist tr > .status span.status,
.messagelist tr > .status span.unread,
.messagelist tr > .subject span.unread
{
  background-position: 0 -119px;
}
@@ -881,10 +820,13 @@
  cursor: pointer;
}
.messagelist tr td.threads div.listmenu
.messagelist tr > .threads .listmenu
{
  background-position: 0 -238px;
  cursor: pointer;
  overflow: hidden;
  text-indent: -5000px;
  display: block;
}
.messagelist tbody tr td.subject
@@ -904,37 +846,47 @@
  text-decoration: underline;
}
.messagelist tr td.attachment,
.messagelist tr td.threads,
.messagelist tr td.status,
.messagelist tr td.flag,
.messagelist tr td.priority
.messagelist tr > .attachment,
.messagelist tr > .threads,
.messagelist tr > .status,
.messagelist tr > .flag,
.messagelist tr > .priority
{
  width: 17px;
  padding: 0 0 0 2px;
}
.messagelist tr td.size
.messagelist tr > .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
.messagelist tr > .fromto,
.messagelist tr > .from,
.messagelist tr > .to,
.messagelist tr > .cc,
.messagelist tr > .replyto
{
  width: 180px;
  padding: 0 2px;
}
.messagelist tr td.date
.messagelist tr > .date
{
  width: 118px;
  width: 135px;
  padding: 0 2px;
}
.messagelist tr > .folder
{
  width: 135px;
}
.messagelist tr > .hidden
{
  display: none;
}
.messagelist tr.message
@@ -954,24 +906,37 @@
  color: #CC0000;
}
.messagelist tr.selected td
{
  color: #FFFFFF;
  background-color: #CC3333;
/* This padding-left minus the focused padding left should be half of the focused border-left */
.messagelist thead tr th:first-child,
.messagelist thead tr td:first-child,
.messagelist tbody tr td:first-child {
   border-left: 0;
   padding-left: 6px;
}
.messagelist tr.unfocused td
/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
.messagelist tbody tr.focused > td:first-child {
   border-left: 4px solid #d4d4d4;
   padding-left: 4px;
}
.messagelist tbody tr.selected.focused > td:first-child {
   border-left: 2px solid #ccc;
   padding-left: 5px;
}
.messagelist tr.selected td
{
  color: #FFFFFF;
  background-color: #929292;
}
.messagelist tr.selected td a
.messagelist.focus tr.selected td
{
  color: #FFFFFF;
  background-color: #CC3333;
}
.messagelist tr.unfocused td a
.messagelist tr.selected td a
{
  color: #FFFFFF;
}
@@ -985,6 +950,7 @@
#listmenu
{
  padding: 6px;
  max-height: none;
}
#listmenu legend
@@ -1075,6 +1041,10 @@
  width: auto;
  margin: 6px 8px;
  background-color: #F4F4F4;
}
#messagebody.mailvelope {
  padding: 10px 8px;
}
#messagebody table.headers-table
@@ -1204,17 +1174,12 @@
  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
@@ -1228,8 +1193,10 @@
  border-left: 2px solid blue;
  border-right: 2px solid blue;
  background-color: #F6F6F6;
  margin: 2px 0px;
  padding: 1px 8px 1px 10px;
  margin: 2px 0;
  padding: 0 0.4em;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.message-part blockquote blockquote
@@ -1244,16 +1211,6 @@
  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
@@ -1442,6 +1399,10 @@
  border: 1px solid #999;
}
#compose-body-div .mce-tinymce {
  border: 0 !important;
}
#compose-div .boxlistcontent
{
  bottom: 23px;
@@ -1460,17 +1421,6 @@
  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
@@ -1594,9 +1544,7 @@
  height: 18px;
  line-height: 16px;
  font-size: 11px;
  padding-left: 2px;
  padding-top: 2px;
  padding-right: 4px;
  padding: 2px 2px 1px 2px;
  border-bottom: 1px solid #EBEBEB;
  white-space: nowrap;
  overflow: hidden;
@@ -1609,8 +1557,10 @@
  text-indent: -5000px;
  width: 17px;
  height: 16px;
  padding-bottom: 2px;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}
#compose-attachments li img
@@ -1761,7 +1711,7 @@
  color: #999;
}
#compose-contacts #quicksearchbar
#compose-contacts .searchbox
{
  top: 2px;
  left: 7px;
@@ -1780,3 +1730,56 @@
  top: 45px;
  position: absolute;
}
.mailvelopekeyimport div.key {
  position: relative;
  margin-bottom: 2px;
  padding: 1em 1em 5px;
  background-color: #ebebeb;
}
.mailvelopekeyimport div.key.revoked,
.mailvelopekeyimport div.key.disabled {
  color: #a0a0a0;
}
.mailvelopekeyimport div.key label {
  display: inline-block;
  margin-right: 0.5em;
}
.mailvelopekeyimport div.key label:after {
  content: ":";
}
.mailvelopekeyimport div.key label + a,
.mailvelopekeyimport div.key label + span {
  display: inline-block;
  margin-right: 2em;
  white-space: nowrap;
}
.mailvelopekeyimport div.key label + a {
  font-weight: bold;
}
.mailvelopekeyimport ul.uids {
  margin: 5px 1em 0 1em;
  padding: 0;
}
.mailvelopekeyimport li.uid {
  border: 0;
  padding: 2px;
}
.mailvelopekeyimport div.key input.button.importkey {
  position: absolute;
  top: 0.8em;
  right: 0.8em;
  padding: 2px 6px;
}
.mailvelopekeyimport div.key input.button[disabled] {
  display: none;
}