Get rid of -o-box-shadow

Aleksander Machniak

2014-07-02 734e23367559608589d04c358d2437fdf28b4804

 skins/larry/mail.css

@@ -14,7 +14,7 @@
   position: absolute;
   top: 0;
   left: 0;
   width: 220px;
   width: 200px;
   bottom: 0;
   z-index: 2;
}
@@ -22,7 +22,7 @@
#mailview-right {
   position: absolute;
   top: 0;
   left: 232px;
   left: 212px;
   right: 0;
   bottom: 0;
   z-index: 3;
@@ -38,6 +38,9 @@
   left: 0;
   right: 0;
   bottom: 0px;
}

html.ie #mailview-top {
   overflow: visible; /* fixes display issues of fixed list header in IE */
}

@@ -92,6 +95,7 @@
   background: -ms-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
   background: linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
   border-radius: 0 0 4px 4px;
   white-space: nowrap;
}

#messagelistfooter.rightalign {
@@ -312,11 +316,11 @@

#mailboxlist li.mailbox ul li a {
   padding-left: 52px;  /* 36 + 1 x 16 */
   background-position: 22px -93px;  /* 6 + 1 x 16 */
   background-position: 22px -95px;  /* 6 + 1 x 16 */
}
#mailboxlist li.mailbox ul li > a:focus,
#mailboxlist li.mailbox ul li.selected > a {
   background-position: 22px -117px;
   background-position: 22px -119px;
}
#mailboxlist li.mailbox ul li div.treetoggle {
   left: 33px;
@@ -325,11 +329,11 @@

#mailboxlist li.mailbox ul ul li.mailbox a {
   padding-left: 68px;  /* 2x */
   background-position: 38px -93px;
   background-position: 38px -95px;
}
#mailboxlist li.mailbox ul ul li > a:focus,
#mailboxlist li.mailbox ul ul li.selected > a {
   background-position: 38px -117px;
   background-position: 38px -119px;
}
#mailboxlist li.mailbox ul ul li div.treetoggle {
   left: 48px;
@@ -337,11 +341,11 @@

#mailboxlist li.mailbox ul ul ul li.mailbox a {
   padding-left: 84px;  /* 3x */
   background-position: 54px -93px;
   background-position: 54px -95px;
}
#mailboxlist li.mailbox ul ul ul li > a:focus,
#mailboxlist li.mailbox ul ul ul li.selected > a {
   background-position: 54px -117px;
   background-position: 54px -119px;
}
#mailboxlist li.mailbox ul ul ul li div.treetoggle {
   left: 64px;
@@ -349,11 +353,11 @@

#mailboxlist li.mailbox ul ul ul ul li.mailbox a {
   padding-left: 100px;  /* 4x */
   background-position: 70px -93px;
   background-position: 70px -95px;
}
#mailboxlist li.mailbox ul ul ul ul li > a:focus,
#mailboxlist li.mailbox ul ul ul ul li.selected > a {
   background-position: 70px -117px;
   background-position: 70px -119px;
}
#mailboxlist li.mailbox ul ul ul ul li div.treetoggle {
   left: 80px;
@@ -372,6 +376,7 @@
   top: 3px;
   right: 6px;
   min-width: 1.8em;
   line-height: 15px;
   padding: 2px 4px;
   background: #82acb5;
   background: -moz-linear-gradient(top, #82acb5 0%, #6a939f 100%);
@@ -380,7 +385,6 @@
   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;
@@ -398,7 +402,6 @@
   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;
}
@@ -411,7 +414,6 @@
   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;
}
@@ -455,7 +457,7 @@
#mailpreviewtoggle {
   display: block;
   position: absolute;
   top: 6px;
   top: 7px;
   right: 4px;
   width: 20px;
   height: 18px;
@@ -487,7 +489,7 @@
.messagelist tr > .flag,
.messagelist tr > .priority {
   width: 20px;
   padding: 2px 3px;
   padding: 2px 3px !important;
}

.webkit .messagelist tr > .attachment,
@@ -506,8 +508,8 @@
   width: 30px;
}

.messagelist tr > .threads,
.messagelist tr > .threads + td {
.messagelist tr > .threads + td,
.messagelist tr > .threads + th {
   border-left: 0;
}

@@ -638,7 +640,7 @@
}

.messagelist thead tr th.attachment span.attachment {
   background-position: -24px -997px;
   background-position: -24px -996px;
}

.messagelist tbody tr td.attachment span.report {
@@ -646,7 +648,7 @@
}

.messagelist thead tr th.priority span.priority {
   background-position: -24px -1845px;
   background-position: -25px -1845px;
}

.messagelist tr td.priority span.prio5 {
@@ -670,7 +672,7 @@
}

.messagelist thead tr th.flag span.flagged {
   background-position: -22px -1036px;
   background-position: -22px -1037px;
}

.messagelist tr:hover td.status span.msgicon {
@@ -796,7 +798,7 @@

#messagecontframe {
   border: 0;
   border-radius: 4px 4px 0 0;
   border-radius: 4px;
}

#messagecontent {
@@ -845,7 +847,7 @@

h3.subject {
   font-size: 14px;
   margin: 0 12em 0 0;
   margin: 0 15em 0 0;
   padding: 8px 8px 4px 8px;
   white-space: nowrap;
   overflow: hidden;
@@ -991,7 +993,6 @@
   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);
}

@@ -1079,7 +1080,6 @@
}

#messageheader .pagenav .countdisplay {
   min-width: 0;
   padding-right: 0.5em;
   white-space: nowrap;
}
@@ -1145,16 +1145,11 @@
   border-top: 0;
}

div.message-part pre,
div.message-htmlpart pre,
div.message-part div.pre {
   margin: 0;
   padding: 0;
   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 {
@@ -1166,8 +1161,10 @@
   border-left: 2px solid blue;
   border-right: 2px solid blue;
   background-color: #F6F6F6;
   margin: 2px 0 2px 0;
   padding: 1px 8px 1px 10px;
   margin: 2px 0;
   padding: 0 0.4em;
   overflow: hidden;
   text-overflow: ellipsis;
}

div.message-part blockquote blockquote {
@@ -1296,14 +1293,14 @@
   position: absolute;
   top: 0;
   left: 0;
   width: 250px;
   width: 200px;
   bottom: 0;
}

#composeview-right {
   position: absolute;
   top: 0;
   left: 262px;
   left: 212px;
   right: 0;
   bottom: 0;
}
@@ -1314,23 +1311,6 @@
   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 {
@@ -1404,34 +1384,16 @@
   background-position: 6px -1555px;
}

#contacts-table.focus tr.focused td.contactgroup {
   background-position: 4px -1555px;
}

#contacts-table tr.unfocused td.contactgroup,
#contacts-table tr.selected td.contactgroup {
   background-position: 6px -1579px;
}

#contacts-table.focus tr.selected.focused td.contactgroup {
   background-position: 4px -1579px;
}

#contacts-table td.contact {
   background-position: 6px -1603px;
}

#contacts-table.focus tr.focused td.contact {
   background-position: 4px -1603px;
}

#contacts-table tr.unfocused td.contact,
#contacts-table tr.selected td.contact {
   background-position: 6px -1627px;
}

#contacts-table.focus tr.selected.focused td.contact {
   background-position: 4px -1627px;
}

#compose-content {
@@ -1509,8 +1471,6 @@
.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 {
@@ -1523,7 +1483,6 @@
   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;
}
@@ -1582,7 +1541,6 @@
   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,
@@ -1590,7 +1548,6 @@
   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 {
@@ -1619,7 +1576,6 @@
   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 {
@@ -1627,7 +1583,6 @@
   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 {
@@ -1638,16 +1593,13 @@
   padding-bottom: 8px;
}

.defaultSkin table.mceLayout,
.defaultSkin table.mceLayout tr.mceLast td {
#composebodycontainer .mce-tinymce {
   border: 0 !important;
   margin-top: 1px;
}

.defaultSkin td.mceToolbar {
   border: 0 !important;
}

.defaultSkin table.mceLayout tr.mceFirst td {
#composebodycontainer .mce-panel {
   border-color: #ccc !important;
   background: #f0f0f0;
}