[seam-commits] Seam SVN: r8028 - in trunk/examples/seamspace/view: style and 1 other directory.

Author: shane.bryzak(a)jboss.com Date: 2008-04-25 23:07:45 -0400 (Fri, 25 Apr 2008) New Revision: 8028 Added: trunk/examples/seamspace/view/style/security.css trunk/examples/seamspace/view/style/table_header.png Modified: trunk/examples/seamspace/view/roledetail.xhtml trunk/examples/seamspace/view/rolemanager.xhtml trunk/examples/seamspace/view/security.xhtml trunk/examples/seamspace/view/style/seamspace.css trunk/examples/seamspace/view/template.xhtml trunk/examples/seamspace/view/userdetail.xhtml trunk/examples/seamspace/view/usermanager.xhtml Log: styling of identity management screens Modified: trunk/examples/seamspace/view/roledetail.xhtml =================================================================== --- trunk/examples/seamspace/view/roledetail.xhtml 2008-04-25 15:47:35 UTC (rev 8027) +++ trunk/examples/seamspace/view/roledetail.xhtml 2008-04-26 03:07:45 UTC (rev 8028) @@ -7,6 +7,10 @@ xmlns:s="http://jboss.com/products/seam/taglib"> <ui:composition template="template.xhtml"> + + <ui:define name="header"> + <link href="style/security.css" rel="stylesheet" type="text/css"/> + </ui:define> <ui:define name="content"> Modified: trunk/examples/seamspace/view/rolemanager.xhtml =================================================================== --- trunk/examples/seamspace/view/rolemanager.xhtml 2008-04-25 15:47:35 UTC (rev 8027) +++ trunk/examples/seamspace/view/rolemanager.xhtml 2008-04-26 03:07:45 UTC (rev 8028) @@ -7,6 +7,10 @@ <ui:composition template="template.xhtml"> + <ui:define name="header"> + <link href="style/security.css" rel="stylesheet" type="text/css"/> + </ui:define> + <ui:define name="content"> <script type="text/javascript"> @@ -26,8 +30,11 @@ id="threads" value="#{roles}" var="role" - styleClass="default" - columnClasses=",,enabled,action"> + styleClass="security" + cellspacing="0" + headerClass="header" + rowClasses="odd,even" + columnClasses=",,action"> <h:column width="auto"> <f:facet name="header">Role</f:facet> #{role} Modified: trunk/examples/seamspace/view/security.xhtml =================================================================== --- trunk/examples/seamspace/view/security.xhtml 2008-04-25 15:47:35 UTC (rev 8027) +++ trunk/examples/seamspace/view/security.xhtml 2008-04-26 03:07:45 UTC (rev 8028) @@ -7,6 +7,10 @@ <ui:composition template="template.xhtml"> + <ui:define name="header"> + <link href="style/security.css" rel="stylesheet" type="text/css"/> + </ui:define> + <ui:define name="content"> <div id="contentMain"> Modified: trunk/examples/seamspace/view/style/seamspace.css =================================================================== --- trunk/examples/seamspace/view/style/seamspace.css 2008-04-25 15:47:35 UTC (rev 8027) +++ trunk/examples/seamspace/view/style/seamspace.css 2008-04-26 03:07:45 UTC (rev 8028) @@ -419,6 +419,10 @@ font-size: 0px; } +.divider { + color: #aaaaaa; +} + div.errors { color: #ff0000; font-weight: bold; @@ -500,54 +504,6 @@ display: block; } -input.newuser { - background: url(btn_newuser.png) top left no-repeat; - height: 39px; - width: 113px; - margin: 4px 4px 4px 4px; - border: 0px; - cursor: pointer; -} - -input.newrole { - background: url(btn_newrole.png) top left no-repeat; - height: 39px; - width: 113px; - margin: 4px 4px 4px 4px; - border: 0px; - cursor: pointer; -} - -input.manageusers { - display: block; - background: url(manage_users.png) top left no-repeat; - height: 88px; - width: 400px; - padding-left: 10px; - font-size: 19px; - font-weight: bold; - color: #333333; - border: 0px; - cursor: pointer; - margin-top: 30px; - margin-left: 90px; -} - -input.manageroles { - display: block; - background: url(manage_roles.png) top left no-repeat; - height: 88px; - width: 400px; - padding-left: 10px; - font-size: 19px; - font-weight: bold; - color: #333333; - border: 0px; - cursor: pointer; - margin-top: 30px; - margin-left: 90px; -} - /* General form styles */ div.formRow { @@ -601,27 +557,3 @@ float: right; padding: 4px 8px 16px 2px; } - -div.checkmark { - background: url(../images/checkmark.png) top left no-repeat; - width: 14px; - height: 15px; - margin-left: auto; - margin-right: auto; -} - -div.cross { - background: url(../images/cross.png) top left no-repeat; - width: 14px; - height: 15px; - margin-left: auto; - margin-right: auto; -} - -td.enabled { - text-align: center; -} - -td.action { - text-align: right; -} \ No newline at end of file Added: trunk/examples/seamspace/view/style/security.css =================================================================== --- trunk/examples/seamspace/view/style/security.css (rev 0) +++ trunk/examples/seamspace/view/style/security.css 2008-04-26 03:07:45 UTC (rev 8028) @@ -0,0 +1,117 @@ +input.newuser { + background: url(btn_newuser.png) top left no-repeat; + height: 39px; + width: 113px; + margin: 4px 4px 4px 4px; + border: 0px; + cursor: pointer; +} + +input.newrole { + background: url(btn_newrole.png) top left no-repeat; + height: 39px; + width: 113px; + margin: 4px 4px 4px 4px; + border: 0px; + cursor: pointer; +} + +input.manageusers { + display: block; + background: url(manage_users.png) top left no-repeat; + height: 88px; + width: 300px; + padding-left: 10px; + font-size: 19px; + font-weight: bold; + color: #333333; + border: 0px; + cursor: pointer; + margin-top: 20px; + margin-left: 20px; +} + +input.manageroles { + display: block; + background: url(manage_roles.png) top left no-repeat; + height: 88px; + width: 300px; + padding-left: 10px; + font-size: 19px; + font-weight: bold; + color: #333333; + border: 0px; + cursor: pointer; + margin-top: 20px; + margin-left: 20px; +} + +.roles { + width: 120px; + border: 1px solid #7F9DB9; + background-color: #E7EDF7; +} + +div.selectMany label { + float: none; +} + +.formButton { + background: url(../images/bg_button.png) top left repeat-x; + border: 1px solid #003399; + font-size: small; + font-weight: bold; + color: #000000; + margin-right: 8px; + padding-left: 4px; + padding-right: 4px; +} + +div.formButtons { + float: right; + padding: 4px 8px 16px 2px; +} + +div.checkmark { + background: url(../images/checkmark.png) top left no-repeat; + width: 14px; + height: 15px; + margin-left: auto; + margin-right: auto; +} + +div.cross { + background: url(../images/cross.png) top left no-repeat; + width: 14px; + height: 15px; + margin-left: auto; + margin-right: auto; +} + +table.security { + border: 1px solid black; + width: 500px; +} + +th.header { + background: url(table_header.png) top left repeat-x; + color: #ffffff; + padding-top: 3px; + padding-bottom: 3px; +} + +tr.odd { + background-color: #ffffff; +} + +tr.even { + background-color: #E9F5FF; +} + +td.enabled { + text-align: center; +} + +td.action { + text-align: right; +} \ No newline at end of file Added: trunk/examples/seamspace/view/style/table_header.png =================================================================== (Binary files differ) Property changes on: trunk/examples/seamspace/view/style/table_header.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Modified: trunk/examples/seamspace/view/template.xhtml =================================================================== --- trunk/examples/seamspace/view/template.xhtml 2008-04-25 15:47:35 UTC (rev 8027) +++ trunk/examples/seamspace/view/template.xhtml 2008-04-26 03:07:45 UTC (rev 8028) @@ -9,6 +9,7 @@ <title>SeamSpace</title> <link href="style/seamspace.css" rel="stylesheet" type="text/css"/> <link href="style/date.css" rel="stylesheet" type="text/css"/> + <ui:insert name="header"/> </head> <body> @@ -18,7 +19,7 @@ <div class="headerMenu"> <!--s:link action="" value="SignUp"/--> <s:fragment rendered="#{s:hasRole('admin')}"> - <s:link view="/security.xhtml" value="Security" propagation="none"/> | + <s:link view="/security.xhtml" value="Security" propagation="none"/><h:outputText styleClass="divider" value=" | "/> </s:fragment> <s:link action="#{identity.logout}" value="Log out" rendered="#{identity.loggedIn}"/> @@ -27,9 +28,9 @@ <br style="clear:both"/> <h:form> <div> - <a href="#">SeamSpace</a>| - <a href="#">People</a>| - <a href="#">Music</a>| + <a href="#">SeamSpace</a><h:outputText styleClass="divider" value=" | "/> + <a href="#">People</a><h:outputText styleClass="divider" value=" | "/> + <a href="#">Music</a><h:outputText styleClass="divider" value=" | "/> <a href="#">Blogs</a> </div> <div id="search"> @@ -41,9 +42,9 @@ </div> <div id="menubar"> - <s:link view="/home.xhtml" value="Home" propagation="none"/>| - <s:link value="Browse" onclick="javascript:alert('This feature coming soon!');return false"/>| - <s:link value="Blog" onclick="javascript:alert('This feature coming soon!');return false"/>| + <s:link view="/home.xhtml" value="Home" propagation="none"/><h:outputText styleClass="divider" value=" | "/> + <s:link value="Browse" onclick="javascript:alert('This feature coming soon!');return false"/><h:outputText styleClass="divider" value=" | "/> + <s:link value="Blog" onclick="javascript:alert('This feature coming soon!');return false"/><h:outputText styleClass="divider" value=" | "/> <s:link value="Music" onclick="javascript:alert('This feature coming soon!');return false"/> </div> Modified: trunk/examples/seamspace/view/userdetail.xhtml =================================================================== --- trunk/examples/seamspace/view/userdetail.xhtml 2008-04-25 15:47:35 UTC (rev 8027) +++ trunk/examples/seamspace/view/userdetail.xhtml 2008-04-26 03:07:45 UTC (rev 8028) @@ -7,6 +7,10 @@ xmlns:s="http://jboss.com/products/seam/taglib"> <ui:composition template="template.xhtml"> + + <ui:define name="header"> + <link href="style/security.css" rel="stylesheet" type="text/css"/> + </ui:define> <ui:define name="content"> Modified: trunk/examples/seamspace/view/usermanager.xhtml =================================================================== --- trunk/examples/seamspace/view/usermanager.xhtml 2008-04-25 15:47:35 UTC (rev 8027) +++ trunk/examples/seamspace/view/usermanager.xhtml 2008-04-26 03:07:45 UTC (rev 8028) @@ -6,6 +6,10 @@ xmlns:s="http://jboss.com/products/seam/taglib"> <ui:composition template="template.xhtml"> + + <ui:define name="header"> + <link href="style/security.css" rel="stylesheet" type="text/css"/> + </ui:define> <ui:define name="content"> @@ -26,7 +30,10 @@ id="threads" value="#{users}" var="user" - styleClass="default" + styleClass="security" + cellspacing="0" + headerClass="header" + rowClasses="odd,even" columnClasses=",,enabled,action"> <h:column width="auto"> <f:facet name="header">