This is going to be very cool. One thing I noticed too late with the Concrete layout was that form fields rendered very large and ugly ... hopefully this will look better. Has anyone tried this design with a BeanEditForm, Grid or BeanDisplay component?
On Wed, Jan 26, 2011 at 12:11 PM, <[email protected]> wrote: > Author: uli > Date: Wed Jan 26 20:11:49 2011 > New Revision: 1063860 > > URL: http://svn.apache.org/viewvc?rev=1063860&view=rev > Log: > TAP5-1323: Change Quickstart Template to Match New Site Design > > Thanks to Mark Shead for the patch. > > Added: > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/default.css > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/bg.png > (with props) > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/tapestry.png > (with props) > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/tapestry_s.png > (with props) > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/top-bg.png > (with props) > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/reset.css > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/style.css > Removed: > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img01.jpg > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img02.jpg > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img03.jpg > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img04.jpg > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img05.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img06.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img07.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img08.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img09.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img10.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img11.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img12.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img13.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img14.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img15.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img16.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img17.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img18.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img19.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/img20.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/spacer.gif > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/layout.css > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/license.txt > Modified: > > tapestry/tapestry5/trunk/quickstart/src/main/resources/META-INF/maven/archetype-metadata.xml > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/java/components/Layout.java > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/components/Layout.tml > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/About.tml > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/Contact.tml > > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/Index.tml > > Modified: > tapestry/tapestry5/trunk/quickstart/src/main/resources/META-INF/maven/archetype-metadata.xml > URL: > http://svn.apache.org/viewvc/tapestry/tapestry5/trunk/quickstart/src/main/resources/META-INF/maven/archetype-metadata.xml?rev=1063860&r1=1063859&r2=1063860&view=diff > ============================================================================== > --- > tapestry/tapestry5/trunk/quickstart/src/main/resources/META-INF/maven/archetype-metadata.xml > (original) > +++ > tapestry/tapestry5/trunk/quickstart/src/main/resources/META-INF/maven/archetype-metadata.xml > Wed Jan 26 20:11:49 2011 > @@ -19,6 +19,7 @@ > <exclude>*.ico</exclude> > <exclude>**/*.jpg</exclude> > <exclude>**/*.gif</exclude> > + <exclude>**/*.png</exclude> > </excludes> > </fileSet> > > @@ -30,6 +31,7 @@ > <include>*.ico</include> > <include>**/*.jpg</include> > <include>**/*.gif</include> > + <include>**/*.png</include> > </includes> > </fileSet> > > > Modified: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/java/components/Layout.java > URL: > http://svn.apache.org/viewvc/tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/java/components/Layout.java?rev=1063860&r1=1063859&r2=1063860&view=diff > ============================================================================== > --- > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/java/components/Layout.java > (original) > +++ > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/java/components/Layout.java > Wed Jan 26 20:11:49 2011 > @@ -8,13 +8,13 @@ import org.apache.tapestry5.BindingConst > /** > * Layout component for pages of application ${artifactId}. > */ > -@Import(stylesheet = "context:layout/layout.css") > +@Import(stylesheet = "context:layout/style.css") > public class Layout > { > /** The page title, for the <title> element and the <h1> element. */ > @Property > @Parameter(required = true, defaultPrefix = BindingConstants.LITERAL) > - private String title; > + private String pageTitle; > > @Property > private String pageName; > > Modified: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/components/Layout.tml > URL: > http://svn.apache.org/viewvc/tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/components/Layout.tml?rev=1063860&r1=1063859&r2=1063860&view=diff > ============================================================================== > --- > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/components/Layout.tml > (original) > +++ > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/components/Layout.tml > Wed Jan 26 20:11:49 2011 > @@ -1,61 +1,51 @@ > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> > -<!-- > - > -Design by Free CSS Templates > -http://www.freecsstemplates.org > -Released for free under a Creative Commons Attribution 2.5 License > - > -Title : Concrete > -Version : 1.0 > -Released : 20080825 > -Description: A Web 2.0 design with fluid width suitable for blogs and small > websites. > ---> > #set( $D = '$' ) > <html xmlns="http://www.w3.org/1999/xhtml"; > xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"; > xmlns:p="tapestry:parameter"> > <head> > <meta http-equiv="content-type" content="text/html; charset=utf-8"/> > - <title>${D}{title}</title> > + <title>${D}{pageTitle}</title> > </head> > - <body> > - <!-- start header --> > - <div id="header"> > - <div id="logo"> > - <h1> > - <t:pagelink > page="index">${groupId}:${artifactId}</t:pagelink> > - </h1> > - </div> > - <div id="menu"> > - <ul> > + > + <body id="homepage"> > + <div class="wrapper bs"> > + <ul class="nav"> > + > + > <li t:type="loop" source="pageNames" value="pageName" > class="prop:classForPageName"> > <t:pagelink > page="prop:pageName">${D}{pageName}</t:pagelink> > </li> > - </ul> > - </div> > - </div> > - <!-- end header --> > - <!-- start page --> > - <div id="page"> > - <!-- start sidebar --> > - <div id="sidebar"> > - <ul> > - <li id="search" style="background: none;"> > - </li> > - <li t:type="if" test="sidebar"> > - <h2>${D}{sidebarTitle}</h2> > - <div class="sidebar-content"> > - <t:delegate to="sidebar"/> > - </div> > - </li> > - </ul> > - </div> > - <!-- end sidebar --> > - <!-- start content --> > + </ul> > + <div id="top"> > + > + <h1><img > src="${D}{context:/layout/images/tapestry_s.png}" alt="Tapestry" > id="tapestry" /></h1> > + > + <div id="aside">Welcome to Tapestry 5 Quickstart > Project Template!</div> > + > + <div class="clearer"></div> > + > + </div> > + > + > + > + <div id="bar"> > + <strong>Tapestry 5 Quickstart Application</strong> > + </div> > + > + <div class="col"> > + <h3 class="first">${D}{sidebarTitle}</h3> > + > + <t:delegate to="sidebar" /> > + > + </div> > + > + <div id="content" class="big-col"> > + <!-- start content --> > <div id="content"> > <div class="post"> > <div class="title"> > - <h2>${D}{title}</h2> > + <h2>${D}{pageTitle}</h2> > </div> > <div class="entry"> > <t:body/> > @@ -63,21 +53,26 @@ Description: A Web 2.0 design with fluid > </div> > </div> > <!-- end content --> > - <br style="clear: both;"/> > - </div> > - <!-- end page --> > + <div class="clearer"></div> > + > + </div> > + > + <div class="clearer"></div> > + > + > + > + > + > + > <!-- start footer --> > <div id="footer"> > <p class="legal"> > - ©2009 ${groupId}. All Rights Reserved. > - • > - Design by > - <a href="http://www.freecsstemplates.org/";>Free CSS > Templates</a> > + ©2010 ${groupId}. All Rights Reserved. > • > - Icons by > - <a href="http://famfamfam.com/";>FAMFAMFAM</a>. > + Built with <a href="http://tapestry.apache.org";>Apache > Tapestry</a> > </p> > </div> > + </div> > <!-- end footer --> > </body> > </html> > > Modified: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/About.tml > URL: > http://svn.apache.org/viewvc/tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/About.tml?rev=1063860&r1=1063859&r2=1063860&view=diff > ============================================================================== > --- > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/About.tml > (original) > +++ > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/About.tml > Wed Jan 26 20:11:49 2011 > @@ -1,4 +1,4 @@ > -<html t:type="layout" title="About ${artifactId}" > +<html t:type="layout" pageTitle="About ${artifactId}" > xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"; > xmlns:p="tapestry:parameter"> > > > Modified: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/Contact.tml > URL: > http://svn.apache.org/viewvc/tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/Contact.tml?rev=1063860&r1=1063859&r2=1063860&view=diff > ============================================================================== > --- > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/Contact.tml > (original) > +++ > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/Contact.tml > Wed Jan 26 20:11:49 2011 > @@ -1,7 +1,7 @@ > -<html t:type="layout" title="Contact ${groupId}" > +<html t:type="layout" pageTitle="Contact ${groupId}" > xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"; > xmlns:p="tapestry:parameter"> > > - <p>Contact ${groupId} ...</p> > + <p>Contact ${groupId} ...</p> > > </html> > > Modified: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/Index.tml > URL: > http://svn.apache.org/viewvc/tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/Index.tml?rev=1063860&r1=1063859&r2=1063860&view=diff > ============================================================================== > --- > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/Index.tml > (original) > +++ > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/resources/pages/Index.tml > Wed Jan 26 20:11:49 2011 > @@ -1,9 +1,9 @@ > -<html t:type="layout" title="${artifactId} Index" > +<html t:type="layout" pageTitle="${artifactId} Index" > t:sidebarTitle="Current Time" > xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"; > xmlns:p="tapestry:parameter"> > - #set( $D = '$' ) > - <!-- Most of the page content, including <head>, <body>, etc. tags, > comes from Layout.tml --> > + #set( $D = '$' ) > + <!-- Most of the page content, including <head>, <body>, etc. tags, > comes from Layout.tml --> > > <p>${D}{message:greeting}</p> > > @@ -13,7 +13,7 @@ > Just to prove this is live: > </p> > > - <p>The current time is: ${D}{currentTime}.</p> > + <p>The current time is:<br/> ${D}{currentTime}.</p> > > > <p> > > Added: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/default.css > URL: > http://svn.apache.org/viewvc/tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/default.css?rev=1063860&view=auto > ============================================================================== > --- > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/default.css > (added) > +++ > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/default.css > Wed Jan 26 20:11:49 2011 > @@ -0,0 +1,478 @@ > +/* Tapestry styles all start with "t-" */ > +DIV.t-error { > + border: 1px solid red; > + padding: 0px; > + margin: 4px 0px; > +} > + > +DIV.t-error DIV { > + padding: 2px; > + display: block; > + margin: 0px; > + background-color: red; > + color: white; > + font-weight: bold; > +} > + > +DIV.t-error UL { > + margin: 2px 0px; > + background-color: white; > + color: red; > +} > + > +DIV.t-error LI { > + margin-left: 20px; > +} > + > +DIV.t-error-single { > + padding: 2px; > + display: block; > + margin: 0px; > + background-color: red; > + color: white; > +} > + > +HTML>BODY DIV.t-error LI { > + margin-left: -20px; > +} > + > +.t-invisible { > + display: none; > +} > + > +LABEL.t-error { > + color: red; > +} > + > +INPUT.t-error, TEXTAREA.t-error, SELECT.t-error { > + border-color: red; > + font-style: italic; > + color: red; > +} > + > +IMG.t-error-icon { > + margin-left: 4px; > + width: 16px; > + height: 16px; > + background: url(field-error-marker.gif); > +} > + > +IMG.t-autoloader-icon { > + margin-left: 4px; > + width: 16px; > + height: 16px; > + background: url(ajax-loader.gif); > +} > + > +IMG.t-sort-icon { > + margin-left: 4px; > +} > + > +DIV.t-exception-message { > + font-style: italic; > + font-size: 12pt; > + border: thin dotted silver; > + margin: 5px 0px; > + padding: 3px; > +} > + > +DIV.t-exception-report, DIV.t-env-data { > + font-family: "Trebuchet MS", Arial, sans-serif; > +} > + > +DIV.t-exception-report LI { > + margin-left: -40px; > +} > + > +DIV.t-exception-report DT, DIV.t-env-data DT { > + color: green; > + padding-left: 2px; > + background-color: #FFFFCF; > +} > + > +DIV.t-exception-report LI { > + list-style: none; > +} > + > +SPAN.t-exception-class-name { > + display: block; > + margin-top: 15px; > + font-size: 12pt; > + background-color: #E1E1E1; > + color: blue; > + padding: 2px 3px; > + font-weight: bold; > +} > + > +SPAN.t-exception-stack-controls { > + display: block; > + float: right; > +} > + > +UL.t-stack-trace LI { > + font-family: Monaco, Times, monospace; > + font-size: 10pt; > + margin-left: -25px; > + list-style: square; > +} > + > +LI.t-usercode-frame { > + font-weight: bold; > + color: blue; > +} > + > +LI.t-omitted-frame { > + display: none; > + color: gray; > + list-style: square; > +} > + > +H1.t-exception-report { > + font-family: "Trebuchet MS", Arial, sans-serif; > + color: red; > +} > + > +DIV.t-exception-report DT:after { > + content: ":"; > +} > + > +DIV.t-exception-report DD, DIV.t-env-data DD { > + margin-left: 10px; > +} > + > +TABLE.t-data-table { > + border-collapse: collapse; > + margin: 0px; > + padding: 2px; > +} > + > +TABLE.t-data-table TH { > + background-color: black; > + color: white; > +} > + > +TABLE.t-data-table TD { > + border: 1px solid silver; > + margin: 0px; > +} > + > +DIV.t-beaneditor { > + display: block; > + background: #ffc; > + border: 2px outset brown; > + padding: 2px; > + font-family: "Trebuchet MS", Arial, sans-serif; > +} > + > +DIV.t-beaneditor-row { > + padding: 4px 0px 2px 0px; > +} > + > +DIV.t-beaneditor-row LABEL:after { > + content: ":"; > +} > + > +DL.t-beandisplay { > + display: block; > + padding: 2px; > + font-family: "Trebuchet MS", Arial, sans-serif; > + background: #CCBE99; > + border: 2px outset black; > + width: auto; > +} > + > +DL.t-beandisplay DT { > + width: 250px; > + display: inline; > + float: left; > + text-align: right; > + clear: left; > + padding-right: 3px; > + vertical-align: middle; > +} > + > +DL.t-beandisplay DT:after { > + content: ":"; > +} > + > +DIV.t-beaneditor-row LABEL { > + width: 250px; > + display: block; > + float: left; > + text-align: right; > + clear: left; > + padding-right: 3px; > + vertical-align: middle; > +} > + > +INPUT.t-number { > + text-align: right; > +} > + > +DIV.t-beandisplay DIV.t-beandisplay-label { > + padding-right: 5px; > +} > + > +TABLE.t-data-grid THEAD TR { > + color: white; > + background-color: #809FFF; > +} > + > +TABLE.t-data-grid THEAD TR TH { > + text-align: left; > + padding: 3px; > + white-space: nowrap; > + border-right: 1px solid silver; > + border-bottom: 1px solid silver; > +} > + > +TABLE.t-data-grid { > + border-collapse: collapse; > + border-left: 1px solid silver; > +} > + > +TABLE.t-data-grid TBODY TR TD { > + border-right: 1px solid silver; > + border-bottom: 1px solid silver; > + padding: 2px; > +} > + > +DIV.t-data-grid { > + font-family: "Trebuchet MS", Arial, sans-serif; > +} > + > +DIV.t-data-grid-pager { > + margin: 8px 0px; > +} > + > +DIV.t-data-grid-pager A, DIV.t-data-grid-pager SPAN.current { > + text-decoration: none; > + color: black; > + padding: 2px 5px; > + font-size: medium; > + border: 1px solid silver; > + margin-right: 5px; > +} > + > +DIV.t-data-grid-pager A:hover { > + border: 1px solid black; > +} > + > +DIV.t-data-grid-pager SPAN.current { > + color: white; > + background-color: #809FFF; > +} > + > +TABLE.t-data-grid TR TH A { > + color: white; > +} > + > +IMG { > + border: none; > +} > + > +DIV.t-env-data-section { > + padding-left: 5px; > +} > + > +DIV.t-env-data DD, DIV.t-exception-report DD { > + margin-left: 25px; > + margin-bottom: 10px; > +} > + > +DIV.t-env-data LI { > + margin-left: -25px; > +} > + > +DIV.t-env-data-section { > + font-size: 12pt; > + background-color: #E1E1E1; > + color: blue; > + padding: 2px 3px; > + font-weight: bold; > +} > + > +TABLE.t-location-outer { > + padding: 5px; > + border-collapse: collapse; > + border: 1px solid black; > + width: 100%; > +} > + > +TD.t-location-line { > + width: 40px; > + text-align: right; > + padding: 0px; > + background-color: #E1E1E1; > + padding-right: 3px; > + border-right: 1px solid black; > +} > + > +TD.t-location-content { > + border-top: 1px solid silver; > + border-right: 1px solid black; > + white-space: pre; > +} > + > +TD.t-location-current { > + background-color: #FFFFCF; > +} > + > +TD.t-location-content-first { > + border-top: 1px solid black; > +} > + > +DIV.t-palette { > + display: inline; > +} > + > +DIV.t-palette SELECT { > + margin-bottom: 2px; > + width: 200px; > +} > + > +DIV.t-palette-title { > + color: white; > + background-color: #809FFF; > + text-align: center; > + font-weight: bold; > + margin-bottom: 3px; > + display: block; > +} > + > +DIV.t-palette-available { > + float: left; > +} > + > +DIV.t-palette-controls { > + margin: 5px 5px; > + float: left; > + text-align: center; > +} > + > +DIV.t-palette-controls BUTTON { > + display: block; > + margin-bottom: 3px; > +} > + > +DIV.t-palette-controls BUTTON[disabled] IMG { > + filter: alpha(opacity = 25); > + -moz-opacity: .25; > +} > + > +DIV.t-palette-selected { > + float: left; > + clear: right; > +} > + > +DIV.t-palette-spacer { > + clear: left; > +} > + > +IMG.t-calendar-trigger { > + padding-left: 3px; > + cursor: pointer; > +} > + > +DIV.t-autocomplete-menu { > + z-index: 9999; > +} > + > +DIV.t-autocomplete-menu UL { > + border: 2px outset #cc9933; > + background-color: #cc9933; > + padding: 4px 6px; > + overflow: auto; > +} > + > +DIV.t-autocomplete-menu LI { > + color: white; > + list-style-type: none; > + padding: 0px; > + margin: 0px; > + border-bottom: 1px solid black; > + cursor: pointer; > +} > + > +DIV.t-autocomplete-menu LI.selected { > + color: black; > + font-weight: bold; > +} > + > +DIV.t-error-popup SPAN { > + background: transparent url('error-bevel-left.gif') no-repeat; > + display: block; > + line-height: 28px; > + margin-left: 0px; > + padding: 0px 5px 10px 22px; > +} > + > +HTML>BODY DIV.t-error-popup SPAN { > + background: transparent url('error-bevel-left.png') no-repeat; > +} > + > +DIV.t-error-popup { > + background: transparent url('error-bevel-right.gif') no-repeat scroll > top right; > + cursor: pointer; > + color: #FFF; > + display: block; > + float: left; > + font: normal 12px arial, sans-serif; > + height: 39px; > + margin-right: 6px; > + padding-right: 29px; > + text-decoration: none; > +} > + > +HTML>BODY DIV.t-error-popup { > + background: transparent url('error-bevel-right.png') no-repeat scroll > top right; > +} > + > +UL.t-data-list LI { > + list-style-type: square; > +} > + > +DIV.t-loading { > + display: inline; > + width: auto; > + font-weight: bold; > + padding-right: 20px; > + background: transparent url(ajax-loader.gif) no-repeat right top; > +} > + > +DIV.t-dialog-overlay { > + position: fixed; > + margin: auto; > + top: 0px; > + left: 0px; > + z-index: 9990; > + width: 100%; > + height: 100%; > + background: transparent url("dialog-background.gif"); > +} > + > +DIV.t-page-loading-banner { > + position: absolute; > + top: 5px; > + left: 5px; > + width: auto; > + font-weight: bold; > + padding: 2px 4px 2px 24px; > + color: black; > + background: white url(ajax-loader.gif) no-repeat 4px center; > + border-right: 2px solid black; > + border-bottom: 2px solid black; > +} > + > +SPAN.t-render-object-error > +{ > + font-weight: bold; > + font: italic; > + color: red; > +} > + > +DIV.t-available-values UL LI > +{ > + list-style-type : disc; > + margin-left: 0px; > +} > \ No newline at end of file > > Added: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/bg.png > URL: > http://svn.apache.org/viewvc/tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/bg.png?rev=1063860&view=auto > ============================================================================== > Binary file - no diff available. > > Propchange: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/bg.png > ------------------------------------------------------------------------------ > svn:mime-type = application/octet-stream > > Added: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/tapestry.png > URL: > http://svn.apache.org/viewvc/tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/tapestry.png?rev=1063860&view=auto > ============================================================================== > Binary file - no diff available. > > Propchange: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/tapestry.png > ------------------------------------------------------------------------------ > svn:mime-type = application/octet-stream > > Added: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/tapestry_s.png > URL: > http://svn.apache.org/viewvc/tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/tapestry_s.png?rev=1063860&view=auto > ============================================================================== > Binary file - no diff available. > > Propchange: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/tapestry_s.png > ------------------------------------------------------------------------------ > svn:mime-type = application/octet-stream > > Added: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/top-bg.png > URL: > http://svn.apache.org/viewvc/tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/top-bg.png?rev=1063860&view=auto > ============================================================================== > Binary file - no diff available. > > Propchange: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/images/top-bg.png > ------------------------------------------------------------------------------ > svn:mime-type = application/octet-stream > > Added: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/reset.css > URL: > http://svn.apache.org/viewvc/tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/reset.css?rev=1063860&view=auto > ============================================================================== > --- > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/reset.css > (added) > +++ > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/reset.css > Wed Jan 26 20:11:49 2011 > @@ -0,0 +1,53 @@ > +/* http://meyerweb.com/eric/tools/css/reset/ */ > +/* v1.0 | 20080212 */ > + > +html, body, div, span, applet, object, iframe, > +h1, h2, h3, h4, h5, h6, p, blockquote, pre, > +a, abbr, acronym, address, big, cite, code, > +del, dfn, em, font, img, ins, kbd, q, s, samp, > +small, strike, strong, sub, sup, tt, var, > +b, u, i, center, > +dl, dt, dd, ol, ul, li, > +fieldset, form, label, legend, > +table, caption, tbody, tfoot, thead, tr, th, td { > + margin: 0; > + padding: 0; > + border: 0; > + outline: 0; > + font-size: 100%; > + vertical-align: baseline; > + background: transparent; > +} > +body { > +/* line-height: 1;*/ > +} > +ol, ul { > + list-style: none; > +} > +blockquote, q { > + quotes: none; > +} > +blockquote:before, blockquote:after, > +q:before, q:after { > + content: ''; > + content: none; > +} > + > +/* remember to define focus styles! */ > +:focus { > + outline: 0; > +} > + > +/* remember to highlight inserts somehow! */ > +ins { > + text-decoration: none; > +} > +del { > + text-decoration: line-through; > +} > + > +/* tables still need 'cellspacing="0"' in the markup */ > +table { > + border-collapse: collapse; > + border-spacing: 0; > +} > > Added: > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/style.css > URL: > http://svn.apache.org/viewvc/tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/style.css?rev=1063860&view=auto > ============================================================================== > --- > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/style.css > (added) > +++ > tapestry/tapestry5/trunk/quickstart/src/main/resources/archetype-resources/src/main/webapp/layout/style.css > Wed Jan 26 20:11:49 2011 > @@ -0,0 +1,252 @@ > +@IMPORT url("reset.css"); > + > +/* > +#569D2F > +#ffffff > +#333333 > +#999999 > +#cccccc > +#eeeeee > +*/ > + > +body { > + color: #333333; > + font-family: Verdana, Helvetica, sans-serif; > + background-color: #ffffff; > + font-size:13px; > +} > + > +h1 { margin:0px 15px; float:left; width: 650px; } > +h2, h3 { font-family: Georgia, serif; font-weight:normal; font-size:21px; > color: #569D2F; } > + > +a { color:#569D2F; font-weight: normal; text-decoration: underline; } > +a img { text-decoration:none; } > + > +p { margin-bottom:10px; line-height:1.3em; } > + > +.wrapper { width: 1000px; margin: 0 auto; padding:0px 0px; border-left:1px > solid #cccccc; border-right:1px solid #cccccc; } > +.clearer { clear:both; } > + > +.nav { list-style: none; margin: 0 auto; text-align:right; height:30px; > background:#1B181C url('images/top-bg.png') repeat-x top right; > border-bottom:1px solid #999999;} > +.nav li { color:#FFFFFF; font-weight: normal; display:inline; padding:0px > 5px; margin:0px; white-space: nowrap; border-right: 1px solid #ccc; > line-height:30px; } > +.nav li.last { border-right:0px; } > +.nav a { color: #ffffff; text-decoration: none;} > +.nav span { color: #ffffff; } > +.nav .current_page_item A { text-decoration: underline;} > + > + > +.bs { box-shadow:0px 0px 20px rgba(0,0,0,0.3); > + -moz-box-shadow:0px 0px 20px rgba(0,0,0,0.3); > + -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.3); > +} > + > +.light{ color:#999999; } > + > +.col { float:right; width: 290px; padding: 0px 15px; margin-right: 15px; } > +.big-col { margin-right:345px !important; } > + > +#top { background: #ffffff url('images/bg.png') repeat-x top right; } > +#content { padding:0px 15px; margin:0px 15px; } > +#footer { font-size:12px; color:#999999; text-align: center; padding: 15px > 15px;} > + > +/* homepage */ > +#homepage #aside { float:right; width: 280px; padding:70px 30px 0px 0px; > font-family: Georgia, serif; font-size:18px; font-style:italic; > line-height:1.3em; vertical-align: text-top;} > + > +#homepage h2 { margin-bottom:10px; margin-top:20px; } > +#homepage h2.first { margin-top: 0px; } > +#homepage h2 a , #homepage h3 a { text-decoration:none; } > + > +#features ul { list-style:none; padding:10px; padding-top:0px; } > +#features li { float:left; width:315px; margin:0px 5px; } > +#features li h3 { margin-left:15px; font-size:21px; color: #569D2F; } > +.feature { background-color: #eeeeee; padding:15px; line-height:1.3em;} > + > +#bar { margin:15px 0px; padding:10px; background-color: #569D2F; > color:#ffffff; text-align:center; } > +#bar a { color: #ffffff; } > + > +#references { margin:10px 0px; } > +#references li { font-size: 10px; display:block; float:right; width:250px; > margin:0px 10px 15px 10px; text-align:left;} > +#references img { display:block; margin-bottom:5px; padding:5px; border:1px > solid #cccccc;} > +#references a { padding:0px 6px; } > + > +#tweets li { margin:10px 0px; } > + > +/* getting started */ > +#getting-started h2 { color:#333333; font-size:30px; margin-bottom:15px; } > + > +#getting-started #screencasts li { clear:both; padding:5px 0px; } > +#getting-started .thumb { float:right; margin-left:15px; } > + > +#gotodoc {clear:both; font-size:30px; background-color:#eeeeee; font-family: > Georgia, serif; text-align:center; padding:15px 250px; margin:15px 0px; } > +#gotodoc a { color: #569D2F; text-decoration:none; } > + > +/* documentation */ > +#documentation h2 { font-size:40px; color:#333333; } > +#breadcrumb { clear:both; font-size:18px; background-color:#eeeeee; > font-family: Georgia, serif; padding:15px 30px; margin:15px 0px; } > +#breadcrumb a { color: #569D2F; text-decoration:none; } > + > +#toc a { text-decoration: none; } > +#toc > li { padding:5px 0px; } > +#toc ul a { color:#333333; } > +#toc ul { list-style: circle; margin-left:10px; padding-left:10px; } > +#breadcrumb {} > + > +/* forms */ > +.form-footer { background:#C9BB9B; border:0px; border-top:1px solid > #6E6D65; padding:10px; color:#6E6D65; text-align:center; margin:0px -10px > -10px -10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: > 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: > 10px; -moz-border-radius-bottomright: 10px; > -webkit-border-bottom-right-radius: 10px; } > + > +.full-form, .small-form { padding:10px 0px;} > +.full-form table th, .full-form table td { padding: 5px 5px;} > +.full-form table th { width: 220px; text-align:right; font-weight:normal; > color: #6E6D65; } > +.full-form table th h3 { text-align:left;} > +.full-form table label { display:block; color: #2F2F32; font-size:16px;} > +.full-form input { font-size:16px; } > +.full-form table td input { width:250px; } > +.full-form table td.inline input { width:auto; } > +.full-form table td.inline label { display: inline; } > +.full-form .form-submit {text-align:center; padding:10px 0px} > + > +/* Ajax loading features */ > +.loading { display: inline; width: auto; font-weight: bold; padding-right: > 20px; background: transparent url(ajax-loader.gif) no-repeat right top;} > + > +/* Workspace component */ > +#workspace a {float: left; overflow: hidden; margin-right: 5px; width: > 220px; text-align: left;} > +#workspace li {padding: 5px 0} > + > +/* Tapestry overrides */ > +TABLE.t-data-grid THEAD TR { > + color: white; > + background-color: #569D2F; > +} > + > +TABLE.t-data-grid THEAD TR TH { > + padding: 3px; > + white-space: nowrap; > + border: none; > +} > + > +TABLE.t-data-grid TH a { > + text-decoration: none; > +} > + > + > +TABLE.t-data-grid { > + border: none; > + width: 100%; > +} > + > +TABLE.t-data-grid TBODY TR TD { > + border: none; > + border-top: solid 1px; > + padding: 5px; > +} > + > +DIV.t-data-grid { > + font-family: "Trebuchet MS", Arial, sans-serif; > +} > + > +DIV.t-data-grid-pager { > + margin: 8px 0px; > +} > + > +DIV.t-data-grid-pager A, DIV.t-data-grid-pager SPAN.current { > + text-decoration: none; > + color: black; > + padding: 2px 5px; > + font-size: medium; > + border: 1px solid silver; > + margin-right: 5px; > +} > + > +DIV.t-data-grid-pager A:hover { > + border: none; > +} > + > +DIV.t-data-grid-pager SPAN.current { > + color: white; > + background-color: #569D2F; > +} > + > +TABLE.t-data-grid TR TH A { > + color: white; > +} > + > +IMG.t-sort-icon { > + background-color: #569D2F; > + margin-left: 4px; > +} > + > +DIV.t-error { > + border: none; > + padding: 0px; > + margin: 10px 0px; > +} > + > +DIV.t-error DIV { > + padding: 10px; > + display: block; > + margin: 0px; > + background-color: #E93D00; > + color: white; > + font-weight: bold; > +} > + > +DIV.t-error UL { > + margin: 10px 0px; > + background-color: white; > + color: #E93D00; > +} > + > + > +DIV.t-error-single { > + padding: 10px; > + display: block; > + margin: 0px; > + background-color: red; > + color: white; > +} > + > +HTML>BODY DIV.t-error LI { > + margin-left: 30px; > +} > + > +DIV.t-error LI { > + margin-left: 30px; > + list-style: square; > +} > + > +LABEL.t-error { > + color: #E93D00; > +} > + > +INPUT.t-error, TEXTAREA.t-error, SELECT.t-error { > + border-color: #E93D00; > + font-style: italic; > + color: #E93D00; > +} > + > +DL.t-beandisplay { > + display: block; > + padding: 15px 15px 0; > + font-family: "Trebuchet MS", Arial, sans-serif; > + font-size: 16px; > + background: white; > + border: none; > + width: auto; > + color: #2F2F32; > +} > + > +DL.t-beandisplay DT { > + width: 220px; > + display: inline; > + float: left; > + clear: left; > + padding-right: 10px; > + vertical-align: middle; > + text-align: right; > + font-size: 16px; > + font-weight: bold; > +} > + > +DL.t-beandisplay DT:after { > + content: none; > +} > \ No newline at end of file > > > -- Howard M. Lewis Ship Creator of Apache Tapestry The source for Tapestry training, mentoring and support. Contact me to learn how I can get you up and productive in Tapestry fast! (971) 678-5210 http://howardlewisship.com --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
