Imported Upstream version 0.3

[roundcube.git] / skins / default / settings.css

diff --git a/skins/default/settings.css b/skins/default/settings.css
index 5c4bd56dc24fe3ff4dd683343dbfe054def7fe01..74388a4b6504048a7222d421b79054182cb13071 100644 (file)
--- a/skins/default/settings.css
+++ b/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,
@@ -21,12 +19,14 @@ span.tablink-selected
   width: 100px;
   height: 24px !important;
   height: 22px;
-  background: url('images/tab_pas.gif') top left no-repeat;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  background: url('images/tabs.gif') top left no-repeat;
 }
 
 span.tablink-selected
 {
-  background: url('images/tab_act.gif') top left no-repeat;
+  background-position: -102px 0;
 }
 
 span.tablink a,
@@ -44,41 +44,6 @@ span.tablink-selected a
   color: #000000;
 }
 
-#userprefs-box
-{
-  position: absolute;
-  top: 95px;
-  left: 20px;
-  bottom: 60px;
-  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
-{
-  color: #666666;
-  padding-right: 10px;
-  white-space: nowrap;
-}
-
-#userprefs-box table tr.advanced
-{
-  display: none;
-}
-
-.userprefs-block
-{
-  float: left;
-  margin-right: 14px;
-  min-width: 520px;
-  /* css hack for IE */
-  width: expression(Math.min(520, parseInt(document.documentElement.clientWidth))+'px');
-}
-
 #rcmfd_timezone
 {
   width: 300px;
@@ -99,8 +64,6 @@ span.tablink-selected a
   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 +77,6 @@ span.tablink-selected a
   bottom: 60px;
   width: 420px;
   border: 1px solid #999999;
-  /* css hack for IE */
-  height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
 }
 
 #listbuttons
@@ -132,6 +93,17 @@ span.tablink-selected a
   background-color: #F9F9F9;
 }
 
+#subscription-table
+{
+  width: 100%;
+}
+
+#subscription-table input
+{
+  font: inherit;
+}
+
+#subscription-table tbody td,
 #identities-table tbody td
 {
   cursor: default;
@@ -149,6 +121,64 @@ span.tablink-selected a
   width: 45%;
 }
 
+#subscription-table tbody td
+{
+  height: 22px !important;
+  height: 18px;
+}
+
+#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 tbody td.subscribed,
+#subscription-table tbody td.rename,
+#subscription-table tbody td.delete
+{
+  padding: 1px 4px;
+}
+
+#subscription-table thead td.rename,
+#subscription-table thead td.delete
+{
+  width: 30px;
+}
+
+#subscription-table td.name input
+{
+  font: inherit;
+  width: 240px;
+}
+
 #identity-frame
 {
   position: relative;
@@ -165,9 +195,6 @@ span.tablink-selected a
   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
@@ -192,19 +219,17 @@ input.disabled
   bottom: 20px;
 }
 
-#userprefs-title,
 #identity-title,
-div.boxtitle,
-#subscription-table thead td
+#prefs-title,
+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
@@ -220,75 +245,93 @@ div.settingspart
   padding: 10px;
 }
 
-#subscription-table
+fieldset 
 {
-  width: 100%;
-  /* css hack for IE */ 
-  width: expression('auto');
+  margin-bottom: 0.5em;
+  border: 1px solid #999999;
+  padding: 4px 8px 9px 8px; 
 }
 
-#subscription-table tbody td
+legend
 {
-  height: 20px;
-  padding-left: 6px;
-  padding-right: 10px;
-  white-space: nowrap;
-  border-bottom: 1px solid #EBEBEB;
+  color: #999999;
+}
+
+#prefsscreen
+{
+  position: absolute;
+  top: 95px;
+  right: 20px;
+  bottom: 30px;
+  left: 20px;
+}
+
+#sectionslist
+{
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  bottom: 0px;
+  border: 1px solid #999999;
   background-color: #F9F9F9;
-  cursor: default;
+  overflow: auto;
 }
 
-#subscription-table tr.virtual td
+#sections-table
 {
-  color: #666;
+  width: 100%;
+  table-layout: fixed;
 }
 
-#subscription-table tr.selected td,
-#subscription-table tr.selected td a
+#sections-table tbody td
 {
-  color: #FFFFFF;
-  background-color: #CC3333;
+  cursor: default;
 }
 
-#subscription-table tr.droptarget td,
-#subscription-table tr.droptarget td a
+#prefs-box
 {
-  background-color: #FFFFA6;
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  border: 1px solid #999999;
+  overflow: hidden;
 }
 
-#subscription-table thead td.name
+body.iframe,
+#prefs-frame
 {
-  width: 250px;
+  background-color: #F9F9F9;
+  border: none;
 }
 
-#subscription-table thead td.msgcount
+#prefs-details
 {
-  width: 90px;
+  margin: 15px;
 }
 
-#subscription-table thead td.subscribed
+#prefs-details table td.title
 {
-  width: 90px;
+  color: #666;
+  padding-right: 10px;
 }
 
-fieldset 
+#formfooter
 {
-  margin-bottom: 0.5em;
-  border: 1px solid #999999;
-  padding: 4px 8px 9px 8px; 
+  width: 100%;
 }
 
-legend
+#formfooter .footerleft
 {
-  color: #999999;
+  padding-left: 20px;
+  white-space: nowrap;
+  float: left;
 }
 
-div.advswitch
+#formfooter .footerright
 {
+  padding-right: 20px;
   white-space: nowrap;
   text-align: right;
-  position: absolute;
-  bottom: 35px;
-  right: 20px;
-  width: 460px;
+  float: right;
 }