Pop-over index of active weblog entries

filters/stripAd/google_ad_map.sed

+s|<p><map name="google_ad_map.*</p>||

themes/asf/default.css

@@ -30,6 +30,10 @@ a:active {
 a:focus {
 }
 
+a.active {
+	font-weight: bold;
+}
+
 h1 {
 	font-size: x-large;
 	text-transform: uppercase;
@@ -97,6 +101,33 @@ h1 {
 	text-decoration: underline;
 }
 
+#sidebar ul li a:visited {
+	color: #000;
+}
+
+#sidebar ul li ul {
+	display: none;
+}
+
+#sidebar ul li {
+	position: relative;
+}
+
+#sidebar ul li:hover ul {
+	background-color: #EEE;
+	border: 2px solid #BBB;
+	color:#000;
+	display: block;
+	margin-left: -300px;
+	margin-right: 115px;
+	padding: 10px;
+	padding-left: 25px;
+	position: absolute;
+	right: 80px;
+	top: -12px;
+	z-index: 1;
+}
+
 #sidebar img {
 	border: 0;
 }
@@ -135,19 +166,19 @@ h1 {
 /* ---------------------------- Footer --------------------------- */
 
 #footer ul {
-        margin: 0 20px 0 -25px;
-        padding: 0;
+	margin: 0 20px 0 -25px;
+	padding: 0;
 }
 
 #footer li {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-        display: inline;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	display: inline;
 }
 
 #footer img {
-        display: none;
+	display: none;
 }
 
 /* ----------------------------- Body ---------------------------- */
@@ -266,9 +297,9 @@ img.icon {
 }
 
 .news code {
-    font-family: monospace;
-    font-size: medium;
-    font-weight: bold;
+	font-family: monospace;
+	font-size: medium;
+	font-weight: bold;
 }
 
 .news .content a {
@@ -408,11 +439,6 @@ img.floatright {
 	background-color: #f8f8f8;
 }
 
-/* GigaOM */
-p img {
-	float: left;
-}
-
 /* Tantek */
 ul.tags,ul.tags li,h4.tags {
 	display:inline;

themes/asf/index.html.xslt

@@ -83,6 +83,9 @@
           <ul>
             <xsl:for-each select="planet:source">
               <xsl:sort select="planet:name"/>
+              <xsl:variable name="id" select="atom:id"/>
+              <xsl:variable name="posts"
+                select="/atom:feed/atom:entry[atom:source/atom:id = $id]"/>
               <xsl:text>&#10;</xsl:text>
               <li>
                 <!-- icon -->
@@ -107,7 +110,10 @@
                 <a href="{atom:link[@rel='alternate']/@href}">
                   <xsl:choose>
                     <xsl:when test="planet:message">
-                      <xsl:attribute name="class">message</xsl:attribute>
+                      <xsl:attribute name="class">
+                        <xsl:if test="$posts">active message</xsl:if>
+                        <xsl:if test="not($posts)">message</xsl:if>
+                      </xsl:attribute>
                       <xsl:attribute name="title">
                         <xsl:value-of select="planet:message"/>
                       </xsl:attribute>
@@ -116,10 +122,31 @@
                       <xsl:attribute name="title">
                         <xsl:value-of select="atom:title"/>
                       </xsl:attribute>
+                      <xsl:if test="$posts">
+                        <xsl:attribute name="class">active</xsl:attribute>
+                      </xsl:if>
                     </xsl:when>
                   </xsl:choose>
                   <xsl:value-of select="planet:name"/>
                 </a>
+
+                <xsl:if test="$posts">
+                  <ul>
+                    <xsl:for-each select="$posts">
+                      <xsl:if test="string-length(atom:title) &gt; 0">
+                        <li>
+                          <a href="{atom:link[@rel='alternate']/@href}">
+                            <xsl:if test="atom:title/@xml:lang != @xml:lang">
+                              <xsl:attribute name="xml:lang"
+                                select="{atom:title/@xml:lang}"/>
+                            </xsl:if>
+                            <xsl:value-of select="atom:title"/>
+                          </a>
+                        </li>
+                      </xsl:if>
+                    </xsl:for-each>
+                  </ul>
+                </xsl:if>
               </li>
             </xsl:for-each>
             <xsl:text>&#10;</xsl:text>

themes/asf/personalize.js

@@ -210,6 +210,9 @@ function moveDateHeaders() {
 
 function moveSidebar() {
   var sidebar = document.getElementById('sidebar');
+  if (sidebar.currentStyle && sidebar.currentStyle['float'] == 'none') return;
+  if (window.getComputedStyle && document.defaultView.getComputedStyle(sidebar,null).getPropertyValue('float') == 'none') return;
+
   var h1 = sidebar.previousSibling;
   while (h1.nodeType != 1) h1=h1.previousSibling;
   h1.parentNode.removeChild(h1);

themes/common/validate.html.xslt

@@ -74,7 +74,7 @@
     <xsl:text>&#10;</xsl:text>
     <tr>
       <xsl:if test="planet:bozo='true'">
-        <xsl:attribute name="bgcolor">#FCC</xsl:attribute>
+        <xsl:attribute name="style">background-color:#FCC</xsl:attribute>
       </xsl:if>
       <td>
         <a title="feed validator">