I'am not using the layout yet but I get this http://twitpic.com/3tp4o1 with default.css and style.css.
HTH 2011/1/26 Howard Lewis Ship <[email protected]> > 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] > >
