Author: nbelaevski Date: 2010-06-01 07:24:39 -0400 (Tue, 01 Jun 2010) New Revision: 17443 Modified: root/examples/richfaces-showcase/trunk/src/main/webapp/resources/rich/css/page.ecss root/examples/richfaces-showcase/trunk/src/main/webapp/resources/rich/css/panel.ecss root/examples/richfaces-showcase/trunk/src/main/webapp/templates/includes/navigation.xhtml root/examples/richfaces-showcase/trunk/src/main/webapp/templates/main.xhtml Log: Additional styling added fro richfaces-showcase Modified: root/examples/richfaces-showcase/trunk/src/main/webapp/resources/rich/css/page.ecss =================================================================== --- root/examples/richfaces-showcase/trunk/src/main/webapp/resources/rich/css/page.ecss 2010-06-01 11:07:40 UTC (rev 17442) +++ root/examples/richfaces-showcase/trunk/src/main/webapp/resources/rich/css/page.ecss 2010-06-01 11:24:39 UTC (rev 17443) @@ -1,5 +1,5 @@ -.rich-page{ - width:100%; +.rich-page { + width: 100%; } .body { @@ -7,55 +7,56 @@ margin: 0px; } -* { - font-size: 11px; -} - -.header_bg{ - background-image: "url(#{resource['org.richfaces.demo.images.PageHeaderGradient']})"; +.header_bg { + background-image: + "url(#{resource['org.richfaces.demo.images.PageHeaderGradient']})"; border-bottom: 1px solid #FFFFFF; background-color: '#{richSkin.headerBackgroundColor}'; background-repeat: repeat-x; background-position: top left; } -.footer_bg{ - background-image: "url(#{resource['org.richfaces.demo.images.PageFooterGradient']})"; +.footer_bg { + background-image: + "url(#{resource['org.richfaces.demo.images.PageFooterGradient']})"; border-top: 1px solid #FFFFFF; - background-color: '#{richSkin.headerBackgroundColor}'; - background-repeat:repeat-x; - background-position:center left; + background-color: '#{richSkin.headerBackgroundColor}'; + background-repeat: repeat-x; + background-position: center left; } -.menu_col{ +.menu_col { background-color: '#{richSkin.generalBackgroundColor}'; - vertical-align:top; - border-top:2px solid; + vertical-align: top; + border-top: 2px solid; border-top-color: '#{richSkin.panelBorderColor}'; - border-right:2px solid; + border-right: 2px solid; border-right-color: '#{richSkin.panelBorderColor}'; - border-bottom:2px solid; + border-bottom: 2px solid; border-bottom-color: '#{richSkin.panelBorderColor}'; } -.content_col{ - background-color: '#{richSkin.generalBackgroundColor}'; - vertical-align:top; - width: 100%; - border-top:2px solid; - border-top-color: '#{richSkin.panelBorderColor}'; - border-bottom:2px solid; - border-bottom-color: '#{richSkin.panelBorderColor}'; +.content_col { + background-color: '#{richSkin.generalBackgroundColor}'; + vertical-align: top; + width: 100%; + border-top: 2px solid; + border-top-color: '#{richSkin.panelBorderColor}'; + border-bottom: 2px solid; + border-bottom-color: '#{richSkin.panelBorderColor}'; } -*.menu_col, *.content_col, *.footer_bg { - font-family: Arial, Verdana, sans-serif; - color: '#{richSkin.generalTextColor}'; - font-size: 11px; + +*.menu_col,*.content_col,*.footer_bg { + font-family: '#{richSkin.generalFamilyFont}'; + color: '#{richSkin.generalTextColor}'; + font-size: '#{richSkin.generalSizeFont}'; } -*.header_content{ - font-family: Arial, Verdana, sans-serif; - color: '#{richSkin.headerTextColor}'; - font-size: 11px; + +*.header_content { + font-family: '#{richSkin.generalFamilyFont}'; + color: '#{richSkin.headerTextColor}'; + font-size: '#{richSkin.generalSizeFont}'; + padding-left: 20px; } .page_size { @@ -63,18 +64,32 @@ height: 100%; } - .header_content { margin: 0px 0px 0px 0px; - position : relative + position: relative } -.spacer{ - font-size : 1px; +.spacer { + font-size: 1px; } .footer_bg_content { margin: 0px 0px 0px 0px; height: 45px; position: relative; +} + +.new_marker { + color: red; + vertical-align: super; + font-size: 8px; + padding-left: 2px; +} + +.header_links_container, .header_links_container * { + color: '#{richSkin.headerTextColor}'; +} + +.header_links_container { + padding-right: 20px; } \ No newline at end of file Modified: root/examples/richfaces-showcase/trunk/src/main/webapp/resources/rich/css/panel.ecss =================================================================== --- root/examples/richfaces-showcase/trunk/src/main/webapp/resources/rich/css/panel.ecss 2010-06-01 11:07:40 UTC (rev 17442) +++ root/examples/richfaces-showcase/trunk/src/main/webapp/resources/rich/css/panel.ecss 2010-06-01 11:24:39 UTC (rev 17443) @@ -1,27 +1,28 @@ -.rich-panel{ - border-width: 1px; - border-style: solid; - padding : 1px; - color: '#{richSkin.generalTextColor}'; - font-family:Arial,Verdana,sans-serif; - font-size:11px; - background-color: '#{richSkin.generalBackgroundColor}'; - border-color: '#{richSkin.panelBorderColor}'; +.rich-panel { + border-width: 1px; + border-style: solid; + padding: 1px; + color: '#{richSkin.generalTextColor}'; + font-family: '#{richSkin.generalFamilyFont}'; + font-size: '#{richSkin.generalSizeFont}'; + background-color: '#{richSkin.generalBackgroundColor}'; + border-color: '#{richSkin.panelBorderColor}'; } - -.rich-panel-header{ - padding : 2px; - border-width: 1px; - border-style: solid; - background-color: '#{richSkin.headerBackgroundColor}'; - border-color: '#{richSkin.panelBorderColor}'; - font-weight:bold; - background-position:left top; - background-repeat:repeat-x; - background-image: "url(#{resource['org.richfaces.demo.images.PanelGradient']})"; - color: '#{richSkin.headerTextColor}'; + +.rich-panel-header { + padding: 2px; + border-width: 1px; + border-style: solid; + background-color: '#{richSkin.headerBackgroundColor}'; + border-color: '#{richSkin.panelBorderColor}'; + font-weight: bold; + background-position: left top; + background-repeat: repeat-x; + background-image: + "url(#{resource['org.richfaces.demo.images.PanelGradient']})"; + color: '#{richSkin.headerTextColor}'; } - -.rich-panel-body{ - padding : 10px; -} + +.rich-panel-body { + padding: 10px; +} \ No newline at end of file Modified: root/examples/richfaces-showcase/trunk/src/main/webapp/templates/includes/navigation.xhtml =================================================================== --- root/examples/richfaces-showcase/trunk/src/main/webapp/templates/includes/navigation.xhtml 2010-06-01 11:07:40 UTC (rev 17442) +++ root/examples/richfaces-showcase/trunk/src/main/webapp/templates/includes/navigation.xhtml 2010-06-01 11:24:39 UTC (rev 17443) @@ -12,7 +12,7 @@ <a4j:repeat value="#{demoNavigator.groups}" var="gr"> <li> <h:outputText value="#{gr.name}" /> - <h:outputText value="NEW!" rendered="#{gr.newItem}" style="color:red"/> + <h:outputText rendered="#{gr.newItem}" value="NEW!" styleClass="new_marker" /> </li> <ul> <a4j:repeat value="#{gr.demos}" var="d"> @@ -21,7 +21,7 @@ <f:attribute name="style" value="#{(d.id == demoNavigator.currentDemo.id) ? 'color:orange' : ''}"/> <f:param name="demo" value="#{d.id}"/> </h:link> - <h:outputText value="NEW!" rendered="#{d.newItem or gr.newItem}" style="color:red"/> + <h:outputText rendered="#{d.newItem or gr.newItem}" value="NEW!" styleClass="new_marker" /> </li> </a4j:repeat> </ul> Modified: root/examples/richfaces-showcase/trunk/src/main/webapp/templates/main.xhtml =================================================================== --- root/examples/richfaces-showcase/trunk/src/main/webapp/templates/main.xhtml 2010-06-01 11:07:40 UTC (rev 17442) +++ root/examples/richfaces-showcase/trunk/src/main/webapp/templates/main.xhtml 2010-06-01 11:24:39 UTC (rev 17443) @@ -23,7 +23,7 @@ <h1>Welcome to RichFaces demo!</h1> </div> </td> - <td align="right"> + <td align="right" class="header_links_container"> <h:outputLink value="http://jboss.org/richfaces">Project Site</h:outputLink> <h:outputText value=" | "/> <h:outputLink value="http://www.jboss.org/community/wiki/richfaceswikihomepage&quo... Wiki</h:outputLink>