typo 5.0.2 → 5.0.3.98

data/themes/typographic/stylesheets/reset.css

@@ -0,0 +1,5 @@
+/* RESET */
+html,*{
+  margin: 0;
+  padding: 0;
+}

data/themes/typographic/stylesheets/style.css

@@ -0,0 +1,36 @@
+/* CSS Document */
+/*------------------------------------------------------------------
+[Master Stylesheet]
+
+Project:	TypoGraphic 
+Version:	1.0
+Last change:	04/06/08 [fixed Float bug, vf]
+Assigned to:	Helene Douchet (hdo)
+
+[Table of contents]
+
+1. Body
+	2. Wrapper
+		3. Header / #header
+		4. Page
+			4.1. Content / #content
+				4.1.1. Post / .atomentry
+			4.2. Sidebar / #sidebar
+				4.2.1. Search / #search
+				4.2.2. Loading / #loading
+				4.2.4. Results / #results
+				4.2.5. Categories / #categories
+		5. Footer / #footer
+-------------------------------------------------------------------*/
+
+@import "reset.css";
+@import "layout.css";
+@import "colors.css";
+/* @import "debugging.css"; */
+
+
+
+
+
+
+

data/themes/typographic/views/articles/_article.html.erb

@@ -0,0 +1,41 @@
+<div class="atomentry" id="article-<%= article.id %>">
+  <div class="title">
+    <h2 class="title"><%= (controller.action_name.include? 'permalink') ? article.title : link_to_permalink(article,article.title) %></h2>
+    <div class="meta">
+      <%= _("Posted by") %> <cite><%= author_link(article) %></cite> <abbr class="published" title="<%= article.published_at.xmlschema %>"><%= js_distance_of_time_in_words_to_now article.published_at %></abbr>
+    </div>
+  </div>
+  <div class="content">
+    <%= article.html(:body) %>
+
+    <% if article.extended? -%>
+      <div class="extended">
+        <% if controller.action_name == 'index' -%>
+          <p><%= link_to_permalink article,_("Continue reading...") %></p>
+        <% else -%>
+          <%= article.html(:extended) %>
+        <% end -%>
+      </div>
+    <% end -%>  
+  </div>
+  <% if controller.controller_name == "articles" and controller.action_name == "show" %>
+  <div class="meta">
+    <p class="infos"><small>
+      <%= _("This entry was posted on %s", content_tag(:abbr, js_distance_of_time_in_words_to_now (@article.published_at), {:class => 'published', :title => @article.published_at.xmlschema})) %>
+      <%= _("and %s", category_links(@article)) unless @article.categories.empty? %>. 
+      <%= _("You can follow any any response to this entry through the %s", link_to(_("Atom feed"), @auto_discovery_url_atom)) %>. 
+      <%= _("You can leave a %s", link_to_permalink(article, _('comment'), 'comments')) if @article.allow_comments? %> 
+      <%= _("or a %s from your own site", link_to_permalink(@article, _('trackback'), 'trackbacks')) if @article.allow_pings? %>.
+    </small></p>
+    <p class="tags">
+      <%= tag_links(@article) unless @article.tags.empty? %>
+    </p>
+  </div>    
+  <% else %>
+	<p class="links">
+		<%= link_to_permalink(article, _("Read full article"), nil, 'more') if controller.action_name != 'permalink' %>
+		<%= link_to_permalink(article,pluralize(article.published_comments.size, _('comment')),'comments', 'comments') %>
+	</p>    
+  <% end %>
+  <br style="clear:both;" />
+</div>

data/themes/typographic/views/articles/_comment.html.erb

@@ -0,0 +1,14 @@
+<li class="comment" id="comment-<%= comment.id %>">
+  <div class="author">
+    <%= content_tag(:div, gravatar_tag(comment.email)) if this_blog.use_gravatar and comment.email %>
+    <cite><%= (comment.url.blank?) ? h(comment.author) : link_to(h(comment.author), comment.url) %></cite>
+    <abbr title="<%= comment.created_at.xmlschema %>"><%= distance_of_time_in_words comment.article.published_at, comment.created_at %> <%= _("later")%>:</abbr>
+  </div>
+  <div class="commentContent">
+    <%= comment.html %>
+  </div>
+  <% unless comment.published -%>
+  <div class="spamwarning"><%= _("This comment has been flagged for moderator approval.") %></div>
+  <% end -%>
+</li>
+

data/themes/typographic/views/articles/_comment_form.html.erb

@@ -0,0 +1,48 @@
+<% form_remote_tag :url      => comments_path(@article),
+                    :position => :bottom,
+                    :update   => {:success => 'commentList'},
+                    :loading  => "loading()",
+                    :complete => "complete(request)",
+                    :failure  => "failure(request)",
+                    :html     => {:id => 'commentform', :class => 'comments' } \
+    do %>
+
+<div id="preview" style="display:none"></div>
+
+<h2 id="formComments-title"><%= _("Leave a comment")%></h2>
+<div id="respond" class="post">
+  <p>
+		<label for="comment_author"><%= _("Name %s", content_tag(:small, '('+_('required')+')' ))%></label>
+		<%= text_field "comment", "author" %> 
+  </p>
+
+  <p>
+		<label for="comment_email"><%= _("Email")%> <%= content_tag('small', "(#{link_to('gravatar', 'http://gravatar.com')} "+ _("enabled") + ")") if this_blog.use_gravatar %> <small>(<%= _("never displayed") %>)</small></label>
+		<%= text_field "comment", "email" %>
+	</p>
+	<p>
+		<label><%= _("Website")%></label>
+		<%= text_field "comment", "url" %>
+	</p>
+
+  <p>
+    <label>
+      <%= _("Comments")%>:
+      <%= content_tag('small', link_to(_("Textile enabled"), "http://hobix.com/textile/")) if this_blog.comment_text_filter.include? 'textile' %>
+      <%= content_tag('small', link_to(_("Markdown enabled"), "http://daringfireball.net/projects/markdown/")) if this_blog.comment_text_filter.include? 'markdown' %>
+      <br />
+    </label>
+    <%= text_area 'comment', 'body', :rows => 10 %>
+  </p>
+
+  <p class="buttons">
+    <%= submit_to_remote('preview', _('Preview') + '!',
+                         :update => 'preview',
+                         :complete => "Element.show('preview')",
+                         :url    => preview_new_comment_path(@article),
+												 :html => {:class => 'submit', :id => 'form-preview-button'}) %>
+    <%= submit_tag _('Submit'), :id => 'form-submit-button', :class => 'submit', :onclick => "$('commentform').onsubmit();this.disabled=true;Element.hide('preview');return false;" %>
+    <%= image_tag '/images/theme/spinner.gif', :id => 'comment_loading', :style => 'display:none' %>
+  </p>
+</div>
+<% end %>

data/themes/typographic/views/articles/_comment_list.html.erb

@@ -0,0 +1,7 @@
+<ol id="commentList" class="comments">
+  <% if @article.published_comments.any? -%>
+    <%= render(:partial => "comment", :collection => @article.published_comments) %>
+  <% else -%>
+    <li class="dummy_comment" style="display:none"><%= _("No comments")%></li>
+  <% end -%>
+</ol>

data/themes/typographic/views/articles/_trackback.html.erb

@@ -0,0 +1,9 @@
+<li class="trackback" id="trackback-<%= trackback.id %>">
+  <div class="author">
+    <a href="<%= trackback.url %>" rel="nofollow"><%= trackback.title %></a>
+    <abbr><%_("From")%> <cite><%= trackback.blog_name %></cite></abbr>
+  </div>
+  <div class="content">
+    <%= trackback.excerpt %>
+  </div>
+</li>

data/themes/typographic/views/articles/comment_preview.html.erb

@@ -0,0 +1,10 @@
+<div class="comment preview">
+  <div class="author">
+    <%= content_tag(:div, gravatar_tag(@comment.email)) if this_blog.use_gravatar and @comment.email %>
+    <cite><%= (@comment.url.blank?) ? h(@comment.author) : link_to(h(@comment.author), @comment.url) %></cite>
+    <abbr><%= _("is about to say")%></abbr>
+  </div>
+  <div class="content">
+    <%= @comment.html %>
+  </div>
+</div>

data/themes/typographic/views/articles/index.html.erb

@@ -0,0 +1,5 @@
+<%= render :partial => 'articles/article', :collection => @articles %>
+
+<% unless @pages.item_count <= this_blog.limit_article_display -%>
+<p class="pagination"><%= _("Older posts")%>: <%= pagination_links @pages, :params => { :action => @controller.action_name } %></p>
+<% end -%>

data/themes/typographic/views/articles/read.html.erb

@@ -0,0 +1,42 @@
+<!--
+<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="<%= @article.trackback_url %>"
+  dc:title="<%=h @article.title.gsub(/-+/, '-') %>"
+  dc:identifier="<%= @article.permalink_url %>"
+  dc:description="<%=h (@article.html.strip_html[0..255]).gsub(/-+/, '-') %>"
+  dc:creator="<%= h @article.author %>"
+  dc:date="<%= @article.updated_at.xmlschema %>" />
+</rdf:RDF>
+-->
+
+<%= render :partial => 'article', :object => @article %>
+
+
+<% if @article.allow_pings? -%>
+  <h2 id="trackbacks-title"><a id="trackbacks"><%= _("Trackbacks")%></a></h2>
+  <p class="trackbackurl">
+    <%= _("Use the following link to trackback from your own site")%>:<br />
+    <%= @article.trackback_url %>
+  </p>
+
+  <% unless @article.published_trackbacks.blank? -%>
+  <ol id="trackbacks" class="comments">
+    <%= render(:partial => "trackback", :collection => @article.published_trackbacks) %>
+  </ol>
+  <% end -%>
+<% end -%>
+
+<% if @article.allow_comments? or @article.published_comments.size > 0 -%>
+  <h2 id="comments-title"><a id="comments"><%= _("Comments")%></a></h2>
+
+  <div id="comments_div">
+    <%= render :partial => "comment_list" %>
+  </div>
+<% end -%>
+
+<%= render :partial => 'comment_form' if @article.allow_comments? %>

data/themes/typographic/views/shared/_search.html.erb

@@ -0,0 +1,17 @@
+<div id="search" class="search">
+    <% form_tag({ :controller => 'articles', :action => 'search' },
+                { :method => 'get', :id => 'sform' }) do -%>
+			<h3><%= _("Search")%></h3>
+      <p><input type="text" id="q" name="q" value="" /></p>
+    <% end -%>
+
+    <div id="loading" class="loading" style="display:none;"><%= _("Searching")%>...</div>
+    <div id="results" class="results"></div>
+  <%= observe_field 'q',
+                    :url        => { :controller => 'live', :action => 'search' },
+                    :frequency  => 1,
+                    :loading    => "Element.show('loading')",
+                    :complete   => "Element.hide('loading')",
+                    :update     => 'results',
+                    :with       => "'q=' + encodeURIComponent($F('q'))" %>
+</div>

data/themes/typographic/views/theme/static_view_test.html.erb

@@ -0,0 +1 @@
+<!-- Static View Test from typographic -->

data/themes/typographic2/about.markdown

@@ -0,0 +1,7 @@
+### Typographic by [Hélène][1]
+
+Typographic is the new Typo default theme starting version 5.0.4. It was specially designed for this use by [Hélène][2] for [O2source][3]. 
+
+[1]: http://www.o2sources.com/people/helene
+[2]:http://www.jeuxdemaux.com/
+[3]: http://www.o2sources.com

data/themes/typographic2/layouts/default.html.erb

@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title><%=h page_title %></title>
+  <%= page_header %>
+  <%= stylesheet_link_tag '/stylesheets/theme/style.css', :media => 'all' %>
+</head>
+
+<body>
+  <div id="wrapper">
+    <!-- start header -->
+    <div id="header">
+      <h1><%= link_to this_blog.blog_name, this_blog.base_url %></h1>
+      <p class="desc"><%= this_blog.blog_subtitle %></p>
+    </div>
+    <!-- end header -->
+
+  <div id="page">
+    <div id="sidebar">
+      <!-- search -->
+      <%= render :partial => 'shared/search' %>
+
+      <!-- sidebar components -->
+      <%= render_sidebars %>
+    </div>
+
+    <div id="content">
+      <%= @content_for_layout %>
+      <%= javascript_tag 'show_dates_as_local_time()' %>
+    </div>
+
+  <div id="footer">
+    <div class="wrap">
+      <p id="legal">
+        <%= _("Powered by %s", link_to ('typo', 'http://typosphere.org')) %>
+        <%= _("Designed by %s ", link_to ('Hélène', 'http://www.o2sources.com/people/helene')) %>
+      </p>
+    </div>
+  </div>
+</body>
+</html>
+

data/themes/typographic2/stylesheets/colors.css

@@ -0,0 +1,51 @@
+/*------------------------------------------------------------------
+# [Color codes]
+
+# Dark grey (h1,h3): #3d3d3d
+# Mid grey (header des): #787878
+# Mid grey (h2, links:hover, h2 a, form#commentform) : #5d5d5d
+# Black (text) : #000
+# Blue (links) #288aaa
+# Light grey (meta, footer) : #8b8b8b
+# Dark orange (border .title) : #e8d1b6
+# Orange (border images, input, textarea) : #f4c997
+# Light orange (body background) : #ffebd6
+# Light brown (footer border) : #e1d8ce
+# */
+
+body {
+	color : #000;
+	background-color: #ffebd6;
+}
+
+h1, h3, h1 a {
+	color: #3d3d3d
+}
+
+#header p.desc  {
+	color :#787878;
+}
+
+h2, a:hover, h2 a, #commentform label, #commentform input {
+	color: #5d5d5d
+}
+
+a {
+	color: #288aaa
+}
+
+div.meta, #footer {
+	color: #8b8b8b
+}
+
+div.atomentry div.title {
+	border-color: #e8d1b6
+}
+
+div.atomentry div.content img, input, textarea {
+	border-color: #f4c997
+}
+
+#footer {
+	border-color: #e1d8ce
+}

data/themes/typographic2/stylesheets/layout.css

@@ -0,0 +1,346 @@
+
+/*
+1. Body
+	2. Wrapper
+		3. Header / #header
+			3.1. Logo / #logo
+			3.2. Menu / #menu
+		4. Page
+			4.1. Content / #content
+				4.1.1. Post / .atomentry
+				4.1.2. Comments 
+			4.2. Sidebar / #sidebar
+				4.2.1. Search / #search
+				4.2.2. Loading / #loading
+				4.2.4. Results / #results
+				4.2.5. Categories / #categories
+		5. Footer / #footer
+*/
+
+
+/*------------------------------------------------------------------
+[1. Body]
+*/
+body {
+	font-family: "Century Gothic", Arial, Verdana, sans-serif;
+	font-size: 0.9em;
+	background:url(../../images/theme/bg_body.jpg) top center no-repeat;
+}
+
+input, textarea {
+	border: solid 1px;
+	font-family: "Century Gothic", Arial, Verdana, sans-serif;
+}
+
+a {
+}
+a:hover {
+	text-decoration: none;
+}
+
+/*------------------------------------------------------------------
+[2. Wrapper]
+*/
+wrapper {
+	background:url(../../images/theme/bg_wrapper.jpg) bottom left repeat-x;
+}
+
+/*------------------------------------------------------------------
+[3. Header]
+*/
+
+#header {
+	max-width: 1000px;
+	min-width: 400px;
+	margin:50px auto 55px auto;
+	position: relative;
+	text-align:right;
+}
+
+p.desc {
+	font-size: 0.8em;
+}
+
+h1 a {
+	text-decoration : none;
+	font-weight:normal;
+	font-size: 1.6em;
+}
+
+/*------------------------------------------------------------------
+[4. Page]
+*/
+#page {
+	max-width: 1000px;
+	min-width: 400px;
+	margin-left:auto;
+	margin-right: auto;
+	position: relative;
+}
+
+/*------------------------------------------------------------------
+[4.1. Content]
+*/
+
+#content {
+	margin-right: 250px; 
+}
+
+
+/*------------------------------------------------------------------
+[4.1.1. Post]
+*/
+
+div.atomentry {
+	margin-bottom:75px;
+}
+
+	div.atomentry div.title {
+		border-left: 10px solid;
+		padding-left: 10px;
+		margin-bottom: 15px;
+	}
+
+		div.title cite {
+			font-style:normal; 
+		}
+		
+		div.title abbr {
+			border:none;
+		}
+	
+	h2.title a {
+		text-decoration : none;
+		font-weight:normal;
+		font-size:1.6em
+	}
+	
+	div.meta {
+		font-size: 0.7em;
+	}
+	
+	div.atomentry img {
+		border: solid 1px;
+		padding: 5px;
+	}
+	
+	img.right {
+		float:right;
+		margin-left:10px;
+		margin-bottom:5px;
+	}
+	
+	img.left {
+		float:left;
+		margin-right:10px;
+		margin-bottom:5px;	
+	}
+
+	div.atomentry div.content p {
+		margin-top: 5px;
+		margin-bottom: 15px;
+	}
+p.links {
+	text-align:right;
+	margin-top:15px;
+}
+
+a.more, a.comments {
+	background:url(../../images/theme/bullet_right.png) no-repeat 0 70%;
+	padding-left:15px;
+	margin-left: 35px;
+	font-size:0.8em;
+}
+
+a.more:hover, a.comments:hover {
+	background-image:url(../../images/theme/bullet_bottom.png)
+}
+
+p.infos {
+	background:url(../../images/theme/meta.png) no-repeat;
+	min-height:18px;
+	padding-left: 20px;
+	font-size:1.2em
+}
+
+p.tags {
+	background:url(../../images/theme/tag.png) no-repeat;
+	min-height: 18px;
+	padding: 2px 0 0 20px;
+	font-size:1.2em
+}
+/*------------------------------------------------------------------
+[4.1.2. Comments]
+*/
+
+#commentform {
+	background:url(../../images/theme/bg_white.png);
+	padding:10px 35px 25px 10px
+}
+
+	#commentform input {
+		width:180px;
+		padding:3px 3px 3px 23px;
+		margin: 15px;
+	}
+	
+	#commentform textarea {
+		padding:3px;
+		margin: 15px 0 15px 15px;
+		font-size:1em;
+		width:480px;
+	}	
+
+	#commentform label {
+		float:left;
+		width: 150px;
+		text-align:right;
+		height:30px;
+		padding-top:15px;
+		margin-left: 50px;
+		line-height:0.7em
+	}
+	
+	#commentform label small {
+		font-size:0.6em	
+	}
+	
+	input#comment_author {
+		background:url(../../images/theme/user50.png) no-repeat #FFF 2% 50%;
+	}
+	
+	input#comment_author:hover {
+		background:url(../../images/theme/user.png) no-repeat #FFF 2% 50%;
+	}
+	
+	input#comment_email {
+		background:url(../../images/theme/email_open50.png) no-repeat #FFF 2% 50%;
+	}
+	
+	input#comment_email:hover {
+		background:url(../../images/theme/email_open.png) no-repeat #FFF 2% 50%;
+	}
+	
+	input#comment_url {
+		background:url(../../images/theme/world_link50.png) no-repeat #FFF 2% 50%;
+	}
+	
+	input#comment_url:hover {
+		background:url(../../images/theme/world_link.png) no-repeat #FFF 2% 50%;
+	}
+	
+	input#form-preview-button {
+		background:url(../../images/theme/page_edit50.png) no-repeat #f6e0c6 2% 50%;
+		width: 110px;
+		margin:0
+	}
+	
+	input#form-preview-button:hover {
+		background:url(../../images/theme/page_edit.png) no-repeat #f6e0c6 2% 50%;
+	}
+	
+	
+	input#form-submit-button {
+		background:url(../../images/theme/accept50.png) no-repeat #f6e0c6 2% 50%;
+		width: 110px;
+		margin:0
+	}
+	
+	input#form-submit-button:hover {
+		background:url(../../images/theme/accept.png) no-repeat #f6e0c6 2% 50%;
+	}
+
+ol#commentList {
+	margin-left: 25px;
+}
+
+ol#commentList  li {
+	margin: 10px 0 10px 0
+}
+
+div.commentContent {
+	padding:10px;
+	background:url(../../images/theme/bg_white.png);
+	margin:5px 0 0 0 
+	
+}
+
+div.author cite {
+	font-style:normal
+}
+
+h2#trackbacks-title, h2#comments-title, h2#formComments-title{
+	font-weight:normal;
+	font-size:1.6em;
+	margin-top:65px;
+	line-height:0.8em;
+}
+
+p.trackbackurl span {
+	font-size: 0.8em
+}
+
+p.buttons {
+	clear:left;
+	text-align:right
+}
+
+p.buttons input {
+	width: 110px
+}
+/*------------------------------------------------------------------
+[4.2. Sidebar]
+*/
+#sidebar {
+	float:right;
+	position: relative;
+	right:0;
+	top:0;
+	width:220px;
+	text-align:right;
+	font-size:
+}
+
+h3 {
+	margin-top:25px;
+	font-size:1.7em;
+	font-weight:normal;
+	line-height:0.9em;
+}
+
+
+div.static-body, ul, #sform p {
+	background:url(../../images/theme/bg_white.png);
+	padding:14px
+}
+
+div.static-body ul {
+	background:none;
+	padding:0;
+}
+
+ul li {
+	list-style-type:none;
+	background:url(../../images/theme/bullet_right.png) 98% 70% no-repeat;
+	padding-right: 17px;
+}
+
+#sform input {
+	width:180px;
+	padding:5px;
+}
+
+/*------------------------------------------------------------------
+[5. Footer]
+*/
+#footer {
+	max-width: 1000px;
+	min-width: 400px;
+	margin: 50px auto 0 auto;
+	position: relative;
+	text-align:center;
+	padding:5px;
+	border-top: solid 1px;
+	font-size: 0.6em;
+	clear:both
+}