summaryrefslogtreecommitdiff
path: root/demos
diff options
context:
space:
mode:
Diffstat (limited to 'demos')
-rw-r--r--demos/quickstart/protected/controls/SampleLayout.tpl9
-rw-r--r--demos/quickstart/protected/controls/TopicList.tpl112
-rw-r--r--demos/quickstart/protected/pages/config.xml2
-rw-r--r--demos/quickstart/themes/PradoSoft/arrowdown.gifbin0 -> 836 bytes
-rwxr-xr-xdemos/quickstart/themes/PradoSoft/mantisbg.jpgbin0 -> 4043 bytes
-rwxr-xr-xdemos/quickstart/themes/PradoSoft/pradologo.gifbin0 -> 3039 bytes
-rw-r--r--demos/quickstart/themes/PradoSoft/style.css270
7 files changed, 340 insertions, 53 deletions
diff --git a/demos/quickstart/protected/controls/SampleLayout.tpl b/demos/quickstart/protected/controls/SampleLayout.tpl
index fcfaa47b..46d1d928 100644
--- a/demos/quickstart/protected/controls/SampleLayout.tpl
+++ b/demos/quickstart/protected/controls/SampleLayout.tpl
@@ -10,14 +10,15 @@
<div class="sampleheader">
-<div style="float:left">
+<div class="title">
<a href="?">PRADO QuickStart Tutorial</a> Sample
</div>
-<div style="text-align:right">
-Copyright &copy; 2005-2006 <a href="http://www.pradosoft.com">PradoSoft</a>
</div>
-
+<div class="samplemenu">
+ <div class"copyright">
+ Copyright &copy; 2005-2006 <a href="http://www.pradosoft.com">PradoSoft</a>
+ </div>
</div>
<div style="margin:15px;">
diff --git a/demos/quickstart/protected/controls/TopicList.tpl b/demos/quickstart/protected/controls/TopicList.tpl
index f9992425..2c134422 100644
--- a/demos/quickstart/protected/controls/TopicList.tpl
+++ b/demos/quickstart/protected/controls/TopicList.tpl
@@ -1,75 +1,91 @@
<div id="toc">
<div class="topic">
-<span>Getting Started</span><br/>
-<a href="?page=GettingStarted.Introduction">Introduction</a><br/>
-<a href="?page=GettingStarted.AboutPrado">What is PRADO?</a><br/>
-<a href="?page=GettingStarted.Installation">Installation</a><br/>
+<div>Getting Started</div>
+<ul>
+ <li><a href="?page=GettingStarted.Introduction">Introduction</a></li>
+ <li><a href="?page=GettingStarted.AboutPrado">What is PRADO?</a></li>
+ <li><a href="?page=GettingStarted.Installation">Installation</a></li>
+</ul>
</div>
<div class="topic">
-<span>Fundamentals</span><br/>
-<a href="?page=Fundamentals.Architecture">Architecture</a><br/>
-<a href="?page=Fundamentals.Components">Components</a><br/>
-<a href="?page=Fundamentals.Controls">Controls</a><br/>
-<a href="?page=Fundamentals.Pages">Pages</a><br/>
-<a href="?page=Fundamentals.Modules">Modules</a><br/>
-<a href="?page=Fundamentals.Services">Services</a><br/>
-<a href="?page=Fundamentals.Applications">Applications</a><br/>
-<a href="?page=Fundamentals.HelloWorld">Sample: Hello World</a><br/>
-<a href="?page=Fundamentals.Hangman">Sample: Hangman Game</a><br/>
+<div>Fundamentals</div>
+<ul>
+ <li><a href="?page=Fundamentals.Architecture">Architecture</a></li>
+ <li><a href="?page=Fundamentals.Components">Components</a></li>
+ <li><a href="?page=Fundamentals.Controls">Controls</a></li>
+ <li><a href="?page=Fundamentals.Pages">Pages</a></li>
+ <li><a href="?page=Fundamentals.Modules">Modules</a></li>
+ <li><a href="?page=Fundamentals.Services">Services</a></li>
+ <li><a href="?page=Fundamentals.Applications">Applications</a></li>
+ <li><a href="?page=Fundamentals.HelloWorld">Sample: Hello World</a></li>
+ <li><a href="?page=Fundamentals.Hangman">Sample: Hangman Game</a></li>
+</ul>
</div>
<div class="topic">
-<span>Configurations</span><br/>
-<a href="?page=Configurations.Overview">Overview</a><br/>
-<a href="?page=Configurations.Templates1">Templates: Part I</a><br/>
-<a href="?page=Configurations.Templates2">Templates: Part II</a><br/>
-<a href="?page=Configurations.Templates3">Templates: Part III</a><br/>
-<a href="?page=Configurations.AppConfig">Application Configurations</a><br/>
-<a href="?page=Configurations.PageConfig">Page Configurations</a><br/>
+<div>Configurations</div>
+<ul>
+ <li><a href="?page=Configurations.Overview">Overview</a></li>
+ <li><a href="?page=Configurations.Templates1">Templates: Part I</a></li>
+ <li><a href="?page=Configurations.Templates2">Templates: Part II</a></li>
+ <li><a href="?page=Configurations.Templates3">Templates: Part III</a></li>
+ <li><a href="?page=Configurations.AppConfig">Application Configurations</a></li>
+ <li><a href="?page=Configurations.PageConfig">Page Configurations</a></li>
+</ul>
</div>
<div class="topic">
-<span>Controls</span><br/>
-<a href="?page=Controls.Overview">Overview</a><br/>
-<a href="?page=Controls.Simple">Simple HTML Controls</a><br/>
-<a href="?page=Controls.List">List Controls</a><br/>
-<a href="?page=Controls.Validation">Validation Controls</a><br/>
-<a href="?page=Controls.Repeater">TRepeater</a><br/>
-<a href="?page=Controls.DataList">TDataList</a><br/>
-<a href="?page=Controls.DataGrid">TDataGrid</a><br/>
-<a href="?page=Construction">Active Controls</a><br/>
-<a href="?page=Construction">Authoring New Controls</a><br/>
+<div>Controls</div>
+<ul>
+ <li><a href="?page=Controls.Overview">Overview</a></li>
+ <li><a href="?page=Controls.Simple">Simple HTML Controls</a></li>
+ <li><a href="?page=Controls.List">List Controls</a></li>
+ <li><a href="?page=Controls.Validation">Validation Controls</a></li>
+ <li><a href="?page=Controls.Repeater">TRepeater</a></li>
+ <li><a href="?page=Controls.DataList">TDataList</a></li>
+ <li><a href="?page=Construction">TDataGrid</a></li>
+ <li><a href="?page=Construction">Active Controls</a></li>
+ <li><a href="?page=Construction">Authoring New Controls</a></li>
+</ul>
</div>
<div class="topic">
-<span>Data Access</span><br/>
-<a href="?page=Construction">DataBinding</a><br/>
-<a href="?page=Construction">Data Bound Controls</a><br/>
-<a href="?page=Construction">Data Source Controls</a><br/>
+<div>Data Access</div>
+<ul>
+ <li><a href="?page=Construction">DataBinding</a></li>
+ <li><a href="?page=Construction">Data Bound Controls</a></li>
+ <li><a href="?page=Construction">Data Source Controls</a></li>
+</ul>
</div>
<div class="topic">
-<span>Avanced Features</span><br/>
-<a href="?page=Construction">Overview</a><br/>
-<a href="?page=Construction">Assets</a><br/>
-<a href="?page=Construction">Themes and Skins</a><br/>
-<a href="?page=Construction">Internationalization</a><br/>
+<div>Avanced Features</div>
+<ul>
+ <li><a href="?page=Construction">Overview</a></li>
+ <li><a href="?page=Construction">Assets</a></li>
+ <li><a href="?page=Construction">Themes and Skins</a></li>
+ <li><a href="?page=Construction">Internationalization</a></li>
+</ul>
</div>
<div class="topic">
-<span>Security</span><br/>
-<a href="?page=Construction">Overview</a><br/>
-<a href="?page=Construction">Authentication</a><br/>
-<a href="?page=Construction">Authorization</a><br/>
-<a href="?page=Construction">ViewState Protection</a><br/>
+<div>Security</div>
+<ul>
+ <li><a href="?page=Construction">Overview</a></li>
+ <li><a href="?page=Construction">Authentication</a></li>
+ <li><a href="?page=Construction">Authorization</a></li>
+ <li><a href="?page=Construction">ViewState Protection</a></li>
+</ul>
</div>
<div class="topic">
-<span>Performance</span><br/>
-<a href="?page=Construction">Caching</a><br/>
-<a href="?page=Construction">Performance Tuning</a><br/>
+<div>Performance</div>
+<ul>
+ <li><a href="?page=Construction">Caching</a></li>
+ <li><a href="?page=Construction">Performance Tuning</a></li>
+</ul>
</div>
</div> \ No newline at end of file
diff --git a/demos/quickstart/protected/pages/config.xml b/demos/quickstart/protected/pages/config.xml
index 92aec985..49be9a0a 100644
--- a/demos/quickstart/protected/pages/config.xml
+++ b/demos/quickstart/protected/pages/config.xml
@@ -4,7 +4,7 @@
<paths>
<alias id="Pages" path="." />
</paths>
- <pages MasterClass="Layout" Theme="Simple">
+ <pages MasterClass="Layout" Theme="PradoSoft">
<page id="ViewSource" MasterClass="" />
</pages>
</configuration> \ No newline at end of file
diff --git a/demos/quickstart/themes/PradoSoft/arrowdown.gif b/demos/quickstart/themes/PradoSoft/arrowdown.gif
new file mode 100644
index 00000000..1b508cd6
--- /dev/null
+++ b/demos/quickstart/themes/PradoSoft/arrowdown.gif
Binary files differ
diff --git a/demos/quickstart/themes/PradoSoft/mantisbg.jpg b/demos/quickstart/themes/PradoSoft/mantisbg.jpg
new file mode 100755
index 00000000..ee06998d
--- /dev/null
+++ b/demos/quickstart/themes/PradoSoft/mantisbg.jpg
Binary files differ
diff --git a/demos/quickstart/themes/PradoSoft/pradologo.gif b/demos/quickstart/themes/PradoSoft/pradologo.gif
new file mode 100755
index 00000000..3b073b80
--- /dev/null
+++ b/demos/quickstart/themes/PradoSoft/pradologo.gif
Binary files differ
diff --git a/demos/quickstart/themes/PradoSoft/style.css b/demos/quickstart/themes/PradoSoft/style.css
new file mode 100644
index 00000000..f137624b
--- /dev/null
+++ b/demos/quickstart/themes/PradoSoft/style.css
@@ -0,0 +1,270 @@
+body {
+ font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
+ font-weight:normal;
+ font-size:10pt;
+ color:black;
+ margin:0px 0px 0px 0px;
+ padding:0px;
+ background-image: url('mantisbg.jpg');
+ background-repeat: no-repeat;
+ background-position: top right;
+}
+
+h1 {
+ font-size:13pt;
+}
+
+h2 {
+ font-size:12pt;
+}
+
+h3 {
+ font-size:10pt;
+ font-weight:bold;
+}
+
+a
+{
+ color: #cc3333;
+}
+
+#header {
+
+ font-size:30px;
+ font-weight:bold;
+ text-align: right;
+ color: #666;
+ height:70px;
+ background-image: url('pradologo.gif');
+ background-repeat: no-repeat;
+ padding-right: 150px;
+ padding-top: 30px;
+}
+
+#menu {
+ padding:10px;
+ padding-right:10px;
+ background:#EDEDED;
+ border-bottom: 1px solid #A6A6A6;
+ border-top: 1px solid #DCDCDC;
+ color:white;
+ text-align:right;
+ font-size: 9pt;
+}
+
+#menu a {
+ color:#737373;
+ text-decoration:none;
+}
+
+#menu a:hover {
+ color: #FF0000;
+}
+
+#toc {
+ background-color: #F3F3F3;
+ width:200px;
+ padding:0px 10px 0px 10px;
+}
+
+#content {
+ background:#fff;
+ padding:10px;
+}
+
+#footer {
+ clear:both;
+ color: gray;
+ font-size:8pt;
+ text-align:center;
+ margin-top:25px;
+ padding:10px;
+}
+
+.topic {
+ font-size: 9pt;
+ padding: 0px 0px 0px 0px;
+}
+
+.topic div {
+ background-image: url('arrowdown.gif');
+ background-repeat: no-repeat;
+ background-position: left center;
+ margin: 0px;
+ font-size: 8pt;
+ font-weight:bold;
+ color:#2A480A;
+ padding: 5px;
+ padding-left: 15px;
+ border-top: 1px solid #fff;
+ border-bottom: 1px solid #E2E2E2;
+}
+
+.topic ul
+{
+ margin: 0px;
+ padding: 0px;
+}
+
+.topic ul li
+{
+ list-style: none;
+ margin: 0px;
+ padding: 0px;
+}
+
+.topic a {
+ display: block;
+ color:#4F811A;
+ padding: 5px;
+ padding-left: 20px;
+ height: 12px;
+ font-size: 8pt;
+ text-decoration: none;
+ border-bottom: 1px dotted #D8D8D8;
+}
+
+.topic a:hover {
+ color:#2A480A;
+}
+
+.source {
+ padding: 0.5em;
+ border-style:dotted;
+ border-width:1px;
+ border-color:#cccccc;
+ background-color:#ffffee;
+ font-family: "Courier New", Courier, mono;
+ margin-top: 0.2em;
+ margin-bottom: 0.5em;
+}
+
+.source pre {
+ font-family: "Courier New", Courier, mono;
+ margin: 0;
+}
+
+.runbar a:link, .runbar a:visited {
+ background-color:#E2E2E2;
+ font-size: 12px;
+ font-weight: none;
+ padding: 3px;
+ padding-left: 6px;
+ padding-right: 6px;
+ border-top: 1px solid white;
+ border-left: 1px solid white;
+ border-bottom: 1px solid #aaaaaa;
+ border-right: 1px solid #aaaaaa;
+ text-decoration: none;
+}
+
+.runbar a:link.active, .runbar a:visited.active, .runbar a:hover {
+ background-color:#E2E2E2;
+ font-size: 12px;
+ font-weight: none;
+ padding: 3px;
+ padding-left: 6px;
+ padding-right: 6px;
+ border-top: 1px solid #aaaaaa;
+ border-left: 1px solid #aaaaaa;
+ border-bottom: 1px solid white;
+ border-right: 1px solid white;
+}
+
+#sourceList {
+ background-color:#E2E2E2;
+ margin:10px 10px 0px 10px;
+ padding:10px;
+ border:1px solid silver;
+}
+
+#sourceView {
+ font-family: "Courier New", Courier, mono;
+ background-color:#ffffee;
+ margin:5px 10px 10px 10px;
+ border:1px solid silver;
+ padding:10px;
+}
+
+code {
+ font-family: "Courier New", Courier, mono;
+}
+
+tt {
+ font-family: "Courier New", Courier, mono;
+ border-bottom: 1px dotted silver;
+}
+
+.sampleheader {
+ font-size:30px;
+ font-weight:bold;
+ text-align: right;
+ color: #666;
+ height:70px;
+ background-image: url('pradologo.gif');
+ background-repeat: no-repeat;
+ padding-right: 150px;
+ padding-top: 30px;
+}
+
+.samplemenu
+{
+ padding:10px;
+ padding-right:10px;
+ background:#EDEDED;
+ border-bottom: 1px solid #A6A6A6;
+ border-top: 1px solid #DCDCDC;
+ text-align:right;
+ font-size: 9pt;
+}
+
+.samplemenu a {
+ color:#737373;
+ text-decoration:none;
+}
+
+.samplemenu a:hover {
+ color: #FF0000;
+}
+
+.sampleheader a {
+ font-size:30px;
+ font-weight:bold;
+ color: #666;
+ text-decoration: none;
+}
+
+.samplepanel {
+ margin: 0px;
+ border: 1px solid silver;
+ padding: 10px;
+ margin-bottom:10px;
+}
+
+.sampletitle {
+ width: 100%;
+ border-bottom:1px solid silver;
+ font-weight:bold;
+ margin-bottom:5px;
+}
+
+.sampletable {
+ width: 100%;
+ border-collapse: collapse;
+}
+
+td.samplenote {
+ width: 300px;
+ text-align: right;
+ background: #BFE4FF;
+ border: 1px solid silver;
+ padding: 5px;
+ vertical-align: top;
+}
+
+td.sampleaction {
+ background: #ffffee;
+ border: 1px solid silver;
+ padding: 5px;
+ vertical-align: top;
+}