[Zope-CVS] CVS: Products/CompositePage/manual - manual_styles.css:1.1.2.2 page.pt:1.1.2.2

[Shane Hathaway]

Update of /cvs-repository/Products/CompositePage/manual
In directory cvs.zope.org:/tmp/cvs-serv9103

Modified Files:
      Tag: composite-flat-ui-branch
	manual_styles.css page.pt 
Log Message:
Improved the styles used for manual slotting.


=== Products/CompositePage/manual/manual_styles.css 1.1.2.1 => 1.1.2.2 ===
--- Products/CompositePage/manual/manual_styles.css:1.1.2.1	Tue Feb 24 17:34:11 2004
+++ Products/CompositePage/manual/manual_styles.css	Wed Feb 25 13:46:51 2004
@@ -3,27 +3,52 @@
   background-color: #003366;
   color: white;
   font-weight: bold;
+  padding-left: 0.5em;
 }
 
 .slot_element, .slot_empty {
   background-color: #cccccc;
+}
+
+.slot_element_highlighted {
+  background-color: #b5d5ff;
+}
+
+.slot_element, .slot_element_highlighted, .slot_empty {
   border-bottom: 1px solid black;
-  padding-left: 8px;
+  border-left: 1px solid black;
+  border-right: 1px solid black;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+
+.slot_element select, .slot_element_highlighted select {
+  margin-left: 1em;
 }
 
-.slot_element a, .slot_empty em {
+.slot_element a, .slot_element_highlighted a {
   font-size: small;
 }
 
 .slot_bottom {
   background-color: #336699;
-  font-size: small;
+  padding-left: 0.5em;
+  color: white;
 }
 
-.slot_view_selector {
-  float: right;
+.slot_bottom a {
+  color: white;
+  font-size: small;
 }
 
 .slot-element-grip {
   display: none;
+}
+
+.slot_target, .slot_target_highlighted {
+  height: 4px;
+}
+
+.slot_target_highlighted {
+  background-color: black;
 }


=== Products/CompositePage/manual/page.pt 1.1.2.1 => 1.1.2.2 ===
--- Products/CompositePage/manual/page.pt:1.1.2.1	Tue Feb 24 17:34:11 2004
+++ Products/CompositePage/manual/page.pt	Wed Feb 25 13:46:51 2004
@@ -6,10 +6,10 @@
 <div tal:replace="structure fragments/header"></div>
 <div tal:replace="structure fragments/top"></div>
 
-<table border="0" cellspacing="0" cellpadding="0" width="100%">
+<table border="0" cellspacing="0" cellpadding="0">
 <tbody tal:repeat="slot_info here/getSlotData">
-<tr class="slot_top">
-<td>
+<tr>
+<td class="slot_top">
   <span tal:content="slot_info/title">Headliner story</span>
   - Slot <span tal:content="repeat/slot_info/number">1</span>
   <a href="#">+</a>
@@ -22,12 +22,14 @@
 
 <tr tal:repeat="element_info slot_info/elements">
 <td class="slot_element" tal:attributes="source_path element_info/source_path">
-<div class="slot_target"
+<table border="0" cellspacing="0" cellpadding="0">
+<tr>
+<td colspan="2" class="slot_target"
   tal:attributes="target_path slot_info/target_path;
-  target_index element_info/index"></div>
-<select class="slot_view_selector">
-<option value="">Choose a view...<option>
-</select>
+  target_index element_info/index"></td>
+</tr>
+<tr>
+<td>
 <div>
   <!--input type="checkbox" tal:attributes="name element_info/source_path" /-->
   <b tal:content="element_info/title">Reducing Post-Bypass Readmissions</b>
@@ -38,9 +40,19 @@
   <a href="#">move up</a> |
   <a href="#">move down</a>
 </div>
-<div class="slot_target"
+</td>
+<td>
+<select>
+<option value="">Choose a view...<option>
+</select>
+</td>
+</tr>
+<tr>
+<td colspan="2" class="slot_target"
   tal:attributes="target_path slot_info/target_path;
-  target_index element_info/next_index"></div>
+  target_index element_info/next_index"></td>
+</tr>
+</table>
 </td>
 </tr>
 
@@ -56,8 +68,8 @@
 </td>
 </tr>
 
-<tr class="slot_bottom">
-<td>
+<tr>
+<td class="slot_bottom">
   <a href="#">Add</a> |
   <a href="#">Remove</a> |
   <a href="#">Copy</a> |
@@ -67,7 +79,7 @@
 </tr>
 
 <tr class="slot_spacer">
-<td>&nbsp;</td>
+<td height="10"></td>
 </tr>
 
 </tbody>