Blog demo is completed.

author: xue <> 2006-05-30 03:26:33 +0000
committer: xue <> 2006-05-30 03:26:33 +0000
commit: 6e0338629774fffe5fbe7136dfce34ce83844a5c (patch)
tree: 9520eaa7c3c278b5ebf525a0d1e09f0a4cdf7779 /demos/blog/themes
parent: 7f508e187e4539a16cdbb1dd6a4b1133c53cf24d (diff)
4 files changed, 1167 insertions, 3 deletions
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/Basic/style.css b/demos/blog/themes/Winter/style.css
index b8e9ca89..4eadd18e 100644
--- a/demos/blog/themes/Basic/style.css
+++ b/demos/blog/themes/Winter/style.css
@@ -7,7 +7,7 @@ body {
 	margin: 0;
 	padding: 0;
 	font-family: verdana, 'trebuchet ms', sans-serif;
-	font-size: 12px;
+	font-size: 10pt;
 	color: #333;
 	background: #36414d;
 	min-width:750px;
@@ -19,7 +19,11 @@ form {
 }
 
 a {
-	text-decoration: underline;
+	color: #36414d;
+}
+
+a:hover {
+	color: red;
 }
 
 a img {
@@ -51,6 +55,11 @@ a img {
 	font-size: 12pt;
 }
 
+#header a {
+	color: black;
+	text-decoration: none;
+}
+
 #main {
 	background:#fff;
 	float:left;
@@ -258,4 +267,91 @@ a img {
 	text-decoration: none;
 	background: #dae0e6;
 	padding: 3px 5px 0 5px;
-}
-\ No newline at end of file
+}
+
+.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;
+}
author	xue <>	2006-05-30 03:26:33 +0000
committer	xue <>	2006-05-30 03:26:33 +0000
commit	6e0338629774fffe5fbe7136dfce34ce83844a5c (patch)
tree	9520eaa7c3c278b5ebf525a0d1e09f0a4cdf7779 /demos/blog/themes
parent	7f508e187e4539a16cdbb1dd6a4b1133c53cf24d (diff)