summaryrefslogtreecommitdiff
path: root/demos
diff options
context:
space:
mode:
authorknut <>2006-11-12 21:30:21 +0000
committerknut <>2006-11-12 21:30:21 +0000
commitbd8cca29dde857d4d201feab0c02016e24dc211f (patch)
treec77fc67d758b2a583b83545711c7e6f00dbb8b9e /demos
parent3850edb7440923c6296026c658d53f44faceff55 (diff)
added user interface code for the personal website demo
Diffstat (limited to 'demos')
-rw-r--r--demos/personal/protected/Pages/Albums.page9
-rw-r--r--demos/personal/protected/Pages/Home.page58
-rw-r--r--demos/personal/protected/Pages/Layout.tpl61
-rw-r--r--demos/personal/protected/Pages/Links.page68
-rw-r--r--demos/personal/protected/Pages/Register.page50
-rw-r--r--demos/personal/protected/Pages/Resume.page80
-rw-r--r--demos/personal/protected/Pages/UserLogin.page2
-rw-r--r--demos/personal/protected/Pages/config.xml2
-rw-r--r--demos/personal/protected/application.xml6
-rw-r--r--demos/personal/themes/White/Default.css325
-rw-r--r--demos/personal/themes/White/Frame.css194
-rw-r--r--demos/personal/themes/White/images/album-bstretch.gifbin0 -> 90 bytes
-rw-r--r--demos/personal/themes/White/images/album-lstretch.gifbin0 -> 90 bytes
-rw-r--r--demos/personal/themes/White/images/album-rstretch.gifbin0 -> 90 bytes
-rw-r--r--demos/personal/themes/White/images/album-tstretch.gifbin0 -> 90 bytes
-rw-r--r--demos/personal/themes/White/images/background.gifbin0 -> 331 bytes
-rw-r--r--demos/personal/themes/White/images/body-repeat-photo.gifbin0 -> 397 bytes
-rw-r--r--demos/personal/themes/White/images/body-repeat.gifbin0 -> 138 bytes
-rw-r--r--demos/personal/themes/White/images/bullet-1.gifbin0 -> 132 bytes
-rw-r--r--demos/personal/themes/White/images/bullet-2.gifbin0 -> 192 bytes
-rw-r--r--demos/personal/themes/White/images/button-create.gifbin0 -> 760 bytes
-rw-r--r--demos/personal/themes/White/images/button-dwn_res.gifbin0 -> 836 bytes
-rw-r--r--demos/personal/themes/White/images/button-login.gifbin0 -> 702 bytes
-rw-r--r--demos/personal/themes/White/images/content-shim-none.gifbin0 -> 636 bytes
-rw-r--r--demos/personal/themes/White/images/content-shim-photo.gifbin0 -> 1521 bytes
-rw-r--r--demos/personal/themes/White/images/content-shim.gifbin0 -> 755 bytes
-rw-r--r--demos/personal/themes/White/images/footer-side.gifbin0 -> 176 bytes
-rw-r--r--demos/personal/themes/White/images/footer.gifbin0 -> 4883 bytes
-rw-r--r--demos/personal/themes/White/images/frame-bot--x.gifbin0 -> 68 bytes
-rw-r--r--demos/personal/themes/White/images/frame-bot-x-.gifbin0 -> 50 bytes
-rw-r--r--demos/personal/themes/White/images/frame-botx--.gifbin0 -> 68 bytes
-rw-r--r--demos/personal/themes/White/images/frame-mid--x.gifbin0 -> 50 bytes
-rw-r--r--demos/personal/themes/White/images/frame-midx--.gifbin0 -> 50 bytes
-rw-r--r--demos/personal/themes/White/images/frame-top--x.gifbin0 -> 68 bytes
-rw-r--r--demos/personal/themes/White/images/frame-top-x-.gifbin0 -> 50 bytes
-rw-r--r--demos/personal/themes/White/images/frame-topx--.gifbin0 -> 68 bytes
-rw-r--r--demos/personal/themes/White/images/header.gifbin0 -> 4717 bytes
-rw-r--r--demos/personal/themes/White/images/photonav-bg.gifbin0 -> 105 bytes
-rw-r--r--demos/personal/themes/White/images/photonav-top-bg.gifbin0 -> 46 bytes
-rw-r--r--demos/personal/themes/White/images/resume-photo.jpgbin0 -> 1719 bytes
40 files changed, 825 insertions, 30 deletions
diff --git a/demos/personal/protected/Pages/Albums.page b/demos/personal/protected/Pages/Albums.page
new file mode 100644
index 00000000..74707af3
--- /dev/null
+++ b/demos/personal/protected/Pages/Albums.page
@@ -0,0 +1,9 @@
+<com:TContent ID="content">
+<h3>Welcome to My Photo Galleries</h3>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
+ tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
+ nostrud exercitation consequat. esse molestie consequat, vel willum.</p>
+ <hr />
+
+
+</com:TContent> \ No newline at end of file
diff --git a/demos/personal/protected/Pages/Home.page b/demos/personal/protected/Pages/Home.page
index 204d4c6f..2c374229 100644
--- a/demos/personal/protected/Pages/Home.page
+++ b/demos/personal/protected/Pages/Home.page
@@ -1,3 +1,57 @@
-<com:TContent ID="main">
-main content
+<com:TContent ID="sidebar">
+
+<div class="login">
+ <h4>Login to Site</h4>
+ <com:TLabel ID="UserNameLabel" ForControl="UserName" Text="User Name" CssClass="label"/>
+ <com:TTextBox ID="UserName" AccessKey="u" CssClass="textbox"/>
+ <com:TRequiredFieldValidator ControlToValidate="UserName" ErrorMessage="User Name is required."/>
+
+ <com:TLabel ID="PasswordLabel" ForControl="Password" Text="Password" CssClass="label"/>
+ <com:TTextBox ID="Password" AccessKey="p" CssClass="textbox" TextMode="Password"/>
+ <com:TRequiredFieldValidator ControlToValidate="Password" ErrorMessage="Password is required."/>
+
+ <div>
+ <com:TCheckBox ID="RememberMe" Text="Remember me next time"/>
+ </div>
+
+ <com:TImageButton ID="LoginButton" ImageUrl="<%=$this->Page->Theme->BaseUrl.'/images/button-login.gif'%>" CssClass="button"/>
+ or
+ <a href="<%=$this->Service->constructUrl('Register')%>" class="button"><img src="<%=$this->Page->Theme->BaseUrl.'/images/button-create.gif'%>" alt="Create a new account"/></a>
+ <p></p>
+</div>
+<!-- <h4><span id="ctl00_Main_LoginArea_LoginName1">Welcome Friend!</span></h4>-->
+<hr />
+<table cellspacing="0" cellpadding="0" border="0" id="ctl00_Main_FormView1" style="border-width:0px;border-collapse:collapse;"></table>
+<h4>My Latest Piece of Work</h4>
+<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
+</com:TContent>
+
+<com:TContent ID="content">
+
+<h3>Welcome to My Site</h3>
+<p>This is my personal site. In it you will find lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam. </p>
+<hr/>
+<div id="whatsnew">
+ <h4>What's New</h4>
+ <p>Lorem <a href="#">ipsum</a> dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+ <p>Lorem <a href="#">ipsum</a> dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
+</div>
+<div id="coollinks">
+ <h4>Cool Links</h4>
+ <ul class="link">
+ <li><a href="#">Lorem ipsum dolositionr</a></li>
+ <li><a href="#">Lorem ipsum dolositionr</a></li>
+ <li><a href="#">Lorem ipsum dolositionr</a></li>
+ <li><a href="#">Lorem ipsum dolositionr</a></li>
+ <li><a href="#">Lorem ipsum dolositionr</a></li>
+ </ul>
+</div>
+<hr/>
+<h4>What's Up Lately </h4>
+<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer</a>adipiscing elit, sed diam nonummy nibh euismod tincidunt utlaoreetdolore magna aliquam erat volutpat.Ut wisienim adminim veniam, quis nostrud exercitationconsequat. Duisautem veleum iriuredolor in hendrerit in vulputatevelit esse molestieconsequat, vel willum.</p>
+<p>Lorem ipsum dolor sit amet, consectetueradipiscing elit, sed diam nonummy nibh <a href="#">euismod tincidunt ut</a>laoreetdolore magna aliquam erat volutpat.Ut wisienim adminim veniam, quis nostrud exercitationconsequat. Duisautem veleum iriuredolor in hendrerit in vulputatevelit esse molestieconsequat, vel willum.</p>
+<p>Lorem<a href="#"> ipsum dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt utlaoreetdolore magna aliquam erat volutpat.Ut wisienim adminim veniam, quis nostrud exercitationconsequat. Duisautem veleum iriuredolor in hendrerit in vulputatevelit esse molestieconsequat, vel willum.</p>
+<p>Lorem ipsum dolor sit amet, consectetueradipiscing elit, sed diam nonummy nibh euismod tincidunt utlaoreetdolore magna aliquam erat volutpat.Ut wisi enim adminim veniam, quis nostrud exercitationconsequat. <a href="#">Duisautem veleum</a> iriuredolor in hendrerit in vulputatevelit esse molestieconsequat, vel willum.</p>
+<p>Lorem ipsum dolor sit amet, consectetueradipiscing elit, sed diam nonummy nibh euismod tincidunt utlaoreetdolore magna aliquam erat volutpat.Ut wisi enim adminim veniam, quis nostrud exercitationconsequat. <a href="#">Duisautem veleum</a> iriuredolor in hendrerit in vulputatevelit esse molestieconsequat, vel willum.</p>
+
</com:TContent> \ No newline at end of file
diff --git a/demos/personal/protected/Pages/Layout.tpl b/demos/personal/protected/Pages/Layout.tpl
index 897bf04b..8236be4c 100644
--- a/demos/personal/protected/Pages/Layout.tpl
+++ b/demos/personal/protected/Pages/Layout.tpl
@@ -1,42 +1,57 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
-
-<com:THead Title="My Personal WebSite" />
-
+<com:THead Title="Your Name Here | Home" />
<body>
-
<com:TForm>
<div class="header">
-<h1>Your Name Here</h1>
-<h2>My Personal Site</h2>
-<div class="nav">
-<a href="<%=$this->Service->constructUrl('Home') %>" >HOME</a> |
-<a href="<%=$this->Service->constructUrl('Blog') %>" >BLOG</a> |
-<a href="<%=$this->Service->constructUrl('Albums') %>" >ALBUMS</a> |
-<a href="<%=$this->Service->constructUrl('Links') %>" >LINKS</a> |
-<a href="<%=$this->Service->constructUrl('Settings') %>" >SETTINGS</a> |
-<com:THyperLink
+ <h1>Your Name Here</h1>
+ <h2>My Personal Site</h2>
+ <div class="menua">
+ <a href="<%=$this->Service->constructUrl('Home') %>" >HOME</a> |
+ <a href="<%=$this->Service->constructUrl('Resume') %>" >RESUME</a> |
+ <a href="<%=$this->Service->constructUrl('Links') %>" >LINKS</a> |
+ <a href="<%=$this->Service->constructUrl('Albums') %>" >ALBUMS</a> |
+ <a href="<%=$this->Service->constructUrl('Register') %>" >REGISTER</a>
+ </div>
+
+ <div class="nav">
+ <a href="<%=$this->Service->constructUrl('Home') %>" >HOME</a> |
+ <com:THyperLink
NavigateUrl=<%=$this->Service->constructUrl('UserLogin') %>
Text="LOGIN"
Visible=<%= $this->User->IsGuest %>
/>
-<com:TLinkButton
+ <com:TLinkButton
Text="LOGOUT"
Visible=<%= !$this->User->IsGuest %>
OnClick="logout"
/>
+ </div>
</div>
+
+<div class="shim column"></div>
+
+<div class="page" id="home">
+ <div id="sidebar">
+ <com:TContentPlaceHolder ID="sidebar"/>
+ </div>
+ <div id="content">
+ <com:TContentPlaceHolder ID="content"/>
+ </div>
</div>
-<hr/>
-<div class="main">
-<com:TContentPlaceHolder ID="main" />
-</div>
-<hr/>
-<div class="footer">
- Copyright &copy; 2006 Your Name here.<br/>
- Powered by <a href="http://www.pradosoft.com/">PRADO</a>.
+
+<div class="footerbg">
+ <div class="footer">
+ <a href="<%=$this->Service->constructUrl('Home') %>" >HOME</a> |
+ <a href="<%=$this->Service->constructUrl('Resume') %>" >RESUME</a> |
+ <a href="<%=$this->Service->constructUrl('Links') %>" >LINKS</a> |
+ <a href="<%=$this->Service->constructUrl('Albums') %>" >ALBUMS</a> |
+ <a href="<%=$this->Service->constructUrl('Register') %>" >REGISTER</a>
+ <br/>
+ Copyright &copy; 2006 Your Name here.<br/>
+ Powered by <a href="http://www.pradosoft.com/">PRADO</a>.
+ </div>
</div>
</com:TForm>
diff --git a/demos/personal/protected/Pages/Links.page b/demos/personal/protected/Pages/Links.page
new file mode 100644
index 00000000..2b2e85bc
--- /dev/null
+++ b/demos/personal/protected/Pages/Links.page
@@ -0,0 +1,68 @@
+<com:TContent ID="content">
+ <h3>About the Links</h3>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
+ tincidunt ut laoreet dolore magna erat volutpat.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
+ tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
+ nostrud exercitation consequat. esse molestie consequat, vel willum.</p>
+ <h4>Top 5</h4>
+ <dl>
+ <dt><a href="#">Linked site name</a></dt>
+
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+ <dd>A description of the web site goes here.</dd>
+ </dl>
+ <h4>Cool Site Designs</h4>
+ <dl>
+ <dt><a href="#">Linked site name</a></dt>
+
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+ <dd>A description of the web site goes here.</dd>
+ </dl>
+ <h4>Photo Sites</h4>
+ <dl>
+ <dt><a href="#">Linked site name</a></dt>
+
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+ <dd>A description of the web site goes here.</dd>
+ </dl>
+ <h4>Resources</h4>
+ <dl>
+ <dt><a href="#">Linked site name</a></dt>
+
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+
+ <dd>A description of the web site goes here.</dd>
+ <dt><a href="#">Linked site name</a></dt>
+ <dd>A description of the web site goes here.</dd>
+ </dl>
+</com:TContent> \ No newline at end of file
diff --git a/demos/personal/protected/Pages/Register.page b/demos/personal/protected/Pages/Register.page
new file mode 100644
index 00000000..090d9e65
--- /dev/null
+++ b/demos/personal/protected/Pages/Register.page
@@ -0,0 +1,50 @@
+<com:TContent ID="sidebar">
+
+</com:TContent>
+
+<com:TContent ID="content">
+
+<h3>Request an Account</h3>
+ <p>Accounts will be activated pending the approval of the Administrator.</p>
+ <table cellspacing="0" cellpadding="0" border="0" id="ctl00_Main_CreateUserWizard1" style="border-collapse:collapse;">
+ <tr style="height:100%;">
+
+ <td><table cellspacing="0" cellpadding="0" border="0" style="height:100%;width:100%;border-collapse:collapse;">
+ <tr>
+ <td style="height:100%;width:100%;"><table border="0" style="height:100%;width:100%;">
+ <tr>
+ <td align="center" colspan="2">Sign Up for Your New Account</td>
+ </tr><tr>
+ <td align="right"><label for="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_UserName">User Name:</label></td><td><input name="ctl00$Main$CreateUserWizard1$CreateUserStepContainer$UserName" type="text" id="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_UserName" /><span id="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_UserNameRequired" title="User Name is required." style="color:Red;visibility:hidden;">*</span></td>
+
+ </tr><tr>
+ <td align="right"><label for="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_Password">Password:</label></td><td><input name="ctl00$Main$CreateUserWizard1$CreateUserStepContainer$Password" type="password" id="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_Password" /><span id="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_PasswordRequired" title="Password is required." style="color:Red;visibility:hidden;">*</span></td>
+ </tr><tr>
+ <td align="right"><label for="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_ConfirmPassword">Confirm Password:</label></td><td><input name="ctl00$Main$CreateUserWizard1$CreateUserStepContainer$ConfirmPassword" type="password" id="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_ConfirmPassword" /><span id="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_ConfirmPasswordRequired" title="Confirm Password is required." style="color:Red;visibility:hidden;">*</span></td>
+ </tr><tr>
+ <td align="right"><label for="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_Email">E-mail:</label></td><td><input name="ctl00$Main$CreateUserWizard1$CreateUserStepContainer$Email" type="text" id="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_Email" /><span id="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_EmailRequired" title="E-mail is required." style="color:Red;visibility:hidden;">*</span></td>
+
+ </tr><tr>
+ <td align="right"><label for="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_Question">Security Question:</label></td><td><input name="ctl00$Main$CreateUserWizard1$CreateUserStepContainer$Question" type="text" id="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_Question" /><span id="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_QuestionRequired" title="Security question is required." style="color:Red;visibility:hidden;">*</span></td>
+ </tr><tr>
+ <td align="right"><label for="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_Answer">Security Answer:</label></td><td><input name="ctl00$Main$CreateUserWizard1$CreateUserStepContainer$Answer" type="text" id="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_Answer" /><span id="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_AnswerRequired" title="Security answer is required." style="color:Red;visibility:hidden;">*</span></td>
+ </tr><tr>
+ <td align="center" colspan="2"><span id="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_PasswordCompare" style="color:Red;display:none;">The Password and Confirmation Password must match.</span></td>
+
+ </tr><tr>
+ <td align="center" colspan="2"><span id="ctl00_Main_CreateUserWizard1_CreateUserStepContainer_EmailRegExp" style="color:Red;display:none;">The email format is invalid.</span></td>
+ </tr>
+ </table></td>
+ </tr>
+ </table></td>
+ </tr><tr>
+ <td align="right"><table cellspacing="5" cellpadding="5" border="0" style="height:100%;width:100%;">
+
+ <tr align="right">
+ <td align="right"><input type="submit" name="ctl00$Main$CreateUserWizard1$__CustomNav0$StepNextButtonButton" value="Create User" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$Main$CreateUserWizard1$__CustomNav0$StepNextButtonButton&quot;, &quot;&quot;, true, &quot;CreateUserWizard1&quot;, &quot;&quot;, false, false))" id="ctl00_Main_CreateUserWizard1___CustomNav0_StepNextButtonButton" /></td>
+ </tr>
+ </table></td>
+ </tr>
+</table>
+
+</com:TContent> \ No newline at end of file
diff --git a/demos/personal/protected/Pages/Resume.page b/demos/personal/protected/Pages/Resume.page
new file mode 100644
index 00000000..06ed845c
--- /dev/null
+++ b/demos/personal/protected/Pages/Resume.page
@@ -0,0 +1,80 @@
+<com:TContent ID="sidebar">
+ <table border="0" cellpadding="0" cellspacing="0" class="photo-frame" id="photo">
+ <tr>
+ <td class="topx--"></td>
+ <td class="top-x-"></td>
+ <td class="top--x"></td>
+ </tr>
+ <tr>
+ <td class="midx--"></td>
+ <td><img src="<%=$this->Page->Theme->BaseUrl.'/images/resume-photo.jpg'%>" class="photo_198" style="border:4px solid white" alt="Resume Photo"/></td>
+
+ <td class="mid--x"></td>
+ </tr>
+ <tr>
+ <td class="botx--"></td>
+ <td class="bot-x-"></td>
+ <td class="bot--x"></td>
+ </tr>
+ </table>
+</com:TContent>
+
+<com:TContent ID="content">
+
+<h3>Your Name Here</h3>
+
+ <p>resume 1/23/04</p>
+ <p>555-555-1212 fax<br />
+ 555-555-1212 voice<br />
+ someone@example.com<br />
+ www.example.com<br />
+ City, State &nbsp;Country</p>
+
+ <p><a href="#"><img src="<%=$this->Page->Theme->BaseUrl.'/images/button-dwn_res.gif'%>" alt="download resume in word format" style="border-width:0px;" /></a></p>
+ <h4>Objective</h4>
+ <p class="first">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
+ <h4>Experience</h4>
+ <p class="first">1999 - 2004&nbsp; Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
+ Sed diam nonummy nibh euismod </p>
+
+ <ul>
+ <li>Ttincidunt ut laoreet dolore magna aliquam erat volutpat. </li>
+ <li>Ut wisi enim ad minim veniam, quis nostrud exercitation consequat. </li>
+ <li>Duis autem veleum iriure dolor in hendrerit in vel willum.</li>
+ </ul>
+ <p>1995 - 1999 &nbsp; Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
+
+ Sed diam nonummy nibh euismod </p>
+ <ul>
+ <li>Ttincidunt ut laoreet dolore magna aliquam erat volutpat. </li>
+ <li>Ut wisi enim ad minim veniam, quis nostrud exercitation consequat. </li>
+ <li>Duis autem veleum iriure dolor in hendrerit in vel willum.</li>
+ </ul>
+ <p>1993 - 1995 &nbsp; Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
+
+ Sed diam nonummy nibh euismod </p>
+ <ul>
+ <li>Ttincidunt ut laoreet dolore magna aliquam erat volutpat. </li>
+ <li>Ut wisi enim ad minim veniam, quis nostrud exercitation consequat. </li>
+ <li>Duis autem veleum iriure dolor in hendrerit in vel willum.</li>
+ </ul>
+ <p>1987 - 1993 &nbsp; Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
+
+ Sed diam nonummy nibh euismod </p>
+ <ul>
+ <li>Ttincidunt ut laoreet dolore magna aliquam erat volutpat. </li>
+ <li>Ut wisi enim ad minim veniam, quis nostrud exercitation consequat. </li>
+ <li>Duis autem veleum iriure dolor in hendrerit in vel willum.</li>
+ </ul>
+ <h4>Education</h4>
+
+ <p class="first">1984 - 1987 &nbsp; Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
+ Sed diam nonummy nibh euismod </p>
+ <ul>
+ <li>Ttincidunt ut laoreet dolore magna aliquam erat volutpat. </li>
+ <li>Ut wisi enim ad minim veniam, quis nostrud exercitation consequat.</li>
+ </ul>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
+
+</com:TContent> \ No newline at end of file
diff --git a/demos/personal/protected/Pages/UserLogin.page b/demos/personal/protected/Pages/UserLogin.page
index 7054c884..8fb6019b 100644
--- a/demos/personal/protected/Pages/UserLogin.page
+++ b/demos/personal/protected/Pages/UserLogin.page
@@ -1,4 +1,4 @@
-<com:TContent ID="main" >
+<com:TContent ID="content" >
Username:
<com:TTextBox ID="Username" />
<com:TRequiredFieldValidator
diff --git a/demos/personal/protected/Pages/config.xml b/demos/personal/protected/Pages/config.xml
index fa047ceb..b080604e 100644
--- a/demos/personal/protected/Pages/config.xml
+++ b/demos/personal/protected/Pages/config.xml
@@ -4,5 +4,5 @@
<authorization>
<deny pages="Settings" users="?" />
</authorization>
- <pages MasterClass="Application.Pages.Layout" />
+ <pages MasterClass="Application.Pages.Layout" Theme="White" />
</configuration> \ No newline at end of file
diff --git a/demos/personal/protected/application.xml b/demos/personal/protected/application.xml
index ce3b4435..98ffa30a 100644
--- a/demos/personal/protected/application.xml
+++ b/demos/personal/protected/application.xml
@@ -1,6 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
-<application id="personal" mode="Debug">
+<application id="personal" mode="Normal">
<!-- modules configured and loaded for all services -->
<modules>
<!-- Remove this comment mark to enable caching
@@ -12,10 +12,10 @@
<!--
<module id="session" class="THttpSession" />
-->
- <module id="log" class="System.Util.TLogRouter">
+ <!--<module id="log" class="System.Util.TLogRouter">
<route class="TBrowserLogRoute" Categories="System" />
<route class="TFileLogRoute" Categories="System" Levels="Notice,Warning,Error,Alert,Fatal" />
- </module>
+ </module>-->
</modules>
<services>
<!-- page service -->
diff --git a/demos/personal/themes/White/Default.css b/demos/personal/themes/White/Default.css
new file mode 100644
index 00000000..7c6880c0
--- /dev/null
+++ b/demos/personal/themes/White/Default.css
@@ -0,0 +1,325 @@
+/* 0 BASIC TAGS */
+
+table {
+ font-size: 1em;
+}
+
+h1, h2, h3, h4 {
+ margin: 0;
+ font-family: tahoma, arial, helvetica, sans-serif;
+}
+
+p {
+ line-height: 1.4em;
+}
+
+hr {
+ border: 0;
+ border-top: 1px solid #bababa;
+ height: 1px;
+}
+
+a {
+ text-decoration: none;
+ color: #d32525;
+}
+
+a:visited {
+ color: #980000;
+}
+
+a:hover {
+ text-decoration: underline;
+ color: #e05252;
+}
+
+a:active {
+ color: #980000;
+}
+
+body {
+ background-color: #ffffff;
+ background-image: url(images/background.gif);
+ background-repeat: repeat-x;
+ margin: 0;
+ padding: 0;
+ text-align: center;
+ font-family: verdana, arial, helvetica, sans-serif;
+ font-size: 0.7em;
+ color: #666666;
+}
+
+img {
+ border-width: 0;
+}
+
+/* 1 HEADER */
+
+.header {
+ background-image: url(Images/header.gif);
+ background-repeat: no-repeat;
+ position: relative;
+ width: 760px;
+ height: 81px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+h1 {
+ position: absolute;
+ left: 37px;
+ top: 12px;
+ text-transform: uppercase;
+ font-size: 18px;
+}
+
+h2 {
+ position: absolute;
+ left: 37px;
+ top: 60px;
+ font-size: 11px;
+}
+
+.menua {
+ position: absolute;
+ right: 37px;
+ top: 17px;
+ text-transform: uppercase;
+ font-size: 10px;
+}
+
+.nav {
+ position: absolute;
+ right: 37px;
+ top: 60px;
+ text-transform: uppercase;
+ font-size: 10px;
+}
+
+.menua a:visited, .nav a:visited {
+ color: #d32525;
+}
+
+/* 1.1 SHIM */
+
+.shim {
+ background-repeat: no-repeat;
+ margin-left: auto;
+ margin-right: auto;
+ width: 760px;
+ height: 8px;
+ font-size: 0;
+}
+
+.column {
+ background-image: url(images/content-shim.gif);
+}
+
+.gradient {
+ background-image: url(images/content-shim-photo.gif);
+}
+
+.solid {
+ background-image: url(images/content-shim-none.gif);
+}
+
+/* 2 PAGE */
+
+.page {
+ background-repeat: repeat-y;
+ margin-left: auto;
+ margin-right: auto;
+ text-align: left;
+}
+
+h3 {
+ margin-top: 1.0em;
+ margin-bottom: 1.12em;
+ font-size: 1.5em;
+ font-weight: bold;
+}
+h4 {
+ margin-top: 1.0em;
+ margin-bottom: 1.12em;
+ font-size: 1.3em;
+ font-weight: bold;
+}
+
+/* 2.1 HOME, RESUME, LINKS, REGISTER, ADMIN/ALBUMS, ADMIN/PHOTOS PAGES */
+
+#home, #resume, #links, #register, #admin-albums, #admin-photos {
+ background-image: url(images/body-repeat.gif);
+ position: relative;
+ width: 686px;
+ padding: 0px 37px;
+ padding-top: 1px; /* Weird Mozilla Bug */
+ padding-bottom: 40px; /* Weird Mozilla Bug */
+}
+
+#sidebar {
+ float: left;
+ width: 214px;
+ height: 100%;
+}
+
+#content {
+ margin-left: 256px;
+}
+
+#whatsnew {
+ float: left;
+ width: 200px;
+ height: 100%;
+}
+
+#coollinks {
+ margin-left: 220px;
+}
+
+#resume h4, #links h4 {
+ margin-top: 0;
+ border-top: 1px solid #bababa;
+ padding-top: 1.0em;
+ position: absolute;
+ left: 37px;
+ width: 214px;
+}
+
+#resume #photo {
+ position: absolute;
+ left: 37px;
+ top: 20px;
+ width: 214px;
+}
+
+#resume .first {
+ margin-top: 0;
+ border-top: 1px solid #bababa;
+ padding-top: 1.5em;
+}
+
+dl {
+ margin-top: 0;
+ margin-bottom: 0;
+ border-top: 1px solid #bababa;
+ padding-top: 1.5em;
+ padding-bottom: 1.5em;
+ position: relative;
+}
+
+dt {
+ position: absolute;
+ left: 0;
+}
+
+dd {
+ margin-left: 150px;
+ height: 2.0em;
+}
+
+.emptydata td {
+ padding: 50px;
+ color: #aeaeae;
+}
+
+/* 2.2 ALBUMS PAGE */
+
+#albums {
+ background-image: url(images/body-repeat-photo.gif);
+ padding: 0px 37px;
+ padding-bottom: 40px;
+ width: 686px;
+}
+
+.view {
+ margin-left: auto;
+ margin-right: auto;
+ width: 686px;
+ text-align: center;
+}
+
+.view .photo-frame {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.item {
+ padding: 20px 50px;
+ color: #B2B2B2;
+}
+
+.item h4 {
+ margin-bottom: 0.4em;
+}
+
+.nullpanel {
+ padding: 150px;
+ width: auto;
+ text-align: center;
+}
+
+/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */
+
+#photos, #details, #admin-details {
+ background-image: url(images/body-repeat-photo.gif);
+ padding: 0;
+ width: 760px;
+}
+
+.buttonbar {
+ background-image: url(images/photonav-bg.gif);
+ background-repeat: repeat-x;
+ margin-left: auto;
+ margin-right: auto;
+ padding-top: 4px;
+ width: 744px;
+ height: 33px;
+ text-align: center;
+}
+
+.buttonbar-top {
+ background-image: url(images/photonav-top-bg.gif);
+}
+
+#photos .view, #admin-details .view {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+/* 3 FOOTER */
+
+.footerbg {
+ background-image: url(images/footer-side.gif);
+ background-repeat: repeat-x;
+ width: auto;
+ height: 75px;
+ text-align: center;
+}
+.footer {
+ background-image: url(images/footer.gif);
+ background-repeat: no-repeat;
+ margin-left: auto;
+ margin-right: auto;
+ width: 760px;
+ height: 75px;
+ text-align: center;
+ font-size: 10px;
+}
+
+.menub {
+ margin: 12px auto 5px auto;
+ text-transform: uppercase;
+ font-size: 10px;
+}
+
+.menub a:visited {
+ color: #d32525;
+}
+
+
+
+/* Inline styles are used because image controls hard code a border property */
+
+.photo_198 {
+ border: 4px solid #FFFFFF;
+}
diff --git a/demos/personal/themes/White/Frame.css b/demos/personal/themes/White/Frame.css
new file mode 100644
index 00000000..3ae71a69
--- /dev/null
+++ b/demos/personal/themes/White/Frame.css
@@ -0,0 +1,194 @@
+/* Photo Border for All Pages Except the Albums Page */
+
+.photo-frame .topx-- {
+ background-image: url(Images/frame-topx--.gif);
+ background-repeat: no-repeat;
+ width: auto;
+ height: 4px;
+ vertical-align: top;
+}
+.photo-frame .top-x- {
+ background-image: url(Images/frame-top-x-.gif);
+ background-repeat: repeat-x;
+ width: auto;
+ height: 4px;
+}
+.photo-frame .top--x {
+ background-image: url(Images/frame-top--x.gif);
+ background-repeat: no-repeat;
+ width: auto;
+ height: 4px;
+ vertical-align: top;
+}
+
+.photo-frame .midx-- {
+ background-image: url(Images/frame-midx--.gif);
+ background-repeat: repeat-y;
+ width: 4px;
+ height: auto;
+}
+.photo-frame .mid--x {
+ background-image: url(Images/frame-mid--x.gif);
+ background-repeat: repeat-y;
+ width: 4px;
+ height: auto;
+}
+
+.photo-frame .botx-- {
+ background-image: url(Images/frame-botx--.gif);
+ background-repeat: no-repeat;
+ width: 4px;
+ height: 4px;
+ vertical-align: top;
+}
+.photo-frame .bot-x- {
+ background-image: url(Images/frame-bot-x-.gif);
+ background-repeat: repeat-x;
+ width: auto;
+ height: 4px;
+}
+.photo-frame .bot--x {
+ background-image: url(Images/frame-bot--x.gif);
+ background-repeat: no-repeat;
+ width: 4px;
+ height: 4px;
+ vertical-align: bottom;
+}
+
+/* Photo Border for the Album Page */
+
+.album-frame .topx----,
+.album-frame .top----x,
+.album-frame .botx----,
+.album-frame .bot----x {
+ height: 14px;
+ width: 14px;
+}
+
+.album-frame .top-x--- {
+ background-image: url(images/album-tstretch.gif);
+ background-repeat: repeat-x;
+ text-align: left;
+ height: 14px;
+ width: auto;
+}
+.album-frame .top--x-- {
+ background-image: url(images/album-tstretch.gif);
+ background-repeat: repeat-x;
+ height: 14px;
+ width: auto;
+}
+.album-frame .top---x- {
+ background-image: url(images/album-tstretch.gif);
+ background-repeat: repeat-x;
+ text-align: right;
+ height: 14px;
+ width: auto;
+}
+
+.album-frame .mtpx---- {
+ background-image: url(images/album-lstretch.gif);
+ background-repeat: repeat-y;
+ vertical-align: top;
+ height: auto;
+ width: 14px;
+}
+.album-frame .mtp----x {
+ background-image: url(images/album-rstretch.gif);
+ background-repeat: repeat-y;
+ vertical-align: top;
+ height: auto;
+ width: 14px;
+}
+
+.album-frame .midx---- {
+ background-image: url(images/album-lstretch.gif);
+ background-repeat: repeat-y;
+ height: auto;
+ width: 14px;
+}
+.album-frame .mid----x {
+ background-image: url(images/album-rstretch.gif);
+ background-repeat: repeat-y;
+ height: auto;
+ width: 14px;
+}
+
+.album-frame .mbtx---- {
+ background-image: url(images/album-lstretch.gif);
+ background-repeat: repeat-y;
+ vertical-align: bottom;
+ height: auto;
+ width: 14px;
+}
+.album-frame .mbt----x {
+ background-image: url(images/album-rstretch.gif);
+ background-repeat: repeat-y;
+ vertical-align: bottom;
+ height: auto;
+ width: 14px;
+}
+
+.album-frame .bot-x--- {
+ background-image: url(images/album-bstretch.gif);
+ background-repeat: repeat-x;
+ text-align: right;
+ height: 14px;
+ width: auto;
+}
+.album-frame .bot--x-- {
+ background-image: url(images/album-bstretch.gif);
+ background-repeat: repeat-x;
+ height: 14px;
+ width: auto;
+}
+.album-frame .bot---x- {
+ background-image: url(images/album-bstretch.gif);
+ background-repeat: repeat-x;
+ text-align: left;
+ height: 14px;
+ width: auto;
+}
+
+/* Form Items */
+
+.textfield {
+ border: 1px solid #929292;
+ vertical-align: middle;
+ padding: 3px;
+ margin: 2px 0 5px 0;
+}
+
+/* Login View */
+
+.login .label {
+ display:block;
+}
+
+.login .textbox {
+ border: 1px solid #929292;
+ width: 140px;
+ vertical-align: middle;
+ padding: 3px;
+ margin: 2px 0 5px 0;
+}
+
+.login .button {
+ display:block;
+ margin-top:8px;
+ margin-bottom:8px;
+}
+
+/* LIST */
+
+ul {
+ list-style-type: none;
+ list-style-image: url(images/bullet-2.gif);
+ list-style-position: outside;
+ line-height: 2.1em;
+ vertical-align: middle;
+ margin-left: 1.25em;
+}
+.link {
+ list-style-image: url(images/bullet-1.gif);
+}
diff --git a/demos/personal/themes/White/images/album-bstretch.gif b/demos/personal/themes/White/images/album-bstretch.gif
new file mode 100644
index 00000000..33885883
--- /dev/null
+++ b/demos/personal/themes/White/images/album-bstretch.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/album-lstretch.gif b/demos/personal/themes/White/images/album-lstretch.gif
new file mode 100644
index 00000000..88e931bb
--- /dev/null
+++ b/demos/personal/themes/White/images/album-lstretch.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/album-rstretch.gif b/demos/personal/themes/White/images/album-rstretch.gif
new file mode 100644
index 00000000..03c75d04
--- /dev/null
+++ b/demos/personal/themes/White/images/album-rstretch.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/album-tstretch.gif b/demos/personal/themes/White/images/album-tstretch.gif
new file mode 100644
index 00000000..b9d31bd6
--- /dev/null
+++ b/demos/personal/themes/White/images/album-tstretch.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/background.gif b/demos/personal/themes/White/images/background.gif
new file mode 100644
index 00000000..b46632f9
--- /dev/null
+++ b/demos/personal/themes/White/images/background.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/body-repeat-photo.gif b/demos/personal/themes/White/images/body-repeat-photo.gif
new file mode 100644
index 00000000..fc46be8a
--- /dev/null
+++ b/demos/personal/themes/White/images/body-repeat-photo.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/body-repeat.gif b/demos/personal/themes/White/images/body-repeat.gif
new file mode 100644
index 00000000..fb1b277d
--- /dev/null
+++ b/demos/personal/themes/White/images/body-repeat.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/bullet-1.gif b/demos/personal/themes/White/images/bullet-1.gif
new file mode 100644
index 00000000..1bf5fdbe
--- /dev/null
+++ b/demos/personal/themes/White/images/bullet-1.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/bullet-2.gif b/demos/personal/themes/White/images/bullet-2.gif
new file mode 100644
index 00000000..44111e76
--- /dev/null
+++ b/demos/personal/themes/White/images/bullet-2.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/button-create.gif b/demos/personal/themes/White/images/button-create.gif
new file mode 100644
index 00000000..c4659906
--- /dev/null
+++ b/demos/personal/themes/White/images/button-create.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/button-dwn_res.gif b/demos/personal/themes/White/images/button-dwn_res.gif
new file mode 100644
index 00000000..e2154cc6
--- /dev/null
+++ b/demos/personal/themes/White/images/button-dwn_res.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/button-login.gif b/demos/personal/themes/White/images/button-login.gif
new file mode 100644
index 00000000..f1e8d3f0
--- /dev/null
+++ b/demos/personal/themes/White/images/button-login.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/content-shim-none.gif b/demos/personal/themes/White/images/content-shim-none.gif
new file mode 100644
index 00000000..3f9bca69
--- /dev/null
+++ b/demos/personal/themes/White/images/content-shim-none.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/content-shim-photo.gif b/demos/personal/themes/White/images/content-shim-photo.gif
new file mode 100644
index 00000000..4608fe88
--- /dev/null
+++ b/demos/personal/themes/White/images/content-shim-photo.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/content-shim.gif b/demos/personal/themes/White/images/content-shim.gif
new file mode 100644
index 00000000..f5d88f71
--- /dev/null
+++ b/demos/personal/themes/White/images/content-shim.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/footer-side.gif b/demos/personal/themes/White/images/footer-side.gif
new file mode 100644
index 00000000..0d3dd8e1
--- /dev/null
+++ b/demos/personal/themes/White/images/footer-side.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/footer.gif b/demos/personal/themes/White/images/footer.gif
new file mode 100644
index 00000000..3b37c6c2
--- /dev/null
+++ b/demos/personal/themes/White/images/footer.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/frame-bot--x.gif b/demos/personal/themes/White/images/frame-bot--x.gif
new file mode 100644
index 00000000..0d54dc3f
--- /dev/null
+++ b/demos/personal/themes/White/images/frame-bot--x.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/frame-bot-x-.gif b/demos/personal/themes/White/images/frame-bot-x-.gif
new file mode 100644
index 00000000..29dd27bf
--- /dev/null
+++ b/demos/personal/themes/White/images/frame-bot-x-.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/frame-botx--.gif b/demos/personal/themes/White/images/frame-botx--.gif
new file mode 100644
index 00000000..ee4ad6e3
--- /dev/null
+++ b/demos/personal/themes/White/images/frame-botx--.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/frame-mid--x.gif b/demos/personal/themes/White/images/frame-mid--x.gif
new file mode 100644
index 00000000..a2c5f231
--- /dev/null
+++ b/demos/personal/themes/White/images/frame-mid--x.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/frame-midx--.gif b/demos/personal/themes/White/images/frame-midx--.gif
new file mode 100644
index 00000000..a9c87a8c
--- /dev/null
+++ b/demos/personal/themes/White/images/frame-midx--.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/frame-top--x.gif b/demos/personal/themes/White/images/frame-top--x.gif
new file mode 100644
index 00000000..ab1292b2
--- /dev/null
+++ b/demos/personal/themes/White/images/frame-top--x.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/frame-top-x-.gif b/demos/personal/themes/White/images/frame-top-x-.gif
new file mode 100644
index 00000000..59484711
--- /dev/null
+++ b/demos/personal/themes/White/images/frame-top-x-.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/frame-topx--.gif b/demos/personal/themes/White/images/frame-topx--.gif
new file mode 100644
index 00000000..710b1d66
--- /dev/null
+++ b/demos/personal/themes/White/images/frame-topx--.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/header.gif b/demos/personal/themes/White/images/header.gif
new file mode 100644
index 00000000..f09f418d
--- /dev/null
+++ b/demos/personal/themes/White/images/header.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/photonav-bg.gif b/demos/personal/themes/White/images/photonav-bg.gif
new file mode 100644
index 00000000..dd3e07f8
--- /dev/null
+++ b/demos/personal/themes/White/images/photonav-bg.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/photonav-top-bg.gif b/demos/personal/themes/White/images/photonav-top-bg.gif
new file mode 100644
index 00000000..b114040d
--- /dev/null
+++ b/demos/personal/themes/White/images/photonav-top-bg.gif
Binary files differ
diff --git a/demos/personal/themes/White/images/resume-photo.jpg b/demos/personal/themes/White/images/resume-photo.jpg
new file mode 100644
index 00000000..d4f9905c
--- /dev/null
+++ b/demos/personal/themes/White/images/resume-photo.jpg
Binary files differ