10:14 a.m.
Author: Ochikvina
Date: 2011-01-20 11:14:42 -0500 (Thu, 20 Jan 2011)
New Revision: 21124
Added:
management/design-4x/showcase_markup/
management/design-4x/showcase_markup/images/
management/design-4x/showcase_markup/images/body-bg.jpg
management/design-4x/showcase_markup/images/footer.png
management/design-4x/showcase_markup/images/header-bg.png
management/design-4x/showcase_markup/images/page-bg.png
management/design-4x/showcase_markup/images/rf-logo.png
management/design-4x/showcase_markup/images/select-skin-button.png
management/design-4x/showcase_markup/images/sep.gif
management/design-4x/showcase_markup/index.html
management/design-4x/showcase_markup/styles.css
Log:
Added RF Showcase markup.
Added: management/design-4x/showcase_markup/images/body-bg.jpg
===================================================================
(Binary files differ)
Property changes on: management/design-4x/showcase_markup/images/body-bg.jpg
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/showcase_markup/images/footer.png
===================================================================
(Binary files differ)
Property changes on: management/design-4x/showcase_markup/images/footer.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/showcase_markup/images/header-bg.png
===================================================================
(Binary files differ)
Property changes on: management/design-4x/showcase_markup/images/header-bg.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/showcase_markup/images/page-bg.png
===================================================================
(Binary files differ)
Property changes on: management/design-4x/showcase_markup/images/page-bg.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/showcase_markup/images/rf-logo.png
===================================================================
(Binary files differ)
Property changes on: management/design-4x/showcase_markup/images/rf-logo.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/showcase_markup/images/select-skin-button.png
===================================================================
(Binary files differ)
Property changes on: management/design-4x/showcase_markup/images/select-skin-button.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/showcase_markup/images/sep.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/showcase_markup/images/sep.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/showcase_markup/index.html
===================================================================
--- management/design-4x/showcase_markup/index.html (rev 0)
+++ management/design-4x/showcase_markup/index.html 2011-01-20 16:14:42 UTC (rev 21124)
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+ <title>RichFaces Showcase</title>
+ <link rel="stylesheet" type="text/css"
href="styles.css"/>
+ <script type="text/javascript">
+ var currentSkin;
+
+ function init(){
+ currentSkin = document.getElementById('blueSky');
+ }
+ window.onload = init;
+
+ function skin(element){
+ if(element.className != "current-skin"){
+ element.className = "";
+ }
+ }
+
+ function selectSkin(element){
+ currentSkin.className = "";
+ currentSkin = element;
+ element.className = "current-skin";
+ }
+ </script>
+</head>
+<body>
+ <div id="page">
+ <div id="header">
+ <a href="#" class="logo"><img
src="images/rf-logo.png" alt="RF logo"/></a>
+ <div class="right-controls">
+ <ul class="top-links">
+ <li><a
href="http://jboss.org/richfaces;jsessionid=bJJO_UTMPzC7DsTvo5vjKA&q...
target="_blank">Project Site</a></li>
+ <li><a
href="http://www.jboss.org/community/wiki/richfaceswikihomepage;jses...
target="_blank">Project Wiki</a></li>
+ <li><a
href="http://community.jboss.org/community/richfaces;jsessionid=bJJO...
target="_blank">RichFaces Community Space</a></li>
+ <li class="download-link"><a
href="http://jboss.org/richfaces/download/milestones.html;jsessionid...
target="_blank">Download</a></li>
+ <li class="last"><a
href="http://anonsvn.jboss.org/repos/richfaces/trunk/examples/richfa...
target="_blank">Sources</a></li>
+ </ul>
+ <ul id="skin-menu">
+ <li id="wine" onclick="selectSkin(this)"
onmouseout="skin(this)"><span>wine</span></li>
+ <li id="ruby" onclick="selectSkin(this)"
onmouseout="skin(this)"><span>ruby</span></li>
+ <li id="japanCherry"
onclick="selectSkin(this)"
onmouseout="skin(this)"><span>japanCherry</span></li>
+ <li id="emeraldTown"
onclick="selectSkin(this)"
onmouseout="skin(this)"><span>emeraldTown</span></li>
+ <li id="deepMarine" onclick="selectSkin(this)"
onmouseout="skin(this)"><span>deepMarine</span></li>
+ <li id="classic" onclick="selectSkin(this)"
onmouseout="skin(this)"><span>classic</span></li>
+ <li id="blueSky" class="current-skin"
onclick="selectSkin(this)"
onmouseout="skin(this)"><span>blueSky</span></li>
+ <li class="label"><span>Select
Skin:</span></li>
+ </ul>
+ </div>
+ </div>
+ <div id="page-content">
+ <div class="left-menu">
+ Panel Menu
+ </div>
+ <div class="content-container">
+ <p>Welcome to the demo site for the
<strong>RichFaces</strong> project!</p>
+ <p><strong>RichFaces</strong> is a component library
for JSF and an advanced framework for easily integrating AJAX
+ capabilities into business applications. This demo is the reference for
all <strong>RichFaces</strong> components with examples.</p>
+ <p>The project homepage is located at <a
href="http://jboss.org/richfaces">http://jboss.org/richfaces...
+ </div>
+ </div>
+ <div id="footer">
+ RichFaces Core Implementation by JBoss, a division of Red Hat, Inc., version
v.4.0.0-SNAPSHOT SVN r.20520
+ </div>
+ </div>
+</body>
+</html>
Added: management/design-4x/showcase_markup/styles.css
===================================================================
--- management/design-4x/showcase_markup/styles.css (rev 0)
+++ management/design-4x/showcase_markup/styles.css 2011-01-20 16:14:42 UTC (rev 21124)
@@ -0,0 +1,128 @@
+* {
+ margin:0;
+ padding:0;
+}
+html{
+ height:100%;
+}
+body{
+ background:#94aebc url(images/body-bg.jpg) left bottom repeat;
+ font:normal 12px "Lucida Sans Unicode","Lucida
Grande",Geneva,Verdana,Arial,sans-serif;
+ height:100%;
+}
+ul{
+ list-style:none;
+}
+a{
+ color:#5a8eba;
+ outline:none;
+ text-decoration:none;
+}
+a:hover{
+ text-decoration:underline;
+}
+p{
+ margin:0;
+ padding:0 0 6px;
+}
+#page{
+ margin:0 auto;
+ width:987px;
+}
+#header{
+ background:url(images/header-bg.png) no-repeat top left;
+ height:90px;
+}
+#header .logo{
+ float:left;
+ margin-left:7px;
+ text-decoration:none;
+}
+#header .logo img{
+ border:none;
+}
+#header .right-controls{
+ float:right;
+}
+#header ul.top-links{
+ margin:5px 15px 0 0;
+ text-align:right;
+}
+#header ul.top-links li{
+ display:inline;
+ font-size:11px;
+}
+#header ul.top-links li a{
+ background:url(images/sep.gif) center right no-repeat;
+ color:#fff;
+ padding:0 8px 0 3px;
+}
+#header ul.top-links li.last a{
+ background:none;
+ padding:0 0 0 3px;
+}
+#header ul.top-links li.download-link a{
+ color:#eccb7b;
+}
+#header ul#skin-menu{
+ color:#89a0be;
+ cursor:default;
+ font-weight:bold;
+ margin:38px 15px 0 0;
+ text-align:right;
+}
+#header ul#skin-menu li{
+ cursor:pointer;
+ display:inline-block;
+ float:right;
+ height:25px;
+ margin-left:4px;
+ padding-left:5px;
+}
+#header ul#skin-menu li span{
+ height:25px;
+ padding:3px 5px 0 0;
+ display:inline-block;
+}
+#header ul#skin-menu li span:hover{
+ text-decoration:underline;
+}
+#header ul#skin-menu li.label{
+ color:#999999;
+ cursor:default;
+ font-weight:normal;
+}
+
+#header ul#skin-menu li.current-skin{
+ background:url(images/select-skin-button.png) left -75px no-repeat;
+ color:#fff;
+}
+#header ul#skin-menu li.current-skin span{
+ background:url(images/select-skin-button.png) right 0 repeat-x;
+}
+#header ul#skin-menu li.label span:hover,
+#header ul#skin-menu li.current-skin span:hover{
+ text-decoration:none;
+}
+#page-content{
+ background:url(images/page-bg.png) 0 0 repeat-y;
+ height:100%;
+ min-height:520px;
+ padding:10px 20px 0;
+}
+#page-content .left-menu{
+ float:left;
+ margin-right:10px;
+ min-height:450px;
+ width:210px;
+}
+#page-content .content-container{
+ padding:10px;
+}
+#footer{
+ background:url(images/footer.png) top left no-repeat;
+ color:#2d4351;
+ clear:both;
+ text-align:center;
+ padding:15px 20px 10px;
+}
\ No newline at end of file