Author: Ochikvina Date: 2011-02-11 02:53:52 -0500 (Fri, 11 Feb 2011) New Revision: 21620 Added: trunk/examples/richfaces-showcase/src/main/webapp/images/pmenu_bg.png Modified: trunk/examples/richfaces-showcase/src/main/webapp/resources/css/application.xcss trunk/examples/richfaces-showcase/src/main/webapp/richfaces/component-sample.xhtml Log: RF-9636 - Added static styles to tabs and pmenu navigation elements. Added: trunk/examples/richfaces-showcase/src/main/webapp/images/pmenu_bg.png =================================================================== (Binary files differ) Property changes on: trunk/examples/richfaces-showcase/src/main/webapp/images/pmenu_bg.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Modified: trunk/examples/richfaces-showcase/src/main/webapp/resources/css/application.xcss =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/resources/css/application.xcss 2011-02-10 20:25:15 UTC (rev 21619) +++ trunk/examples/richfaces-showcase/src/main/webapp/resources/css/application.xcss 2011-02-11 07:53:52 UTC (rev 21620) @@ -24,7 +24,7 @@ } p{ margin:0; - padding:0 0 6px; + padding:0 0 10px; } #page{ margin:0 auto; @@ -57,7 +57,7 @@ background:url('#{facesContext.externalContext.requestContextPath}/images/sep.gif') center right no-repeat; color:#fff; padding:0 8px 0 3px; - font:11px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif'; + font:11px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif; } #header ul.top-links li.last a{ background:none; @@ -81,17 +81,20 @@ margin-left:4px; padding-left:5px; } +#header ul#skin-menu li a{ + color:#89A0BE; +} #header ul#skin-menu li span{ height:25px; + font:bold 12px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif; padding:3px 5px 0 0; display:inline-block; - font:normal 12px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif'; } #header ul#skin-menu li span:hover{ text-decoration:underline; } -#header ul#skin-menu li.label{ +#header ul#skin-menu li.label span{ color:#999999; cursor:default; font-weight:normal; @@ -99,10 +102,10 @@ #header ul#skin-menu li.current-skin{ background:url('#{facesContext.externalContext.requestContextPath}/images/select-skin-button.png') left -75px no-repeat; - color:#fff; } #header ul#skin-menu li.current-skin span{ background:url('#{facesContext.externalContext.requestContextPath}/images/select-skin-button.png') right 0 repeat-x; + color:#fff; } #header ul#skin-menu li.label span:hover, #header ul#skin-menu li.current-skin span:hover{ @@ -112,19 +115,26 @@ background:url('#{facesContext.externalContext.requestContextPath}/images/page-bg.png') 0 0 repeat-y; height:100%; min-height:520px; - padding:10px 20px 0; + padding:13px 20px 5px; } #page-content .left-menu{ float:left; margin-right:10px; min-height:450px; - width:210px; + width:235px; } #page-content .content-container { - float:left; - width:720px; + float:right; + width:700px; } - +#page-content .content-container fieldset.example-cnt{ + background:#ffffff; + border:1px solid #dddddd; + border-top:0; + margin:0; + min-height:470px; + padding:15px 20px 10px; +} .clear{ clear:both; height:0%; @@ -139,4 +149,102 @@ .source .syntaxhighlighter .line{ white-space: normal !important; -} \ No newline at end of file +} + +a.show, a.hide{ + font:bold 12px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif; + color:#5F9CD0; + display:block; +} + +/*--- RichFaces panelMenu styles overwriting ---*/ + +.left-menu .rf-pm{ + border:1px solid #B0BDC5; + border-bottom:0; +} +.left-menu .rf-pm .rf-pm-top-gr{ + border:0; + border-bottom:1px solid #969b9e; + margin:0; + padding:0; +} +.left-menu .rf-pm .rf-pm-top-gr-hdr{ + background:#c6cacc url(../images/pmenu_bg.png) left top repeat-x; + padding:3px 1px 2px 3px; +} +.left-menu .rf-pm .rf-pm-top-gr-hdr:hover{ + background: #c6cacc url(../images/pmenu_bg.png) left top repeat-x; +} +.left-menu .rf-pm .rf-pm-top-gr-ico{ + display:none; +} +.left-menu .rf-pm .rf-pm-top-gr-lbl{ + color:#273945; + font-family:"Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif; + margin-left:4px; +} +.left-menu .rf-pm .rf-pm-top-gr-lbl:hover{ + color:#5a8eba; +} +.left-menu .rf-pm-exp{ + background:#ffffff; +} +.left-menu .rf-pm-exp .rf-pm-itm{ + border:0; + border-bottom:1px solid #dddddd; +} +.left-menu .rf-pm-exp .rf-pm-itm:hover{ + background:none; +} +.left-menu .rf-pm-exp .rf-pm-itm-lbl:hover{ + color:#5f9cd0; +} +.left-menu .rf-pm-exp .rf-pm-itm-sel, +.left-menu .rf-pm-exp .rf-pm-itm-sel:hover{ + /*background:#e3e8ef;*/ +} +.left-menu .rf-pm-exp .rf-pm-itm-lbl{ + color:#305f7b; + font:normal 11px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif; +} +.left-menu .rf-pm-exp .rf-pm-itm-sel .rf-pm-itm-lbl{ + color:#5f9cd0; + font-weight:bold; +} +.left-menu .rf-pm-exp .rf-pm-itm-ico{ + padding:0 !important; + width:5px; +} + +/*--- RichFaces tablePanel styles overwriting ---*/ +.navigation .rf-tab-hdr-tabline-vis{ + background:#ebf6fd; + border:0; + height:31px; + padding:0; +} +.navigation .rf-tab-hdr{ + border:1px solid #dddddd; + padding:6px 10px 0; + margin-right: 3px; +} +.navigation .rf-tab-hdr-act{ + background:#ffffff; + border-bottom:0; + color:#5F9CD0; +} +.navigation .rf-tab-hdr-act .rf-tab-lbl{ + font-weight:bold; +} +.navigation .rf-tab-hdr-inact{ + background:#c6cacc url(../images/pmenu_bg.png) left top repeat-x; + border:1px solid #bec3c7; +} +.navigation .rf-tab-hdr-spcr{ + border-bottom:1px solid #dddddd; + padding:0 3px 0 0; +} +.navigation .rf-tab-lbl{ + font:normal 12px "Lucida Sans Unicode", "Lucida Grande", Geneva,Verdana,Arial,sans-serif; +} Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/component-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/component-sample.xhtml 2011-02-10 20:25:15 UTC (rev 21619) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/component-sample.xhtml 2011-02-11 07:53:52 UTC (rev 21620) @@ -28,7 +28,7 @@ onheaderclick="document.location='#{facesContext.externalContext.requestContextPath}/richfaces/component-sample.jsf?demo=#{d.id}&amp;sample=#{s.id}&amp;skin=#{skinBean.skin}'" /> </c:forEach> </rich:tabPanel> - <fieldset><ui:include src="#{demoNavigator.sampleURI}" /></fieldset> + <fieldset class="example-cnt"><ui:include src="#{demoNavigator.sampleURI}" /></fieldset> </ui:define> </ui:composition>