Some hacks to make Larry work in IE7

thomascube

2012-02-15 19b34b7058117832de44682a7d3eb4ada9859be4

Some hacks to make Larry work in IE7

 skins/larry/ie7hacks.css

New file
@@ -0,0 +1,149 @@
/**
 * 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.
 *
 * $Id$
 */

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,
#messagepreviewheader .iconlink {
    /* 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,
#messagepreviewheader .iconlink,
#uploadform a.iconlink {
    display: inline;
}

#messagepreviewheader .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;
}

table.listing,
table.records-table {
    display: block;
    width: auto;
    border-collapse: expression('separate', cellSpacing = '0');
}

table.listing {
    width: 100%;
}

ul.toolbarmenu li label {
    margin: 0;
    padding: 3px 8px;
}

#quicksearchbar input {
    padding-top: 4px;
    padding-bottom: 4px;
}

#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;
}

#composeoptionsbox {
    padding-top: 2px;
}

#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;
}


 skins/larry/iehacks.css

@@ -104,7 +104,8 @@
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#d3d3d3 50%, #f8f8f8', GradientType=0);
}

.tabsbar .tablink.selected a {
.tabsbar .selected a {
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
}


 skins/larry/mail.css

@@ -185,6 +185,8 @@
}

#mailboxlist li.mailbox ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #bbd3da;
}

 skins/larry/templates/folders.html

@@ -25,7 +25,7 @@
</div>

<div id="folder-details" class="uibox contentbox">
    <roundcube:object name="folderframe" id="preferences-frame" style="width:100%; height:96%" src="/watermark.html" />
    <roundcube:object name="folderframe" id="preferences-frame" style="width:100%; height:96%" frameborder="0" src="/watermark.html" />
    <roundcube:object name="message" id="message" class="statusbar" />
</div>


 skins/larry/ui.js

@@ -772,6 +772,7 @@
  {
    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);