Commit 6fd40e13 authored by Kevin Deldycke's avatar Kevin Deldycke

Use group id for the layout.

Fix css layout to support ie6.
Add list of tested browser.

git-svn-id: https://svn.erp5.org/repos/public/erp5/trunk@9781 20353a03-c40f-0410-a6d1-a30d3c3de9de
parent a7c04194
...@@ -52,6 +52,7 @@ ...@@ -52,6 +52,7 @@
xmlns:tal="http://xml.zope.org/namespaces/tal"\n xmlns:tal="http://xml.zope.org/namespaces/tal"\n
xmlns:metal="http://xml.zope.org/namespaces/metal"\n xmlns:metal="http://xml.zope.org/namespaces/metal"\n
xmlns:i18n="http://xml.zope.org/namespaces/i18n"/>\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 <tal:block define="dummy python: request.RESPONSE.setHeader(\'Content-Type\', \'text/css;; charset=utf-8\')"/>\n
\n \n
/*____________________________________\n /*____________________________________\n
...@@ -64,8 +65,15 @@ ...@@ -64,8 +65,15 @@
* Test your design and layout against font size increasing/decreasing.\n * Test your design and layout against font size increasing/decreasing.\n
* Test your html code semantics value by disabling all your css.\n * Test your html code semantics value by disabling all your css.\n
* Don\'t put styling directives in xhtml code.\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 ____________________________________*/\n
\n \n
\n
/* General stuff that are good to include in every website.\n /* General stuff that are good to include in every website.\n
----------------------------------------------- */\n ----------------------------------------------- */\n
\n \n
...@@ -80,7 +88,9 @@ html {\n ...@@ -80,7 +88,9 @@ html {\n
margin-left: auto;\n margin-left: auto;\n
}\n }\n
\n \n
.clear {clear: both}\n .clear {\n
clear: both;\n
}\n
\n \n
img {\n img {\n
border: 0;\n border: 0;\n
...@@ -134,7 +144,6 @@ div.content {\n ...@@ -134,7 +144,6 @@ div.content {\n
border: .1em solid #ccc;\n border: .1em solid #ccc;\n
}\n }\n
\n \n
\n
/* Define some constant to make the css flexible without pain */\n /* Define some constant to make the css flexible without pain */\n
<tal:block\n <tal:block\n
define="unit python: \'px\';\n define="unit python: \'px\';\n
...@@ -146,46 +155,51 @@ div.content {\n ...@@ -146,46 +155,51 @@ div.content {\n
RC_width python: 130;\n RC_width python: 130;\n
RC_padding python: 10;\n RC_padding python: 10;\n
">\n ">\n
body {\n form#main_form {\n
padding-left: <tal:block replace="python: (\'%s%s\') % (LC_fullwidth, unit)"/>;\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 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 min-width: <tal:block replace="python: (\'%s%s\') % (LC_fullwidth + CC_padding, unit)"/>;\n
}\n }\n
\n \n
form#main_form > div#footer,\n form#main_form div#footer,\n
form#main_form > div#header /* XXX Is header working ?? */\n form#main_form div#header /* XXX Is header working ?? */\n
{\n {\n
margin-left: <tal:block replace="python: (\'-%s%s\') % (LC_fullwidth, unit)"/>;\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 margin-right: <tal:block replace="python: (\'-%s%s\') % (RC_fullwidth + CC_padding, unit)"/>;\n
}\n }\n
\n \n
form#main_form > div.sidebar,\n form#main_form div.column {\n
form#main_form > div.main_content {\n
position: relative;\n position: relative;\n
float: left;\n float: left;\n
}\n }\n
\n \n
form#main_form > div.main_content {\n form#main_form div#main_content {\n
padding: 0 20px;\n padding: 0 20px;\n
width: 100%;\n width: 100%;\n
}\n }\n
\n \n
form#main_form > div.left {\n form#main_form div#left_column {\n
width: <tal:block replace="python: (\'%s%s\') % (LC_width, unit)"/>;\n width: <tal:block replace="python: (\'%s%s\') % (LC_width, unit)"/>;\n
padding: 0 <tal:block replace="python: (\'%s%s\') % (LC_padding, 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 right: <tal:block replace="python: (\'%s%s\') % (LC_fullwidth + CC_padding, unit)"/>;\n
margin-left: -100%;\n margin-left: -100%;\n
}\n }\n
\n \n
form#main_form > div.right {\n form#main_form div#right_column {\n
width: <tal:block replace="python: (\'%s%s\') % (RC_width, unit)"/>;\n width: <tal:block replace="python: (\'%s%s\') % (RC_width, unit)"/>;\n
padding: 0 <tal:block replace="python: (\'%s%s\') % (RC_padding, unit)"/>;\n padding: 0 <tal:block replace="python: (\'%s%s\') % (RC_padding, unit)"/>;\n
margin-right: -100%;\n margin-right: -100%;\n
}\n }\n
\n \n
form#main_form > div.footer {\n form#main_form div#footer {\n
clear: both;\n clear: both;\n
}\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 </tal:block>\n
\n \n
\n \n
...@@ -208,6 +222,7 @@ form#main_form > div > div.field label {\n ...@@ -208,6 +222,7 @@ form#main_form > div > div.field label {\n
}\n }\n
\n \n
\n \n
\n
/* Special layout for logo group */\n /* Special layout for logo group */\n
\n \n
form#main_form div.field.logo {\n form#main_form div.field.logo {\n
...@@ -216,12 +231,13 @@ form#main_form div.field.logo {\n ...@@ -216,12 +231,13 @@ form#main_form div.field.logo {\n
background: transparent;\n background: transparent;\n
}\n }\n
\n \n
div.field.logo > label {\n div.field.logo label {\n
display: none;\n display: none;\n
}\n }\n
\n \n
\n \n
<tal:block tal:replace="nothing">\n \n
<tal:block replace="nothing">\n
/* Special layout for search bar group: move it top right */\n /* Special layout for search bar group: move it top right */\n
form#main_form > div.searchBar {\n form#main_form > div.searchBar {\n
position: absolute;\n position: absolute;\n
...@@ -633,22 +649,27 @@ div.content > fieldset.webcontent span.summary {\n ...@@ -633,22 +649,27 @@ div.content > fieldset.webcontent span.summary {\n
/* Extra content (metadata, related document box, etc...) styling.\n /* Extra content (metadata, related document box, etc...) styling.\n
----------------------------------------------- */\n ----------------------------------------------- */\n
\n \n
div.content > fieldset.webcontent.bottom div {\n div.content fieldset.webcontent.bottom div {\n
display: inline;\n display: inline;\n
}\n }\n
\n \n
div.content > fieldset.webcontent.extra {\n div.content fieldset.webcontent.extra {\n
float: right;\n color: #999;\n
clear: right;\n
background-color: #f9f9f9;\n background-color: #f9f9f9;\n
display: inline;\n border: 1px solid #eee;\n
border: 1px solid #ccc;\n
border-right: none;\n border-right: none;\n
margin: 1em 0 1em 1em;\n margin: 1em 0 1em 1em;\n
width: 20em; /* XXX CONSTANT !! */\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
\n \n
div.content > fieldset.webcontent.extra label:after {\n div.content fieldset.webcontent.extra label:after {\n
content: ":";\n content: ":";\n
} }
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment