diff options
| author | knut <> | 2006-11-12 21:30:21 +0000 |
|---|---|---|
| committer | knut <> | 2006-11-12 21:30:21 +0000 |
| commit | bd8cca29dde857d4d201feab0c02016e24dc211f (patch) | |
| tree | c77fc67d758b2a583b83545711c7e6f00dbb8b9e /demos | |
| parent | 3850edb7440923c6296026c658d53f44faceff55 (diff) | |
added user interface code for the personal website demo
Diffstat (limited to 'demos')
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 © 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 © 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("ctl00$Main$CreateUserWizard1$__CustomNav0$StepNextButtonButton", "", true, "CreateUserWizard1", "", 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 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 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 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 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 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 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 Binary files differnew file mode 100644 index 00000000..33885883 --- /dev/null +++ b/demos/personal/themes/White/images/album-bstretch.gif diff --git a/demos/personal/themes/White/images/album-lstretch.gif b/demos/personal/themes/White/images/album-lstretch.gif Binary files differnew file mode 100644 index 00000000..88e931bb --- /dev/null +++ b/demos/personal/themes/White/images/album-lstretch.gif diff --git a/demos/personal/themes/White/images/album-rstretch.gif b/demos/personal/themes/White/images/album-rstretch.gif Binary files differnew file mode 100644 index 00000000..03c75d04 --- /dev/null +++ b/demos/personal/themes/White/images/album-rstretch.gif diff --git a/demos/personal/themes/White/images/album-tstretch.gif b/demos/personal/themes/White/images/album-tstretch.gif Binary files differnew file mode 100644 index 00000000..b9d31bd6 --- /dev/null +++ b/demos/personal/themes/White/images/album-tstretch.gif diff --git a/demos/personal/themes/White/images/background.gif b/demos/personal/themes/White/images/background.gif Binary files differnew file mode 100644 index 00000000..b46632f9 --- /dev/null +++ b/demos/personal/themes/White/images/background.gif diff --git a/demos/personal/themes/White/images/body-repeat-photo.gif b/demos/personal/themes/White/images/body-repeat-photo.gif Binary files differnew file mode 100644 index 00000000..fc46be8a --- /dev/null +++ b/demos/personal/themes/White/images/body-repeat-photo.gif diff --git a/demos/personal/themes/White/images/body-repeat.gif b/demos/personal/themes/White/images/body-repeat.gif Binary files differnew file mode 100644 index 00000000..fb1b277d --- /dev/null +++ b/demos/personal/themes/White/images/body-repeat.gif diff --git a/demos/personal/themes/White/images/bullet-1.gif b/demos/personal/themes/White/images/bullet-1.gif Binary files differnew file mode 100644 index 00000000..1bf5fdbe --- /dev/null +++ b/demos/personal/themes/White/images/bullet-1.gif diff --git a/demos/personal/themes/White/images/bullet-2.gif b/demos/personal/themes/White/images/bullet-2.gif Binary files differnew file mode 100644 index 00000000..44111e76 --- /dev/null +++ b/demos/personal/themes/White/images/bullet-2.gif diff --git a/demos/personal/themes/White/images/button-create.gif b/demos/personal/themes/White/images/button-create.gif Binary files differnew file mode 100644 index 00000000..c4659906 --- /dev/null +++ b/demos/personal/themes/White/images/button-create.gif diff --git a/demos/personal/themes/White/images/button-dwn_res.gif b/demos/personal/themes/White/images/button-dwn_res.gif Binary files differnew file mode 100644 index 00000000..e2154cc6 --- /dev/null +++ b/demos/personal/themes/White/images/button-dwn_res.gif diff --git a/demos/personal/themes/White/images/button-login.gif b/demos/personal/themes/White/images/button-login.gif Binary files differnew file mode 100644 index 00000000..f1e8d3f0 --- /dev/null +++ b/demos/personal/themes/White/images/button-login.gif diff --git a/demos/personal/themes/White/images/content-shim-none.gif b/demos/personal/themes/White/images/content-shim-none.gif Binary files differnew file mode 100644 index 00000000..3f9bca69 --- /dev/null +++ b/demos/personal/themes/White/images/content-shim-none.gif diff --git a/demos/personal/themes/White/images/content-shim-photo.gif b/demos/personal/themes/White/images/content-shim-photo.gif Binary files differnew file mode 100644 index 00000000..4608fe88 --- /dev/null +++ b/demos/personal/themes/White/images/content-shim-photo.gif diff --git a/demos/personal/themes/White/images/content-shim.gif b/demos/personal/themes/White/images/content-shim.gif Binary files differnew file mode 100644 index 00000000..f5d88f71 --- /dev/null +++ b/demos/personal/themes/White/images/content-shim.gif diff --git a/demos/personal/themes/White/images/footer-side.gif b/demos/personal/themes/White/images/footer-side.gif Binary files differnew file mode 100644 index 00000000..0d3dd8e1 --- /dev/null +++ b/demos/personal/themes/White/images/footer-side.gif diff --git a/demos/personal/themes/White/images/footer.gif b/demos/personal/themes/White/images/footer.gif Binary files differnew file mode 100644 index 00000000..3b37c6c2 --- /dev/null +++ b/demos/personal/themes/White/images/footer.gif diff --git a/demos/personal/themes/White/images/frame-bot--x.gif b/demos/personal/themes/White/images/frame-bot--x.gif Binary files differnew file mode 100644 index 00000000..0d54dc3f --- /dev/null +++ b/demos/personal/themes/White/images/frame-bot--x.gif diff --git a/demos/personal/themes/White/images/frame-bot-x-.gif b/demos/personal/themes/White/images/frame-bot-x-.gif Binary files differnew file mode 100644 index 00000000..29dd27bf --- /dev/null +++ b/demos/personal/themes/White/images/frame-bot-x-.gif diff --git a/demos/personal/themes/White/images/frame-botx--.gif b/demos/personal/themes/White/images/frame-botx--.gif Binary files differnew file mode 100644 index 00000000..ee4ad6e3 --- /dev/null +++ b/demos/personal/themes/White/images/frame-botx--.gif diff --git a/demos/personal/themes/White/images/frame-mid--x.gif b/demos/personal/themes/White/images/frame-mid--x.gif Binary files differnew file mode 100644 index 00000000..a2c5f231 --- /dev/null +++ b/demos/personal/themes/White/images/frame-mid--x.gif diff --git a/demos/personal/themes/White/images/frame-midx--.gif b/demos/personal/themes/White/images/frame-midx--.gif Binary files differnew file mode 100644 index 00000000..a9c87a8c --- /dev/null +++ b/demos/personal/themes/White/images/frame-midx--.gif diff --git a/demos/personal/themes/White/images/frame-top--x.gif b/demos/personal/themes/White/images/frame-top--x.gif Binary files differnew file mode 100644 index 00000000..ab1292b2 --- /dev/null +++ b/demos/personal/themes/White/images/frame-top--x.gif diff --git a/demos/personal/themes/White/images/frame-top-x-.gif b/demos/personal/themes/White/images/frame-top-x-.gif Binary files differnew file mode 100644 index 00000000..59484711 --- /dev/null +++ b/demos/personal/themes/White/images/frame-top-x-.gif diff --git a/demos/personal/themes/White/images/frame-topx--.gif b/demos/personal/themes/White/images/frame-topx--.gif Binary files differnew file mode 100644 index 00000000..710b1d66 --- /dev/null +++ b/demos/personal/themes/White/images/frame-topx--.gif diff --git a/demos/personal/themes/White/images/header.gif b/demos/personal/themes/White/images/header.gif Binary files differnew file mode 100644 index 00000000..f09f418d --- /dev/null +++ b/demos/personal/themes/White/images/header.gif diff --git a/demos/personal/themes/White/images/photonav-bg.gif b/demos/personal/themes/White/images/photonav-bg.gif Binary files differnew file mode 100644 index 00000000..dd3e07f8 --- /dev/null +++ b/demos/personal/themes/White/images/photonav-bg.gif diff --git a/demos/personal/themes/White/images/photonav-top-bg.gif b/demos/personal/themes/White/images/photonav-top-bg.gif Binary files differnew file mode 100644 index 00000000..b114040d --- /dev/null +++ b/demos/personal/themes/White/images/photonav-top-bg.gif diff --git a/demos/personal/themes/White/images/resume-photo.jpg b/demos/personal/themes/White/images/resume-photo.jpg Binary files differnew file mode 100644 index 00000000..d4f9905c --- /dev/null +++ b/demos/personal/themes/White/images/resume-photo.jpg |
