Added PradoSoft theme to QuickStart Tutorial

8 files changed, 344 insertions, 53 deletions

diff --git a/.gitattributes b/.gitattributes
index b33a01e2..a407c172 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -116,6 +116,10 @@ demos/quickstart/protected/pages/GettingStarted/Introduction.page -text
 demos/quickstart/protected/pages/ViewSource.page -text
 demos/quickstart/protected/pages/ViewSource.php -text
 demos/quickstart/protected/pages/config.xml -text
+demos/quickstart/themes/PradoSoft/arrowdown.gif -text
+demos/quickstart/themes/PradoSoft/mantisbg.jpg -text
+demos/quickstart/themes/PradoSoft/pradologo.gif -text
+demos/quickstart/themes/PradoSoft/style.css -text
 demos/quickstart/themes/Simple/style.css -text
 docs/application.xml -text
 docs/conceptual-structure.vsd -text
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
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
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
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;

+}