Some hacks to make Larry work in IE7

5 files changed, 155 insertions, 2 deletions

diff --git a/skins/larry/ie7hacks.css b/skins/larry/ie7hacks.css
new file mode 100644
index 000000000..0238d56ed
--- /dev/null
+++ b/skins/larry/ie7hacks.css
@@ -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;
+}
+
diff --git a/skins/larry/iehacks.css b/skins/larry/iehacks.css
index 5814fb05b..14f85568b 100644
--- a/skins/larry/iehacks.css
+++ b/skins/larry/iehacks.css
@@ -104,7 +104,8 @@ ul.toolbarmenu li a.active:hover,
 	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);
 }
 
diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index 266464ab7..3c90f179e 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -185,6 +185,8 @@ a.iconbutton.threadmode.selected {
 }
 
 #mailboxlist li.mailbox ul {
+	list-style: none;
+	margin: 0;
 	padding: 0;
 	border-top: 1px solid #bbd3da;
 }
diff --git a/skins/larry/templates/folders.html b/skins/larry/templates/folders.html
index 0b19d1a7f..e7238f304 100644
--- a/skins/larry/templates/folders.html
+++ b/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>
 
diff --git a/skins/larry/ui.js b/skins/larry/ui.js
index e870fe79b..333dd50cf 100644
--- a/skins/larry/ui.js
+++ b/skins/larry/ui.js
@@ -772,6 +772,7 @@ function rcube_mail_ui()
   {
     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);