Initial working version ofa consistent layout with side menu

git-svn-id: file:///svn-source/pmgr/branches/initial_20090526/site@38 97e9348a-65ac-dc4b-aefc-98561f571b83
2009-05-29 14:49:11 +00:00
parent 8dae1ccf84
commit bd6cc37d4a
10 changed files with 234 additions and 45 deletions
--- a/webroot/css/sidemenu.css
+++ b/webroot/css/sidemenu.css
@@ -0,0 +1,140 @@
+/************************************************************
+ ************************************************************
+ * Debug table margin/padding helper
+ */
+
+/* table th, td { border: dashed 1px; } */
+
+/************************************************************
+ ************************************************************
+ * Overall page layout
+ */
+
+table#layout   { width: 100% }
+td#sidecolumn  { width: 1%; background: lightblue; text-align: left; }
+td#pagecolumn  { padding-left: 4mm; }
+td#sidecolumn  ,
+td#pagecolumn  { vertical-align: top; }
+
+td#sidecolumn .header ,
+td#sidecolumn .item   { white-space : nowrap; }
+td#sidecolumn .item   { padding-left: 0.6em; }
+td#sidecolumn .item a { background: lightblue; }
+
+td#sidecolumn hr { margin-top: 0.4em; margin-bottom: 0.3em; }
+
+
+/************************************************************
+ ************************************************************
+ * Panel captions
+ */
+
+table caption  { text-align:    left;
+                 font-size:     120%;
+                 font-weight:   bold;
+                 margin-bottom: 0.5em;
+               }
+
+
+/************************************************************
+ ************************************************************
+ * Panel headers
+ */
+
+td#sidecolumn  .header    ,
+table.list     th         ,
+table.edit     td.name    { background:    blue;
+			    color:         white;
+			    font-weight:   bold;
+			  }
+
+
+/************************************************************
+ ************************************************************
+ * Cell configuration
+ */
+
+th, td         { padding: 0.1em 0.4em 0.1em 0.4em; }
+table.item     { border-spacing: 0 0; /*IE*/border-collapse: collapse; empty-cells: show }
+
+
+/************************************************************
+ ************************************************************
+ * Overall text alignment
+ */
+
+th, td         { text-align: left; }
+
+
+/************************************************************
+ ************************************************************
+ * Formatting for item listings
+ */
+
+/** Item listing width and borders **/
+table.list                { width: 100%; }
+table.list td             { border: 1px solid #000; }
+
+/* IE doesn't seem to work with first-child.  this combination of
+ * rules works for both IE and Firefox */
+table.list th             { border-left:  1px solid #fff; border-top: 1px solid #000; }
+table.list th:first-child { border-left:  1px solid #000 }
+table.list                { border: 1px solid #000; }
+
+/** 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.category td#comment     { width: 99%; }
+
+/** Text alignment exceptions **/
+table.list td#id                   ,
+table.list td#operation            ,
+table.list td#browser              ,
+table.list td#views                ,
+table.list td#uniques              { text-align: center; }
+
+/** White spacing exceptions **/
+table.list { white-space : nowrap }
+table.list.browser  td#web_browser ,
+table.list.category td#comment     { white-space: normal; }
+
+
+/************************************************************
+ ************************************************************
+ * Format for item editing
+ */
+
+/** Item editing width and borders **/
+table.edit tr:first-child td.name { border-top: none }
+table.edit td.name                { border-top: 1px solid #fff; width:1% }
+
+/** Text alignment exceptions **/
+table.edit td.name                 { text-align: right }
+table.edit td.value                { text-align: left }
+
+
+/************************************************************
+ ************************************************************
+ * Form submission buttons after item tables
+ */
+
+div.opbuttons { margin-top: 1.0em; text-align: left }
+
+
+
+
+/* table#unitinfo, table#tenantinfo { width: 60% } */
+/* table#unitinfo td:first-child, table#tenantinfo td:first-child { width: 30% } */
+/* table#unitinfo td, table#tenanatinfo td { width: 70% } */
+/* /\*table.detail td:first-child { width: 30% }*\/ */
+/* /\*table.detail td { width: 1% }*\/ */
+/* #unitinfo caption, #tenantinfo caption { margin-top: 0px; } */
+/* table.detail caption { margin-top: 1.5em;  text-align: left; font-size: 14pt; font-weight: bold } */
+/* table.detail {width: 80% } */
+/* table.detail {border-spacing: 0 0} */
+/* table.detail {border-left: 1px solid #000; border-top: 1px solid #000} */
+/* table.detail {empty-cells: show} */
+/* table.detail td, table.detail th {padding: 0.1em 0.2em 0.1em 0.2em } */
+/* table.detail td, table.detail th {border-right: 1px solid #000; border-bottom: 1px solid #000} */
+/* table.detail td {word-wrap : normal} */