From 75f28186a995aa930f6db9f05ec7b63bbd2cd284 Mon Sep 17 00:00:00 2001
From: xue <>
Date: Tue, 30 May 2006 03:30:14 +0000
Subject: Merge from 3.0 branch till 1103

---
 demos/blog/themes/Basic/style.css  | 261 ---------------------------
 demos/blog/themes/Fall/style.css   | 356 ++++++++++++++++++++++++++++++++++++
 demos/blog/themes/Spring/style.css | 356 ++++++++++++++++++++++++++++++++++++
 demos/blog/themes/Summer/style.css | 356 ++++++++++++++++++++++++++++++++++++
 demos/blog/themes/Winter/style.css | 357 +++++++++++++++++++++++++++++++++++++
 5 files changed, 1425 insertions(+), 261 deletions(-)
 delete mode 100644 demos/blog/themes/Basic/style.css
 create mode 100644 demos/blog/themes/Fall/style.css
 create mode 100644 demos/blog/themes/Spring/style.css
 create mode 100644 demos/blog/themes/Summer/style.css
 create mode 100644 demos/blog/themes/Winter/style.css

(limited to 'demos/blog/themes')

diff --git a/demos/blog/themes/Basic/style.css b/demos/blog/themes/Basic/style.css
deleted file mode 100644
index b8e9ca89..00000000
--- a/demos/blog/themes/Basic/style.css
+++ /dev/null
@@ -1,261 +0,0 @@
-html {
-	margin: 0;
-	padding: 0;
-}
-
-body {
-	margin: 0;
-	padding: 0;
-	font-family: verdana, 'trebuchet ms', sans-serif;
-	font-size: 12px;
-	color: #333;
-	background: #36414d;
-	min-width:750px;
-}
-
-form {
-	margin: 0;
-	padding: 0;
-}
-
-a {
-	text-decoration: underline;
-}
-
-a img {
-	border: 0px none;
-}
-
-#page {
-	background:#fff;
-	margin:0 auto;
-	width:800px;
-}
-
-#header {
-	background: #a3b8cc;
-	border-bottom: 1px solid silver;
-}
-
-#header h1 {
-	padding:5px;
-	padding-left: 20px;
-    margin:0;
-	font-size: 16pt;
-}
-
-#header h2 {
-	padding:5px;
-	padding-left: 20px;
-    margin:0;
-	font-size: 12pt;
-}
-
-#main {
-	background:#fff;
-	float:left;
-	width:560px;
-	padding: 20px;
-}
-
-#main h2 {
-	border-bottom: 1px solid silver;
-}
-
-#sidebar {
-	background:#e6ecf2;
-	float:right;
-	width:200px;
-}
-
-#sidebar ul {
-	margin-bottom:0;
-}
-
-#sidebar h3, #sidebar p {
-	padding:0 10px 0 0;
-}
-
-#footer {
-	background:#fff;
-	clear:both;
-	color: gray;
-	font-size:8pt;
-	text-align:center;
-	padding-top:25px;
-	padding-bottom:10px;
-}
-
-.portlet {
-	margin: 10px;
-	border-bottom: 1px solid silver;
-	border-right: 1px solid silver;
-	background: #dae0e6;
-}
-
-.portlet-title {
-	/* ie win (5, 5.5, 6) bugfix */
-	p\osition: relative;
-	width: 100%;
-	w\idth: auto;
-
-	margin: 0;
-	border-left: 5px solid #36414d;
-	border-bottom: 1px solid silver;
-	padding: 5px;
-	color: #fff;
-	background: #a3b8cc;
-	font-size: 8pt;
-	font-weight: bold;
-	line-height: 1;
-	text-transform: uppercase;
-}
-
-.portlet-title a {
-	color: yellow;
-	text-decoration: none;
-	text-transform: none;
-}
-
-.portlet-title a:hover {
-	color: red;
-}
-
-.portlet-content {
-	margin: 0 0 10px 0;
-	border-top: 1px solid #cfd4d9;
-	padding: 10px 10px 0 10px;
-	font-size: 10px;
-}
-
-.portlet-content ul {
-	margin: 0 15px 10px 15px;
-	padding: 0;
-	list-style: square;
-}
-
-.portlet-content li {
-	color: #666;
-	margin-top: 3px;
-}
-
-.portlet-content a {
-	color: #36414d;
-	text-decoration: none;
-}
-
-.portlet-content a:hover {
-	color: red;
-}
-
-.post {
-	margin-bottom: 15px;
-}
-
-.post-title {
-	font-size: 14pt;
-	border-bottom: 1px silver solid;
-}
-
-.post-time {
-	font-size: 8pt;
-	color: gray;
-}
-
-.post-content {
-	margin-top: 10px;
-	margin-bottom: 10px;
-}
-
-.post-footer {
-	text-align: right;
-	font-size: 8pt;
-}
-
-.post-footer a {
-	color: #36414d;
-}
-
-.comments {
-	border-top: 1px silver solid;
-}
-
-.comments h3 {
-	font-size: 12pt;
-}
-
-.comment {
-	margin-bottom: 10px;
-}
-
-.comment-header {
-	background-color: #e6ecf2;
-	padding: 3px;
-	font-size: 8pt;
-}
-
-.grid {
-	width: 100%;
-}
-
-.grid td {
-	padding: 3px;
-}
-
-.grid-header {
-	color: #fff;
-	background: #a3b8cc;
-}
-
-.grid-row1 {
-	background: #dae0e6;
-}
-
-.grid-row2 {
-	background: #e6ecf2;
-}
-
-.grid-row-selected {
-	background: lightyellow;
-}
-
-.grid-pager {
-	text-align: right;
-	color: silver;
-}
-
-.grid-pager a {
-	color: green;
-	text-decoration: none;
-}
-
-.submenu {
-	margin-bottom: 10px;
-	border-bottom: 5px solid #a3b8cc;
-	padding-right: 10px;
-	text-align: right;
-}
-
-.submenu ul {
-	margin:0;
-	padding:0;
-	list-style:none;
-}
-
-.submenu li {
-	display:inline;
-	margin:0;
-	padding:0;
-}
-
-.submenu-active {
-	text-decoration: none;
-	background: #a3b8cc;
-	padding: 3px 5px 0 5px;
-}
-
-.submenu-inactive {
-	text-decoration: none;
-	background: #dae0e6;
-	padding: 3px 5px 0 5px;
-}
\ No newline at end of file
diff --git a/demos/blog/themes/Fall/style.css b/demos/blog/themes/Fall/style.css
new file mode 100644
index 00000000..27975b05
--- /dev/null
+++ b/demos/blog/themes/Fall/style.css
@@ -0,0 +1,356 @@
+html {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	margin: 0;
+	padding: 0;
+	font-family: verdana, 'trebuchet ms', sans-serif;
+	font-size: 10pt;
+	color: #333;
+	background-color: gray;
+	min-width:750px;
+}
+
+form {
+	margin: 0;
+	padding: 0;
+}
+
+a {
+	color: #806C40;
+}
+
+a:hover {
+	color: red;
+}
+
+a img {
+	border: 0px none;
+}
+
+#page {
+	background-color:#fff;
+	margin:0 auto;
+	width:800px;
+}
+
+#header {
+	background-color: #FFD980;
+	border-bottom: 1px solid silver;
+}
+
+#header h1 {
+	padding:5px;
+	padding-left: 20px;
+    margin:0;
+	font-size: 16pt;
+}
+
+#header h2 {
+	padding:5px;
+	padding-left: 20px;
+    margin:0;
+   	color: #806C40;
+	font-size: 11pt;
+}
+
+#header a {
+	color: #806C40;
+	text-decoration: none;
+}
+
+#main {
+	background-color:#fff;
+	float:left;
+	width:560px;
+	padding: 20px;
+}
+
+#main h2 {
+	border-bottom: 1px solid silver;
+}
+
+#sidebar {
+	background-color:#FFF7E6;
+	float:right;
+	width:200px;
+}
+
+#sidebar ul {
+	margin-bottom:0;
+}
+
+#sidebar h3, #sidebar p {
+	padding:0 10px 0 0;
+}
+
+#footer {
+	background-color:#fff;
+	clear:both;
+	color: gray;
+	font-size:8pt;
+	text-align:center;
+	padding-top:25px;
+	padding-bottom:10px;
+}
+
+.portlet {
+	margin: 10px;
+	border-bottom: 1px solid silver;
+	border-right: 1px solid silver;
+	background-color: #FFECBF;
+}
+
+.portlet-title {
+	/* ie win (5, 5.5, 6) bugfix */
+	p\osition: relative;
+	width: 100%;
+	w\idth: auto;
+
+	margin: 0;
+	border-left: 5px solid #BFA260;
+	padding: 5px;
+	color: #fff;
+	background-color: #FFD980;
+	font-size: 8pt;
+	font-weight: bold;
+	line-height: 1;
+	text-transform: uppercase;
+}
+
+.portlet-title a {
+	color: #806C40;
+	text-decoration: none;
+	text-transform: none;
+}
+
+.portlet-title a:hover {
+	color: red;
+}
+
+.portlet-content {
+	margin: 0 0 10px 0;
+	padding: 10px 10px 0 10px;
+	font-size: 10px;
+}
+
+.portlet-content ul {
+	margin: 0 15px 10px 15px;
+	padding: 0;
+	list-style: square;
+}
+
+.portlet-content li {
+	color: #666;
+	margin-top: 3px;
+}
+
+.portlet-content a {
+	text-decoration: none;
+}
+
+.portlet-content a:hover {
+	color: red;
+}
+
+.post {
+	margin-bottom: 15px;
+}
+
+.post-title {
+	font-size: 14pt;
+	border-bottom: 1px silver solid;
+}
+
+.post-time {
+	font-size: 8pt;
+	color: gray;
+}
+
+.post-content {
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
+
+.post-footer {
+	text-align: right;
+	font-size: 8pt;
+}
+
+.post-footer a {
+	color: #806C40;
+}
+
+.comments {
+	border-top: 1px silver solid;
+}
+
+.comments h3 {
+	font-size: 12pt;
+}
+
+.comment {
+	margin-bottom: 10px;
+}
+
+.comment-header {
+	background-color: #FFF7E6;
+	padding: 3px;
+	font-size: 8pt;
+}
+
+.grid {
+	width: 100%;
+}
+
+.grid td {
+	padding: 3px;
+}
+
+.grid-header {
+	color: #fff;
+	background-color: #FFD980;
+}
+
+.grid-row1 {
+	background-color: #FFECBF;
+}
+
+.grid-row2 {
+	background-color: #FFF7E6;
+}
+
+.grid-row-selected {
+	background-color: lightyellow;
+}
+
+.grid-pager {
+	text-align: right;
+	color: silver;
+}
+
+.grid-pager a {
+	color: green;
+	text-decoration: none;
+}
+
+.submenu {
+	margin-bottom: 10px;
+	border-bottom: 5px solid #FFD980;
+	padding-right: 10px;
+	text-align: right;
+}
+
+.submenu ul {
+	margin:0;
+	padding:0;
+	list-style:none;
+}
+
+.submenu li {
+	display:inline;
+	margin:0;
+	padding:0;
+}
+
+.submenu-active {
+	color: white;
+	text-decoration: none;
+	background-color: #FFD980;
+	padding: 3px 5px 0 5px;
+}
+
+.submenu-inactive {
+	text-decoration: none;
+	background-color: #FFECBF;
+	padding: 3px 5px 0 5px;
+}
+
+.input-label {
+}
+
+.input-error1, .input-error2, .input-error3 {
+	border: 1px solid red;
+	background-color: lightyellow;
+}
+
+.link-button {
+}
+
+.link-button:link, .link-button:visited {
+	color:#284E98;
+	padding: 3px;
+	background-color:#FFECBF;
+	text-decoration: none;
+	margin-right: 2px;
+	border-right:1px solid gray;
+	border-bottom:1px solid gray;
+}
+
+.link-button:link.active, .link-button:visited.active, .link-button:hover {
+	color:red;
+	background-color:#FFF7E6;
+}
+
+.profile-table {
+	width: 100%;
+	background-color: #aaa;
+	border-collapse: collapse;
+}
+
+.profile-table td {
+	padding: 5px;
+	border: 1px solid #BFA260;
+}
+
+.profile-table-label {
+	background-color: #FFD980;
+	color: white;
+	font-weight: bold;
+}
+
+.profile-table-value {
+	background-color: #FFECBF;
+}
+
+.category {
+	padding: 5px;
+	margin-bottom: 10px;
+	border-bottom: 1px solid silver;
+	border-right: 1px solid silver;
+	background-color: #FFECBF;
+}
+
+.category-name {
+	font-weight: bold;
+}
+
+.category-name a {
+	color: #806C40;
+	text-decoration: none;
+	text-transform: none;
+}
+
+.category-description {
+	font-style: italic;
+}
+
+.postlist-pager {
+	text-align: right;
+	margin-top: 30px;
+	border-top: 1px solid silver;
+}
+
+.postlist-pager a {
+	text-decoration: none;
+}
+
+.search-title {
+	padding: 5px;
+	margin-bottom: 10px;
+	border-bottom: 1px solid silver;
+	border-right: 1px solid silver;
+	background-color: #FFECBF;
+}
diff --git a/demos/blog/themes/Spring/style.css b/demos/blog/themes/Spring/style.css
new file mode 100644
index 00000000..7066669c
--- /dev/null
+++ b/demos/blog/themes/Spring/style.css
@@ -0,0 +1,356 @@
+html {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	margin: 0;
+	padding: 0;
+	font-family: verdana, 'trebuchet ms', sans-serif;
+	font-size: 10pt;
+	color: #333;
+	background-color: gray;
+	min-width:750px;
+}
+
+form {
+	margin: 0;
+	padding: 0;
+}
+
+a {
+	color: #008F00;
+}
+
+a:hover {
+	color: red;
+}
+
+a img {
+	border: 0px none;
+}
+
+#page {
+	background-color:#fff;
+	margin:0 auto;
+	width:800px;
+}
+
+#header {
+	background-color: #008F00;
+	border-bottom: 1px solid silver;
+}
+
+#header h1 {
+	padding:5px;
+	padding-left: 20px;
+    margin:0;
+	font-size: 16pt;
+}
+
+#header h2 {
+	padding:5px;
+	padding-left: 20px;
+    margin:0;
+   	color: #EEE;
+	font-size: 11pt;
+}
+
+#header a {
+	color: #EEE;
+	text-decoration: none;
+}
+
+#main {
+	background-color:#fff;
+	float:left;
+	width:560px;
+	padding: 20px;
+}
+
+#main h2 {
+	border-bottom: 1px solid silver;
+}
+
+#sidebar {
+	background-color:#E6FFE6;
+	float:right;
+	width:200px;
+}
+
+#sidebar ul {
+	margin-bottom:0;
+}
+
+#sidebar h3, #sidebar p {
+	padding:0 10px 0 0;
+}
+
+#footer {
+	background-color:#fff;
+	clear:both;
+	color: gray;
+	font-size:8pt;
+	text-align:center;
+	padding-top:25px;
+	padding-bottom:10px;
+}
+
+.portlet {
+	margin: 10px;
+	border-bottom: 1px solid silver;
+	border-right: 1px solid silver;
+	background-color: #B6F2B6;
+}
+
+.portlet-title {
+	/* ie win (5, 5.5, 6) bugfix */
+	p\osition: relative;
+	width: 100%;
+	w\idth: auto;
+
+	margin: 0;
+	border-left: 5px solid #BFA260;
+	padding: 5px;
+	color: #fff;
+	background-color: #008F00;
+	font-size: 8pt;
+	font-weight: bold;
+	line-height: 1;
+	text-transform: uppercase;
+}
+
+.portlet-title a {
+	color: #008F00;
+	text-decoration: none;
+	text-transform: none;
+}
+
+.portlet-title a:hover {
+	color: red;
+}
+
+.portlet-content {
+	margin: 0 0 10px 0;
+	padding: 10px 10px 0 10px;
+	font-size: 10px;
+}
+
+.portlet-content ul {
+	margin: 0 15px 10px 15px;
+	padding: 0;
+	list-style: square;
+}
+
+.portlet-content li {
+	color: #666;
+	margin-top: 3px;
+}
+
+.portlet-content a {
+	text-decoration: none;
+}
+
+.portlet-content a:hover {
+	color: red;
+}
+
+.post {
+	margin-bottom: 15px;
+}
+
+.post-title {
+	font-size: 14pt;
+	border-bottom: 1px silver solid;
+}
+
+.post-time {
+	font-size: 8pt;
+	color: gray;
+}
+
+.post-content {
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
+
+.post-footer {
+	text-align: right;
+	font-size: 8pt;
+}
+
+.post-footer a {
+	color: #008F00;
+}
+
+.comments {
+	border-top: 1px silver solid;
+}
+
+.comments h3 {
+	font-size: 12pt;
+}
+
+.comment {
+	margin-bottom: 10px;
+}
+
+.comment-header {
+	background-color: #E6FFE6;
+	padding: 3px;
+	font-size: 8pt;
+}
+
+.grid {
+	width: 100%;
+}
+
+.grid td {
+	padding: 3px;
+}
+
+.grid-header {
+	color: #fff;
+	background-color: #008F00;
+}
+
+.grid-row1 {
+	background-color: #B6F2B6;
+}
+
+.grid-row2 {
+	background-color: #E6FFE6;
+}
+
+.grid-row-selected {
+	background-color: lightyellow;
+}
+
+.grid-pager {
+	text-align: right;
+	color: silver;
+}
+
+.grid-pager a {
+	color: green;
+	text-decoration: none;
+}
+
+.submenu {
+	margin-bottom: 10px;
+	border-bottom: 5px solid #008F00;
+	padding-right: 10px;
+	text-align: right;
+}
+
+.submenu ul {
+	margin:0;
+	padding:0;
+	list-style:none;
+}
+
+.submenu li {
+	display:inline;
+	margin:0;
+	padding:0;
+}
+
+.submenu-active {
+	text-decoration: none;
+	color: white;
+	background-color: #008F00;
+	padding: 3px 5px 0 5px;
+}
+
+.submenu-inactive {
+	text-decoration: none;
+	background-color: #B6F2B6;
+	padding: 3px 5px 0 5px;
+}
+
+.input-label {
+}
+
+.input-error1, .input-error2, .input-error3 {
+	border: 1px solid red;
+	background-color: lightyellow;
+}
+
+.link-button {
+}
+
+.link-button:link, .link-button:visited {
+	color:#284E98;
+	padding: 3px;
+	background-color:#B6F2B6;
+	text-decoration: none;
+	margin-right: 2px;
+	border-right:1px solid gray;
+	border-bottom:1px solid gray;
+}
+
+.link-button:link.active, .link-button:visited.active, .link-button:hover {
+	color:red;
+	background-color:#E6FFE6;
+}
+
+.profile-table {
+	width: 100%;
+	background-color: #aaa;
+	border-collapse: collapse;
+}
+
+.profile-table td {
+	padding: 5px;
+	border: 1px solid #BFA260;
+}
+
+.profile-table-label {
+	background-color: #008F00;
+	color: white;
+	font-weight: bold;
+}
+
+.profile-table-value {
+	background-color: #B6F2B6;
+}
+
+.category {
+	padding: 5px;
+	margin-bottom: 10px;
+	border-bottom: 1px solid silver;
+	border-right: 1px solid silver;
+	background-color: #B6F2B6;
+}
+
+.category-name {
+	font-weight: bold;
+}
+
+.category-name a {
+	color: #008F00;
+	text-decoration: none;
+	text-transform: none;
+}
+
+.category-description {
+	font-style: italic;
+}
+
+.postlist-pager {
+	text-align: right;
+	margin-top: 30px;
+	border-top: 1px solid silver;
+}
+
+.postlist-pager a {
+	text-decoration: none;
+}
+
+.search-title {
+	padding: 5px;
+	margin-bottom: 10px;
+	border-bottom: 1px solid silver;
+	border-right: 1px solid silver;
+	background-color: #B6F2B6;
+}
diff --git a/demos/blog/themes/Summer/style.css b/demos/blog/themes/Summer/style.css
new file mode 100644
index 00000000..068860d1
--- /dev/null
+++ b/demos/blog/themes/Summer/style.css
@@ -0,0 +1,356 @@
+html {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	margin: 0;
+	padding: 0;
+	font-family: verdana, 'trebuchet ms', sans-serif;
+	font-size: 10pt;
+	color: #333;
+	background-color: gray;
+	min-width:750px;
+}
+
+form {
+	margin: 0;
+	padding: 0;
+}
+
+a {
+	color: #BF6060;
+}
+
+a:hover {
+	color: red;
+}
+
+a img {
+	border: 0px none;
+}
+
+#page {
+	background-color:#fff;
+	margin:0 auto;
+	width:800px;
+}
+
+#header {
+	background-color: #F2B6B6;
+	border-bottom: 1px solid silver;
+}
+
+#header h1 {
+	padding:5px;
+	padding-left: 20px;
+    margin:0;
+	font-size: 16pt;
+}
+
+#header h2 {
+	padding:5px;
+	padding-left: 20px;
+    margin:0;
+   	color: #BF6060;
+	font-size: 11pt;
+}
+
+#header a {
+	color: #BF6060;
+	text-decoration: none;
+}
+
+#main {
+	background-color:#fff;
+	float:left;
+	width:560px;
+	padding: 20px;
+}
+
+#main h2 {
+	border-bottom: 1px solid silver;
+}
+
+#sidebar {
+	background-color:#FFE6E6;
+	float:right;
+	width:200px;
+}
+
+#sidebar ul {
+	margin-bottom:0;
+}
+
+#sidebar h3, #sidebar p {
+	padding:0 10px 0 0;
+}
+
+#footer {
+	background-color:#fff;
+	clear:both;
+	color: gray;
+	font-size:8pt;
+	text-align:center;
+	padding-top:25px;
+	padding-bottom:10px;
+}
+
+.portlet {
+	margin: 10px;
+	border-bottom: 1px solid silver;
+	border-right: 1px solid silver;
+	background-color: #FFBFBF;
+}
+
+.portlet-title {
+	/* ie win (5, 5.5, 6) bugfix */
+	p\osition: relative;
+	width: 100%;
+	w\idth: auto;
+
+	margin: 0;
+	border-left: 5px solid #BFA260;
+	padding: 5px;
+	color: #fff;
+	background-color: #FF8080;
+	font-size: 8pt;
+	font-weight: bold;
+	line-height: 1;
+	text-transform: uppercase;
+}
+
+.portlet-title a {
+	color: #BF6060;
+	text-decoration: none;
+	text-transform: none;
+}
+
+.portlet-title a:hover {
+	color: red;
+}
+
+.portlet-content {
+	margin: 0 0 10px 0;
+	padding: 10px 10px 0 10px;
+	font-size: 10px;
+}
+
+.portlet-content ul {
+	margin: 0 15px 10px 15px;
+	padding: 0;
+	list-style: square;
+}
+
+.portlet-content li {
+	color: #666;
+	margin-top: 3px;
+}
+
+.portlet-content a {
+	text-decoration: none;
+}
+
+.portlet-content a:hover {
+	color: red;
+}
+
+.post {
+	margin-bottom: 15px;
+}
+
+.post-title {
+	font-size: 14pt;
+	border-bottom: 1px silver solid;
+}
+
+.post-time {
+	font-size: 8pt;
+	color: gray;
+}
+
+.post-content {
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
+
+.post-footer {
+	text-align: right;
+	font-size: 8pt;
+}
+
+.post-footer a {
+	color: #BF6060;
+}
+
+.comments {
+	border-top: 1px silver solid;
+}
+
+.comments h3 {
+	font-size: 12pt;
+}
+
+.comment {
+	margin-bottom: 10px;
+}
+
+.comment-header {
+	background-color: #FFE6E6;
+	padding: 3px;
+	font-size: 8pt;
+}
+
+.grid {
+	width: 100%;
+}
+
+.grid td {
+	padding: 3px;
+}
+
+.grid-header {
+	color: #fff;
+	background-color: #FF8080;
+}
+
+.grid-row1 {
+	background-color: #FFBFBF;
+}
+
+.grid-row2 {
+	background-color: #FFE6E6;
+}
+
+.grid-row-selected {
+	background-color: lightyellow;
+}
+
+.grid-pager {
+	text-align: right;
+	color: silver;
+}
+
+.grid-pager a {
+	color: green;
+	text-decoration: none;
+}
+
+.submenu {
+	margin-bottom: 10px;
+	border-bottom: 5px solid #FF8080;
+	padding-right: 10px;
+	text-align: right;
+}
+
+.submenu ul {
+	margin:0;
+	padding:0;
+	list-style:none;
+}
+
+.submenu li {
+	display:inline;
+	margin:0;
+	padding:0;
+}
+
+.submenu-active {
+	color: white;
+	text-decoration: none;
+	background-color: #FF8080;
+	padding: 3px 5px 0 5px;
+}
+
+.submenu-inactive {
+	text-decoration: none;
+	background-color: #FFBFBF;
+	padding: 3px 5px 0 5px;
+}
+
+.input-label {
+}
+
+.input-error1, .input-error2, .input-error3 {
+	border: 1px solid red;
+	background-color: lightyellow;
+}
+
+.link-button {
+}
+
+.link-button:link, .link-button:visited {
+	color:#284E98;
+	padding: 3px;
+	background-color:#FFBFBF;
+	text-decoration: none;
+	margin-right: 2px;
+	border-right:1px solid gray;
+	border-bottom:1px solid gray;
+}
+
+.link-button:link.active, .link-button:visited.active, .link-button:hover {
+	color:red;
+	background-color:#FFE6E6;
+}
+
+.profile-table {
+	width: 100%;
+	background-color: #aaa;
+	border-collapse: collapse;
+}
+
+.profile-table td {
+	padding: 5px;
+	border: 1px solid #BFA260;
+}
+
+.profile-table-label {
+	background-color: #FF8080;
+	color: white;
+	font-weight: bold;
+}
+
+.profile-table-value {
+	background-color: #FFBFBF;
+}
+
+.category {
+	padding: 5px;
+	margin-bottom: 10px;
+	border-bottom: 1px solid silver;
+	border-right: 1px solid silver;
+	background-color: #FFBFBF;
+}
+
+.category-name {
+	font-weight: bold;
+}
+
+.category-name a {
+	color: #BF6060;
+	text-decoration: none;
+	text-transform: none;
+}
+
+.category-description {
+	font-style: italic;
+}
+
+.postlist-pager {
+	text-align: right;
+	margin-top: 30px;
+	border-top: 1px solid silver;
+}
+
+.postlist-pager a {
+	text-decoration: none;
+}
+
+.search-title {
+	padding: 5px;
+	margin-bottom: 10px;
+	border-bottom: 1px solid silver;
+	border-right: 1px solid silver;
+	background-color: #FFBFBF;
+}
diff --git a/demos/blog/themes/Winter/style.css b/demos/blog/themes/Winter/style.css
new file mode 100644
index 00000000..4eadd18e
--- /dev/null
+++ b/demos/blog/themes/Winter/style.css
@@ -0,0 +1,357 @@
+html {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	margin: 0;
+	padding: 0;
+	font-family: verdana, 'trebuchet ms', sans-serif;
+	font-size: 10pt;
+	color: #333;
+	background: #36414d;
+	min-width:750px;
+}
+
+form {
+	margin: 0;
+	padding: 0;
+}
+
+a {
+	color: #36414d;
+}
+
+a:hover {
+	color: red;
+}
+
+a img {
+	border: 0px none;
+}
+
+#page {
+	background:#fff;
+	margin:0 auto;
+	width:800px;
+}
+
+#header {
+	background: #a3b8cc;
+	border-bottom: 1px solid silver;
+}
+
+#header h1 {
+	padding:5px;
+	padding-left: 20px;
+    margin:0;
+	font-size: 16pt;
+}
+
+#header h2 {
+	padding:5px;
+	padding-left: 20px;
+    margin:0;
+	font-size: 12pt;
+}
+
+#header a {
+	color: black;
+	text-decoration: none;
+}
+
+#main {
+	background:#fff;
+	float:left;
+	width:560px;
+	padding: 20px;
+}
+
+#main h2 {
+	border-bottom: 1px solid silver;
+}
+
+#sidebar {
+	background:#e6ecf2;
+	float:right;
+	width:200px;
+}
+
+#sidebar ul {
+	margin-bottom:0;
+}
+
+#sidebar h3, #sidebar p {
+	padding:0 10px 0 0;
+}
+
+#footer {
+	background:#fff;
+	clear:both;
+	color: gray;
+	font-size:8pt;
+	text-align:center;
+	padding-top:25px;
+	padding-bottom:10px;
+}
+
+.portlet {
+	margin: 10px;
+	border-bottom: 1px solid silver;
+	border-right: 1px solid silver;
+	background: #dae0e6;
+}
+
+.portlet-title {
+	/* ie win (5, 5.5, 6) bugfix */
+	p\osition: relative;
+	width: 100%;
+	w\idth: auto;
+
+	margin: 0;
+	border-left: 5px solid #36414d;
+	border-bottom: 1px solid silver;
+	padding: 5px;
+	color: #fff;
+	background: #a3b8cc;
+	font-size: 8pt;
+	font-weight: bold;
+	line-height: 1;
+	text-transform: uppercase;
+}
+
+.portlet-title a {
+	color: yellow;
+	text-decoration: none;
+	text-transform: none;
+}
+
+.portlet-title a:hover {
+	color: red;
+}
+
+.portlet-content {
+	margin: 0 0 10px 0;
+	border-top: 1px solid #cfd4d9;
+	padding: 10px 10px 0 10px;
+	font-size: 10px;
+}
+
+.portlet-content ul {
+	margin: 0 15px 10px 15px;
+	padding: 0;
+	list-style: square;
+}
+
+.portlet-content li {
+	color: #666;
+	margin-top: 3px;
+}
+
+.portlet-content a {
+	color: #36414d;
+	text-decoration: none;
+}
+
+.portlet-content a:hover {
+	color: red;
+}
+
+.post {
+	margin-bottom: 15px;
+}
+
+.post-title {
+	font-size: 14pt;
+	border-bottom: 1px silver solid;
+}
+
+.post-time {
+	font-size: 8pt;
+	color: gray;
+}
+
+.post-content {
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
+
+.post-footer {
+	text-align: right;
+	font-size: 8pt;
+}
+
+.post-footer a {
+	color: #36414d;
+}
+
+.comments {
+	border-top: 1px silver solid;
+}
+
+.comments h3 {
+	font-size: 12pt;
+}
+
+.comment {
+	margin-bottom: 10px;
+}
+
+.comment-header {
+	background-color: #e6ecf2;
+	padding: 3px;
+	font-size: 8pt;
+}
+
+.grid {
+	width: 100%;
+}
+
+.grid td {
+	padding: 3px;
+}
+
+.grid-header {
+	color: #fff;
+	background: #a3b8cc;
+}
+
+.grid-row1 {
+	background: #dae0e6;
+}
+
+.grid-row2 {
+	background: #e6ecf2;
+}
+
+.grid-row-selected {
+	background: lightyellow;
+}
+
+.grid-pager {
+	text-align: right;
+	color: silver;
+}
+
+.grid-pager a {
+	color: green;
+	text-decoration: none;
+}
+
+.submenu {
+	margin-bottom: 10px;
+	border-bottom: 5px solid #a3b8cc;
+	padding-right: 10px;
+	text-align: right;
+}
+
+.submenu ul {
+	margin:0;
+	padding:0;
+	list-style:none;
+}
+
+.submenu li {
+	display:inline;
+	margin:0;
+	padding:0;
+}
+
+.submenu-active {
+	text-decoration: none;
+	background: #a3b8cc;
+	padding: 3px 5px 0 5px;
+}
+
+.submenu-inactive {
+	text-decoration: none;
+	background: #dae0e6;
+	padding: 3px 5px 0 5px;
+}
+
+.input-label {
+}
+
+.input-error1, .input-error2, .input-error3 {
+	border: 1px solid red;
+	background-color: lightyellow;
+}
+
+.link-button {
+}
+
+.link-button:link, .link-button:visited {
+	color:#284E98;
+	padding: 3px;
+	background-color:#dae0e6;
+	text-decoration: none;
+	margin-right: 2px;
+	border-right:1px solid gray;
+	border-bottom:1px solid gray;
+}
+
+.link-button:link.active, .link-button:visited.active, .link-button:hover {
+	color:red;
+	background-color:#e6ecf2;
+}
+
+.profile-table {
+	width: 100%;
+	background-color: #aaa;
+	border-collapse: collapse;
+}
+
+.profile-table td {
+	padding: 5px;
+	border: 1px solid #36414d;
+}
+
+.profile-table-label {
+	background-color: #a3b8cc;
+	color: white;
+	font-weight: bold;
+}
+
+.profile-table-value {
+	background-color: #dae0e6;
+}
+
+.category {
+	padding: 5px;
+	margin-bottom: 10px;
+	border-bottom: 1px solid silver;
+	border-right: 1px solid silver;
+	background: #dae0e6;
+}
+
+.category-name {
+	font-weight: bold;
+}
+
+.category-name a {
+	color: yellow;
+	text-decoration: none;
+	text-transform: none;
+}
+
+.category-description {
+	font-style: italic;
+}
+
+.postlist-pager {
+	text-align: right;
+	margin-top: 30px;
+	border-top: 1px solid silver;
+}
+
+.postlist-pager a {
+	text-decoration: none;
+}
+
+.search-title {
+	padding: 5px;
+	margin-bottom: 10px;
+	border-bottom: 1px solid silver;
+	border-right: 1px solid silver;
+	background: #dae0e6;
+}
-- 
cgit v1.2.3