[Erp5-report] r9810 - in /erp5/trunk/bt5/erp5_web: SkinTemplateItem/portal_skins/erp5_web/ ...
nobody at svn.erp5.org
nobody at svn.erp5.org
Mon Sep 11 16:14:57 CEST 2006
Author: kevin
Date: Mon Sep 11 16:14:53 2006
New Revision: 9810
URL: http://svn.erp5.org?rev=9810&view=rev
Log:
Split css in two parts: the generic classes for web forms and the specific classes for the theme.
Added:
erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web/erp5_web_form.css.xml
erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web_default_theme/erp5_web_default_theme.css.xml
Modified:
erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web_default_theme/erp5_web_default_template.xml
erp5/trunk/bt5/erp5_web/bt/change_log
erp5/trunk/bt5/erp5_web/bt/revision
erp5/trunk/bt5/erp5_web/bt/version
Added: erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web/erp5_web_form.css.xml
URL: http://svn.erp5.org/erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web/erp5_web_form.css.xml?rev=9810&view=auto
==============================================================================
--- erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web/erp5_web_form.css.xml (added)
+++ erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web/erp5_web_form.css.xml Mon Sep 11 16:14:53 2006
@@ -1,0 +1,601 @@
+<?xml version="1.0"?>
+<ZopeData>
+ <record id="1" aka="AAAAAAAAAAE=">
+ <pickle>
+ <tuple>
+ <tuple>
+ <string>Products.PageTemplates.ZopePageTemplate</string>
+ <string>ZopePageTemplate</string>
+ </tuple>
+ <none/>
+ </tuple>
+ </pickle>
+ <pickle>
+ <dictionary>
+ <item>
+ <key> <string>__ac_local_roles__</string> </key>
+ <value>
+ <none/>
+ </value>
+ </item>
+ <item>
+ <key> <string>_bind_names</string> </key>
+ <value>
+ <object>
+ <klass>
+ <global name="NameAssignments" module="Shared.DC.Scripts.Bindings"/>
+ </klass>
+ <tuple/>
+ <state>
+ <dictionary>
+ <item>
+ <key> <string>_asgns</string> </key>
+ <value>
+ <dictionary>
+ <item>
+ <key> <string>name_subpath</string> </key>
+ <value> <string>traverse_subpath</string> </value>
+ </item>
+ </dictionary>
+ </value>
+ </item>
+ </dictionary>
+ </state>
+ </object>
+ </value>
+ </item>
+ <item>
+ <key> <string>_owner</string> </key>
+ <value>
+ <none/>
+ </value>
+ </item>
+ <item>
+ <key> <string>_text</string> </key>
+ <value> <string encoding="cdata"><![CDATA[
+
+<tal:block replace="nothing"\n
+ xmlns:tal="http://xml.zope.org/namespaces/tal"\n
+ xmlns:metal="http://xml.zope.org/namespaces/metal"\n
+ xmlns:i18n="http://xml.zope.org/namespaces/i18n"/>\n
+\n
+<tal:block define="dummy python: request.RESPONSE.setHeader(\'Content-Type\', \'text/css;; charset=utf-8\')"/>\n
+\n
+/*____________________________________\n
+\n
+ Default ERP5 Web CSS.\n
+\n
+ Guidelines (how-to create a good css):\n
+ * All measurements should be expressed with scalable units like em, ex, %.\n
+ * pt, px must be avoid expect for box borders (not sure) and tricks related to borders (like position popup of Edit Tabs)\n
+ * Test your design and layout against font size increasing/decreasing.\n
+ * Test your html code semantics value by disabling all your css.\n
+ * Don\'t put styling directives in xhtml code.\n
+\n
+ Tested Browser:\n
+ * Firefox 1.5.0.6\n
+ * Konqueror 3.4.2\n
+ * Opera 9.01\n
+ * Internet Explorer 6 (Layout: OK; Style: not OK)\n
+\n
+ TODO: Layout is ok in ie6, now styling should be adapted to support ie6.\n
+____________________________________*/\n
+\n
+\n
+/* General stuff that are good to include in every website.\n
+----------------------------------------------- */\n
+\n
+* {\n
+ padding: 0;\n
+ margin: 0;\n
+}\n
+\n
+.clear {\n
+ clear: both;\n
+}\n
+\n
+img {\n
+ border: 0;\n
+}\n
+\n
+a img, h3 img, button img, li img {\n
+ vertical-align: middle;\n
+}\n
+\n
+ul {\n
+ list-style-position: inside;\n
+}\n
+\n
+.doNotDisplay {\n
+ display: none;\n
+}\n
+\n
+p {\n
+ margin: 1em 0;\n
+ text-align: justify;\n
+}\n
+\n
+span.draft {color: #be854d}\n
+span.published,\n
+span.validated {color: #078307}\n
+span.invalidated {color: #ab0303}\n
+span.cancelled {color: #ccc}\n
+\n
+/* Emulate <center> html tag.\n
+** This class is called \'centered\' to not interfer with the \'center\' group\n
+** used in erp5_xhtml_style positionning.\n
+*/\n
+.centered {\n
+ width: 100%;\n
+ text-align: center;\n
+}\n
+\n
+*.centered * {\n
+ margin-left: auto;\n
+ margin-right: auto;\n
+}\n
+\n
+\n
+\n
+/* Widget default styling\n
+----------------------------------------------- */\n
+\n
+/* Default layout for form web widgets */\n
+\n
+form#main_form > div > div.field {\n
+ background: #fff url(erp5-website-field.png) top repeat-x;\n
+ border: 1px solid #ccc;\n
+ color: #666;\n
+/* margin: .3em;\n
+ padding: .5em; XXX break new layout technic */\n
+}\n
+\n
+form#main_form > div > div.field label {\n
+ font-weight: bold;\n
+}\n
+\n
+\n
+\n
+/* Special layout for logo group */\n
+\n
+form#main_form div.field.logo {\n
+ padding: 2em 0 0;\n
+ border: 0;\n
+ background: transparent;\n
+}\n
+\n
+div.field.logo label {\n
+ display: none;\n
+}\n
+\n
+\n
+\n
+/* Default content styling (apply to everything, site wide);\n
+ Typography & colors (fonts, color, background).\n
+----------------------------------------------- */\n
+\n
+body {\n
+ background: #e6e6e6 url(erp5-website-background.png) top left no-repeat;\n
+}\n
+\n
+body, input, textarea, select, table {\n
+ color: #333;\n
+ font-family: Sans, Verdana, Tahoma, Georgia, Geneva, Arial, sans-serif;\n
+ font-size: 8pt; /* XXX font-size should not be expressed in pt unit.\n
+ ** This unit is quite convinient actually because it scale well\n
+ ** in any browser on font resizing.\n
+ */\n
+ line-height: 1.5em; /* Let the content breathe ! This reduce the density of\n
+ ** paragraph and make the text easier to read.\n
+ */\n
+}\n
+\n
+.code, code {\n
+ font-family: "Courier New", Courier, monospace;\n
+}\n
+\n
+#transition_message, .warning, .error {\n
+ color: #f00;\n
+ font-weight: bold;\n
+}\n
+\n
+h1 {\n
+ margin: 1.3em 0;\n
+}\n
+\n
+blockquote {\n
+ margin: .5em;\n
+ padding: .5em;\n
+ border-left: 2px #ddd solid;\n
+ background: #f9f9f9;\n
+}\n
+\n
+\n
+\n
+/* General form styling\n
+----------------------------------------------- */\n
+\n
+input, textarea {\n
+ border: 1px solid #999;\n
+ padding: 1px;\n
+}\n
+\n
+input.button, input[type="submit"] {\n
+ /* XXX Is this case happend in current web implementation ? */\n
+ background-color: #fff url(erp5-website-button.png) bottom repeat-x;\n
+}\n
+\n
+input[type="image"] {\n
+ border: 0;\n
+ vertical-align: bottom;\n
+ background-color: transparent;\n
+}\n
+\n
+button {\n
+ margin: .8em .5em;\n
+ border: 1px #ddd solid;\n
+ padding: .3em;\n
+ color: #999;\n
+ background: #eee;\n
+ cursor: pointer;\n
+}\n
+\n
+button:hover {\n
+ color: #333;\n
+ background: #b0cfcb;\n
+ border-color: #9abdb7;\n
+}\n
+\n
+\n
+\n
+/* Default Listbox styling\n
+** TODO: change colors to have better integration in default erp5 web theme.\n
+----------------------------------------------- */\n
+.ListSummary table {\n
+ display: none;\n
+}\n
+\n
+.ListContent table {\n
+ margin-bottom: 2em;\n
+ border-collapse: collapse;\n
+ width: 100%;\n
+}\n
+\n
+.ListContent td {\n
+ padding: .1em;\n
+ border: 1pt solid #adb9cc;\n
+ vertical-align: top;\n
+}\n
+\n
+.ListContent td.Data {background-color: #adb9cc}\n
+.ListContent td.DataA {background-color: #fff}\n
+.ListContent td.DataB {background-color: #eee}\n
+\n
+\n
+\n
+/* Content zone form styling (apply for editable mode and read\n
+** only mode within the content zone).\n
+** TODO: Change form rendering to let the field go below the label\n
+** if there is not enought width to display them inline.\n
+** TODO: Use dtml variables to define dynamiccaly label width.\n
+----------------------------------------------- */\n
+\n
+div.content div.input {\n
+ margin-left: 11.5em; /* = div.content label width + 0.5 of margin */\n
+}\n
+\n
+div.content fieldset {\n
+ margin: 1em 0;\n
+ padding: .5em;\n
+ border-color: #ccc;\n
+ border-width: 1px 0 0;\n
+ border-style: dotted none none;\n
+}\n
+\n
+div.content fieldset > div {\n
+ clear: both;\n
+ margin: .1em 0;\n
+ position: relative;\n
+}\n
+\n
+div.content legend {\n
+ padding: .2em .5em;\n
+ font-weight: bold;\n
+ color: #666;\n
+ text-transform: capitalize;\n
+}\n
+\n
+div.content label {\n
+ margin: 0;\n
+ display: block;\n
+ width: 11em;\n
+ text-align: right;\n
+ float: left;\n
+ text-transform: capitalize;\n
+}\n
+\n
+\n
+/* Reset common fieldset styling:\n
+ - no need to let some free space in the left side\n
+ - no need to display label\n
+ - no need to display fieldset legend\n
+ TODO: Because thoses properties are used for generic ".bottom" fieldset\n
+ and webcontent custom forms, we can add a new CSS class with a better\n
+ name to enhance semantics.\n
+*/\n
+div.content fieldset.bottom legend,\n
+div.content fieldset.bottom label {\n
+ display: none;\n
+}\n
+div.content fieldset.bottom div.input {\n
+ margin-left: inherit;\n
+}\n
+\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.actions {\n
+ position: relative;\n
+ width: 100%;\n
+ height: 3em;\n
+}\n
+\n
+div.actions ul {\n
+ position: absolute;\n
+ bottom: -1px;\n
+ list-style: none;\n
+ margin: 0;\n
+}\n
+\n
+div.actions ul li {\n
+ display: inline;\n
+ margin: 0;\n
+ padding: 0;\n
+}\n
+\n
+div.actions ul a, 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.actions ul a {\n
+ background: #fffae1;\n
+ border: 1px solid #999;\n
+}\n
+\n
+div.actions ul li.selected a, div.actions ul li.selected a:hover {\n
+ border-bottom: none;\n
+ padding-bottom: 6px;\n
+ margin-top: 0;\n
+ background: #fff;\n
+}\n
+\n
+div.actions ul a:hover {\n
+ margin-top: 0;\n
+ border-color: #000;\n
+ border-bottom: none;\n
+ padding-bottom: 5px;\n
+}\n
+\n
+\n
+\n
+/* Editable mode forms styling\n
+----------------------------------------------- */\n
+\n
+div.document > div.editable {\n
+ border: 1px solid #999;\n
+}\n
+\n
+/* Save button styling */\n
+div.actions button {\n
+ position: absolute; /* XXX bad location: should be at the bottom of the form */\n
+ z-index: 300;\n
+ top: -.5em;\n
+ right: 0;\n
+}\n
+\n
+\n
+\n
+/* Custom web Listbox styling.\n
+** TODO: change colors to have better integration in default erp5 web theme.\n
+-----------------------------------------------*/\n
+\n
+table.listbox, table.listbox tr, table.listbox td, table.listbox th {\n
+ border: 0;\n
+ color: #000;\n
+ line-height: 1.5em;\n
+ margin: 0;\n
+ padding: 0;\n
+ border-spacing: 0;\n
+ border-collapse: collapse;\n
+}\n
+\n
+table.listbox {\n
+ margin-bottom: 3em;\n
+ width: 100%;\n
+}\n
+\n
+table.listbox .right {float: right}\n
+table.listbox .left {float: left}\n
+\n
+table.listbox caption, div.searchResultHeader {\n
+ border-top: 1px #3366CC solid;\n
+ background-color: #c3e3df;\n
+ padding: .2em;\n
+ color: #000;\n
+}\n
+\n
+table.listbox caption em, div.searchResultHeader em {\n
+ font-weight: bold;\n
+ font-style: normal;\n
+}\n
+\n
+table.listbox thead th,\n
+table.listbox thead td {\n
+ border-right: 1px #ccc solid;\n
+ text-align: center;\n
+ color: #666;\n
+ background: #ddd;\n
+}\n
+\n
+table.listbox thead th {\n
+ text-transform: capitalize;\n
+ font-variant: small-caps;\n
+}\n
+\n
+table.listbox tbody td.externalLink a, table.listbox tbody th.externalLink a {\n
+ text-decoration: none;\n
+ background: transparent url(erp5-website-external-link.png) center right no-repeat;\n
+ padding-right: 15px;\n
+ color: #637dc1;\n
+}\n
+\n
+table.listbox tbody td.externalLink a:hover,\n
+table.listbox tbody th.externalLink a:hover {\n
+ text-decoration: underline;\n
+ color: #637dc1;\n
+}\n
+\n
+table.listbox tbody td, table.listbox tbody th {\n
+ border-top: 1px solid #ddd;\n
+}\n
+\n
+table.listbox td, table.listbox th {\n
+ text-align: left;\n
+ padding: .2em .5em;\n
+}\n
+\n
+table.listbox tbody td a,\n
+table.listbox tbody td a:hover,\n
+table.listbox tbody td a:visited {color: #4343D9}\n
+\n
+table.listbox tbody tr:hover {background: #f6f6f6}\n
+\n
+table.listbox tbody span.number, tbody span.date {float: right}\n
+\n
+table.listbox tbody .mainLink {\n
+ font-weight: bold;\n
+ display: block;\n
+}\n
+\n
+table.listbox tfoot th, table.listbox tfoot td {\n
+ border-top: 1px solid #999;\n
+}\n
+\n
+table.listbox tfoot td {\n
+ text-align: right;\n
+}\n
+\n
+table.listbox tfoot .pageNavigation button {\n
+ border: 1px #eee solid;\n
+ background: #fff;\n
+ padding: .2em .4em;\n
+ margin: 0 .1em;\n
+}\n
+\n
+table.listbox tfoot .pageNavigation button:hover {\n
+ border: 1px #999 solid;\n
+ text-decoration: none;\n
+ background: #eee;\n
+}\n
+\n
+\n
+\n
+/* Special rendering for read-only webcontent\n
+ (used in WebPage_viewAsWeb and so on).\n
+----------------------------------------------- */\n
+\n
+div.content > fieldset.webcontent {\n
+ margin: 0;\n
+ border: 0;\n
+}\n
+\n
+/* TODO: redo webcontent header spacing policy because lack of consistency\n
+ (not tested with huge titles) */\n
+\n
+div.content > fieldset#fieldset_webcontent {\n
+ padding: 2em;\n
+}\n
+\n
+div.content > fieldset.header {\n
+ padding-bottom: 1em;\n
+ border-bottom: .3em solid #999;\n
+}\n
+\n
+div.content > fieldset.webcontent span.headline {\n
+ display: block;\n
+ margin: 1em 0;\n
+ padding: 0 1em;\n
+ font-size: 200%;\n
+ color: #999;\n
+ font-weight: bold;\n
+ text-shadow: .1em .1em .1em #eee;\n
+}\n
+\n
+div.content > fieldset.webcontent span.summary {\n
+ display: block;\n
+ font-size: 120%;\n
+ padding: 0 2em;\n
+ font-style: italic;\n
+}\n
+\n
+\n
+\n
+/* Extra content (metadata, related document box, etc...) styling.\n
+----------------------------------------------- */\n
+\n
+div.content fieldset.webcontent.bottom div {\n
+ display: inline;\n
+}\n
+\n
+div.content fieldset.webcontent.extra {\n
+ color: #999;\n
+ background-color: #f9f9f9;\n
+ border: 1px solid #eee;\n
+ border-right: none;\n
+ margin: 1em 0 1em 1em;\n
+ width: 20em; /* XXX CONSTANT !! */\n
+ float: right;\n
+ clear: right;\n
+ display: inline;\n
+}\n
+\n
+div.content fieldset.webcontent.extra legend {\n
+ color: #999;\n
+}\n
+\n
+div.content fieldset.webcontent.extra label:after {\n
+ content: ":";\n
+}
+
+]]></string> </value>
+ </item>
+ <item>
+ <key> <string>content_type</string> </key>
+ <value> <string>text/html</string> </value>
+ </item>
+ <item>
+ <key> <string>expand</string> </key>
+ <value> <int>0</int> </value>
+ </item>
+ <item>
+ <key> <string>id</string> </key>
+ <value> <string>erp5_web_form.css</string> </value>
+ </item>
+ <item>
+ <key> <string>title</string> </key>
+ <value> <string></string> </value>
+ </item>
+ </dictionary>
+ </pickle>
+ </record>
+</ZopeData>
Modified: erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web_default_theme/erp5_web_default_template.xml
URL: http://svn.erp5.org/erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web_default_theme/erp5_web_default_template.xml?rev=9810&r1=9809&r2=9810&view=diff
==============================================================================
--- erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web_default_theme/erp5_web_default_template.xml (original)
+++ erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web_default_theme/erp5_web_default_template.xml Mon Sep 11 16:14:53 2006
@@ -69,7 +69,8 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>\n
<title tal:content="python: \'%s | %s\' % (here.getTitleOrId(), here.getPortalObject().getTitle() or here.getPortalObject().getId())"/>\n
\n
- <link rel="stylesheet" type="text/css" media="screen" href="erp5_web_default.css"/>\n
+ <link rel="stylesheet" type="text/css" media="screen" href="erp5_web_form.css"/>\n
+ <link rel="stylesheet" type="text/css" media="screen" href="erp5_web_default_theme.css"/>\n
<tal:block tal:repeat="css css_list">\n
<link tal:attributes="href css" type="text/css" rel="stylesheet"/>\n
</tal:block>\n
@@ -105,20 +106,18 @@
<tal:block tal:define="template python: here.developper_shortcut_render">\n
<tal:block metal:use-macro="template/macros/form"/>\n
</tal:block>\n
- <tal:block>\n
- <tal:block tal:repeat="group groups">\n
- <div tal:condition="python: group.find(\'hidden\') < 0"\n
- tal:define="group_details python: here.ERP5XhtmlStyle_getFormGroupTitleAndId(group);\n
- group_css_classes python: group_details[0]"\n
- tal:attributes="class python: group_css_classes;\n
- id python: group_css_classes.replace(\' \', \'_\');\n
- title python: group_details[1];\n
- ">\n
- <tal:block tal:repeat="field python: layout_form.get_fields_in_group(group)">\n
- <tal:block metal:use-macro="here/field_render/macros/field_render"/>\n
- </tal:block>\n
- </div>\n
- </tal:block>\n
+ <tal:block tal:repeat="group groups">\n
+ <div tal:condition="python: group.find(\'hidden\') < 0"\n
+ tal:define="group_details python: here.ERP5XhtmlStyle_getFormGroupTitleAndId(group);\n
+ group_css_classes python: group_details[0]"\n
+ tal:attributes="class python: group_css_classes;\n
+ id python: group_css_classes.replace(\' \', \'_\');\n
+ title python: group_details[1];\n
+ ">\n
+ <tal:block tal:repeat="field python: layout_form.get_fields_in_group(group)">\n
+ <tal:block metal:use-macro="here/field_render/macros/field_render"/>\n
+ </tal:block>\n
+ </div>\n
</tal:block>\n
</tal:block>\n
\n
Added: erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web_default_theme/erp5_web_default_theme.css.xml
URL: http://svn.erp5.org/erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web_default_theme/erp5_web_default_theme.css.xml?rev=9810&view=auto
==============================================================================
--- erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web_default_theme/erp5_web_default_theme.css.xml (added)
+++ erp5/trunk/bt5/erp5_web/SkinTemplateItem/portal_skins/erp5_web_default_theme/erp5_web_default_theme.css.xml Mon Sep 11 16:14:53 2006
@@ -1,0 +1,182 @@
+<?xml version="1.0"?>
+<ZopeData>
+ <record id="1" aka="AAAAAAAAAAE=">
+ <pickle>
+ <tuple>
+ <tuple>
+ <string>Products.PageTemplates.ZopePageTemplate</string>
+ <string>ZopePageTemplate</string>
+ </tuple>
+ <none/>
+ </tuple>
+ </pickle>
+ <pickle>
+ <dictionary>
+ <item>
+ <key> <string>__ac_local_roles__</string> </key>
+ <value>
+ <none/>
+ </value>
+ </item>
+ <item>
+ <key> <string>_bind_names</string> </key>
+ <value>
+ <object>
+ <klass>
+ <global name="NameAssignments" module="Shared.DC.Scripts.Bindings"/>
+ </klass>
+ <tuple/>
+ <state>
+ <dictionary>
+ <item>
+ <key> <string>_asgns</string> </key>
+ <value>
+ <dictionary>
+ <item>
+ <key> <string>name_subpath</string> </key>
+ <value> <string>traverse_subpath</string> </value>
+ </item>
+ </dictionary>
+ </value>
+ </item>
+ </dictionary>
+ </state>
+ </object>
+ </value>
+ </item>
+ <item>
+ <key> <string>_text</string> </key>
+ <value> <string encoding="cdata"><![CDATA[
+
+<tal:block replace="nothing"\n
+ xmlns:tal="http://xml.zope.org/namespaces/tal"\n
+ xmlns:metal="http://xml.zope.org/namespaces/metal"\n
+ xmlns:i18n="http://xml.zope.org/namespaces/i18n"/>\n
+\n
+<tal:block define="dummy python: request.RESPONSE.setHeader(\'Content-Type\', \'text/css;; charset=utf-8\')"/>\n
+\n
+\n
+html {\n
+/* XXX width: 85%; work with current layout technic but, background should be changed */\n
+ margin-right: auto;\n
+ margin-left: auto;\n
+}\n
+\n
+/* General Layout.\n
+** Layout technic based on http://alistapart.com/articles/holygrail/\n
+-----------------------------------------------*/\n
+\n
+div.content {\n
+ background: #fff;\n
+ border: .1em solid #ccc;\n
+}\n
+\n
+/* Define some constant to make the css flexible without pain */\n
+<tal:block\n
+ define="unit python: \'px\';\n
+ LC_fullwidth python: 200;\n
+ LC_width python: 180;\n
+ LC_padding python: 10;\n
+ CC_padding python: 40;\n
+ RC_fullwidth python: 150;\n
+ RC_width python: 130;\n
+ RC_padding python: 10;\n
+">\n
+form#main_form {\n
+ padding-left: <tal:block replace="python: (\'%s%s\') % (LC_fullwidth, unit)"/>;\n
+ padding-right: <tal:block replace="python: (\'%s%s\') % (RC_fullwidth + CC_padding, unit)"/>;\n
+ min-width: <tal:block replace="python: (\'%s%s\') % (LC_fullwidth + CC_padding, unit)"/>;\n
+}\n
+\n
+form#main_form div#footer,\n
+form#main_form div#header /* XXX Is header working ?? */\n
+{\n
+ margin-left: <tal:block replace="python: (\'-%s%s\') % (LC_fullwidth, unit)"/>;\n
+ margin-right: <tal:block replace="python: (\'-%s%s\') % (RC_fullwidth + CC_padding, unit)"/>;\n
+}\n
+\n
+form#main_form div.column {\n
+ position: relative;\n
+ float: left;\n
+}\n
+\n
+form#main_form div#main_content {\n
+ padding: 0 20px;\n
+ width: 100%;\n
+}\n
+\n
+form#main_form div#left_column {\n
+ width: <tal:block replace="python: (\'%s%s\') % (LC_width, unit)"/>;\n
+ padding: 0 <tal:block replace="python: (\'%s%s\') % (LC_padding, unit)"/>;\n
+ right: <tal:block replace="python: (\'%s%s\') % (LC_fullwidth + CC_padding, unit)"/>;\n
+ margin-left: -100%;\n
+}\n
+\n
+form#main_form div#right_column {\n
+ width: <tal:block replace="python: (\'%s%s\') % (RC_width, unit)"/>;\n
+ padding: 0 <tal:block replace="python: (\'%s%s\') % (RC_padding, unit)"/>;\n
+ margin-right: -100%;\n
+}\n
+\n
+form#main_form div#footer {\n
+ clear: both;\n
+}\n
+\n
+/*** IE Fix ***/\n
+* html form#main_form div#left_column {\n
+ left: <tal:block replace="python: (\'%s%s\') % (RC_fullwidth, unit)"/>;\n
+}\n
+\n
+</tal:block>\n
+\n
+\n
+\n
+<tal:block replace="nothing">\n
+/* Special layout for search bar group: move it top right */\n
+form#main_form > div.searchBar {\n
+ position: absolute;\n
+ z-index: 200;\n
+ top: .3em;\n
+ right: 1em; /* Same as "body > form#main_form[padding-right]".\n
+ TODO: use dtml code to make this more flexible.\n
+ */\n
+ width: 28em; /* XXX Must be adapted dynamiccaly to let several web widget be diplayed inline.\n
+ TODO: find the appropriate CSS trick to do hit without pain.\n
+ */\n
+ border: 0;\n
+}\n
+div.searchBar > div.field {\n
+ float: right;\n
+}\n
+div.searchBar div.field > label {\n
+ display: inherit;\n
+}\n
+div.searchBar > div.field > label,\n
+div.searchBar > div.field > div.input {\n
+ float: left;\n
+ margin: 0 .5em;\n
+}\n
+</tal:block>
+
+]]></string> </value>
+ </item>
+ <item>
+ <key> <string>content_type</string> </key>
+ <value> <string>text/html</string> </value>
+ </item>
+ <item>
+ <key> <string>expand</string> </key>
+ <value> <int>0</int> </value>
+ </item>
+ <item>
+ <key> <string>id</string> </key>
+ <value> <string>erp5_web_default_theme.css</string> </value>
+ </item>
+ <item>
+ <key> <string>title</string> </key>
+ <value> <string></string> </value>
+ </item>
+ </dictionary>
+ </pickle>
+ </record>
+</ZopeData>
Modified: erp5/trunk/bt5/erp5_web/bt/change_log
URL: http://svn.erp5.org/erp5/trunk/bt5/erp5_web/bt/change_log?rev=9810&r1=9809&r2=9810&view=diff
==============================================================================
--- erp5/trunk/bt5/erp5_web/bt/change_log (original)
+++ erp5/trunk/bt5/erp5_web/bt/change_log Mon Sep 11 16:14:53 2006
@@ -1,3 +1,6 @@
+2006-09-11 Kevin
+* Split css in two parts: the generic classes for web forms and the specific classes for the theme.
+
2006-09-08 Kevin
* Use group id for the layout.
* Fix css layout to support ie6.
Modified: erp5/trunk/bt5/erp5_web/bt/revision
URL: http://svn.erp5.org/erp5/trunk/bt5/erp5_web/bt/revision?rev=9810&r1=9809&r2=9810&view=diff
==============================================================================
--- erp5/trunk/bt5/erp5_web/bt/revision (original)
+++ erp5/trunk/bt5/erp5_web/bt/revision Mon Sep 11 16:14:53 2006
@@ -1,1 +1,1 @@
-374
+376
Modified: erp5/trunk/bt5/erp5_web/bt/version
URL: http://svn.erp5.org/erp5/trunk/bt5/erp5_web/bt/version?rev=9810&r1=9809&r2=9810&view=diff
==============================================================================
--- erp5/trunk/bt5/erp5_web/bt/version (original)
+++ erp5/trunk/bt5/erp5_web/bt/version Mon Sep 11 16:14:53 2006
@@ -1,1 +1,1 @@
-0.3.29
+0.3.30
More information about the Erp5-report
mailing list