improve CSS for editable_mode.

git-svn-id: https://svn.erp5.org/repos/public/erp5/trunk@27178 20353a03-c40f-0410-a6d1-a30d3c3de9de

bt5/erp5_web_multiflex5_theme/SkinTemplateItem/portal_skins/erp5_web_multiflex5_theme/mf54_content.css.xml

@@ -343,17 +343,81 @@
 /* We will have to handle the different types in another way */\n
 /* .subcontent h1.group_title {background: url(./mf54_image/icon_celltitle_menu.gif) no-repeat; background-position:225px 5px;} */\n
 \n
-div.adminToolbox input, textarea{ /* This should be common XXX */\n
-  border: 1px solid #999;\n
+.main a img, .main a:hover img {\n
+  border-width: 1px;\n
 }\n
 \n
-div.adminToolbox select {\n
+.container {\n
+  clear: both;\n
+}\n
+\n
+fieldset.editable legend {\n
+  padding: 10px 10px 0;\n
+  font-weight: bold;\n
+}\n
+\n
+fieldset.editable label {\n
+  padding: 5px 10px 0;\n
+}\n
+\n
+fieldset.editable div.input {\n
+  padding: 0 20px;\n
+}\n
+\n
+fieldset.editable.bottom div.input {\n
+  padding: 0;\n
+}\n
+\n
+/* Edit tabs styling.\n
+** Edit tabs are another part of admin stuffs and\n
+** should respect other admin design convention\n
+** (colors, etc...) to keep the UI consistent.\n
+------------------------------------------------------------------ */\n
+\n
+div.document div.actions {\n
+  font-size: 80%;\n
+}\n
+\n
+div.document div.actions ul {\n
+  list-style: none;\n
+  margin: 0;\n
+}\n
+\n
+div.document div.actions ul li  {\n
+  display: inline;\n
+  margin: 0;\n
+  padding: 0;\n
+}\n
+\n
+div.document div.actions ul a,\n
+div.document div.actions ul li.selected a {\n
+  display: block;\n
+  float: left;\n
+  padding: 4px 1em;\n
+  margin: 1px 2px 0 0;\n
+  text-align: center;\n
+  text-decoration: none;\n
+}\n
+\n
+div.document div.actions ul a {\n
+  background: #fff;\n
   border: 1px solid #999;\n
-  max-width: 12em;\n
 }\n
 \n
-div.adminToolbox input, textarea {\n
-  padding: 1px;\n
+div.document div.actions ul li.selected a,\n
+div.document div.actions ul li.selected a:hover {\n
+  background: #ccc;\n
+}\n
+\n
+div.document div.actions ul a:hover {\n
+  border-color: #000;\n
+}\n
+\n
+div.input select, div.input textarea {\n
+  border: 1px solid #999;\n
+}\n
+div.adminToolbox select {\n
+  max-width: 15em;\n
 }\n
 \n
 div.adminToolbox.field label {\n
@@ -410,8 +474,6 @@ div.adminToolbox button[type="submit"] {\n
   display: none;\n
 }\n
 \n
-\n
-\n
 /* Reset default styling of fields in admin tool box\n
 ** TODO: find a CSS trick to let forms and fieldset embedded in\n
 **       ".adminToolbox" behave like default one instead of using\n

bt5/erp5_web_multiflex5_theme/bt/revision

-98
\ No newline at end of file
+99
\ No newline at end of file