Author: shane.bryzak(a)jboss.com
Date: 2010-06-16 21:31:29 -0400 (Wed, 16 Jun 2010)
New Revision: 6470
Modified:
examples/trunk/jsf/pastecode/src/main/webapp/home.xhtml
examples/trunk/jsf/pastecode/src/main/webapp/style/style.css
examples/trunk/jsf/pastecode/src/main/webapp/template.xhtml
Log:
updated more content style
Modified: examples/trunk/jsf/pastecode/src/main/webapp/home.xhtml
===================================================================
--- examples/trunk/jsf/pastecode/src/main/webapp/home.xhtml 2010-06-17 01:13:53 UTC (rev
6469)
+++ examples/trunk/jsf/pastecode/src/main/webapp/home.xhtml 2010-06-17 01:31:29 UTC (rev
6470)
@@ -13,36 +13,35 @@
</ui:define>
<ui:define name="mainarea">
- <div style="width: 100%; padding: 7px;">
+
+ <div class="contentHeader">Poste a new PasteCode</div>
- <h:panelGrid columns="3" style="width: 100%">
- <h:panelGroup>
- <h:outputLabel for="user" value="Your nick: "/>
- <h:inputText id="user" maxlength="30" size="30"
value="#{pasteWindow.codeFragment.user}"/>
- </h:panelGroup>
-
- <h:panelGroup>
- <h:outputLabel for="language" value="Language: "/>
- <h:selectOneMenu id="language"
value="#{pasteWindow.codeFragment.language}">
- <f:selectItems value="#{languages}" var="language"
itemLabel="#{language.name}" itemValue="#{language}" />
- </h:selectOneMenu>
- </h:panelGroup>
- <h:panelGroup style="text-align:right;">
- <h:outputLabel for="secured" value="Private: "/>
- <h:selectBooleanCheckbox id="secured"
value="#{pasteWindow.privateFragment}"/>
- </h:panelGroup>
- </h:panelGrid>
- <h:outputLabel for="text" value="Code: "/><h:message
for="text" style="color: red" />
- <h:inputTextarea id="text" style="width: 98%"
cols="17" rows="18"
value="#{pasteWindow.codeFragment.text}"/>
-
- <h:outputLabel for="note" value="Note: (optional) "/>
- <h:inputTextarea style="width: 98%" cols="17"
rows="4" id="note"
value="#{pasteWindow.codeFragment.note}"/>
- <div style="width: 98%; text-align:right;">
- <h:outputLabel for="send" value="Paste code: "/>
- <h:commandButton action="#{pasteWindow.send}" id="send"
value=" Send "/>
- </div>
+ <h:inputTextarea id="text" styleClass="pastecode"
value="#{pasteWindow.codeFragment.text}"/>
+
+ <div class="formRow">
+ <h:outputLabel for="language" value="Syntax
highlighting"/>
+ <h:selectOneMenu id="language"
value="#{pasteWindow.codeFragment.language}">
+ <f:selectItems value="#{languages}" var="language"
itemLabel="#{language.name}" itemValue="#{language}" />
+ </h:selectOneMenu>
+ </div>
+
+ <div class="formRow">
+ <h:outputLabel for="user" value="Name / title"/>
+ <h:inputText id="user" maxlength="30" size="30"
value="#{pasteWindow.codeFragment.user}"/>
+ </div>
+
+ <div class="formRow">
+ <h:outputLabel for="secured" value="Exposure"/>
+ <h:selectOneMenu id="exposure"
value="#{pasteWindow.privateFragment}">
+ <f:selectItem itemValue="#{true}"
itemLabel="Private"/>
+ <f:selectItem itemValue="#{false}"
itemLabel="Public"/>
+ </h:selectOneMenu>
+ </div>
+
+ <div class="formButtons">
+ <h:commandButton action="#{pasteWindow.send}" id="send"
value=" Send "/>
+ </div>
- </div>
</ui:define>
<ui:define name="rightmenu">
Modified: examples/trunk/jsf/pastecode/src/main/webapp/style/style.css
===================================================================
--- examples/trunk/jsf/pastecode/src/main/webapp/style/style.css 2010-06-17 01:13:53 UTC
(rev 6469)
+++ examples/trunk/jsf/pastecode/src/main/webapp/style/style.css 2010-06-17 01:31:29 UTC
(rev 6470)
@@ -2,10 +2,12 @@
margin: 0px;
padding: 0px;
border-width: 0px;
- background-color: #cccccc;
+ background-color: #eeeeee;
font-family:trebuchet MS, Lucida Sans Unicode, Lucida Sans, Sans-Serif;
}
+/* Header styles */
+
div#header {
height:60px;
background: url(../img/header_bg.png) top left repeat-x;
@@ -36,7 +38,7 @@
float: left;
margin-left: 4px;
margin-right: 4px;
- padding-top: 18px;
+ padding-top: 19px;
height: 100%;
}
@@ -62,64 +64,80 @@
background: url(../img/poweredbyweld.png) top right no-repeat;
}
-table {
- border-width: 0px;
- margin: 0px;
- padding: 0px;
-}
-table tr td {
- margin: 0px;
- padding: 0px;
-}
-
div#topseparator {
height: 10px;
background-color:#33343d;
border-top: 1px solid #dfdfdf;
}
-div#bottomseparator {
- height: 20px;
- width: 100%;
- background-color:#8784C6;
+/* Main content styles */
+
+div#main {
+ clear: both;
+ padding: 2px;
}
-div#footer {
- width:100%;
- height:50px;
- background-color:#1E2580;
- color: #CCDFFF;
- vertical-align: top;
- text-align: center;
+div#content {
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ padding: 4px;
+ margin-right: 260px;
}
-div#code {
- width: 99%;
- height: 400px;
+div#rightmenu {
+ float: right;
+ width: 240px;
+}
+
+div.contentHeader {
+ padding: 8px;
+ font-weight: bold;
+ background-color: #eeeeee;
+ border: 1px solid #c7c7c7;
+ margin: 8px 4px 8px 4px;
+}
+
+.pastecode {
+ width: 98%;
+ height: 260px;
+ margin-left: 4px;
+ background-color: #fcfcfc;
overflow: auto;
- border: 1px solid #7F7F7F;
+ border: 1px solid #7f7f7f;
}
-img#logo {
- width: 150px;
- height: 55px;
- border: 1px solid black;
+/* General form styles */
+
+div.formRow {
+ padding: 3px 4px 3px 2px;
+ clear: both;
}
-span#edgelink {
- border-width: 0px;
- margin:1px;
- background-color:#8784C6;
+div.formRow label {
+ float: left;
+ width: 220px;
+ padding: 2px 2px 2px 2px;
}
-span#normallink {
- border-width: 1px;
- margin-left:4px;
- margin-right:4px;
- background-color: #E9E9F8;
+div.formRow input[type='text'] {
+ width: 220px;
}
+div.formRow input[type='text'].wide {
+ width: 440px;
+}
+div.formButtons {
+ float: right;
+ padding: 4px 8px 16px 2px;
+}
+
+div.validationError {
+ margin-left: 120px;
+ font-weight: bold;
+ color: #ff0000;
+}
+
/** Recent pastes styles */
div.recentPastes {
Modified: examples/trunk/jsf/pastecode/src/main/webapp/template.xhtml
===================================================================
--- examples/trunk/jsf/pastecode/src/main/webapp/template.xhtml 2010-06-17 01:13:53 UTC
(rev 6469)
+++ examples/trunk/jsf/pastecode/src/main/webapp/template.xhtml 2010-06-17 01:31:29 UTC
(rev 6470)
@@ -38,39 +38,20 @@
<div id="topseparator"></div>
-<div style="clear:both">
-<table width="100%" cellspacing="10"
style="width:100%;">
- <tr valign="top">
- <!-- **************** MAIN AREA **************** -->
- <td width="100%">
- <table width="100%" cellpadding="10" cellspacing="0"
bgcolor="#E9E9F8" bordercolor="#8784C6" border="1">
- <tr valign="top">
- <td bordercolor="#E9E9F8">
+<div id="main">
+
+ <div id="rightmenu">
+ <ui:insert name="rightmenu">
+ Menu right
+ </ui:insert>
+ </div>
+
+ <div id="content">
+ <ui:insert name="mainarea">
+ Main Area
+ </ui:insert>
+ </div>
- <ui:insert name="mainarea">
- Main Area
- </ui:insert>
-
- <br/> <br/> <br/>
- </td>
- </tr>
- </table>
- </td>
-
- <!-- **************** MENU RIGHT **************** -->
- <td>
- <table bgcolor="#E9E9F8">
- <tr valign="top">
- <td bordercolor="#E9E9F8" >
- <ui:insert name="rightmenu">
- Menu right
- </ui:insert>
- </td>
- </tr>
- </table>
- </td>
- </tr>
-</table>
</div>
</h:form>
Show replies by date