Changed how tables are layed out (since I was repeatedly duplicating code in many places) by adding a table element to be used wherever we need a table. This could probably have been a helper instead of an element, but it's not clear to me why one should be chosen over the other, and I already know how to quickly add an element (I think the real choice resides in whether you need a collection of helper functions, or you just want to drop in a chunk of html, i.e. a helper element). Also, a major revamp to the style sheets as well, although more work is clearly needed.

git-svn-id: file:///svn-source/pmgr/branches/initial_20090526@42 97e9348a-65ac-dc4b-aefc-98561f571b83
2009-05-30 15:56:41 +00:00
parent 2a4b8079fb
commit c041174b0c
10 changed files with 452 additions and 535 deletions
--- a/site/webroot/css/layout.css
+++ b/site/webroot/css/layout.css
@@ -0,0 +1,154 @@
+/************************************************************
+ ************************************************************
+ * Debug table margin/padding helper
+ */
+
+/* table th, td { border: dashed 1px; } */
+
+/************************************************************
+ ************************************************************
+ * Overall page layout
+ */
+
+table#layout   { width: 100% }
+td#sidecolumn  ,
+td#pagecolumn  { vertical-align: top; }
+td#pagecolumn  { padding-left: 4mm; }
+
+
+/************************************************************
+ ************************************************************
+ * Panel captions
+ */
+
+table caption  { text-align:    left;
+                 font-size:     120%;
+                 font-weight:   bold;
+                 margin-bottom: 0.5em;
+               }
+
+table.item   caption { margin-top: 1em; }
+table.detail caption { margin-top: 0; }
+
+
+/************************************************************
+ ************************************************************
+ * Cell configuration
+ */
+
+table.item th  ,
+table.item td  { padding: 0.1em 0.4em 0.1em 0.4em; }
+table.item     { white-space: nowrap; }
+/* table.item     { border-spacing: 0 0; /\*IE*\/border-collapse: collapse; empty-cells: show } */
+table.item     { border-spacing: 0 0; empty-cells: show }
+table.item     { border:1px solid #ccc;
+		 border-bottom:2px solid #ccc;
+	       }
+
+table.item th  { background: #f2f2f2;
+		 border-top: 1px solid #fff;
+		 border-left: 1px solid #fff;
+		 border-right: 1px solid #ccc;
+/* 		 text-align: center; */
+	       }
+table.item td  { border-right: 1px solid #ccc; }
+
+tr.evnrow      { background: #f4f4f4; }
+
+
+/************************************************************
+ ************************************************************
+ * Formatting for item listings
+ */
+
+/** Item listing width and borders **/
+table.list                { width : 100%; }
+table.detail              { width :  60%; }
+
+/** Column to which any extra real estate should be allocated **/
+/* table.list.view     td#referer     , */
+/* table.list.browser  td#web_browser , */
+/* table.list.tracker  td#url         , */
+table.list     td.comment     { width: 99%; }
+table.detail td.field { width: 10em }
+
+/** Text alignment exceptions **/
+table.list td.id       { text-align: center; }
+
+/** White spacing exceptions **/
+table.list td.comment  { white-space: normal; }
+
+/* table.detail td {word-wrap : normal} */
+
+table.list.ledger td.date.receipt { padding-left: 1em }
+
+
+/************************************************************
+ ************************************************************
+ * General Style Info
+ */
+
+body {
+/* 	background: #003d4c; */
+/* 	color: #fff; */
+	font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
+	font-size:90%;
+	margin: 0;
+}
+a {
+	color: #003d4c;
+	text-decoration: underline;
+	font-weight: bold;
+}
+a:hover {
+	color: #f00;
+	text-decoration:none;
+}
+a img {
+	border:none;
+}
+
+h1, h2, h3, h4 {
+	font-weight: normal;
+}
+
+h1 {
+	background:#fff;
+	color: #003d4c;
+	font-size: 100%;
+	margin: 0.1em 0;
+}
+h2 {
+	background:#fff;
+	color: #e32;
+	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
+	font-size: 190%;
+	margin-bottom: 0.3em;
+}
+h3 {
+	color: #993;
+	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
+	font-size: 165%;
+	padding-top: 1.5em;
+}
+h4 {
+	color: #993;
+	font-weight: normal;
+	padding-top: 0.5em;
+}
+
+
+
+/* Forms */
+}
+input[type=checkbox] {
+	clear: left;
+	float: left;
+	margin: 0px 6px 7px 2px;
+	width: auto;
+}
+input[type=radio] {
+	float:left;
+	width:auto;
+	margin: 0 3px 7px 0;
+}