diff options
| author | Florent Neveu (Captain) <neveu.etna@gmail.com> | 2006-09-17 19:50:27 +0200 |
|---|---|---|
| committer | Captain <neveu.etna@gmail.com> | 2006-09-17 19:50:27 +0200 |
| commit | 3045ccd6e6f028a7fceeeba4fca6551b652675a2 (patch) | |
| tree | 1328ad8a7c26db124cf866dfa6d9fdfea2996f87 | |
| parent | removing bad theme (diff) | |
| download | web-3045ccd6e6f028a7fceeeba4fca6551b652675a2.tar.xz | |
add typo theme
46 files changed, 1108 insertions, 0 deletions
diff --git a/blog/themes/typo/phokus/about.markdown b/blog/themes/typo/phokus/about.markdown new file mode 100644 index 0000000..779242f --- /dev/null +++ b/blog/themes/typo/phokus/about.markdown @@ -0,0 +1,5 @@ +### Phokus
+
+Phokus [John Serris][1]
+
+[1]: http://phonophunk.com/ "Phono Phunk"
diff --git a/blog/themes/typo/phokus/images/blt-01.gif b/blog/themes/typo/phokus/images/blt-01.gif Binary files differnew file mode 100644 index 0000000..3bf2a01 --- /dev/null +++ b/blog/themes/typo/phokus/images/blt-01.gif diff --git a/blog/themes/typo/phokus/images/btn-bg.gif b/blog/themes/typo/phokus/images/btn-bg.gif Binary files differnew file mode 100644 index 0000000..ec6337b --- /dev/null +++ b/blog/themes/typo/phokus/images/btn-bg.gif diff --git a/blog/themes/typo/phokus/images/btn-css.gif b/blog/themes/typo/phokus/images/btn-css.gif Binary files differnew file mode 100644 index 0000000..94ca258 --- /dev/null +++ b/blog/themes/typo/phokus/images/btn-css.gif diff --git a/blog/themes/typo/phokus/images/btn-firefox.gif b/blog/themes/typo/phokus/images/btn-firefox.gif Binary files differnew file mode 100644 index 0000000..ff22747 --- /dev/null +++ b/blog/themes/typo/phokus/images/btn-firefox.gif diff --git a/blog/themes/typo/phokus/images/btn-typo.gif b/blog/themes/typo/phokus/images/btn-typo.gif Binary files differnew file mode 100644 index 0000000..7e1d6f3 --- /dev/null +++ b/blog/themes/typo/phokus/images/btn-typo.gif diff --git a/blog/themes/typo/phokus/images/btn-xhtml.gif b/blog/themes/typo/phokus/images/btn-xhtml.gif Binary files differnew file mode 100644 index 0000000..26663cc --- /dev/null +++ b/blog/themes/typo/phokus/images/btn-xhtml.gif diff --git a/blog/themes/typo/phokus/images/cz-03.gif b/blog/themes/typo/phokus/images/cz-03.gif Binary files differnew file mode 100644 index 0000000..94661a6 --- /dev/null +++ b/blog/themes/typo/phokus/images/cz-03.gif diff --git a/blog/themes/typo/phokus/images/ft-bottom.gif b/blog/themes/typo/phokus/images/ft-bottom.gif Binary files differnew file mode 100644 index 0000000..51f786f --- /dev/null +++ b/blog/themes/typo/phokus/images/ft-bottom.gif diff --git a/blog/themes/typo/phokus/images/ft-top.gif b/blog/themes/typo/phokus/images/ft-top.gif Binary files differnew file mode 100644 index 0000000..5851cca --- /dev/null +++ b/blog/themes/typo/phokus/images/ft-top.gif diff --git a/blog/themes/typo/phokus/images/hd-bg-02.gif b/blog/themes/typo/phokus/images/hd-bg-02.gif Binary files differnew file mode 100644 index 0000000..61a4185 --- /dev/null +++ b/blog/themes/typo/phokus/images/hd-bg-02.gif diff --git a/blog/themes/typo/phokus/images/ico-comment.gif b/blog/themes/typo/phokus/images/ico-comment.gif Binary files differnew file mode 100644 index 0000000..681d573 --- /dev/null +++ b/blog/themes/typo/phokus/images/ico-comment.gif diff --git a/blog/themes/typo/phokus/images/ico-external.gif b/blog/themes/typo/phokus/images/ico-external.gif Binary files differnew file mode 100644 index 0000000..c05a750 --- /dev/null +++ b/blog/themes/typo/phokus/images/ico-external.gif diff --git a/blog/themes/typo/phokus/images/ico-feed.gif b/blog/themes/typo/phokus/images/ico-feed.gif Binary files differnew file mode 100644 index 0000000..2b453db --- /dev/null +++ b/blog/themes/typo/phokus/images/ico-feed.gif diff --git a/blog/themes/typo/phokus/images/lb-bottom.gif b/blog/themes/typo/phokus/images/lb-bottom.gif Binary files differnew file mode 100644 index 0000000..9a86158 --- /dev/null +++ b/blog/themes/typo/phokus/images/lb-bottom.gif diff --git a/blog/themes/typo/phokus/images/lb-top.gif b/blog/themes/typo/phokus/images/lb-top.gif Binary files differnew file mode 100644 index 0000000..59c1dda --- /dev/null +++ b/blog/themes/typo/phokus/images/lb-top.gif diff --git a/blog/themes/typo/phokus/images/meta-bottom.gif b/blog/themes/typo/phokus/images/meta-bottom.gif Binary files differnew file mode 100644 index 0000000..0962ce5 --- /dev/null +++ b/blog/themes/typo/phokus/images/meta-bottom.gif diff --git a/blog/themes/typo/phokus/images/meta-top.gif b/blog/themes/typo/phokus/images/meta-top.gif Binary files differnew file mode 100644 index 0000000..0d5fa8e --- /dev/null +++ b/blog/themes/typo/phokus/images/meta-top.gif diff --git a/blog/themes/typo/phokus/images/mn-bg.gif b/blog/themes/typo/phokus/images/mn-bg.gif Binary files differnew file mode 100644 index 0000000..322a061 --- /dev/null +++ b/blog/themes/typo/phokus/images/mn-bg.gif diff --git a/blog/themes/typo/phokus/images/mn-bottom.gif b/blog/themes/typo/phokus/images/mn-bottom.gif Binary files differnew file mode 100644 index 0000000..468c81b --- /dev/null +++ b/blog/themes/typo/phokus/images/mn-bottom.gif diff --git a/blog/themes/typo/phokus/images/mn-top.gif b/blog/themes/typo/phokus/images/mn-top.gif Binary files differnew file mode 100644 index 0000000..4bfd4fa --- /dev/null +++ b/blog/themes/typo/phokus/images/mn-top.gif diff --git a/blog/themes/typo/phokus/images/sb-a-bg.gif b/blog/themes/typo/phokus/images/sb-a-bg.gif Binary files differnew file mode 100644 index 0000000..cfbedce --- /dev/null +++ b/blog/themes/typo/phokus/images/sb-a-bg.gif diff --git a/blog/themes/typo/phokus/images/sb-bg.gif b/blog/themes/typo/phokus/images/sb-bg.gif Binary files differnew file mode 100644 index 0000000..5b355c9 --- /dev/null +++ b/blog/themes/typo/phokus/images/sb-bg.gif diff --git a/blog/themes/typo/phokus/images/sb-bottom.gif b/blog/themes/typo/phokus/images/sb-bottom.gif Binary files differnew file mode 100644 index 0000000..6c15c04 --- /dev/null +++ b/blog/themes/typo/phokus/images/sb-bottom.gif diff --git a/blog/themes/typo/phokus/images/sb-close.gif b/blog/themes/typo/phokus/images/sb-close.gif Binary files differnew file mode 100644 index 0000000..949ec99 --- /dev/null +++ b/blog/themes/typo/phokus/images/sb-close.gif diff --git a/blog/themes/typo/phokus/images/sb-tog-01.gif b/blog/themes/typo/phokus/images/sb-tog-01.gif Binary files differnew file mode 100644 index 0000000..dcb1eed --- /dev/null +++ b/blog/themes/typo/phokus/images/sb-tog-01.gif diff --git a/blog/themes/typo/phokus/images/sb-tog-02.gif b/blog/themes/typo/phokus/images/sb-tog-02.gif Binary files differnew file mode 100644 index 0000000..5ad6b23 --- /dev/null +++ b/blog/themes/typo/phokus/images/sb-tog-02.gif diff --git a/blog/themes/typo/phokus/images/sb-top.gif b/blog/themes/typo/phokus/images/sb-top.gif Binary files differnew file mode 100644 index 0000000..8ebd404 --- /dev/null +++ b/blog/themes/typo/phokus/images/sb-top.gif diff --git a/blog/themes/typo/phokus/images/shr-bg.gif b/blog/themes/typo/phokus/images/shr-bg.gif Binary files differnew file mode 100644 index 0000000..e1b997e --- /dev/null +++ b/blog/themes/typo/phokus/images/shr-bg.gif diff --git a/blog/themes/typo/phokus/images/spinner.gif b/blog/themes/typo/phokus/images/spinner.gif Binary files differnew file mode 100644 index 0000000..8ba9087 --- /dev/null +++ b/blog/themes/typo/phokus/images/spinner.gif diff --git a/blog/themes/typo/phokus/javascript/phokus.js b/blog/themes/typo/phokus/javascript/phokus.js new file mode 100644 index 0000000..95aa3d3 --- /dev/null +++ b/blog/themes/typo/phokus/javascript/phokus.js @@ -0,0 +1,111 @@ +var phokus = new Object;
+
+phokus = {
+ init: function() {
+ this.addCustomizer();
+ this.initToggles();
+ this.linkIcons();
+ },
+ initToggles: function() {
+ // Add toggle to sidebar panels
+ var pHeadings = $("sidebar").getElementsByTagName("h3");
+ Element.cleanWhitespace($("sidebar"));
+ for (var i = 0, j; j = pHeadings[i]; i++) {
+ this.addToggle(j, j.parentNode);
+ }
+
+ // Add toggle to search panel
+ var sPanel = $("search");
+ var sHead = sPanel.getElementsByTagName("label")[0];
+ this.addToggle(sHead, sPanel);
+
+ // Add toggle to post panels
+ var panels = document.getElementsByClassName("post");
+ Element.cleanWhitespace($("main"));
+ for (var i = 0, j; j = panels[i]; i++) {
+ j.heading = j.getElementsByTagName("h2")[0];
+ this.addToggle(j.heading, j);
+ }
+ },
+ addToggle: function(pHeader, pContent) {
+ var self = this;
+ var hOff = "toggle-off";
+ var hOn = "toggle-on";
+ var cOff = "toggle-content-off";
+ var cOn = "toggle-content-on";
+ var widget = document.createElement("span");
+
+ Element.addClassName(pHeader, hOn);
+ widget.title = "Toggle this panel";
+ widget.className = "toggle";
+
+ widget.onclick = function() {
+ self.swapClass(pHeader, hOff, hOn);
+ self.swapClass(pContent, cOff, cOn);
+ }
+
+ pHeader.appendChild(widget);
+ },
+ swapClass: function(el, a, b) {
+ var hasClass = Element.hasClassName(el, a);
+ var del = hasClass ? a : b;
+ var add = hasClass ? b : a;
+
+ Element.removeClassName(el, del);
+ Element.addClassName(el, add);
+ },
+ addCustomizer: function() {
+ var html = '<ul>';
+ html += '<li id="layout-001-btn" title="Sidebar on left"></li>';
+ html += '<li id="layout-002-btn" title="Sidebar on right"></li>';
+ html += '</ul>';
+
+ var c = document.createElement("div");
+ c.id = "customize";
+ c.innerHTML = html;
+ $("sidebar").insertBefore(c,$("search"));
+
+ $("layout-001-btn").onclick = function() {
+ $('page').className = 'layout-001';
+ return false;
+ }
+ $("layout-002-btn").onclick = function() {
+ $('page').className = 'layout-002';
+ return false;
+ }
+ },
+ linkIcons: function() {
+ var l = document.getElementsByTagName("a");
+ var regex = '/' + document.location.hostname + '/';
+
+ for (var i = 0, j; j = l[i]; i++) {
+ if (j.getElementsByTagName("img").length == 0) {
+ if (!j.href.match(regex)) {
+ j.externalLink = true;
+ }
+ if (j.href == '') {
+ j.externalLink = false;
+ }
+ if (path = j.href.split(".")) {
+ var ext = path[path.length - 1].substr(0,3);
+ }
+ switch(ext) {
+ case 'xml':
+ case 'rss':
+ j.linkIcon = "ico-feed";
+ break;
+ }
+ if (j.externalLink && !j.linkIcon) {
+ j.linkIcon = "ico-external";
+ }
+ if (j.linkIcon) {
+ j.innerHTML = '<span class="link-ico"><span class="' + j.linkIcon + '"></span></span>' + j.innerHTML;
+ }
+ }
+ }
+ },
+ closeSearch: function() {
+ $('search-results').innerHTML = '';
+ $('q').value = '';
+ }
+}
diff --git a/blog/themes/typo/phokus/layouts/default.rhtml b/blog/themes/typo/phokus/layouts/default.rhtml new file mode 100644 index 0000000..68d292d --- /dev/null +++ b/blog/themes/typo/phokus/layouts/default.rhtml @@ -0,0 +1,54 @@ +<!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">
+<head>
+<title><%=h page_title %></title>
+<%= page_header %>
+<%= stylesheet_link_tag "/stylesheets/theme/phokus", :media=>'all' %>
+<!--[if lte IE 7.0]>
+<%= stylesheet_link_tag "/stylesheets/theme/phokus-ie", :media=>'all' %>
+<![endif]-->
+<%= stylesheet_link_tag "/stylesheets/theme/local", :media=>'all' %>
+<%= stylesheet_link_tag "/stylesheets/theme/print", :media => 'print' %>
+<%= javascript_include_tag "/javascript/theme/phokus" %>
+</head>
+<body>
+<div id="page">
+
+<div id="header">
+<h1><%= link_to this_blog.blog_name, { :controller => '/' }
+%></h1>
+<small><%= this_blog.blog_subtitle
+%></small>
+</div>
+
+<div id="main">
+<%= @content_for_layout %>
+<%= javascript_tag "show_dates_as_local_time()" %>
+</div><!-- #main -->
+
+<div id="sidebar">
+<div id="search" class="sidebar-node">
+<%= render :partial => "shared/search" %>
+</div>
+
+<%= render_sidebars
+%>
+</div><!-- #sidebar -->
+
+<script type="text/javascript">phokus.init();</script>
+
+<div id="footer">
+<div id="badges">
+<ul>
+<li><a href="http://validator.w3.org/check?uri=referer"><img src="/images/theme/btn-xhtml.gif" alt="Validate XHTML 1.0" /></a></li>
+<li><a href="http://jigsaw.w3.org/css-validator/validator?uri=<%= server_url_for :controller => 'articles' %>"><img src="/images/theme/btn-css.gif" alt="Validate CSS" /></a></li>
+<li><a href="http://typo.leetsoft.com/"><img src="/images/theme/btn-typo.gif" alt="Powered By Typo" /></a></li>
+<li><a href="http://getfirefox.com/"><img src="/images/theme/btn-firefox.gif" alt="Get Firefox" /></a></li>
+</ul>
+</div>
+<p>Theme Credits: <a href="http://phonophunk.com/typo-themes/">Phokus</a> by <a href="http://phonophunk.com/">John Serris</a></p>
+</div><!-- #footer -->
+
+</div><!-- #page -->
+</body>
+</html>
diff --git a/blog/themes/typo/phokus/preview.png b/blog/themes/typo/phokus/preview.png Binary files differnew file mode 100644 index 0000000..e428e1f --- /dev/null +++ b/blog/themes/typo/phokus/preview.png diff --git a/blog/themes/typo/phokus/stylesheets/local.css b/blog/themes/typo/phokus/stylesheets/local.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/blog/themes/typo/phokus/stylesheets/local.css diff --git a/blog/themes/typo/phokus/stylesheets/phokus-ie.css b/blog/themes/typo/phokus/stylesheets/phokus-ie.css new file mode 100644 index 0000000..0aabf5a --- /dev/null +++ b/blog/themes/typo/phokus/stylesheets/phokus-ie.css @@ -0,0 +1,97 @@ +/* IE FIXES
+*******************************************************************************/
+
+body {
+ text-align: center;
+}
+#page {
+ text-align: left;
+}
+#main,
+#sidebar,
+#footer {
+ display: inline;
+ overflow: hidden;
+}
+.post,
+.toggle,
+.sidebar-node {
+ overflow: hidden;
+}
+#commentList {
+ margin-left: -32px;
+}
+.sidebar-node,
+li {
+ height: 1%;
+}
+.alt {
+ background: #c2e5ff url(../../images/theme/meta-top.gif) no-repeat;
+ margin: 0 0 15px -25px;
+ padding: 10px 25px 10px 25px;
+}
+#sidebar .sidebar-node ul {
+ margin-left: -31px;
+}
+#sidebar li a {
+ margin: 0;
+ height: 1%;
+}
+#sidebar li em {
+ right: 15px;
+}
+.frm-tbl th {
+ width: 10em;
+}
+#badges {
+ margin: 0;
+}
+#footer li {
+ display: inline;
+}
+#footer li a,
+#footer li img {
+ display: inline-block;
+}
+#search.toggle-content-off form {
+ display: block;
+}
+#search.toggle-content-off form label {
+ padding-bottom: 5px;
+}
+.link-ico,
+.link-ico span {
+ display: inline-block;
+ top: 3px;
+}
+
+/* IE 5 FIXES
+*******************************************************************************/
+
+pre {
+ width /**/: 499px;
+}
+.post,
+h2,
+.auth,
+.meta,
+.meta.alt {
+ width /**/: 551px;
+}
+#commentList li,
+#commentList .author-details {
+ width /**/: 533px;
+}
+#sidebar h3,
+#sform label,
+#sidebar li a {
+ width /**/: 199px;
+}
+#search-results h4 {
+ width /**/: 191px;
+}
+#commentList li,
+#sidebar .sidebar-node,
+#sidebar li a {
+ height /**/: auto;
+}
diff --git a/blog/themes/typo/phokus/stylesheets/phokus.css b/blog/themes/typo/phokus/stylesheets/phokus.css new file mode 100644 index 0000000..5cab832 --- /dev/null +++ b/blog/themes/typo/phokus/stylesheets/phokus.css @@ -0,0 +1,663 @@ +/*******************************************************************************
+* *
+* Typo Theme : Phokus *
+* Author : John Serris (a.k.a JB) *
+* Web : http://phonophunk.com/ *
+* E-mail : phonophunk ( at ) gmail ( dot ) ( com ) *
+* Modified : 04-DEC-2005 *
+* *
+*******************************************************************************/
+
+* {
+ margin: 0;
+ padding: 0;
+}
+html {
+ padding: 10px;
+}
+body {
+ background: #4f4f4f;
+ color: #fff;
+ font: 76% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
+ overflow: auto;
+}
+
+/* Layout
+*******************************************************************************/
+
+#page {
+ font-size: 1em;
+ margin: 0 auto;
+ width: 758px;
+}
+#header {
+ background: #1381d4 url(../../images/theme/hd-bg-02.gif) no-repeat;
+ height: 168px;
+ margin: 0 4px;
+ position: relative;
+ width: 750px;
+}
+#main {
+ background: #fff url(../../images/theme/mn-bg.gif) repeat-y;
+ color: #444;
+ float: right;
+ margin: 0 4px 0 0;
+ padding: 0;
+ width: 551px;
+}
+#sidebar {
+ background: #696969 url(../../images/theme/sb-bg.gif) repeat-y;
+ color: #fff;
+ float: left;
+ font-size: .9em;
+ margin: 0 0 4px 4px;
+ padding: 0;
+ width: 199px;
+}
+#footer {
+ background: #696969 url(../../images/theme/ft-top.gif) no-repeat;
+ color: #aaa;
+ float: right;
+ font-size: .8em;
+ margin: 0 4px 0 0;
+ text-align: center;
+ width: 551px;
+}
+.layout-002 #main {
+ float: left;
+ margin: 0 0 0 4px;
+}
+.layout-002 #sidebar {
+ float: right;
+ margin: 0 4px 4px 0;
+}
+.layout-002 #footer {
+ float: left;
+ margin: 0 0 0 4px;
+}
+
+/* General
+*******************************************************************************/
+
+h1,
+h2 {
+ color: #fff;
+ font-family: "Lucida Grande", "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
+ font-weight: normal;
+}
+h3,
+h4,
+h5,
+h6 {
+ color: #777;
+ font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
+ font-size: 1.5em;
+ margin: 1em 0;
+}
+h4 {
+ font-size: 1.2em;
+}
+h5 {
+ font-size: 1em;
+}
+h6 {
+ font-size: 1em;
+ font-style: italic;
+}
+a {
+ border-bottom: 1px solid #0a78cb;
+ color: #0a78cb;
+ text-decoration: none;
+}
+a:hover {
+ border-bottom-color: #aed9fb;
+}
+h1 a,
+h2 a {
+ background: none;
+ border: none;
+ color: #fff;
+ text-decoration: none;
+}
+h1 a:hover,
+h2 a:hover {
+ background: none;
+ border: none;
+ color: #c2e5ff;
+ text-decoration: none;
+}
+img {
+ border: none;
+ max-width: 501px;
+}
+p,
+ul,
+ol,
+dl,
+pre {
+ margin: 1em 0;
+}
+ul ul,
+ol ol {
+ margin: 0;
+}
+li {
+ list-style-position: inside;
+}
+li li {
+ margin: 0 0 0 1em;
+}
+ul li {
+ background: url(../../images/theme/blt-01.gif) no-repeat 0 .2em;
+ list-style: none;
+ padding: 0 0 0 16px;
+}
+blockquote {
+ background: #f5f5f5;
+ border: 1px solid #eee;
+ font-style: italic;
+ margin: 1em;
+ padding: 0 1em;
+}
+pre,
+code {
+ background: #e5f6ff;
+ color: #074f88;
+ font-family: Courier, monospace;
+ font-size: 1em;
+}
+pre {
+ border: 1px solid #c2e5ff;
+ overflow: hidden;
+ padding: 10px;
+ width: 479px;
+}
+input,
+textarea {
+ font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
+ font-size: 1em;
+}
+
+/* Header
+*******************************************************************************/
+
+h1 {
+ bottom: 50%;
+ font-size: 2.8em;
+ margin: 0 0 5px 40px;
+ position: absolute;
+}
+#header small {
+ color: #c2e5ff;
+ font-size: .9em;
+ margin: 5px 0 0 40px;
+ position: absolute;
+ top: 50%;
+}
+
+/* Posts
+*******************************************************************************/
+
+.post {
+ background: url(../../images/theme/mn-bottom.gif) no-repeat 0 100%;
+ color: #444;
+ padding: 0 25px 9px;
+ position: relative;
+ width: 501px;
+}
+h2 {
+ background: #0a78cb url(../../images/theme/mn-top.gif) no-repeat 0 0;
+ font-size: 2.2em;
+ margin: 0 0 0 -25px;
+ padding: 15px 34px 12px 20px;
+ width: 497px;
+}
+.auth,
+.meta,
+.meta.alt {
+ background: #c2e5ff url(../../images/theme/meta-top.gif) no-repeat;
+ color: #0a78cb;
+ font-size: .9em;
+ margin: 0 0 15px -25px;
+ padding: 10px 25px 10px 25px;
+ position: relative;
+ width: 501px;
+}
+.meta {
+ background: #c2e5ff url(../../images/theme/meta-bottom.gif) no-repeat 0 100%;
+ margin: 20px 0 -10px -25px;
+ padding-bottom: 19px;
+}
+.toggle {
+ background: url(../../images/theme/sb-tog-02.gif) no-repeat 0 0;
+ cursor: pointer;
+ display: block;
+ height: 15px;
+ position: absolute;
+ right: 12px;
+ top: 12px;
+ width: 21px;
+}
+#sidebar .toggle {
+ background-image: url(../../images/theme/sb-tog-01.gif);
+}
+.toggle-content-off .toggle {
+ background-position: 0 -15px;
+}
+.post.toggle-content-off {
+ display: block;
+ background: url(../../images/theme/meta-bottom.gif) no-repeat 0 100%;
+}
+.post.toggle-content-off .post-content {
+ display: none;
+}
+
+/* Comments
+*******************************************************************************/
+
+#commentList {
+ color: #444;
+ font-size: 1em;
+ list-style: none;
+ margin: 0 0 10px -16px;
+ padding: 0;
+ width: 533px;
+}
+#commentList li {
+ list-style: none;
+ margin: 0;
+ overflow: hidden;
+ padding: 5px 15px;
+ position: relative;
+ width: 503px;
+}
+#commentList li.alt {
+ background-color: #f5f5f5;
+}
+#commentList .author-details {
+ background: #f5f5f5;
+ border: 1px #eee;
+ border-style: solid none;
+ font-size: .9em;
+ margin: 0 0 0 -15px;
+ padding: 6px 40px;
+ position: relative;
+ width: 453px;
+}
+.author-details cite {
+ font-style: normal;
+ font-weight: bold;
+}
+a.comment-link,
+a.comment-link:hover {
+ background: url(../../images/theme/ico-comment.gif) no-repeat;
+ height: 17px;
+ width: 17px;
+ float: left;
+ text-indent: -5000px;
+ position: absolute;
+ top: 4px;
+ left: 15px;
+ text-decoration: none;
+ border: none;
+}
+
+/* Comment Form
+*******************************************************************************/
+
+#commentform {
+ margin: 0 0 0 -16px;
+ padding: 0;
+ width: 533px;
+}
+.frm-tbl small {
+ font-size: .8em;
+}
+.frm-tbl {
+ margin: 0 0 10px;
+ padding: 0;
+ width: 533px;
+}
+.frm-tbl td,
+.frm-tbl th {
+ border-top: 1px solid #eee;
+ padding: 8px 16px;
+ vertical-align: top;
+}
+.frm-tbl th {
+ padding: 8px 0;
+}
+.frm-tbl p {
+ margin: 0;
+}
+.frm-tbl td p {
+ background: #fff;
+ border: 1px solid #ddd;
+ display: block;
+ padding: 2px;
+ position: relative;
+}
+.frm-tbl th p {
+ background: #0a78cb url(../../images/theme/lb-top.gif) no-repeat 100% 0;
+ display: block;
+ padding: 0;
+ position: relative;
+}
+.frm-tbl label {
+ background: url(../../images/theme/lb-bottom.gif) no-repeat 100% 100%;
+ color: #fff;
+ display: block;
+ font-size: .9em;
+ font-weight: bold;
+ padding: 6px 8px 6px 5px;
+ text-align: right;
+}
+.frm-tbl input {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: .9em;
+}
+#comment_author,
+#comment_url,
+#comment_email,
+#comment_body {
+ background: #c2e5ff;
+ border-top: 2px #8ccfff;
+ border-style: solid none none none;
+ padding: 2px 0;
+ width: 100%;
+}
+#commentform input[type=text]:focus,
+#commentform textarea:focus {
+ background: #f5f5f5;
+ border-top-color: #ddd;
+}
+#frm-btns td {
+ text-align: right;
+}
+#form-submit-button {
+ background: #0a78cb url(../../images/theme/lb-top.gif) no-repeat 0 -2px;
+ border: 2px solid #0a78cb;
+ color: #fff;
+ font-weight: bold;
+ padding: 3px;
+}
+
+/* Side Bar
+*******************************************************************************/
+
+#sidebar h3,
+#sform label {
+ background: url(../../images/theme/sb-top.gif) no-repeat;
+ color: #fff;
+ display: block;
+ font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ font-weight: bold;
+ margin: 0 0 5px -15px;
+ padding: 15px 34px 0 15px;
+ position: relative;
+ text-transform: uppercase;
+ width: 150px;
+}
+#sidebar .sidebar-node {
+ background: url(../../images/theme/sb-bottom.gif) no-repeat 0 100%;
+ padding: 0 15px 15px;
+}
+#sidebar .toggle {
+ top: 12px;
+ right: 12px;
+}
+#sidebar .toggle-content-off h3,
+#sidebar .toggle-content-off label {
+ color: #aaa;
+}
+#sidebar .toggle-content-off .toggle {
+ background-position: 0 -15px;
+ display: block;
+}
+#sidebar .toggle-content-off {
+ display: block;
+ padding: 0 15px 10px;
+}
+#sidebar .toggle-content-off div,
+#sidebar .toggle-content-off p,
+#sidebar .toggle-content-off ul,
+#sidebar .toggle-content-off input {
+ display: none;
+}
+#sidebar ul,
+#sidebar li {
+ background: none;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ position: relative;
+}
+#sidebar a {
+ border: none;
+ color: #ddd;
+}
+#sidebar li a {
+ display: block;
+ padding: 6px 15px 6px 15px;
+ border: none;
+ margin: 0 0 0 -15px;
+ width: 169px;
+ overflow: hidden;
+}
+#sidebar li a:hover {
+ background: #fff url(../../images/theme/sb-a-bg.gif) repeat-y 0 50%;
+ color: #2392e4;
+}
+#sidebar em {
+ color: #c2e5ff;
+ font-style: normal;
+}
+#sidebar li em {
+ position: absolute;
+ top: 6px;
+ right: 0;
+}
+#sidebar #flickr img {
+ background: #fff;
+ padding: 2px;
+ border: 1px solid #555;
+ vertical-align: bottom;
+}
+#customize,
+#customize ul {
+ height: 39px;
+ width: 199px;
+ background: url(../../images/theme/cz-03.gif) no-repeat;
+}
+.layout-002 #customize ul {
+ background: url(../../images/theme/cz-03.gif) no-repeat 0 -39px;
+}
+#customize li {
+ cursor: pointer;
+ height: 39px;
+ width: 199px;
+ float: left;
+ margin: 0;
+ padding: 0;
+ display: none;
+}
+.layout-002 #customize #layout-001-btn {
+ display: block;
+}
+.layout-002 #customize #layout-002-btn {
+ display: none;
+}
+#customize #layout-002-btn {
+ display: block;
+}
+#sform {
+ position: relative;
+ margin: 0 0 5px 0;
+}
+#search_spinner {
+ background: url(../../images/theme/spinner.gif) no-repeat 50% 50%;
+ height: 16px;
+ width: 16px;
+ padding: 0;
+ margin: 0;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+}
+#q {
+ border: none;
+ margin: 5px 0 0 0;
+ width: 145px;
+}
+#search-results h4 {
+ background: #0a78cb url(../../images/theme/shr-bg.gif) no-repeat;
+ border: 1px;
+ border-color: #5e5e5e #000 #808080 #000;
+ border-style: solid none;
+ color: #fff;
+ font-size: 1em;
+ font-weight: bold;
+ margin: 10px 0 0 -11px;
+ padding: 10px 10px 10px 25px;
+ position: relative;
+ text-transform: uppercase;
+ width: 156px;
+}
+#search-results h4 span {
+ background: url(../../images/theme/sb-close.gif) no-repeat;
+ cursor: pointer;
+ height: 17px;
+ position: absolute;
+ top: 7px;
+ right: 10px;
+ width: 17px;
+}
+
+/* Footer
+*******************************************************************************/
+
+#badges {
+ display: table;
+ margin: 0 auto;
+ padding: 15px 15px 0;
+ white-space: nowrap;
+}
+#footer ul,
+#footer li {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+#footer ul {
+ display: table-row;
+}
+#footer li {
+ background: url(../../images/theme/btn-bg.gif) no-repeat;
+ display: table-cell;
+}
+#footer li a {
+ border: none;
+ display: block;
+ padding: 2px;
+}
+#footer li img {
+ border: none;
+ display: block;
+ height: 15px;
+ width: 80px;
+}
+#footer p {
+ background: url(../../images/theme/ft-bottom.gif) no-repeat 0 100%;
+ font: bold .9em/1em Arial, Helvetica, sans-serif;
+ letter-spacing: 1px;
+ margin: 0 auto;
+ padding: 10px 15px 20px;
+ text-transform: uppercase;
+}
+#footer a {
+ border-color: #888;
+ color: #ccc;
+}
+
+/* Link icons
+*******************************************************************************/
+
+.link-ico {
+ border: none;
+ display: inline-table;
+ position: relative;
+ padding: 0;
+ top: 5px;
+ width: 17px;
+}
+.link-ico span {
+ background-color: #fff;
+ background-repeat: no-repeat;
+ display: table-cell;
+ height: 1.5em;
+ width: 17px;
+}
+#sidebar .link-ico {
+ padding: 0;
+ width: 19px;
+}
+#sidebar .link-ico span {
+ background-color: transparent;
+ width: 19px;
+}
+#commentList .author-details .link-ico span {
+ background-color: #f5f5f5;
+}
+.meta .link-ico span {
+ background-color: #c2e5ff;
+}
+.ico-feed {
+ background-image: url(../../images/theme/ico-feed.gif);
+}
+.ico-external {
+ background-image: url(../../images/theme/ico-external.gif);
+}
+
+/* Admin Tools
+*******************************************************************************/
+
+.admintools a,
+.admintools a:hover,
+.author-details div a,
+.author-details div a:hover {
+ background: #0a78cb url(../../images/theme/lb-top.gif) no-repeat 0 -2px;
+ border: 2px solid #0a78cb;
+ color: #fff;
+ font-weight: bold;
+ padding: 3px 8px;
+ margin: 0 0 0 5px;
+}
+#admin_article {
+ position: absolute;
+ right: 25px;
+ padding: 0;
+}
+.author-details div {
+ display: inline;
+ position: absolute;
+ right: 5px;
+ top: 5px;
+}
+
+/* Fixes
+*******************************************************************************/
+
+.clearfix:after {
+ content: ".";
+ display: block;
+ font-size: 1px;
+ height: 0px;
+ clear: both;
+ visibility: hidden;
+ overflow: scroll;
+ margin: 0;
+ line-height: 0px;
+ padding: 0;
+}
+
diff --git a/blog/themes/typo/phokus/views/articles/_article.rhtml b/blog/themes/typo/phokus/views/articles/_article.rhtml new file mode 100644 index 0000000..f9bce2c --- /dev/null +++ b/blog/themes/typo/phokus/views/articles/_article.rhtml @@ -0,0 +1,5 @@ +<h2><%= article_link article.title, article %></h2> +<div class="post-content"> +<p class="auth">Posted by <%= author_link(article) %> +<%= js_distance_of_time_in_words_to_now article.created_at %></p> +<%= article.body_html %> diff --git a/blog/themes/typo/phokus/views/articles/_comment.rhtml b/blog/themes/typo/phokus/views/articles/_comment.rhtml new file mode 100644 index 0000000..5983eaf --- /dev/null +++ b/blog/themes/typo/phokus/views/articles/_comment.rhtml @@ -0,0 +1,4 @@ +<li id="comment-<%= comment.id %>" <%= 'style="display:none"' if controller.request.xhr? %><%= onhover_show_admin_tools(:comment, comment.id) %>>
+<div class="author-details"><a href="#comment-<%= comment.id %>" name="comment-<%= comment.id %>" class="comment-link">#</a> <cite><%= (comment.url.blank?) ? h(comment.author) : link_to(h(comment.author), comment.url) %></cite> said <%= distance_of_time_in_words @article.created_at, comment.created_at %> later: <%= admin_tools_for comment %></div>
+<%= comment.body_html %>
+</li>
diff --git a/blog/themes/typo/phokus/views/articles/_comment_box.rhtml b/blog/themes/typo/phokus/views/articles/_comment_box.rhtml new file mode 100644 index 0000000..a66f648 --- /dev/null +++ b/blog/themes/typo/phokus/views/articles/_comment_box.rhtml @@ -0,0 +1,34 @@ +<p class="meta alt"><%= link_to_function("Toggle website and email fields", "Element.toggle('guest_url'); Element.toggle('guest_email')") %></p>
+<%= form_remote_tag :url => {:action => "comment", :id => @article},
+ :position=> :bottom,
+ :update => {:success => 'commentList'},
+ :loading => "loading()",
+ :complete => "complete(request)",
+ :failure => "failure(request)",
+ :html => {:id=>"commentform",:class=>"commentform"} %>
+<div class="comment-box">
+<div id="errors"></div>
+<table cellpadding="4" cellspacing="0" class="frm-tbl">
+<tr>
+<th><p><label for="comment_author">Name:</label></p></th>
+<td><p><%= text_field "comment", "author", :size => 20 %></p></td>
+</tr>
+<tr id="guest_url" style="display:none;">
+<th><p><label for="comment_url">Website:</label></p></th>
+<td><p><%= text_field "comment", "url" %></p></td>
+</tr>
+<tr id="guest_email" style="display:none;">
+<th><p><label for="comment_email">Email:</label></p></th>
+<td><p><%= text_field "comment", "email" %></p></td>
+</tr>
+<tr>
+<th><p><label for="comment_body">Message:</label></p></th>
+<td><p><%= text_area "comment", "body" %></p></td>
+</tr>
+<tr id="frm-btns">
+<th></th>
+<td><span id="comment_loading" style="display:none;"><%= image_tag "spinner.gif" %></span> <input type="submit" name="submit" id="form-submit-button" value="Submit" class="button" /></td>
+</tr>
+</table>
+</div>
+<%= end_form_tag %>
diff --git a/blog/themes/typo/phokus/views/articles/index.rhtml b/blog/themes/typo/phokus/views/articles/index.rhtml new file mode 100644 index 0000000..4ddac46 --- /dev/null +++ b/blog/themes/typo/phokus/views/articles/index.rhtml @@ -0,0 +1,17 @@ +<% for article in @articles -%>
+<div class="post">
+<%= render_partial "article", article %>
+<%= article_link "Read more...", article if article.extended? %>
+<p class="meta"><%= article_links article %></p>
+</div>
+</div>
+<% end -%>
+
+<% unless @pages.item_count <= config[:limit_article_display] %>
+<div class="post">
+<h2>Older Posts</h2>
+<div class="post-content">
+<p id="pagination">Older Posts: <%= pagination_links @pages, :params => { :action => @controller.action_name } %></p>
+</div>
+</div>
+<% end -%>
diff --git a/blog/themes/typo/phokus/views/articles/read.rhtml b/blog/themes/typo/phokus/views/articles/read.rhtml new file mode 100644 index 0000000..ab897e2 --- /dev/null +++ b/blog/themes/typo/phokus/views/articles/read.rhtml @@ -0,0 +1,67 @@ +<!--
+<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
+ xmlns:dc="http://purl.org/dc/elements/1.1/">
+<rdf:Description
+ rdf:about=""
+ trackback:ping="<%= server_url_for :controller=>"articles", :action=>"trackback", :id=>@article %>"
+ dc:title="<%=h @article.title.gsub(/-+/, '-') %>"
+ dc:identifier="<%= server_url_for :controller=>"articles", :action=>"read", :id=>@article %>"
+ dc:description="<%=h strip_html(@article.body_html[0..255]).gsub(/-+/, '-') %>"
+ dc:creator="<%= h @article.author %>"
+ dc:date="<%= @article.updated_at.xmlschema %>" />
+</rdf:RDF>
+-->
+
+<div class="post"<%= onhover_show_admin_tools(:article) %>>
+<h2><%= @article.title %></h2>
+<div class="post-content">
+<p class="auth">Posted by <%= author_link(@article) %>
+<%= js_distance_of_time_in_words_to_now @article.created_at.utc %>
+<span id="admin_article" class="admintools" style="display:none"><%= link_to("edit", { :controller => "admin/content", :action => "edit", :id => @article }) %></span></p>
+<%= @article.full_html %>
+<p class="meta"><%= article_links @article %></p>
+</div>
+</div>
+
+<% if @article.allow_pings? or @article.trackbacks.size > 0 -%>
+<div class="post">
+<h2><a href="#trackbacks" name="trackbacks">Trackbacks: <%= @article.trackbacks.size %></a></h2>
+<div class="post-content">
+<p class="meta alt"><%
+if @article.allow_pings?
+-%>Use the following link to trackback from your own site:
+<span><%= server_url_for :controller=>"articles", :action=>"trackback", :id=>@article.id %></span><%
+else
+-%>Trackbacks are currently disabled<%
+end
+-%></p>
+<%= content_tag(:ol, render(:partial => "trackback", :collection => @article.trackbacks), :id => 'trackbackList', :class => 'trackback-list') %>
+</div>
+</div>
+<% end -%>
+
+<% if @article.allow_comments? or @article.comments.size > 0 -%>
+<div class="post">
+<h2><a href="#comments" name="comments">Comments: <%= @article.comments.size %></a></h2>
+<div class="post-content">
+<p class="meta alt"><%
+if @article.allow_comments?
+-%><a href="#respond">Leave a response</a><%
+else
+-%>Comments are currently disabled<%
+end
+-%> <strong>|</strong> <a href="<%= xml_url(:action=>'articlerss', :id=>@article) %>" title="RSS Feed">RSS feed for this post</a></p>
+<%= content_tag(:ol, render(:partial => "comment", :collection => @article.comments), :id => 'commentList', :class => 'comment-list') %>
+</div>
+</div>
+<% end -%>
+
+<% if @article.allow_comments? -%>
+<div class="post">
+<h2><a href="#respond" name="respond">Leave a response</a></h2>
+<div class="post-content">
+<%= render :partial => 'comment_box' %>
+</div>
+</div>
+<% end -%>
diff --git a/blog/themes/typo/phokus/views/articles/view_page.rhtml b/blog/themes/typo/phokus/views/articles/view_page.rhtml new file mode 100644 index 0000000..1d1403b --- /dev/null +++ b/blog/themes/typo/phokus/views/articles/view_page.rhtml @@ -0,0 +1,6 @@ +<div id="viewpage" class="post"> +<h2><%= @page.title %></h2> +<div class="post-content"> +<%= @page.body_html %> +</div> +</div> diff --git a/blog/themes/typo/phokus/views/live/search.rhtml b/blog/themes/typo/phokus/views/live/search.rhtml new file mode 100644 index 0000000..a700c4c --- /dev/null +++ b/blog/themes/typo/phokus/views/live/search.rhtml @@ -0,0 +1,9 @@ +<% if !@search.to_s.blank? -%>
+ <h4>Results: <em><%= @articles.to_a.length -%></em><span title="Clear Search" onclick="phokus.closeSearch()"></span></h4>
+ <ul>
+ <% for article in @articles.to_a -%>
+ <li><%= article_link article.title, article %></li>
+ <% end -%>
+ </ul>
+<% else %>
+<% end -%>
diff --git a/blog/themes/typo/phokus/views/plugins/sidebars/delicious/content.rhtml b/blog/themes/typo/phokus/views/plugins/sidebars/delicious/content.rhtml new file mode 100644 index 0000000..ac58cc2 --- /dev/null +++ b/blog/themes/typo/phokus/views/plugins/sidebars/delicious/content.rhtml @@ -0,0 +1,9 @@ +<% if @delicious -%>
+<h3>Del.icio.us</h3>
+<ul id="delicious">
+<% for item in @delicious.items.to_a.slice(0,@sb_config['count'].to_i) -%>
+<li><a href="<%= item.link %>" title="<%= item.title %>"><%= item.title %> </a></li>
+<% end -%>
+<li><%= link_to "View more at del.icio.us", @delicious.link %></li>
+</ul>
+<% end -%>
diff --git a/blog/themes/typo/phokus/views/plugins/sidebars/flickr/content.rhtml b/blog/themes/typo/phokus/views/plugins/sidebars/flickr/content.rhtml new file mode 100644 index 0000000..e65c4f5 --- /dev/null +++ b/blog/themes/typo/phokus/views/plugins/sidebars/flickr/content.rhtml @@ -0,0 +1,16 @@ +<% if @flickr -%>
+<h3>Flickr</h3>
+<ul id="flickr">
+<% for pic in @flickr.choose(@sb_config['count'].to_i) -%>
+ <li class="flickr<%= @sb_config['format']%>"><%= case @sb_config['format']
+ when 'square':
+ link_to image_tag(pic.square, :alt => pic.title),pic.link
+ when 'rectangle':
+ link_to image_tag(pic.thumb, :alt => pic.title),pic.link
+ end
+ %>
+</li>
+ <% end -%>
+<li><%= link_to "View more at flickr", @flickr.link %></li>
+</ul>
+<% end -%>
diff --git a/blog/themes/typo/phokus/views/shared/_search.rhtml b/blog/themes/typo/phokus/views/shared/_search.rhtml new file mode 100644 index 0000000..d7b0c43 --- /dev/null +++ b/blog/themes/typo/phokus/views/shared/_search.rhtml @@ -0,0 +1,11 @@ +<%= start_form_tag({:controller => 'articles', :action => 'search'}, {:method => 'get', :id => 'sform'}) %>
+<label for="q">Search</label> <input type="text" id="q" name="q" value="" size="15" />
+<span id="search_spinner" style="display:none"></span>
+<%= end_form_tag %>
+<div id="search-results"></div>
+<%= observe_field "q", :frequency => 1,
+ :url => { :controller => "live", :action => "search" },
+ :loading => "Element.show('search_spinner')",
+ :complete => "Element.hide('search_spinner')",
+ :update => "search-results",
+ :with => "'q=' + escape($F('q'))" -%>
|
