--- a/web/data/cubicweb.preferences.css	Mon Jun 21 16:01:57 2010 +0200
+++ b/web/data/cubicweb.preferences.css	Mon Jun 21 16:13:41 2010 +0200
@@ -5,106 +5,90 @@
  *  :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr
  */
 
+div.propertiesform {
+  margin-bottom: 1.2857em;
+  line-height: 1.2857em;
+  font-size: %(h3FontSize)s;
+}
 
-.preferences .validateButton{
- margin-top:0px;
+div.propertiesform a {
+  display: block;
+  margin: 10px 0px 6px 0px;
+  padding-left: 16px;
+  font-weight: bold;
+  color: #000;
+  background: transparent url("puce_down.png") 3px center no-repeat;
+  text-decoration:none;
+}
+
+div.propertiesform a:hover {
+  background-color: %(listingHeaderBgColor)s;
+}
+
+.preferences .validateButton {
+  margin-top: 0px;
  }
 
-fieldset.preferences{
- border : 1px solid #CFCEB7;
- margin:7px 1em 0;
- padding:2px 6px 6px;
+fieldset.preferences {
+  margin: 7px 1em 0;
+  padding: 2px 6px 6px;
+  border : 1px solid %(pageContentBorderColor)s;
 }
 
 div.component {
- margin-left: 1em;
-}
-
-div.componentLink{
- margin-top:0.3em;
- }
-
-a.componentTitle{
- font-weight:bold;
- color: #000/*#0083AB;*/
- }
-
-a.componentTitle:visited{
- color: #000;
+  margin: 0 0 1em 16px;
 }
 
-h2.propertiesform a{
- display:block;
- margin: 10px 0px 6px 0px;
+a.componentTitle {
  font-weight: bold;
- color: #000;
- padding: 0.2em 0.2em 0.2em 16px;
- background:#eeedd9 url("puce_down.png") 3px center no-repeat;
- font-size:89%;
+ color: #000
 }
 
-h2.propertiesform a:hover{
- background-color:#cfceb7;
-}
-
-h2.propertiesform a:hover,
-h2.propertiesform a:visited{
- text-decoration:none;
- color: #000;
+a.componentTitle:visited {
+  color: #000;
 }
 
 div.preffield {
- margin-bottom: 5px;
- padding:2px 5px;
- background:#eeedd9;
+  margin-bottom: 5px;
+  padding: 2px 5px;
+  background: %(listingHeaderBgColor)s;
 }
 
-div.prefinput{
- margin:.3em;
+div.prefinput {
+  margin: .3em;
 }
 
-
 div.prefinput select.changed,
-div.prefinput input.changed{
- border: 1px solid #000;
- font-weight:bold;
-
-}
-
-div.prefinput select,
-div.prefinput input{
- background:#fff;
- border: 1px solid #CFCEB7;
+div.prefinput input.changed {
+  border: 1px solid #000;
+  font-weight: bold;
 }
 
 .prefinput input.error {
- /* background:#fff url(error.png) no-repeat scroll 100% 50% !important; */
- border:1px solid red !important;
- color:red;
- padding-right:1em;
+  border:1px solid red !important;
+  color:red;
+  padding-right:1em;
 }
 
-
-div.formsg{
- font-weight:bold;
- margin:0.5em 0px;
+div.formsg {
+  font-weight: bold;
+  margin: 0.5em 0px;
 }
 
-
-div.critical{
- color:red;
- padding-left:20px;
- background:#fff url(critical.png) no-repeat;
+div.critical {
+  color: red;
+  padding-left: 20px;
+  background: #fff url(critical.png) no-repeat;
  }
 
-div.formsg .msg{
- color : green;
+div.formsg .msg {
+  color: green;
 }
 
-.helper{
+.helper {
   font-size: 96%;
-  color: #555544;
-  padding:0;
+  color: %(helperColor)s;
+  padding: 0;
 }
 
 div.prefinput .helper:hover {
@@ -112,6 +96,6 @@
   cursor: default;
 }
 
-div.openlink{
- display:inline;
+div.openlink {
+  display: inline;
  }