[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>
+ <a href="roster"
+ tal:attributes="href string:${portal_url}/Members">members</a>
+ <a href="recent_news"
+ tal:attributes="href string:${portal_url}/recent_news">news</a>
+ <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">
+
+ </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%"> </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 ===