[Checkins] SVN: gzo.plonesmashtheme/trunk/gzo/plonesmashtheme/skins/smash_ First draft at customizing the news portlet so that it fits into the Grok style. Removed all plone blue colours from the sidebar.

[Kevin Teague]

Log message for revision 81817:
  First draft at customizing the news portlet so that it fits into the Grok style. Removed all plone blue colours from the sidebar.

Changed:
  U   gzo.plonesmashtheme/trunk/gzo/plonesmashtheme/skins/smash_custom_templates/portlet_news.pt
  U   gzo.plonesmashtheme/trunk/gzo/plonesmashtheme/skins/smash_styles/gzo.plonesmashtheme.css.dtml
  U   gzo.plonesmashtheme/trunk/gzo/plonesmashtheme/skins/smash_templates/portlet_download.pt

-=-
Modified: gzo.plonesmashtheme/trunk/gzo/plonesmashtheme/skins/smash_custom_templates/portlet_news.pt
===================================================================
--- gzo.plonesmashtheme/trunk/gzo/plonesmashtheme/skins/smash_custom_templates/portlet_news.pt	2007-11-13 09:20:30 UTC (rev 81816)
+++ gzo.plonesmashtheme/trunk/gzo/plonesmashtheme/skins/smash_custom_templates/portlet_news.pt	2007-11-13 10:31:53 UTC (rev 81817)
@@ -11,9 +11,16 @@
 
     <dt class="portletHeader">
       <span class="portletTopLeft"></span>
+
+	  <img src="#" tal:attributes="src string: ${here/portal_url}/Camp_fire.jpg"
+		   style="float: right; right: 10px; bottom: 8px" />
+	  <h2>Grok News</h2>
+	  <div class="discreet">Chatter from the cave</div>
+		
       <span class="portletTopRight"></span>
     </dt>
-
+	<br style="clear: both;" />
+	
     <tal:newsitems  tal:define="toLocalizedTime nocall:context/@@plone/toLocalizedTime"
                     tal:repeat="obj python:context.portal_catalog.searchResults(Type='News Item', review_state ='published', sort_on='Date', sort_order='reverse', sort_limit=3)">
     <dd tal:define="oddrow repeat/obj/odd;
@@ -23,29 +30,31 @@
          tal:attributes="class python:oddrow and 'portletItem even' or 'portletItem odd'">
 
       <p>
-        <span tal:replace="obj/pretty_title_or_id">
-          Plone 2.1 announced!
-        </span><br />
+	    <a href=""
+           class="tile"
+           tal:attributes="href obj/getURL;
+                           title obj/pretty_title_or_id"
+           tal:content="obj/pretty_title_or_id">
+          Grok 0.11 announced!
+        </a><br />
         <span class="portletItemDetails"
               tal:content="python:toLocalizedTime(obj.Date)">May 5</span><br />
-        <a href=""
-           class="tile"
-           tal:attributes="href obj/getURL;
-                           title obj/Description">
-          Learn more &#187;
-        </a>
       </p>
+
     </dd>
     </tal:newsitems>
 
-<!--
-      <img src="Camp_fire.jpg" style="float: right; right: 10px; bottom: 8px">
-      <p>Next sprint online <br> 2007-06-15 <br> 10:45 CET</p>
-      <p><a href="#">Learn more &#187;</a></p>
--->
+	 <div class="discreet">
+	 <a href="#" tal:attributes="href string: ${here/portal_url}/news/aggregator/RSS">
+		 Subscribe to this news feed
+	 	<img src="#" tal:attributes="src string: ${here/portal_url}/rss.gif"
+	      alt="Grok News RSS Feed"
+	      style="margin-top: 8px;" />
+	 </a>
+	 </div>
 
     <dd class="portletFooter">
-      <span class="portletBottomLeft"></span>
+      <span class="portletBottomLeft"></span>	
       <span class="portletBottomRight"></span>
     </dd>
 

Modified: gzo.plonesmashtheme/trunk/gzo/plonesmashtheme/skins/smash_styles/gzo.plonesmashtheme.css.dtml
===================================================================
--- gzo.plonesmashtheme/trunk/gzo/plonesmashtheme/skins/smash_styles/gzo.plonesmashtheme.css.dtml	2007-11-13 09:20:30 UTC (rev 81816)
+++ gzo.plonesmashtheme/trunk/gzo/plonesmashtheme/skins/smash_styles/gzo.plonesmashtheme.css.dtml	2007-11-13 10:31:53 UTC (rev 81817)
@@ -248,14 +248,13 @@
 
 .portletNavigationTree .portletHeader,
 .portletSearch .portletHeader,
-.portletNews .portletHeader,
 .portletRecent .portletHeader {
 	display: none;
 }
 
 .portlet {
 	font-size: 13px;
-	line-height: 22px;
+	line-height: 13px;
 	margin-bottom: 0em;
 }
 
@@ -282,22 +281,40 @@
 	color: #F7DA4A;
 }
 
-.portlet h3 {
-	font-size: 10px;
+dt.portletHeader {
+    background-color: transparent;
+	background: rgb(221, 221, 221) url(&dtml-portal_url;/sidebarBackground.jpg) repeat-y scroll 0%;
+}
+
+.portlet h2 {
+	color: #bbbbbb;
+	margin: 0px 8px 0px 8px;
+	padding-top: 8px;
+}
+
+.portlet .discreet {
+	font-size: 80%;
 	font-weight: normal;
 	line-height: 20px;
 	color: #bbbbbb;
 	width: 100%;
-	margin: 0 8px -4px 8px;
+	margin: 0 8px 0px 8px;
 }
 
+dt.portletHeader p {
+    font-size: 80%;
+    color: #bbbbbb;
+}
+
 .portletItem {
 	padding: 5px;
 }
 
 .portletItemDetails {
-	font-size: 0.9em;
-	margin-right: 15px;
+	font-size: 80%;
+	margin-right: 4px;
+	color: #bbbbbb;
+	font-weight: bold;
 }
 
 #portal-column-one .lastItem {
@@ -376,6 +393,10 @@
 	color: #cc9900 !important;
 }
 
+.navTreeCurrentItem {
+    background: #fafafa;
+}
+
 /* Search Portlet */
 
 .portletSearch .portletFooter .tile {

Modified: gzo.plonesmashtheme/trunk/gzo/plonesmashtheme/skins/smash_templates/portlet_download.pt
===================================================================
--- gzo.plonesmashtheme/trunk/gzo/plonesmashtheme/skins/smash_templates/portlet_download.pt	2007-11-13 09:20:30 UTC (rev 81816)
+++ gzo.plonesmashtheme/trunk/gzo/plonesmashtheme/skins/smash_templates/portlet_download.pt	2007-11-13 10:31:53 UTC (rev 81817)
@@ -14,9 +14,9 @@
     </dt>
 
     <dd class="portletItem odd">
-      <h3>Current version:</h3>
-      <p>GROK 0.5.1&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size: 10px">(2007-05-20)</span></p>
-      <h3>Resources:</h3>
+      <div class="discreet">Current version</div>
+      <p>GROK 0.0&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size: 10px">(2007-05-20)</span></p>
+      <div class="discreet">Resources</div>
       <p><a href="#">View release notes &#187;</a></p>
       <p><a href="#">Download &#187;</a>&nbsp;<span style="font-size: 10px">(2.5 Mb)</span></p>
     </dd>