Author: shane.bryzak(a)jboss.com Date: 2010-06-16 20:09:39 -0400 (Wed, 16 Jun 2010) New Revision: 6467 Added: examples/trunk/jsf/pastecode/src/main/webapp/img/divider.png examples/trunk/jsf/pastecode/src/main/webapp/img/header_bg.png examples/trunk/jsf/pastecode/src/main/webapp/img/pastecode.png examples/trunk/jsf/pastecode/src/main/webapp/img/poweredbyweld.png Removed: examples/trunk/jsf/pastecode/src/main/webapp/img/small.png Modified: examples/trunk/jsf/pastecode/src/main/webapp/style/style.css examples/trunk/jsf/pastecode/src/main/webapp/template.xhtml Log: fixed header style Added: examples/trunk/jsf/pastecode/src/main/webapp/img/divider.png =================================================================== (Binary files differ) Property changes on: examples/trunk/jsf/pastecode/src/main/webapp/img/divider.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: examples/trunk/jsf/pastecode/src/main/webapp/img/header_bg.png =================================================================== (Binary files differ) Property changes on: examples/trunk/jsf/pastecode/src/main/webapp/img/header_bg.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: examples/trunk/jsf/pastecode/src/main/webapp/img/pastecode.png =================================================================== (Binary files differ) Property changes on: examples/trunk/jsf/pastecode/src/main/webapp/img/pastecode.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: examples/trunk/jsf/pastecode/src/main/webapp/img/poweredbyweld.png =================================================================== (Binary files differ) Property changes on: examples/trunk/jsf/pastecode/src/main/webapp/img/poweredbyweld.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Deleted: examples/trunk/jsf/pastecode/src/main/webapp/img/small.png =================================================================== (Binary files differ) Modified: examples/trunk/jsf/pastecode/src/main/webapp/style/style.css =================================================================== --- examples/trunk/jsf/pastecode/src/main/webapp/style/style.css 2010-06-16 22:07:44 UTC (rev 6466) +++ examples/trunk/jsf/pastecode/src/main/webapp/style/style.css 2010-06-17 00:09:39 UTC (rev 6467) @@ -6,6 +6,62 @@ font-family:trebuchet MS, Lucida Sans Unicode, Lucida Sans, Sans-Serif; } +div#header { + height:60px; + background: url(../img/header_bg.png) top left repeat-x; + margin: 0px; + padding: 0px; +} + +div#headerImage { + margin-top: 8px; + margin-left: 6px; + margin-right: 24px; + width: 223px; + height: 42px; + float: left; + background: url(../img/pastecode.png) top left no-repeat; +} + +div.divider { + float: left; + width: 2px; + height: 60px; + margin-left: 4px; + margin-right: 4px; + background: url(../img/divider.png) top left no-repeat; +} + +div.menuitem { + float: left; + margin-left: 4px; + margin-right: 4px; + padding-top: 18px; + height: 100%; +} + +div.menuitem a, div.menuitem a:visited { + margin-left: 8px; + margin-right: 8px; + color: #ffffff; + text-decoration: none; +} + +div.menuitem a:hover { + margin-left: 8px; + margin-right: 8px; + color: #f6ae00; +} + +div#poweredby { + margin-top: 4px; + margin-right: 4px; + float: right; + width: 110px; + height: 51px; + background: url(../img/poweredbyweld.png) top right no-repeat; +} + table { border-width: 0px; margin: 0px; @@ -17,33 +73,17 @@ } div#topseparator { - border-width: 0px; - height: 20px; - width: 100%; - background-color:#8784C6; + height: 10px; + background-color:#33343d; + border-top: 1px solid #dfdfdf; } -div#main { - width: 100%; -} - div#bottomseparator { height: 20px; width: 100%; background-color:#8784C6; } -div#header { - width:100%; - height:60px; - background-color:#8784C6; - background-image: url('../img/small.png'); - background-repeat: repeat-x; - vertical-align: top; - margin: 0px; - padding: 0px; -} - div#footer { width:100%; height:50px; @@ -53,16 +93,6 @@ text-align: center; } -span#menuitem { - margin: 2px; - padding-left: 7px; - padding-right: 7px; - padding-top: 2px; - padding-bottom: 2px; - border: 1px solid black; - background-color:#E9E9F8; -} - div#code { width: 99%; height: 400px; Modified: examples/trunk/jsf/pastecode/src/main/webapp/template.xhtml =================================================================== --- examples/trunk/jsf/pastecode/src/main/webapp/template.xhtml 2010-06-16 22:07:44 UTC (rev 6466) +++ examples/trunk/jsf/pastecode/src/main/webapp/template.xhtml 2010-06-17 00:09:39 UTC (rev 6467) @@ -23,30 +23,22 @@ <ui:insert name="myscripts"/> <div id="header"> - - <table height="100%" > - <tr valign="middle"> - <td> - <div style="padding-left:20px;padding-right:20px;border-width:0px;"><h2>PasteCode</h2></div> - <!-- <img id="logo" src="img/logotransparent2.png" alt="Obrazek" width="230" height="65" style="border-width:0px;"/> --> - - </td> - <td> - &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - </td> - <td> - <a href="home.jsf" style="text-decoration:none;"><span id="menuitem">New</span></a> - <a href="history.jsf" style="text-decoration:none;"><span id="menuitem">History</span></a> - <a href="help.jsf" style="text-decoration:none;"><span id="menuitem">Help</span></a> - </td> - </tr> - </table> -</div> + <div id="headerImage"></div> + + <div class="divider"></div> + <div class="menuitem"><a href="home.jsf">new</a></div> + <div class="divider"></div> + <div class="menuitem"><a href="history.jsf">history</a></div> + <div class="divider"></div> + <div class="menuitem"><a href="help.jsf">help</a></div> + <div class="divider"></div> + + <div id="poweredby"></div> +</div> -<div id="topseparator"> -</div> +<div id="topseparator"></div> -<div id="main"> +<div style="clear:both"> <table width="100%" cellspacing="10" style="width:100%;"> <tr valign="top"> <!-- **************** MAIN AREA **************** --> @@ -81,15 +73,6 @@ </table> </div> - -<div id="bottomseparator"/> - -<div id="footer"> - <ui:insert name="footer"> - Powered by Weld, the Reference Implementation for Contexts and Dependency Injection for Java EE - </ui:insert> -</div> - </h:form> </body> </f:view>