From 4672245c0cdb8258f39226ad3e063ca128ff6eed Mon Sep 17 00:00:00 2001
From: AurelioAHeckert <AurelioAHeckert@3f533792-8f58-4932-b0fe-aaf55b0a4547>
Date: Fri, 2 May 2008 20:45:56 +0000
Subject: [PATCH] ActionItem360: Theme Zen3 80%

---
 app/views/content_viewer/view_page.rhtml                             |  40 +++++++++++++++++++++++++---------------
 public/designs/themes/ecosol/stylesheets/blocks/main-block.css       |  73 ++++++-------------------------------------------------------------------
 public/designs/themes/zen3/images/list-dot.gif                       | Bin 0 -> 59 bytes
 public/designs/themes/zen3/stylesheets/article.css                   |  17 +++++++++++++++++
 public/designs/themes/zen3/stylesheets/blocks/communities-block.css  |   1 +
 public/designs/themes/zen3/stylesheets/blocks/enterprises-block.css  |   1 +
 public/designs/themes/zen3/stylesheets/blocks/friends-block.css      |   1 +
 public/designs/themes/zen3/stylesheets/blocks/main-block.css         |  24 ++++++++++++++++++++++++
 public/designs/themes/zen3/stylesheets/blocks/members-block.css      |   1 +
 public/designs/themes/zen3/stylesheets/blocks/profile-info-block.css |  30 ++++++++++++++++++++++++++++++
 public/designs/themes/zen3/stylesheets/blocks/profile-list-block.css |  13 +++++++++++++
 public/designs/themes/zen3/stylesheets/common.css                    |  24 ++++++++++++++++++++++++
 public/designs/themes/zen3/stylesheets/controller_content_viewer.css |   1 +
 public/designs/themes/zen3/stylesheets/controller_search.css         | 172 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 public/stylesheets/blocks/main-block.css                             |  73 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 15 files changed, 389 insertions(+), 82 deletions(-)
 create mode 100644 public/designs/themes/zen3/images/list-dot.gif
 create mode 100644 public/designs/themes/zen3/stylesheets/article.css
 create mode 120000 public/designs/themes/zen3/stylesheets/blocks/communities-block.css
 create mode 120000 public/designs/themes/zen3/stylesheets/blocks/enterprises-block.css
 create mode 120000 public/designs/themes/zen3/stylesheets/blocks/friends-block.css
 create mode 100644 public/designs/themes/zen3/stylesheets/blocks/main-block.css
 create mode 120000 public/designs/themes/zen3/stylesheets/blocks/members-block.css
 create mode 100644 public/designs/themes/zen3/stylesheets/blocks/profile-info-block.css
 create mode 100644 public/designs/themes/zen3/stylesheets/blocks/profile-list-block.css
 create mode 100644 public/designs/themes/zen3/stylesheets/controller_content_viewer.css
 create mode 100644 public/designs/themes/zen3/stylesheets/controller_search.css

diff --git a/app/views/content_viewer/view_page.rhtml b/app/views/content_viewer/view_page.rhtml
index e7f33e4..2c49fca 100644
--- a/app/views/content_viewer/view_page.rhtml
+++ b/app/views/content_viewer/view_page.rhtml
@@ -1,4 +1,4 @@
-<div class="article">
+<div id="article">
 
 <%
   # AddThis Button
@@ -19,23 +19,31 @@
 <a href="http://www.addthis.com/bookmark.php" class="bt_addthis" target="_blank" onmouseover="return addthis_open(this, '', '[URL]', '<%= escape_javascript( @environment.name()+' :: '+@page.title ) %>')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="/images/bt-bookmark.gif" width="53" height="16" border="0" alt="" /></a><script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
 <% end; end %>
 
-<h2><%= @page.title %></h2>
-
-<% if logged_in?  && current_user.person.has_permission?('post_content', profile) %>
-<div class="article-actions">
-  <%= link_to content_tag( 'span', _('Edit') ),
-      { :controller => 'cms', :action => 'edit', :id => @page },
-      :class => 'button with-text icon-edit' %>
+<div onmouseover="showArticleActions(true)"
+     onmouseout="showArticleActions(false)">
+  <h1><%= @page.title %></h1>
+  <script type="text/javascript">
+    function showArticleActions( show ) {
+      var act = $("article-actions");
+      if ( act ) act.style.display = ( show ? "block" : "none" );
+    }
+  </script>
+  <% if logged_in?  && current_user.person.has_permission?('post_content', profile) %>
+    <div id="article-actions" style="display:none">
+      <%= link_to content_tag( 'span', _('Edit') ),
+          { :controller => 'cms', :action => 'edit', :id => @page },
+          :class => 'button with-text icon-edit' %>
+    </div>
+  <% end %>
 </div>
-<% end %>
 
-<div class="article-tags">
+<div id="article-tags">
   <%= _("This article's tags:") %>
   <%= @page.tags.map { |t| link_to(t, :controller => 'profile', :profile => @profile.identifier, :action => 'tag', :id => t.name ) }.join("\n") %>
 </div>
 
 <% if @page.parent && !@page.parent.path.blank? %>
-<div class="article-parent">
+<div id="article-parent">
   <%= link_to_document(@page.parent, _('Up')) %>
 </div>
 <% end %>
@@ -52,13 +60,15 @@
 <% end %>
 -->
 
-<div class="article-cat">
-  <h3><%= _('Categories') %></h3>
-  <%= @page.categories.map {|item| link_to_category(item) }.join(', ') %>
+<div id="article-cat">
+  <h4><%= _('Categories') %></h4>
+  <ul>
+    <li><%= @page.categories.map {|item| link_to_category(item) }.join("</li>\n<li>") %></li>
+  </ul>
 </div>
 
 <h3><%= @comments.size == 0 ? _('No comments yet') : (n_('One comment', '%{comments} comments', @comments.size)) % { :comments => @comments.size} %></h3>
 <%= render :partial => 'comment', :collection => @comments %>
 <%= render :partial => 'comment_form' %>
 
-</div><!-- end class="article" -->
+</div><!-- end id="article" -->
diff --git a/public/designs/themes/ecosol/stylesheets/blocks/main-block.css b/public/designs/themes/ecosol/stylesheets/blocks/main-block.css
index e92442f..6e2142f 100644
--- a/public/designs/themes/ecosol/stylesheets/blocks/main-block.css
+++ b/public/designs/themes/ecosol/stylesheets/blocks/main-block.css
@@ -1,97 +1,36 @@
 
-.article {
-  position: relative;
-  text-align: justify;
-}
-
-.article-tags {
+#article-tags {
   text-align: right;
   font-size: 10px;
   margin-top: -9px;
   padding-right: 15px;
 }
 
-.article-tags a {
+#article-tags a {
   color: #729FCF;
   border: 1px solid #B8CFE7;
   text-decoration: none;
   padding: 0px 2px 1px 2px;
 }
-.article-tags a:hover {
+#article-tags a:hover {
   color: #FFF;
   border: 1px solid #3465A4;
   background: #729FCF;
 }
 
-.article-actions {
-  position: absolute;
-  top: -5px;
-  right: 0px;
-  padding-right: 15px;
-}
-
-.article-parent {
+#article-parent {
   text-align: right;
   padding-right: 15px;
 }
 
-.article-cat {
+#article-cat {
   position: relative;
   border: 1px dotted #B8CFE7;
   margin-top: 10px;
   padding: 10px;
 }
 
-#content .article-cat h3 {
+#content #article-cat h3 {
   margin: 0px 0px 5px 0px;
 }
 
-/* * *  Comments  * * */
-
-.article-comment {
-  position: relative;
-  border: 1px solid #B8CFE7;
-  margin-bottom: 10px;
-  padding: 10px;
-}
-
-.comment-from-owner {
-  border: 1px solid #3465A4;
-  background: #B8CFE7;
-}
-
-#content .article-comment h4 {
-  font-size: 14px;
-  margin: 0px;
-}
-
-.comment-picture {
-  position: relative;
-  display: block;
-  width: 50px;
-  height: 50px;
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
-  margin-right: 10px;
-  float: left;
-}
-.comment-picture span {
-  display: none;
-}
-
-.comment-info {
-  font-size: 10px;
-  color: #999;
-}
-.comment-from-owner .comment-info {
-  color: #729FCF;
-}
-
-.comment-text {
-  clear: left;
-}
-
-.comment-logged-out .comment-text {
-  color: #888;
-}
-
diff --git a/public/designs/themes/zen3/images/list-dot.gif b/public/designs/themes/zen3/images/list-dot.gif
new file mode 100644
index 0000000..f448b0b
Binary files /dev/null and b/public/designs/themes/zen3/images/list-dot.gif differ
diff --git a/public/designs/themes/zen3/stylesheets/article.css b/public/designs/themes/zen3/stylesheets/article.css
new file mode 100644
index 0000000..44eecb7
--- /dev/null
+++ b/public/designs/themes/zen3/stylesheets/article.css
@@ -0,0 +1,17 @@
+/*
+** Style for Article Related Elements
+*/
+
+#article .post_comment_box h4 {
+  background: #FD8;
+}
+
+#article .post_comment_box.closed h4 {
+  border: 1px solid #f57900;
+}
+
+#article .post_comment_box.opened {
+  border: 1px solid #f57900;
+  background: #FD8;
+}
+
diff --git a/public/designs/themes/zen3/stylesheets/blocks/communities-block.css b/public/designs/themes/zen3/stylesheets/blocks/communities-block.css
new file mode 120000
index 0000000..748a402
--- /dev/null
+++ b/public/designs/themes/zen3/stylesheets/blocks/communities-block.css
@@ -0,0 +1 @@
+profile-list-block.css
\ No newline at end of file
diff --git a/public/designs/themes/zen3/stylesheets/blocks/enterprises-block.css b/public/designs/themes/zen3/stylesheets/blocks/enterprises-block.css
new file mode 120000
index 0000000..748a402
--- /dev/null
+++ b/public/designs/themes/zen3/stylesheets/blocks/enterprises-block.css
@@ -0,0 +1 @@
+profile-list-block.css
\ No newline at end of file
diff --git a/public/designs/themes/zen3/stylesheets/blocks/friends-block.css b/public/designs/themes/zen3/stylesheets/blocks/friends-block.css
new file mode 120000
index 0000000..748a402
--- /dev/null
+++ b/public/designs/themes/zen3/stylesheets/blocks/friends-block.css
@@ -0,0 +1 @@
+profile-list-block.css
\ No newline at end of file
diff --git a/public/designs/themes/zen3/stylesheets/blocks/main-block.css b/public/designs/themes/zen3/stylesheets/blocks/main-block.css
new file mode 100644
index 0000000..ce4c6c5
--- /dev/null
+++ b/public/designs/themes/zen3/stylesheets/blocks/main-block.css
@@ -0,0 +1,24 @@
+
+/* * *  Comments  * * */
+
+.article-comment {
+  border: 1px solid #fcaf3e;
+}
+
+.comment-from-owner {
+  border: 1px solid #f57900;
+  background: #FD8;
+}
+
+.comment-from-owner .comment-info {
+  color: #ab835c;
+}
+
+.comment-text {
+  clear: left;
+}
+
+.comment-logged-out .comment-text {
+  color: #888;
+}
+
diff --git a/public/designs/themes/zen3/stylesheets/blocks/members-block.css b/public/designs/themes/zen3/stylesheets/blocks/members-block.css
new file mode 120000
index 0000000..748a402
--- /dev/null
+++ b/public/designs/themes/zen3/stylesheets/blocks/members-block.css
@@ -0,0 +1 @@
+profile-list-block.css
\ No newline at end of file
diff --git a/public/designs/themes/zen3/stylesheets/blocks/profile-info-block.css b/public/designs/themes/zen3/stylesheets/blocks/profile-info-block.css
new file mode 100644
index 0000000..0c34a8d
--- /dev/null
+++ b/public/designs/themes/zen3/stylesheets/blocks/profile-info-block.css
@@ -0,0 +1,30 @@
+.profile-info-block h2 {
+  text-align: center;
+}
+
+.profile-info-picture {
+  border: 2px solid #A40000;
+  padding: 1px;
+  background: #FFF;
+  margin-right: 40px;
+}
+.msie6 .profile-info-picture {
+  margin-right: 20px;
+}
+
+.profile-info-data {
+  width: 110px;
+  font-size: 10px;
+  text-align: right;
+  position: relative;
+  top: 20px;
+}
+
+.profile-info-options {
+  clear: both;
+}
+
+.profile-info-options {
+  text-align: center;
+}
+
diff --git a/public/designs/themes/zen3/stylesheets/blocks/profile-list-block.css b/public/designs/themes/zen3/stylesheets/blocks/profile-list-block.css
new file mode 100644
index 0000000..9cbf704
--- /dev/null
+++ b/public/designs/themes/zen3/stylesheets/blocks/profile-list-block.css
@@ -0,0 +1,13 @@
+
+.common-profile-list-block li a {
+  border: 2px solid #FFF;
+  color: #C00;
+  -moz-border-radius: 4px;
+}
+
+.common-profile-list-block li a:hover {
+  border: 2px solid #C00;
+  background: #fcaf3e;
+  color: #FFF;
+}
+
diff --git a/public/designs/themes/zen3/stylesheets/common.css b/public/designs/themes/zen3/stylesheets/common.css
index 7df1285..e07b6c8 100644
--- a/public/designs/themes/zen3/stylesheets/common.css
+++ b/public/designs/themes/zen3/stylesheets/common.css
@@ -17,6 +17,30 @@ body {
   background: #FFF url(../images/bg-top.png) repeat-x;
 }
 
+/* * * Content * * * * * * * * * * * * * * * * * * * */
+
+#content h1, #content h2, #content h3,
+#content h4, #content h5, #content h6 {
+  margin: 10px 0px;
+  color: #A40000;
+}
+
+a {
+  color: #ce5c00;
+}
+a:visited {
+  color: #ab835c;
+}
+a:hover {
+  color: #EA0;
+}
+
+ul li {
+  list-style: url(../images/list-dot.gif);
+}
+
+/* * * Footer * * * * * * * * * * * * * * * * * * * */
+
 #footer {
   background: url("../images/bg-footer.png") repeat-x;
   margin: 0px;
diff --git a/public/designs/themes/zen3/stylesheets/controller_content_viewer.css b/public/designs/themes/zen3/stylesheets/controller_content_viewer.css
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/public/designs/themes/zen3/stylesheets/controller_content_viewer.css
@@ -0,0 +1 @@
+
diff --git a/public/designs/themes/zen3/stylesheets/controller_search.css b/public/designs/themes/zen3/stylesheets/controller_search.css
new file mode 100644
index 0000000..9fe9995
--- /dev/null
+++ b/public/designs/themes/zen3/stylesheets/controller_search.css
@@ -0,0 +1,172 @@
+
+#view-category,
+#search-results {
+  padding: 0% 2% 10px 2%;
+}
+
+#view-category a,
+#search-results a {
+  text-decoration: none;
+}
+#view-category a:hover,
+#search-results .search-results-type-comment a:hover,
+#search-results .search-results-type-article a:hover,
+#search-results .search-results-type-product a:hover {
+  text-decoration: underline;
+}
+
+#content .search_form {
+  margin: 0px;
+  padding: 0% 10%;
+}
+
+.search-options {
+  border: 1px solid #E26B00;
+}
+
+/*
+.search-results-box {
+  Xwidth: 32.5%;
+}
+
+.search-results-box.odd {
+  Xmargin-left: 0px;
+}
+
+.search-results-box.col2_of3,
+.search-results-box.col3_of3 {
+  Xmargin-left: 1.25%;
+}
+*/
+
+.category-innerbox,
+.search-results-innerbox {
+  padding: 10px 0px 10px 10px;
+  overflow: auto;
+  border: none;
+  background: #FD8;
+  -moz-border-radius: 15px;
+}
+
+.search-results-type-product li li a {
+  color: #000;
+}
+
+#search-results .common-profile-list-block li a {
+  border: 2px solid #FD8;
+}
+#search-results .common-profile-list-block li a:hover {
+  border: 2px solid #C00;
+  background: #fcaf3e;
+  color: #FFF;
+}
+
+.search-results-type-empty div {
+  color: #FEB;
+}
+
+.item_meta {
+  font-size: 10px;
+  padding: 0px 0px 5px 0px;
+}
+
+.search-results-type-profile.common-profile-list-block a {
+  width: 90px;
+}
+.search-results-type-profile.common-profile-list-block li div {
+  width: 88px;
+  height: 64px;
+}
+.search-results-type-profile.common-profile-list-block li span {
+  display: block;
+  width: 82px;
+}
+
+.search-results-type-profile.common-profile-list-block li a {
+  color: #000;
+}
+
+body.category1 .search-results-type-profile.common-profile-list-block li a {
+  background: #FDD79E;
+}
+body.category2 .search-results-type-profile.common-profile-list-block li a {
+  border: 2px solid #C4F099 !important;
+}
+body.category2 .search-results-type-profile.common-profile-list-block li a:hover {
+  border: 2px solid #61B60E !important;
+  background: #D0F8A0 !important;
+}
+body.category3 .search-results-type-profile.common-profile-list-block li a {
+  background: #D6BFD3;
+}
+body.category4 .search-results-type-profile.common-profile-list-block li a {
+  background: #F79494;
+}
+
+/* * * Category Page * * * * * * * * * * * * */
+
+#view-category h3 {
+  font-size: 14px;
+  line-height: 20px;
+  margin: 0px;
+  padding: 20px 0px 0px 20px;
+}
+
+#most-commented h2 {
+  font-size: 14px;
+}
+
+#category-recent-articles {
+  width: 53%;
+  float: left;
+}
+
+.category-innerbox {
+  height: 170px;
+}
+#category-recent-articles .category-innerbox {
+  height: 400px;
+}
+
+body.category1 .category-innerbox {
+  background: #FDD79E;
+}
+body.category2 .category-innerbox {
+  background: #C4F099;
+}
+body.category3 .category-innerbox {
+  background: #D6BFD3;
+}
+body.category4 .category-innerbox {
+  background: #F79494;
+}
+
+#content #category-recent-articles ul,
+#content #category-recent-articles li {
+  margin: 0px;
+  padding: 0px;
+  list-style: none;
+  color: #888;
+}
+
+#category-childs {
+  clear: both;
+}
+
+#category-childs ul {
+  margin: 0px;
+  padding: 0px 0px 0px 20px;
+}
+
+#category-childs li {
+  margin: 0px;
+  padding: 0px;
+  float: left;
+  width: 33%;
+  font-size: 12px;
+}
+
+#category-childs a {
+  font-weight: bold;
+}
+
diff --git a/public/stylesheets/blocks/main-block.css b/public/stylesheets/blocks/main-block.css
index 8b13789..7e199be 100644
--- a/public/stylesheets/blocks/main-block.css
+++ b/public/stylesheets/blocks/main-block.css
@@ -1 +1,74 @@
 
+#article {
+  position: relative;
+  text-align: justify;
+}
+
+#article-actions {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  padding-right: 15px;
+}
+
+#article-tags {
+  font-size: 10px;
+  text-align: right;
+}
+#article-tags a {
+  text-decoration: none;
+}
+
+#article-cat {
+  font-size: 10px;
+}
+
+/* * *  Comments  * * */
+
+.article-comment {
+  position: relative;
+  border: 1px solid #B8CFE7;
+  margin-bottom: 10px;
+  padding: 10px;
+}
+
+.comment-from-owner {
+  border: 1px solid #3465A4;
+  background: #B8CFE7;
+}
+
+#content #article-comment h4 {
+  font-size: 14px;
+  margin: 0px;
+}
+
+.comment-picture {
+  position: relative;
+  display: block;
+  width: 50px;
+  height: 50px;
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  margin-right: 10px;
+  float: left;
+}
+.comment-picture span {
+  display: none;
+}
+
+.comment-info {
+  font-size: 10px;
+  color: #999;
+}
+.comment-from-owner .comment-info {
+  color: #729FCF;
+}
+
+.comment-text {
+  clear: left;
+}
+
+.comment-logged-out .comment-text {
+  color: #888;
+}
+
--
libgit2 0.21.2