Install show_additional_headers plugin in roundcube-plugins package.

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

diff --git a/skins/default/settings.css b/skins/default/settings.css
index ce67ec41ed42d31f5e651cdc487d872f0fa01d55..5624f80e3492891a80b1c2fdffc7fb3564a70edd 100644 (file)
--- a/skins/default/settings.css
+++ b/skins/default/settings.css
@@ -1,97 +1,64 @@
-/***** RoundCube|Mail settings task styles *****/
+/***** Roundcube|Mail settings task styles *****/
 
-
-#tabsbar
+#rcmfd_timezone
 {
-  position: absolute;
-  top: 50px;
-  left: 220px;
-  right: 60px;
-  height: 22px;
-  border-bottom: 1px solid #999999;
-  white-space: nowrap;
-  /* css hack for IE */
-  width: expression((parseInt(document.documentElement.clientWidth)-280)+'px');
+  width: 300px;
 }
 
-span.tablink,
-span.tablink-selected
-{
-  float: left;
-  width: 100px;
-  height: 24px !important;
-  height: 22px;
-  background: url('images/tab_pas.gif') top left no-repeat;
-}
-
-span.tablink-selected
-{
-  background: url('images/tab_act.gif') top left no-repeat;
-}
-
-span.tablink a,
-span.tablink-selected a
+#folder-manager.droptarget
 {
-  display: block;
-  padding-left: 10px;
-  padding-top: 5px;
-  color: #555555;
-  text-decoration: none;
+  border: 1px solid #CC3333;
+  background-color: #FFFFA6;
 }
 
-span.tablink-selected a
+#identities-table,
+#subscription-table,
+#sections-table
 {
-  color: #000000;
+  width: 100%;
+  table-layout: fixed;
 }
 
-#userprefs-box
+#subscription-table input
 {
-  position: absolute;
-  top: 95px;
-  left: 20px;
-  width: 600px;
-  border: 1px solid #999999;  
+  font: inherit;
 }
 
-#userprefs-box table td.title
+#subscription-table tbody td,
+#identities-table tbody td,
+#sections-table tbody td
 {
-  color: #666666;
-  padding-right: 10px;
+  cursor: default;
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  height: 18px;
 }
 
-#identities-list,
-#folder-manager
+#subscription-table tr.virtual td
 {
-  position: absolute;
-  top: 95px;
-  left: 20px;
+  color: #666;
 }
 
-#folder-manager
+#subscription-table tr.selected td
 {
-  width: 600px;
-  bottom: 140px;
-  overflow: auto;
-  border: 1px solid #999999;
-  height: expression((parseInt(document.documentElement.clientHeight)-235)+'px');
+  color: #FFFFFF;
+  background-color: #CC3333;
 }
 
-#folder-manager.droptarget
+#subscription-table tr.droptarget td
 {
-  border: 1px solid #CC3333;
   background-color: #FFFFA6;
 }
 
-#identities-table
+#subscription-table td.name
 {
-  width: 600px;
-  border: 1px solid #999999;
-  background-color: #F9F9F9;
+  width: auto;
 }
 
-#identities-table tbody td
+#subscription-table td.subscribed
 {
-  cursor: pointer;
+  text-align: right;
+  padding-right: 12px;
 }
 
 #identity-frame
@@ -101,111 +68,98 @@ span.tablink-selected a
   border: 1px solid #999999;
 }
 
-#identity-details
+#identity-details,
+#folder-box,
+#prefs-box
 {
-  margin-top: 30px;
-  width: 600px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
   border: 1px solid #999999;
+  overflow: auto;
+  background-color: #F2F2F2;
 }
 
-#identity-details table td.title
+#identity-details table td.title,
+#folder-details table td.title
 {
-  color: #666666;
   font-weight: bold;
   text-align: right;
-  padding-right: 10px;
 }
 
-#bottomboxes
+input.disabled
 {
-  position: absolute;
-  width: 600px;
-  height: 120px;
-  left: 20px;
-  bottom: 20px;
+  color: #999999;
 }
 
-#userprefs-title,
-#identity-title,
-div.boxtitle,
-#subscription-table thead td
+#bottomboxes
 {
-  height: 12px !important;
-  padding: 4px 20px 3px 6px;
-  border-bottom: 1px solid #999999;
-  color: #333333;
-  font-size: 11px;
-  font-weight: bold;
-  background-color: #EBEBEB;
-  background-image: url(images/listheader_aqua.gif); 
+  position: absolute;
+  width: 600px;
+  height: 95px;
+  left: 0;
+  bottom: 0;
 }
 
-div.settingsbox
+#identities-list,
+#folder-manager,
+#sectionslist
 {
-  width: 600px;
-  margin-top: 20px;
-  margin-bottom: 20px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
   border: 1px solid #999999;
+  background-color: #F9F9F9;
+  overflow: hidden;
 }
 
-div.settingspart
+body.iframe,
+#prefs-frame,
+#folder-frame
 {
-  display: block;
-  padding: 10px;
+  background-color: #F2F2F2;
+  border: none;
 }
 
-#subscription-table
+#formfooter
 {
   width: 100%;
 }
 
-#subscription-table tbody td
+#formfooter .footerleft
 {
-  height: 16px;
-  padding-left: 6px;
-  padding-right: 10px;
+  padding-left: 15px;
   white-space: nowrap;
-  border-bottom: 1px solid #EBEBEB;
-  background-color: #F9F9F9;
-  cursor: pointer;
-}
-
-#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;
+  float: left;
 }
 
-#subscription-table thead td.msgcount
+#formfooter .footerright
 {
-  width: 90px;
+  padding-right: 15px;
+  white-space: nowrap;
+  text-align: right;
+  float: right;
 }
 
-#subscription-table thead td.subscribed
+#quota
 {
-  width: 90px;
+  position: absolute;
+  top: 3px;
+  right: 8px;
+  width: 100px;
 }
 
-fieldset 
+#quotaimg
 {
-  margin-bottom: 0.5em;
-  border: 1px solid #999999;
+  position: absolute;
+  top: 3px;
+  right: 6px;
+  z-index: 101;
 }
 
-legend
+#rcmfd_signature
 {
-  color: #999999;
+  font-family: monospace;
 }
-  
\ No newline at end of file