summaryrefslogtreecommitdiff
path: root/demos/blog/themes
diff options
context:
space:
mode:
authorxue <>2006-05-30 03:26:33 +0000
committerxue <>2006-05-30 03:26:33 +0000
commit6e0338629774fffe5fbe7136dfce34ce83844a5c (patch)
tree9520eaa7c3c278b5ebf525a0d1e09f0a4cdf7779 /demos/blog/themes
parent7f508e187e4539a16cdbb1dd6a4b1133c53cf24d (diff)
Blog demo is completed.
Diffstat (limited to 'demos/blog/themes')
-rw-r--r--demos/blog/themes/Fall/style.css356
-rw-r--r--demos/blog/themes/Spring/style.css356
-rw-r--r--demos/blog/themes/Summer/style.css356
-rw-r--r--demos/blog/themes/Winter/style.css (renamed from demos/blog/themes/Basic/style.css)102
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;
+}