Speedup UI by using CSS sprites and etags/expires/deflate for static files

thomascube

2009-05-28 d7f49d64d3e2d808e5fb037faef53ff5a5510909

 skins/default/settings.css

@@ -10,8 +10,6 @@
  height: 22px;
  border-bottom: 1px solid #999999;
  white-space: nowrap;
  /* css hack for IE */
  width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
}

span.tablink,
@@ -53,9 +51,6 @@
  right: 20px;
  overflow: auto;
  border: 1px solid #999999;
  /* css hack for IE */
  height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
  width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
}

#userprefs-box table td.title
@@ -75,8 +70,6 @@
  float: left;
  margin-right: 14px;
  min-width: 520px;
  /* css hack for IE */
  width: expression(Math.min(520, parseInt(document.documentElement.clientWidth))+'px');
}

#rcmfd_timezone
@@ -99,8 +92,6 @@
  bottom: 140px;
  overflow: auto;
  border: 1px solid #999999;
  /* css hack for IE */
  height: expression((parseInt(document.documentElement.clientHeight)-235)+'px');
}

#folder-manager.droptarget
@@ -114,8 +105,6 @@
  bottom: 60px;
  width: 420px;
  border: 1px solid #999999;
  /* css hack for IE */
  height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
}

#listbuttons
@@ -135,8 +124,11 @@
#subscription-table
{
  width: 100%;
  /* css hack for IE */
  width: expression('auto');
}

#subscription-table input
{
  font: inherit;
}

#subscription-table tbody td,
@@ -196,6 +188,12 @@
  width: 30px;
}

#subscription-table td.name input
{
  font: inherit;
  width: 240px;
}

#identity-frame
{
  position: relative;
@@ -212,9 +210,6 @@
  bottom: 60px;
  border: 1px solid #999999;
  overflow: auto;
  /* css hack for IE */
  width: expression((parseInt(document.documentElement.clientWidth)-470)+'px');
  height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
}

#identity-details table td.title
@@ -244,13 +239,12 @@
div.boxtitle
{
  height: 12px !important;
  padding: 4px 20px 3px 6px;
  padding: 2px 10px 5px 10px;
  border-bottom: 1px solid #999999;
  color: #333333;
  font-size: 11px;
  font-weight: bold;
  background-color: #EBEBEB;
  background-image: url(images/listheader_aqua.gif); 
  background: url('images/listheader.gif') top left repeat-x #CCC;
}

div.settingsbox