From 0125decad23fe3d2e25324a9bdab1d527ca94ab6 Mon Sep 17 00:00:00 2001
From: Kazuhiko Shiozaki <kazuhiko@nexedi.com>
Date: Tue, 26 May 2009 09:14:40 +0000
Subject: [PATCH] improve CSS for editable_mode.

git-svn-id: https://svn.erp5.org/repos/public/erp5/trunk@27178 20353a03-c40f-0410-a6d1-a30d3c3de9de
---
 .../mf54_content.css.xml                      | 78 +++++++++++++++++--
 bt5/erp5_web_multiflex5_theme/bt/revision     |  2 +-
 2 files changed, 71 insertions(+), 9 deletions(-)

diff --git a/bt5/erp5_web_multiflex5_theme/SkinTemplateItem/portal_skins/erp5_web_multiflex5_theme/mf54_content.css.xml b/bt5/erp5_web_multiflex5_theme/SkinTemplateItem/portal_skins/erp5_web_multiflex5_theme/mf54_content.css.xml
index 4c16dfdd50..2952859265 100644
--- a/bt5/erp5_web_multiflex5_theme/SkinTemplateItem/portal_skins/erp5_web_multiflex5_theme/mf54_content.css.xml
+++ b/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
diff --git a/bt5/erp5_web_multiflex5_theme/bt/revision b/bt5/erp5_web_multiflex5_theme/bt/revision
index d7f3668a68..d97edbb29f 100644
--- a/bt5/erp5_web_multiflex5_theme/bt/revision
+++ b/bt5/erp5_web_multiflex5_theme/bt/revision
@@ -1 +1 @@
-98
\ No newline at end of file
+99
\ No newline at end of file
-- 
2.30.9