Author: dsvyatobatsko Date: 2008-03-18 13:24:09 -0400 (Tue, 18 Mar 2008) New Revision: 6925 Modified: trunk/samples/richfaces-demo/src/main/webapp/css/common.css trunk/samples/richfaces-demo/src/main/webapp/richfaces/calendar/examples/calSample.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/calendar/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/templates/include/dynamic-css.xhtml trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml Log: http://jira.jboss.com/jira/browse/RF-2542 Demo-site common changes Modified: trunk/samples/richfaces-demo/src/main/webapp/css/common.css =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/css/common.css 2008-03-18 17:20:00 UTC (rev 6924) +++ trunk/samples/richfaces-demo/src/main/webapp/css/common.css 2008-03-18 17:24:09 UTC (rev 6925) @@ -1,6 +1,16 @@ +.demo_fieldset{ + margin : 20px; + border : 1px solid #ACBECE; +} + +.demo_legend{ + font-weight : bold; + margin : 0px 10px 0px 20px; +} + form { - margin:0; - padding:0; + margin: 0; + padding: 0; } * { @@ -14,9 +24,9 @@ font-family: Verdana,Arial; } - .footer-text { - font-size: 10px; - } +.footer-text { + font-size: 10px; +} body{ margin : 0px; Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/calendar/examples/calSample.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/calendar/examples/calSample.xhtml 2008-03-18 17:20:00 UTC (rev 6924) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/calendar/examples/calSample.xhtml 2008-03-18 17:24:09 UTC (rev 6925) @@ -6,8 +6,8 @@ xmlns:rich="http://richfaces.org/rich"> <style type="text/css"> - .ecol1 { width:250px; vertical-align: top; } - .ecol2 { vertical-align: top; border-left:1px solid #CCC; } + .ecol1 { vertical-align: top; padding-right : 25px } + .ecol2 { vertical-align: top; border-left: #ACBECE 1px solid; padding-left : 10px } .rich-calendar-tool-btn{ font-family: Arial, Verdana; } Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/calendar/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/calendar/usage.xhtml 2008-03-18 17:20:00 UTC (rev 6924) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/calendar/usage.xhtml 2008-03-18 17:24:09 UTC (rev 6925) @@ -14,15 +14,16 @@ is initially rendered as input for date and button on the right side to call a popup. In case of an inline mode, the monthly calendar is located on a page initially. </p> - - <div class="sample-container" > - <ui:include src="/richfaces/calendar/examples/calSample.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/calendar/examples/calSample.xhtml"/> - </ui:include> - - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Calendar Demo</legend> + <div class="sample-container" > + <ui:include src="/richfaces/calendar/examples/calSample.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/calendar/examples/calSample.xhtml"/> + </ui:include> + </div> + </fieldset> <p>Calendar component allows to work with <b>time</b> also. You should just define time in pattern ( for example "<i>d/M/yy HH:mm</i>" as it's defined in this sample by default) </p> <p>After you choose some date, you'll be able to manage time for this date. Spinner will be called after click on the time fields to edit them.</p> Modified: trunk/samples/richfaces-demo/src/main/webapp/templates/include/dynamic-css.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/templates/include/dynamic-css.xhtml 2008-03-18 17:20:00 UTC (rev 6924) +++ trunk/samples/richfaces-demo/src/main/webapp/templates/include/dynamic-css.xhtml 2008-03-18 17:24:09 UTC (rev 6925) @@ -30,9 +30,23 @@ font-size:19px; } div.esample { - border:1px solid #CCCCCC; - padding:0px 8px 0px 8px; + border-right: #CCCCCC 1px solid; + padding-right: 8px; + border-top: #CCCCCC 1px solid; + padding-left: 8px; + padding-bottom: 0px; + border-left: #CCCCCC 1px solid; + padding-top: 0px; + border-bottom: #CCCCCC 1px solid } +p { + font-family : verdana; + font-size : 11px; + line-height : 150%; +} +a { + color : #ACBECE +} </style> </ui:composition> </html> Modified: trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml 2008-03-18 17:20:00 UTC (rev 6924) +++ trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml 2008-03-18 17:24:09 UTC (rev 6925) @@ -20,46 +20,32 @@ <style> .viewsourcepanel { - padding-bottom:0px; - width:100%; - overflow:auto; - border-width:0; - background-color:#FFFFE7; + border : 0px; padding: 0px; margin : 2px 0px 0px 0px; overflow: auto; width: 100%; background-color: #F3F7FB; } + .viewsourcebody { - padding:0; + padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px } + .viewsourceheader { - background-color:#E6F3F7; - background-image:none; - border-width:0px; - padding:0px; - height:6px; + border: 0px; padding: 0px; height: 6px; background-color: #E1E7ED; } + .viewsourcediv { - padding:0 10px 10px 10px; + padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 5px; border-top : 2px solid #FFFFFF; border-bottom : 2px solid #FFFFFF; } + .viewsourcediv pre { - margin:0; + margin: 0px } - + .viewsourcelooklink { - cursor:pointer; - text-decoration:underline; - padding-left:5px; - color:blue; - font-size:11px; - font-family:Verdana; + padding-left: 5px; font-size: 11px; cursor: pointer; color: #7795AF; font-family: Verdana; text-decoration: underline } - + .viewsourcehidelink { - text-align:right; - cursor:pointer; - display:block; - background-color:#E6F3F7; - text-decoration:none; + display: block; color: #7795AF; cursor: pointer; background-color: #E1E7ED; text-align: right; text-decoration: none; padding : 2px } - </style> <f:subview> <div>