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,16 +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 fieldset
{
  float: left;
  margin-right: 14px;
  width: 520px;
}

#userprefs-box table td.title
@@ -75,6 +63,18 @@
#userprefs-box table tr.advanced
{
  display: none;
}

.userprefs-block
{
  float: left;
  margin-right: 14px;
  min-width: 520px;
}

#rcmfd_timezone
{
  width: 300px;
}

#identities-list,
@@ -92,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
@@ -107,8 +105,6 @@
  bottom: 60px;
  width: 420px;
  border: 1px solid #999999;
  /* css hack for IE */
  height: expression((parseInt(document.documentElement.clientHeight)-160)+'px');
}

#listbuttons
@@ -125,6 +121,17 @@
  background-color: #F9F9F9;
}

#subscription-table
{
  width: 100%;
}

#subscription-table input
{
  font: inherit;
}

#subscription-table tbody td,
#identities-table tbody td
{
  cursor: default;
@@ -140,6 +147,51 @@
#identities-table thead td.email
{
  width: 45%;
}

#subscription-table tr.virtual td
{
  color: #666;
}

#subscription-table tr.selected td,
#subscription-table tr.selected td a
{
  color: #FFFFFF;
  background-color: #CC3333;
}

#subscription-table tr.droptarget td,
#subscription-table tr.droptarget td a
{
  background-color: #FFFFA6;
}

#subscription-table thead td.name
{
  width: 360px;
}

#subscription-table thead td.msgcount
{
  width: 90px;
}

#subscription-table thead td.subscribed
{
  width: 90px;
}

#subscription-table thead td.rename,
#subscription-table thead td.delete
{
  width: 30px;
}

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

#identity-frame
@@ -158,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)-160)+'px');
}

#identity-details table td.title
@@ -187,17 +236,15 @@

#userprefs-title,
#identity-title,
div.boxtitle,
#subscription-table thead td
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
@@ -211,55 +258,6 @@
{
  display: block;
  padding: 10px;
}

#subscription-table
{
  width: 100%;
}

#subscription-table tbody td
{
  height: 20px;
  padding-left: 6px;
  padding-right: 10px;
  white-space: nowrap;
  border-bottom: 1px solid #EBEBEB;
  background-color: #F9F9F9;
  cursor: default;
}

#subscription-table tr.virtual td
{
  color: #666;
}

#subscription-table tr.selected td,
#subscription-table tr.selected td a
{
  color: #FFFFFF;
  background-color: #CC3333;
}

#subscription-table tr.droptarget td,
#subscription-table tr.droptarget td a
{
  background-color: #FFFFA6;
}

#subscription-table thead td.name
{
  width: 250px;
}

#subscription-table thead td.msgcount
{
  width: 90px;
}

#subscription-table thead td.subscribed
{
  width: 90px;
}

fieldset