[Zope3-checkins] CVS: Zope3/src/zope/app/browser/skins/rotterdam - zope3.css:1.22
Stuart Bishop
zen@shangri-la.dropbear.id.au
Tue, 15 Jul 2003 10:03:06 -0400
Update of /cvs-repository/Zope3/src/zope/app/browser/skins/rotterdam
In directory cvs.zope.org:/tmp/cvs-serv24588
Modified Files:
zope3.css
Log Message:
Don't use display: table-*, since only Mozilla appears to handle this
sanely. Found out that the 'div.row div.field' selector was not selecting,
allowing a three column layout using a workaround for editform, addform,
editwizard & addwizard
=== Zope3/src/zope/app/browser/skins/rotterdam/zope3.css 1.21 => 1.22 ===
--- Zope3/src/zope/app/browser/skins/rotterdam/zope3.css:1.21 Mon Jul 14 11:28:27 2003
+++ Zope3/src/zope/app/browser/skins/rotterdam/zope3.css Tue Jul 15 10:03:01 2003
@@ -332,36 +332,27 @@
}
div.row {
- display: table-row;
clear: both;
padding-top: 10px;
}
-
+/* XXX: div.row div.field doesn't appear to be selecting. div.row div
+ is a workaround */
div.row div {
- margin: 0.4em;
- padding-bottom: 0.4em;
- vertical-align: top;
+ float: left;
}
-
div.row div.label {
- display: table-cell;
- width: 100px;
text-align: right;
- padding-right: 0.8em;
- padding-top: 0.8em;
+ width: 100px;
+ margin-right: 0.8em;
font-weight: bold;
}
-# XXX someone please come and do this properly
-div.row div.field {
- display: table-cell;
- text-align: left;
-}
div.row div.error {
- display: table-cell;
- text-align: left;
+ float: left;
color: red;
- padding-left: 0.8em;
- padding-top: 0.8em;
+ margin-left: 0.8em;
+}
+div.row div.error:before {
+ content: "\2190 "; /* Left pointing arrow */
}
div.box {