{"id":1604,"date":"2011-05-13T06:06:16","date_gmt":"2011-05-13T06:06:16","guid":{"rendered":"http:\/\/wiki.davelevy.info\/?p=1604"},"modified":"2019-09-10T15:27:22","modified_gmt":"2019-09-10T15:27:22","slug":"planet-venus-themes","status":"publish","type":"post","link":"https:\/\/davelevy.info\/wiki\/planet-venus-themes\/","title":{"rendered":"Planet (Venus) Themes (CSS)"},"content":{"rendered":"<p>I use<a title=\"Home of Planet Venus\" href=\"http:\/\/www.intertwingly.net\/code\/venus\/docs\/\"> Sam Ruby&#8217;s Planet Venus<\/a>. The package comes with two themes, I have always rather liked the <i>&#8216;Fancy&#8217;<\/i> theme. This article was finished in May 2011, and talks about the css required to amend a planet output page in HTML\/CSS. It was written for my planet G3 feed which was a G3 RSS repeater. It may just be a useful source for those who wish to create new themes. (I shall be doing this in March\/April 2015 as I develop the refresh of davelevy.info.)<!--more--><\/p>\n<p>The <i>fancy theme<\/i> has a file called index.html.tmpl which contains templating language instructions that generates DIVs with the following classes<\/p>\n<ul>\n<li>.daygroup<\/li>\n<li>.channelgroup<\/li>\n<li>.entrygroup<\/li>\n<li>.entry<\/li>\n<li>.date<\/li>\n<\/ul>\n<p>I created rules for each of these. They are pretty similar, I wonder what the syntax for one rule with multiple names is.I inserted the following CSS code to implement the auto margins<\/p>\n<pre>BODY { width: 570px;\r\n  font-family: \"Bitstream Vera Sans\", Verdana, Helvetica, Arial, sans-serif;\r\n  margin : auto;\r\n  padding-top: 4px;\r\n}<\/pre>\n<p>I also reviewed <a href=\"https:\/\/web.archive.org\/web\/20150601062210\/http:\/\/bluerobot.com:80\/web\/css\/center1.html\">Centering: Auto-width Margins<\/a> at <b>Blue Robot<\/b> which is the inspiration for <a href=\"http:\/\/davelevy.info\">http:\/\/davelevy.info<\/a> site.<\/p>\n<p>I used the following code to create a header<\/p>\n<pre>#header {\r\n  height: 2cm; width: 566px;\r\n  background-image: url(images\/slim.png);\r\n  text-align: right; font-size: large; font-weight: bold;\r\n  text-shadow: 0.1em 0.1em #fff;\r\n  padding-right: 4px;\r\n}<\/pre>\n<p>The width is due to the picture size. I discovered text-shadow on google which pointed me at <a href=\"http:\/\/www.w3.org\/Style\/Examples\/007\/text-shadow\">this page at w3.org<\/a>.<\/p>\n<p>I experimented with css position and float rules to get what I wanted and used <a href=\"http:\/\/www.alistapart.com\/articles\/more-meaningful-typography\/\">More meaningful typography<\/a> at <a href=\"http:\/\/www.alistapart.com\">http:\/\/www.alistapart.com<\/a> to help and guide me, together with the css files at davelevy.info. There is a boundary clash or is it a recognition problem between the generation of div tags and the hard coded tags in the template file, which I was unable to debug.<\/p>\n<p>I thus moved the critical sidebar data to the header section. I have made the hyperlinks to the XML files a list and included the planet\/venus credit in list. The list CSS is as follows,<\/p>\n<pre>ul { list-style-type: none; display: inline;}\r\nli {display: inline;}<\/pre>\n<p>This CSS is hinted at and examples given at another <a href=\"http:\/\/www.alistapart.com\">alistapart.com<\/a> page, <a href=\"http:\/\/www.alistapart.com\/articles\/taminglists\/\">CSS Design: Taming Lists<\/a>.<\/p>\n<p>My final frig is to insert the following links into the file<\/p>\n<pre>&lt;link rel=\"alternate\" type=\"application\/atom+xml\" \r\n    href=\"http:\/\/davelevy.dyndns.info\/planet\/g3\/atom.xml\" title=\"ATOM\"&gt;\r\n&lt;link rel=\"alternate\" type=\"application\/rss+xml\" href=\"rss20.xml\" title=\"RSS 2.0\"&gt;\r\n&lt;link rel=\"alternate\" type=\"application\/rss+xml\" href=\"rss10.xml\" title=\"RSS 1.0\"&gt;<\/pre>\n<p>I was hoping that this would produce the subscribe to xml button in the URL bar but its not enough. I wonder what else is needed. <a href=\"http:\/\/reference.sitepoint.com\/html\/link\/rel\">Sitepoint&#8217;s reference page on the LINK rel attribute<\/a> refers to the <b>link<\/b> tag. This was a browser feature which has been sadly deprecated.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I use Sam Ruby&#8217;s Planet Venus. The package comes with two themes, I have always rather liked the &#8216;Fancy&#8217; theme. This article was finished in May 2011, and talks about the css required to amend a planet output page in HTML\/CSS. It was written for my planet G3 feed which was a G3 RSS repeater&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":2636,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","_share_on_mastodon":"0"},"categories":[27,3],"tags":[99,251,253,59,534,119,920,911,127,533],"class_list":["post-1604","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","category-technology","tag-aggregation","tag-css","tag-html","tag-planet","tag-planet-g3","tag-rss","tag-software","tag-technology","tag-themes","tag-venus"],"share_on_mastodon":{"url":"","error":""},"jetpack_featured_media_url":"https:\/\/davelevy.info\/wiki\/wp-content\/uploads\/2015\/04\/venus-lp-175h.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/1604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/comments?post=1604"}],"version-history":[{"count":6,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/1604\/revisions"}],"predecessor-version":[{"id":3775,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/1604\/revisions\/3775"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/media\/2636"}],"wp:attachment":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/media?parent=1604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/categories?post=1604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/tags?post=1604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}