- Intitial version of the Pushbutton theme: contributed by MegaGrunt!

18 files changed, 646 insertions, 0 deletions

diff --git a/themes/xtemplate/pushbutton/arrow-next-hover.gif b/themes/xtemplate/pushbutton/arrow-next-hover.gif
new file mode 100644
index 000000000..dfc800b6d
--- /dev/null
+++ b/themes/xtemplate/pushbutton/arrow-next-hover.gif
diff --git a/themes/xtemplate/pushbutton/arrow-next.gif b/themes/xtemplate/pushbutton/arrow-next.gif
new file mode 100644
index 000000000..338bde7ff
--- /dev/null
+++ b/themes/xtemplate/pushbutton/arrow-next.gif
diff --git a/themes/xtemplate/pushbutton/arrow-prev-hover.gif b/themes/xtemplate/pushbutton/arrow-prev-hover.gif
new file mode 100644
index 000000000..f402e46f3
--- /dev/null
+++ b/themes/xtemplate/pushbutton/arrow-prev-hover.gif
diff --git a/themes/xtemplate/pushbutton/arrow-prev.gif b/themes/xtemplate/pushbutton/arrow-prev.gif
new file mode 100644
index 000000000..b0a76d5f1
--- /dev/null
+++ b/themes/xtemplate/pushbutton/arrow-prev.gif
diff --git a/themes/xtemplate/pushbutton/arrow-up-hover.gif b/themes/xtemplate/pushbutton/arrow-up-hover.gif
new file mode 100644
index 000000000..ea40e0ae7
--- /dev/null
+++ b/themes/xtemplate/pushbutton/arrow-up-hover.gif
diff --git a/themes/xtemplate/pushbutton/arrow-up.gif b/themes/xtemplate/pushbutton/arrow-up.gif
new file mode 100644
index 000000000..b4f7efc56
--- /dev/null
+++ b/themes/xtemplate/pushbutton/arrow-up.gif
diff --git a/themes/xtemplate/pushbutton/background.gif b/themes/xtemplate/pushbutton/background.gif
new file mode 100644
index 000000000..454ce870c
--- /dev/null
+++ b/themes/xtemplate/pushbutton/background.gif
diff --git a/themes/xtemplate/pushbutton/forum-container.jpg b/themes/xtemplate/pushbutton/forum-container.jpg
new file mode 100644
index 000000000..46ea78f2a
--- /dev/null
+++ b/themes/xtemplate/pushbutton/forum-container.jpg
diff --git a/themes/xtemplate/pushbutton/forum-link.gif b/themes/xtemplate/pushbutton/forum-link.gif
new file mode 100644
index 000000000..b709225f0
--- /dev/null
+++ b/themes/xtemplate/pushbutton/forum-link.gif
diff --git a/themes/xtemplate/pushbutton/header-a.jpg b/themes/xtemplate/pushbutton/header-a.jpg
new file mode 100644
index 000000000..26b6c0122
--- /dev/null
+++ b/themes/xtemplate/pushbutton/header-a.jpg
diff --git a/themes/xtemplate/pushbutton/header-b.jpg b/themes/xtemplate/pushbutton/header-b.jpg
new file mode 100644
index 000000000..17ed8541c
--- /dev/null
+++ b/themes/xtemplate/pushbutton/header-b.jpg
diff --git a/themes/xtemplate/pushbutton/icon-block.gif b/themes/xtemplate/pushbutton/icon-block.gif
new file mode 100644
index 000000000..11c4e3619
--- /dev/null
+++ b/themes/xtemplate/pushbutton/icon-block.gif
diff --git a/themes/xtemplate/pushbutton/icon-comment.gif b/themes/xtemplate/pushbutton/icon-comment.gif
new file mode 100644
index 000000000..66a71a199
--- /dev/null
+++ b/themes/xtemplate/pushbutton/icon-comment.gif
diff --git a/themes/xtemplate/pushbutton/logo-active.jpg b/themes/xtemplate/pushbutton/logo-active.jpg
new file mode 100644
index 000000000..67e89081c
--- /dev/null
+++ b/themes/xtemplate/pushbutton/logo-active.jpg
diff --git a/themes/xtemplate/pushbutton/logo-hover.jpg b/themes/xtemplate/pushbutton/logo-hover.jpg
new file mode 100644
index 000000000..5e662f5df
--- /dev/null
+++ b/themes/xtemplate/pushbutton/logo-hover.jpg
diff --git a/themes/xtemplate/pushbutton/logo.gif b/themes/xtemplate/pushbutton/logo.gif
new file mode 100644
index 000000000..16bc5d723
--- /dev/null
+++ b/themes/xtemplate/pushbutton/logo.gif
diff --git a/themes/xtemplate/pushbutton/xtemplate.css b/themes/xtemplate/pushbutton/xtemplate.css
new file mode 100644
index 000000000..bcbb6beb2
--- /dev/null
+++ b/themes/xtemplate/pushbutton/xtemplate.css
@@ -0,0 +1,511 @@
+/* $Id$ */
+
+/*
+** HTML elements
+*/
+body  {
+  color: #000;
+  background-color: #fff; 
+  margin: 0; 
+  padding: 0;
+}
+body, p, td, li, ul, ol  { 
+  font-family: Verdana, Helvetica, Arial, sans-serif; 
+}
+h1, h2, h3, h4, h5, h6 { 
+  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif; 
+  color: #369; 
+}
+img {
+  display: block;
+  border: 0;
+}
+tr.dark {
+  background-color: #ddd;
+}
+tr.light {
+  background-color: #eee;
+}
+tr.dark td, tr.light td {
+  padding: 0.3em;
+}
+h1, h2, h3, h4, h5, h6 {
+  margin: 0;
+}
+h1 {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+h2 {
+  font-size: 1.1em;
+}
+h3, h4, h5, h6 {
+  font-size: 1em;
+}
+p, li {
+  text-align: left;
+  font-size: 0.85em;
+  line-height: 1.3;
+}
+a {
+  text-decoration: none;
+  font-weight: bold;
+  color: #ff8c00;
+}
+a:link {
+  color: #ff8c00;
+}
+a:visited {
+  color: #c96;
+}
+a:hover {
+  color: #ff4500;
+  text-decoration: underline;
+}
+fieldset {
+  border: 1px solid #ccc;
+}
+p {
+  margin: 0 0 .5em 0;
+  padding: 0;
+}
+pre {
+  background-color: #eee;
+  padding: 0.75em 1.5em;
+  font-size: 1.2em;
+  border: 1px solid #ddd;
+}
+.form-item {
+  margin-top: 1em;
+}
+.form-item label {
+  color: #369;
+}
+.item-list .title {
+  color: #369;
+  font-size: 0.85em;
+}
+
+/*
+** Page layout blocks / IDs
+*/
+table#primary-links-table  { 
+  background-color: #e0edfb; 
+}
+table#primary-links-table tr {
+  background: transparent url(header-a.jpg) left bottom repeat;
+}
+td#home a:link img, td#home a:visited img {
+  background: transparent url(logo-active.jpg) repeat;
+  width: 144px;
+  height: 63px;
+}
+td#home a:hover img {
+  background: transparent url(logo-hover.jpg) repeat;
+  width: 144px;
+  height: 63px;
+}
+#primary-links   { 
+  background: transparent url(header-b.jpg) left top no-repeat;
+  font-size: 0.85em;
+}
+#primary-links h1, #primary-links h2, #primary-links h3 { 
+  font-size: 1.7em;
+}
+#primary-links a  { 
+  color: #369; 
+}
+#primary-links a:hover {
+  color: #000;
+}
+table#secondary-links-table   { 
+  background-color: #369; 
+  border-top: 3px solid #69c; 
+  border-bottom: 3px solid #69c;
+  font-size: 0.85em;
+}
+td#secondary-links { 
+  color: #e4e9eb;
+}
+#secondary-links a  { 
+  color: #e4e9eb;
+}
+#secondary-links a:hover { 
+  color: #fff; 
+  text-decoration: underline;
+}
+#content {
+  background-color: #fff;
+}
+#contentstart {
+  background-color: #fff;
+}
+#menu {
+  padding: 0.5em 0.5em 0 0.5em;
+  text-align: right;
+  vertical-align: middle;
+}
+#search .form-text, #search .form-submit {
+  border: 1px solid #369;
+  font-size: 1.1em;
+}
+#search .form-text {
+  width: 8em;
+  height: 1.4em;
+  padding: 0 0.5em 0 0.5em;
+  margin: 0 0 0.5em 0;
+}
+#search .form-submit {
+  height: 1.5em;
+}
+#mission {
+  background-color: #fff;
+  color: #696969;
+  border-top: 2px solid #dcdcdc; 
+  border-bottom: 2px solid #dcdcdc;
+  padding: 10px 10px 10px 10px;
+  margin: 20px 35px 0px 35px;
+  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif; 
+  font-size: 1.1em;
+  font-weight: normal;
+}
+#main {
+  /* padding in px not ex because IE messes up 100% width tables otherwise */
+  padding: 30px 35px 50px 35px;
+  background: transparent url(background.gif) center center no-repeat;
+}
+#mission, .node .content, .comment .content {
+  line-height: 1.4;
+}
+#help {
+  font-size: 0.9em;
+  margin-bottom: 1em;
+}
+.breadcrumb {
+  margin-bottom: .5em;
+}
+.message {
+  background-color: #eee;
+  border: 1px solid #ccc;
+  padding: 0.3em;
+  margin-bottom: 1em;
+}
+.error {
+  border-color: red;
+}
+.nav {
+  padding: 0px 0px 0px 0px;
+  margin: 0px 0px 0px 0px;
+}
+#sidebar-left, #sidebar-right {
+  font-size: 0.75em;
+  width: 175px;
+  /* padding in px not ex because IE messes up 100% width tables otherwise */
+  padding: 25px 10px 75px 10px;
+  vertical-align: top;
+  background: #FFFAF0;
+}
+#sidebar-left {
+  border-right: 3px solid #f5f5f5;
+}
+#sidebar-right {
+  border-left: 3px solid #f5f5f5;
+}
+#sidebar-left li, #sidebar-right li {
+  font-size: 1em;
+}
+#footer-message {
+  padding: 15px 100px 30px 100px;
+  font-size: 0.85em;
+  text-align: center;
+  color: #aaa;
+}
+table#footer-links {
+  border-top: 3px solid #6699cc; 
+  border-bottom: 3px solid #6699cc;
+  background-color: #369;
+  color: #e4e9eb;
+}
+#footer-links td {
+  padding: 5px;
+  font-size: 0.85em;
+}
+#footer-links td h1 {
+  color: #e4e9eb;
+  font-size: 1.15em;
+  font-weight: bold;
+  padding: 0;
+  margin: 0;
+}
+#footer-links a  {
+  color: #e4e9eb;
+}
+#footer-links a:hover  {
+  color: #fff;
+  text-decoration: underline;
+}
+
+/*
+** Common declarations for child classes of node, comment, block, box, etc.
+** If you want any of them styled differently for a specific parent, add
+** additional rules /with only the differing properties!/ to .parent .class.
+** See .comment .title for an example.
+*/
+.title, .title a {
+  font-weight: bold;
+  font-size: 1.3em;
+  color: #369;
+  margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
+}
+.submitted {
+  color: #999;
+  font-size: 0.79em;
+}
+.links {
+  color: #ff8c00;
+  font-size: 0.8em;
+  padding: 0px 0px 0px 0px;
+  margin: 0px 0px 0px 0px;
+}
+.links a {
+  font-weight: bold;
+}
+.box {
+  padding: 0 0 1.5em 0;
+}
+.box {
+  padding: 0px 0px 0px 0px;
+  margin: 0px 0px 0px 0px;
+}
+.box h2 {
+  font-size: 9px;
+}
+.block .title h3 { 
+  border-bottom: 2px solid #6699cc;
+  color: #369;
+  font-size: 18px;
+  font-weight: bold;
+  padding: 10px 5px 10px 30px;
+  margin-bottom: .25em;
+  background: transparent url(icon-block.gif) left center no-repeat;
+}
+.block .content { 
+  padding: 5px 5px 5px 5px;
+}
+.block {
+  margin-bottom: 1.5em;
+}
+.box .title {
+  font-size: 1.1em;
+}
+.node {
+  margin: .5em 0 2.5em 0;
+}
+.node .content, .comment .content {
+  padding: .5em 0 .75em 0;
+}
+.node .taxonomy {
+  color: #999;
+  font-size: 0.83em;
+  padding: 1.5em;
+}
+.node .avatar {
+  border: 1px solid #fff;
+  float: right;
+  margin: 0.5em;
+}
+.comment {
+  border: 1px solid #abc;
+  padding: .5em;
+  margin-bottom: 1em;
+}
+.comment .title {
+  font-size: 1em;
+  padding: 10px 0px 12px 19px;
+  background: transparent url(icon-comment.gif) left center no-repeat;
+}
+.comment .new {
+  text-align: right;
+  font-weight: bold;
+  font-size: 0.85em;
+  float: right;
+  color: red;
+}
+.comment .avatar {
+  border: 1px solid #fff;
+  float: right;
+  margin: 0.5em;
+}
+.links {
+  font-size: 0.75em;
+}
+.links .prev, .links .next, .links .up {
+  font-size: 1.15em;
+}
+.titles .prev, .titles .next  {
+  font-size: 0.85em;
+  font-weight: bold;
+  color: #444;
+}
+.hide {
+  display: none
+}
+.nav .links .next a:link {
+  padding: 15px 20px 16px 0;
+  background: transparent url(arrow-next.gif) right center no-repeat;
+}
+.nav .links .next a:hover {
+  padding: 15px 20px 16px 0;
+  background: transparent url(arrow-next-hover.gif) right center no-repeat;
+}
+.nav .links .prev a:link {
+  padding: 15px 0 16px 20px;
+  background: transparent url(arrow-prev.gif) left center no-repeat;
+}
+.nav .links .prev a:hover {
+  padding: 15px 0 16px 20px;
+  background: transparent url(arrow-prev-hover.gif) left center no-repeat;
+}
+.nav .links .up a:link {
+  padding: 12px 0 20px 0;
+  background: transparent url(arrow-up.gif) center top no-repeat;
+}
+.nav .links .up a:hover {
+  padding: 12px 0 20px 0;
+  background: transparent url(arrow-up-hover.gif) center top no-repeat;
+}
+
+/*
+** Module specific styles
+*/
+.content .active {
+  color: #369;
+}
+#aggregator .feed {
+  background-color: #eee;
+  border: 1px solid #ccc;
+  padding: 1em;
+  margin: 1em 0 1em 0;
+}
+#aggregator .news-item .source {
+  color: #999;
+  font-style: italic;
+  font-size: 0.85em;
+}
+#aggregator .title {
+  font-size: 1em;
+}
+#aggregator h3 {
+  margin-top: 1em;
+}
+#tracker th {
+  text-align: center;
+  background-color: #f5f5f5;
+  border-bottom: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+  border-left: 1px solid #fafafa;
+}
+#tracker th img {
+  float: right;
+}
+#tracker tr.light, #tracker tr.dark {
+  background-color: #fff;
+}
+#tracker td {
+  vertical-align: top;
+  padding: 1em 1em 1em 0;
+  border-bottom: 1px solid #bbb;
+}
+#forum {
+  margin: 15px 0 15px 0;
+  background-color: #fff;
+}
+#forum table {
+  width: 100%;
+  border: 2px solid #69c;
+}
+#forum table tr th {
+  text-align: center;
+  background: #69c;
+  color: #fff;
+  font-size: 0.75em;
+  border-bottom: 1px solid #aaa;
+}
+#forum table tr th a  {
+  color: #fff;
+  text-decoration: underline;
+}
+#forum table tr th img  {
+  margin: 0;
+}
+#forum tr.dark {
+  background: #e0edfb;
+}
+#forum tr.light {
+  background: #fff;
+}
+#forum td {
+  padding: 0.5em 0.5em 0.5em 0.5em;
+}
+#forum td.container {
+  color: #000;
+  background: #369 url(forum-container.jpg) right top no-repeat;
+  border: 2px solid #69c;
+}
+#forum td.container a {
+  color: #e4e9eb;
+  padding: 20px 0 20px 35px;
+  background: transparent url(forum-link.gif) left center no-repeat;
+}
+#forum td.container a:visited {
+  color: #e4e9eb;
+}
+#forum td.statistics, #forum td.settings, #forum td.pager {
+  height: 1.5em;
+  border: 1px solid #bbb;
+}
+#forum td .name {
+  color: #96c;
+}
+#forum td .links {
+  padding-top: 0.7em;
+  font-size: 0.9em;
+}
+.block-forum h3 {
+  margin-bottom: .5em;
+}
+.calendar a {
+  text-decoration: none;
+}
+.calendar td {
+  padding: 0;
+  border-color: #888;
+}
+.calendar td div {
+  padding: 0.4em 0;
+}
+.calendar .row-week td a {
+  padding: 0.4em 0;
+}
+.calendar .day-today {
+  background-color: #69c;
+}
+.calendar .day-today a {
+  color: #fff;
+}
+.calendar .day-selected {
+  background-color: #369;
+  color: #fff;
+}
+.calendar .header-month {
+  background-color: #bbb;
+}
+.calendar .header-week {
+  background-color: #ccc;
+}
+.calendar .day-blank {
+  background-color: #ccc;
+}
+.calendar .row-week td a:hover {
+  background-color: #fff; color: #000;
+}
diff --git a/themes/xtemplate/pushbutton/xtemplate.xtmpl b/themes/xtemplate/pushbutton/xtemplate.xtmpl
new file mode 100644
index 000000000..140a95819
--- /dev/null
+++ b/themes/xtemplate/pushbutton/xtemplate.xtmpl
@@ -0,0 +1,135 @@
+<!-- BEGIN: header --><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+  <title>{head_title}</title>
+  {head}
+  <style type="text/css" media="all">@import "{directory}/xtemplate.css";</style>
+</head>
+
+<body bgcolor="#ffffff" {onload_attributes}>
+
+<div class="hide"><a href="#content" title="Skip navigation." accesskey="2">Skip navigation</a>.</div>
+  
+<table id="primary-links-table" summary="Navigation elements." border="0" cellpadding="0" cellspacing="0" width="100%">
+  <tr>
+    <td id="home" width="10%"><a href="./" title="Home"><img src="{directory}/images/logo.gif" alt="Home" width="144" height="63" border="0" /></a></td>
+    <td id="primary-links" width="90%"  align="center" valign="middle">{primary_links}</td>        
+  </tr>
+</table>
+  
+<table id="secondary-links-table" summary="Navigation elements." border="0" cellpadding="0" cellspacing="0" width="100%">
+  <tr>
+    <td id="secondary-links" width="75%"  align="center" valign="middle">
+      {secondary_links}
+    </td>
+    <td  id="search" width="25%"  align="center" valign="middle">
+      <!-- BEGIN: search_box -->
+      <form action="{search_url}" method="post">
+      <input class="form-text" type="text" size="15" value="" name="keys" alt="{search_description}" />
+      <input class="form-submit" type="submit" value="{search_button_text}" alt="submit" />
+      </form>
+      <!-- END: search_box -->
+    </td>
+    </tr>
+</table>
+
+<table id="content" border="0" cellpadding="15" cellspacing="0" width="100%">
+  <tr>
+    <!-- BEGIN: blocks -->
+    <td id="sidebar-left">
+      {blocks}
+    </td>
+      <!-- END: blocks -->
+    <td valign="top">
+      <!-- BEGIN: mission -->
+      <div id="mission">{mission}</div>
+      <!-- END: mission -->
+      <div id="main">
+        <!-- BEGIN: title -->
+        {breadcrumb}
+        <h1 class="title">{title}</h1>
+        <!-- END: title -->
+        <!-- BEGIN: help -->
+        <div id="help">{help}</div>
+        <!-- END: help -->
+        <!-- BEGIN: message -->
+        <div class="message {type}">{message}</div>
+        <!-- END: message -->
+<!-- END: header -->
+
+<!-- BEGIN: node -->
+  <div class="node {static}">
+    <!-- BEGIN: avatar -->
+    <div class="avatar">{avatar}</div>
+    <!-- END: avatar -->
+    <!-- BEGIN: title -->
+    <h1 class="title"><a href="{link}">{title}</a></h1>
+    <!-- END: title -->
+    <span class="submitted">{submitted}</span>
+    <!-- BEGIN: taxonomy -->
+    <span class="taxonomy">{taxonomy}</span>
+    <!-- END: taxonomy -->
+    <div class="content">{content}</div>
+    <!-- BEGIN: links -->
+    <div class="links">&raquo; {links}</div>
+    <!-- END: links -->
+  </div>
+<!-- END: node -->
+
+<!-- BEGIN: comment -->
+  <div class="comment">
+    <!-- BEGIN: avatar -->
+    <div class="avatar">{avatar}</div>
+    <!-- END: avatar -->
+    <h3 class="title">{title}</h3><!-- BEGIN: new --><span class="new">{new}</span><!-- END: new -->
+    <div class="submitted">{submitted}</div>
+    <div class="content">{content}</div>
+    <!-- BEGIN: links -->
+    <div class="links">&raquo; {links}</div>
+    <!-- END: links -->
+  </div>
+<!-- END: comment -->
+
+<!-- BEGIN: box -->
+  <div class="box">
+    <h2 class="title">{title}</h2>
+    <div class="content">{content}</div>
+ </div>
+<!-- END: box -->
+
+<!-- BEGIN: block -->
+  <div class="block block-{module}" id="block-{module}-{delta}">
+    <div class="title"><h3>{title}</h3></div>
+    <div class="content">{content}</div>
+ </div>
+<!-- END: block -->
+
+<!-- BEGIN: footer -->
+      </div><!-- main -->
+    </td>
+    <!-- BEGIN: blocks -->
+    <td id="sidebar-right">
+      {blocks}
+    </td>
+    <!-- END: blocks -->
+  </tr>
+</table>
+
+<table id="footer-links" summary="Navigation elements." border="0" cellpadding="0" cellspacing="0" width="100%">
+  <tr>
+    <td align="center" valign="middle">
+      {primary_links}<br />
+      {secondary_links}
+    </td>       
+  </tr>
+</table>
+
+<!-- BEGIN: message -->
+<div id="footer-message">
+  {footer_message}
+</div>
+<!-- END: message -->
+{footer}
+</body>
+</html>
+<!-- END: footer -->