[CMF-checkins] CVS: Products/CMFDecor/skins/zpt_generic - login_form.pt:1.1 zpt_stylesheet.css:1.1 actions_box.pt:1.2 content_byline.pt:1.2 folder_contents.pt:1.3 main_template.pt:1.4 news_box.pt:1.2 standard_top_bar.pt:NONE

Andrew Sawyers andrew@digicool.com
Fri, 27 Jul 2001 12:13:28 -0400


Update of /cvs-repository/Products/CMFDecor/skins/zpt_generic
In directory cvs.zope.org:/tmp/cvs-serv25709/skins/zpt_generic

Modified Files:
	actions_box.pt content_byline.pt folder_contents.pt 
	main_template.pt news_box.pt 
Added Files:
	login_form.pt zpt_stylesheet.css 
Removed Files:
	standard_top_bar.pt 
Log Message:

*New ZPT based skins look and feel changes, image additions and
general TALES optimizations.

 
=== Added File Products/CMFDecor/skins/zpt_generic/login_form.pt ===
<html xmlns:tal="http://xml.zope.org/namespaces/tal"
      xmlns:metal="http://xml.zope.org/namespaces/metal"
      metal:use-macro="here/main_template/macros/master">
<body>
<div metal:fill-slot="main">
<div class="Desktop">
<h1 class="Desktop">Log in</h1>

<form action="" method="post" tal:attributes="action python: here.portal_url() + '/logged_in'">

<!-- ****** Enable the automatic redirect ***** -->
<span tal:condition="exists: request/came_from">
  <input type="hidden" name="came_from" value="" tal:attributes="value request/came_from">
</span>
<!-- ****** Enable the automatic redirect ***** -->

<table class="FormLayout">
<tr>
  <td align="left" valign="top">
  <strong>Name</strong>
  </td>
  <td align="left" valign="top">
  <input type="TEXT" name="__ac_name" size="20" value="" tal:attributes="value python: request.get('__ac_name') or ''">
  </td>
</tr>
<tr>
  <td align="left" valign="top">
  <strong>Password</strong>
  </td>
  <td align="left" valign="top">
  <input type="PASSWORD" name="__ac_password" size="20">
  </td>
</tr>

<tr valign="top" align="left">
<td></td>
<td><input type="checkbox" name="__ac_persistent" value="1" checked
      id="cb_remember" />
<label for="cb_remember">Remember my name.</label>
</td></tr>

<tr>
  <td align="left" valign="top">
  </td>
  <td align="left" valign="top">
  <input type="submit" name="submit" value=" Login ">
  </td>
</tr>

</table>
</form>

<p><a href="" tal:attributes="href python: here.portal_url() + '/mail_password_form'">I forgot my password!</a></p>

<p>
Having trouble logging in? Make sure to enable cookies in your web browser.
</p>

<p>Don't forget to logout or exit your browser when you're done.
</p>

<p>
Setting the 'Remember my name' option will set a cookie with your username,
so that when you next log in, your user name will already be filled in for you.
</p>
</div>
</div>
</body>
</html>


=== Added File Products/CMFDecor/skins/zpt_generic/zpt_stylesheet.css ===
body {
    background-color: #FFFFFF;
    color: #000000;
    font-family:  Verdana, Helvetica, sans-serif;
    font-size:  80%;
    margin-top: 0;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
}

a:link {
    text-decoration: none;
    color: #FFFFFF;
}

a:visited { 
    text-decoration: none;
    color: #FFFFFF;
}

a:active {
    color: #FFFFFF;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #000066;
}

p {
    font-size: 80%;
    background-color:  #FFFFFF;
    color:  #000000;
}

td {
    font-size: 100%;
    font-family:  Verdana, Helvetica, sans-serif;
    color:  #000000;
}

h1 {
    font-size:  120%;
    font-weight:  bold;
    color:  #000000;
}

h2 {
    font-size:  115%;
    background-color: #FFFFFF;
    color:  #000000;
}

h3 {
    font-size:  110%;
    background-color: #FFFFFF;
    color:  #000000;
}

.invisible {
  font-size: 80%;
  color: #FFFFFF;
}

.mild {
    color: #7f7f7f;
}

.DesktopStatusBar{
  font-size: 100%;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #ff0000;
}

table {
    width: 100%;
    border: 0;
}

table.Masthead {
    background-color: #336699;
}

tr.Masthead td.PortalLogo {
    background-color: #336699;
    text-align: left;
    vertical-align: middle;
}

table.Masthead tr.Masthead td.PortalTitle {
    text-align: left;
    color: #000000
    vertical-align: middle;
    font-size: 120%;
    font-weight: bold;
    margin-left: 1em;
}

table.Masthead tr.Navhead {
    background-color: #336699;
}

table.Masthead tr.Masthead td.NavBar {
    color: #FFFFFF;
    font-size: 100%;
    font-weight: normal;
    text-align: right;
    vertical-align: middle;
}

table.Masthead tr.Masthead td.NavBar a:link {
    font-size: 80%;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

table.Masthead tr.Masthead td.NavBar a:visited {
    font-size: 80%;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

table.Masthead tr.Masthead td.NavBar a:active {
    font-size: 80%;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

table.Masthead tr.Masthead td.NavBar a:hover {
    font-size: 80%;
    font-weight: normal;
    color: #5599CC;
    text-decoration: none;
}
td.SideBar {
    width: 15%;
    vertical-align: top;
}

table.MemberActionBox {
    color: #000000;
    font-family: Verdana, Helvetica, sans-serif;
    border-top: solid #AAAAAA;
    border-top-width: thin;
    background-color: #5599CC;
}


table.MemberActionBox tr td {
    color: #000000;
    font-size: 70%;
}

table.MemberActionBox tr td.ActionTitle {
    font-weight: bold;
}


table.MemberActionBox tr.MemberActions td.MemberActionsList {
    color: #AAAAAA;
}

table.MemberActionBox tr.MemberActions td a:link {
    color: #FFFFFF;
    text-decoration:  none;
}

table.MemberActionBox tr.MemberActions td a:visited {
    color: #FFFFFF;
    text-decoration:  none;
}

table.MemberActionBox tr.MemberActions td a:active{
    color: #FFFFFF;
    text-decoration:  none;
}

table.MemberActionBox tr.MemberActions td a:hover{
    color: #336699;
    text-decoration:  none;
}

table.ActionBox {
    font-family: Verdana, Helvetica, sans-serif;
    border-top: solid #CCCCCC;
    border-top-width: thick;
    background-color: #CCCCCC;
}

table.ActionBox tr td {
    font-size: 70%;
}

table.ActionBox tr td.ActionTitle {
    font-weight: bold
}

table.ActionBox tr.MemberActions {
    background-color: #CCCCCC;
    vertical-align: top;
}

table.ActionBox tr.MemberActions td {
    color: #000000;
}

table.ActionBox tr.MemberActions td a:link {
    color: #336699;
    text-decoration:  none;
}

table.ActionBox tr.MemberActions td a:visited {
    color: #336699;
    text-decoration:  none;
}

table.ActionBox tr.MemberActions td a:active{
    color: #336699;
    text-decoration:  none;
}

table.ActionBox tr.MemberActions td a:hover{
    color: #000066;
    text-decoration:  none;
}

.aTitle { font-family: Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 25px; }

td.Desktop {
    vertical-align: top;
}

td.Desktop table tr {
    vertical-align: top;
}

div.Description {
    font-size: 80%;
    font-family: Verdana, Helvetica, sans-serif;
    text-indent: 20px;
    right-margin: 8px;
}

div.Desktop {
    font-size: 80%;
    font-family: Verdana, Helvetica, sans-serif;
}

div.Desktop p {
    font-size: 80%;
    margin-right: 10px;
    font-family: Verdana, Helvetica, sans-serif;
    text-indent: 4px;    
}

div.Desktop h1 {
    font-size: 120%;
    margin-right:100pt;
    font-family: Verdana, Helvetica, sans-serif;
}

div.Desktop a:link {
    text-decoration: hover;
    color: #336699;
}

div.Desktop a:visited {
    text-decoration: hover;
    color: #336699;
}

div.Desktop a:active {
    text-decoration: hover;
    color: #FF0000;
}

div.Desktop a:hover {
    text-decoration: underline;
    color: #000066;
}

div.AuthWarning {
    text-align: center;
    font-style: italic;
}

div.AuthWarning table {
    border: 0;
}

div.AuthWarning tr.Hot {
    color: #FF0000;
}

div.Error {
    color:  #FF0000;
}

p.DesktopStatusBar {
    font-size: 80%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
}

table.FormLayout {
    width: 80%;
}

table.FormLayout tr {
    vertical-align: top;
}

table.FormLayout tr th.TextField {
    vertical-align: top;
}

table.FormLayout tr td.TextField {
    vertical-align: top;
}

table.FormLayout th {
    text-align: right;
}

table.FormLayout dl.FieldHelp dd {
    font-size: 70%;
}

table.ContentsList tr td {
    font-size: 100%;
}

table.ContentsList tr td img {
    border: 0;
}

table.SearchResults {
    width: auto;
}

table.SearchResults tr th {
    text-align: left;
}

table.SearchResults tr td img {
    border: 0;
}

table.Wizard {
    width: auto;
}

table.Wizard tr {
    vertical-align: top;
}

table.Wizard tr th {
    text-align: right;
}

div.NewsBar {
    text-align: right;
}

table.NewsItems {
    border: 0;
}


td.NewsBorder {
    background-color: #336699;
}

td.NewsListing {
    background-color: #336699;
    color:  #FFFFFF;
}

.NewsLeadin {
    background-color: #FFFFFF;
    color:  #336699;
}

.NewsByLine {
    background-color:  #336699;
    color:  #FFFFFF;
}

.NewsDateline {
    background-color:  #336699;
    color:  #FFFFFF;
}

td.NewsTitle {
    background-color: #336699;
    color: #FFFFFF;
    text-align: center;
    font-size: 90%;
    font-weight: bold;
}

tr.NewsItemRow td {
    background-color: #AAAAAA;
    font-size: 70%;
}

p.NewsHeadline {
    background-color:  #336699;
}
td.ListName {
    background-color:  #336699;
    color: #FFFFFF;
    font-weight: bold;
}
td.ListDefinition {
    font-style: italic;
}


=== Products/CMFDecor/skins/zpt_generic/actions_box.pt 1.1 => 1.2 ===
 				  global_actions python:actions['global']">
 <table class="ActionBox" width="100%">
-
- <tr class=""
-     tal:attributes="class AuthClass">
-  <td class="ActionTitle"
-      tal:content="uname">
-   <img src="" align="left" alt="User"
-        tal:attributes="src python:'%s/p_/User_icon' % (here.portal_url())">
-   UserName
-  </td>
- </tr>
- <tr class=""
-     tal:attributes="class AuthClass">
-  <td>
-   <span tal:repeat="action user_actions"><a href="" tal:attributes="href action/url" tal:content="action/name">Action</a><br></span>
-  </td>
- </tr>
- <tr class=""
-     tal:attributes="class AuthClass"
-	 tal:condition="folder_actions">
-  <td> 
-    <span tal:repeat="action folder_actions"><a href="" tal:attributes="href action/url" tal:content="action/name">Action</a><br></span>
-  </td>
- </tr>
  <tbody tal:condition="object_actions">
  <tr class=""
      tal:attributes="class AuthClass">
@@ -53,6 +30,13 @@
   </td>
  </tr>
 </tbody>
+<tr class=""
+     tal:attributes="class AuthClass"
+	 tal:condition="folder_actions">
+  <td> 
+    <span tal:repeat="action folder_actions"><a href="" tal:attributes="href action/url" tal:content="action/name">Action</a><br></span>
+  </td>
+ </tr>
  <tr class=""
      tal:attributes="class AuthClass"
 	 tal:condition="global_actions">


=== Products/CMFDecor/skins/zpt_generic/content_byline.pt 1.1 => 1.2 ===
 <body>
 
- <div tal:define="creator here/Creator; home_url python: here.portal_membership.getHomeUrl(creator)"
+ <div class="Desktop" tal:define="creator here/Creator; home_url python: here.portal_membership.getHomeUrl(creator)"
        tal:condition="home_url">
-   			Created by <span><a href="here.html" title="Here"
+   			Created by <span class="Desktop"><a href="here.html" title="Here"
 			       tal:define="title creator"
 			       tal:attributes="href home_url; title title"
 				   tal:content="title">Me</a>.</span>
 			<span tal:condition="python: not(home_url)"
 			      tal:replace="creator">Me</span>
-</div>
+				  <br>
  <span tal:condition="here/ModificationDate">
      Last modified on <span tal:content="here/ModificationDate">Today</span>
  </span>
+ </div>
 </body>
 </html>


=== Products/CMFDecor/skins/zpt_generic/folder_contents.pt 1.2 => 1.3 ===
 	       tal:repeat="items batch">
         <td align="left" width="5" NOWRAP
-		     tal:define="folderish exists: items/isPrincipiaFolderish;
+		     tal:define="folderish items/isPrincipiaFolderish;
 		               portalish items/isPortalContent|nothing;
 					   global methodID python: folderish and 'folder_contents' or (portalish and 'view' or '');
 					   global icon items/getIcon|items/icon|nothing">


=== Products/CMFDecor/skins/zpt_generic/main_template.pt 1.3 => 1.4 ===
  <head>
   <title tal:define="ob_title here/Title; portal_title container/title" tal:content="string:${portal_title}: ${ob_title}">The title</title>
-  <div tal:replace="structure container/css_inline_or_link"/>
- </head>
- <body>
-  <div metal:use-macro="container/standard_top_bar/macros/top_bar"/>
-
-  <table width="100%" border="0" cellpadding="0" cellspacing="0">
-   <tr>
-   <!-- Vertical whitespace -->
-   <td colspan="4"><br/></td>
-   </tr>
-
+  
+<link rel="stylesheet" href="zpt_stylesheet.css" type="text/css"
+      tal:attributes="href here/zpt_stylesheet/absolute_url">
+
+</head> <body> 
+<div metal:define-macro="top_bar">
+ <!-- Top bar -->
+ <table width="100%" border="0" cellpadding="0" cellspacing="0">
+ <tr><td colspan="3" witdth="100%">
+ <!-- hack around netscape 4.x to ensure top table is solid black -->
+ <table class="Masthead" cellspacing="0" cellpadding="0" border="0" width="100%">
+ <tr class="Masthead">
+
+            <form action="search" method="GET"
+       tal:define="portal_url container/portal_url"
+       tal:attributes="action string:${portal_url}/search">
+	          <td class="PortalLogo" align="left" valign="middle" width="1%" height="32"> 
+                <a href="." tal:attributes="href container/portal_url"><img src="../zpt_images/Zope_logo.gif" alt="Zope Logo" border="0" width="87" height="38"
+																																	 tal:attributes="src string:Zope_logo.gif"></a> 
+              </td>
+
+            <td class="PortalTitle" width="29%" align="left" valign="middle" height="32"> 
+              <span tal:define="portal_title container/title" tal:content="string:${portal_title}">Site Title</span>
+ </td>
+
+            <td class="NavBar" align="right" valign="middle" width="70%" wrap="no" height="32"> 
+ <a href="." tal:attributes="href portal_url">home</a>&nbsp;
+ <a href="roster"
+    tal:attributes="href string:${portal_url}/Members">members</a>&nbsp;
+ <a href="recent_news"
+    tal:attributes="href string:${portal_url}/recent_news">news</a>&nbsp;
+ <a href="search_form"
+    tal:attributes="href string:${portal_url}/search_form">search</a>
+ <input name="SearchableText" size="16">
+                <input border="0" type="image" name="go" src="../../CMFDefault/skins/Images/go.gif" align="middle" width="20" height="20"
+				       tal:attributes="src string:go.gif">
+                 &nbsp;
+ </td>
+    </form>
+ </tr>
+ </table>
+ </td></tr></table>
+</div>
+<table width="100%" border="0" cellpadding="0" cellspacing="0">
+<tr><td colspan="4">
+  <table width="100%" border="0" cellpadding="0" cellspacing="0" class="MemberActionBox">
+   <tr class="MemberActions"
+     tal:define="global isAnon python:here.portal_membership.isAnonymousUser();
+	 uname python: isAnon and 'Guest' or here.portal_membership.getAuthenticatedMember().getUserName();
+	 global actions python:here.portal_actions.listFilteredActionsFor(here);
+	 user_actions python:actions['user']">
+     <td class="ActionTitle"
+         tal:content="uname">
+         UserName
+     </td>
+	 <td class="MemberActionsList" align="right">
+   <span tal:repeat="action user_actions"><a href="" tal:attributes="href action/url" tal:content="action/name">Action List</a> | </span>
+  </td>
+  </tr>
+  </table>
+</td></tr>
    <tr valign="top">
-   <td class="SideBar" width="15%" align="left" valign="top">
-   <span metal:use-macro="container/actions_box/macros/actions">Actions box</span>
+   <td class="ActionBox" width="15%" align="left" valign="top" tal:condition="python: not isAnon">
+   <span metal:use-macro="container/actions_box/macros/actions">
+   <!--everything below here is replaced, just here for view of actions_box -->
+   <table class="ActionBox" width="100%">
+ <tr class="AuthClass">
+          <td class="ActionTitle">
+		  <img src="../../CMFDefault/skins/Images/UpFolder_icon.gif" align="left" alt="Holder Image" width="16" height="16"> ObjectID 
+          </td>
+ </tr>
+ <tr class="AuthClass">
+  <td> 
+    Status:  Private<br>
+    <a href="">Object Action</a><br>
+  </td>
+ </tr>
+  </table>
+  <!--end replacement -->
+   </span>
    </td>
-
-   <!-- Horizontal whitespace -->
    <td width="1%">&nbsp;</td>
-
-   <td class="Desktop" colspan="2" width="84%" valign="top">
-
+   <td class="Desktop" colspan="" width="84%" valign="top" tal:attributes="colspan python: not isAnon and '2' or '3'">
+   <table cellpadding="5">
+   <tr>
+   <td class="Desktop" width="100%" valign="top">
    <p tal:condition="request/portal_status_message|nothing" tal:content="request/portal_status_message" class="DesktopStatusBar"></p>
-
-   <div tal:condition="exists:here/localHeader" replace="structure here/localHeader"/>
    <div metal:define-slot="main"/>
-   <div tal:condition="exists:here/localFooter" replace="structure here/localFooter"/>
-
+   </td>
+   </tr>
+   </table>
   </td>
   </tr>
   </table>
-
  </body>
 </html>


=== Products/CMFDecor/skins/zpt_generic/news_box.pt 1.1 => 1.2 ===
       tal:condition="news"
 	  tal:repeat="news batch">
-   <td valign="top">
+   <td valign="top" nowrap>
     <a href=""
 	   tal:attributes="href python:news.getURL()"
 	   tal:content="news/Title"></a><br>

=== Removed file Products/CMFDecor/skins/zpt_generic/standard_top_bar.pt ===