Permalink
Browse files

Styles for CommentSpice Twitter widget.

  • Loading branch information...
1 parent 3830623 commit bc10f441dbbb158dfbb41ad65efd5caee043c50e @yellowled committed Jul 3, 2012
Showing with 11 additions and 1 deletion.
  1. +1 −1 comments.tpl
  2. +10 −0 style.css
View
@@ -1,7 +1,7 @@
{foreach from=$comments item=comment name="comments"}
<article id="c{$comment.id}" class="serendipity_comment{if $entry.author == $comment.author} serendipity_comment_author_self{/if} {cycle values="odd,even"} {if $comment.depth > 8}commentlevel-9{else}commentlevel-{$comment.depth}{/if}">
<header class="clearfix">
- <h4>{if $comment.url}<a href="{$comment.url}">{/if}{$comment.author|@default:$CONST.ANONYMOUS}{if $comment.url}</a>{/if} {$CONST.ON} <time datetime="{$comment.timestamp|@serendipity_html5time}" pubdate>{$comment.timestamp|@formatTime:$template_option.date_format}</time>:</h4>
+ <h4{if $comment.spice_twitter_name} class="short-heading"{/if}>{if $comment.url}<a href="{$comment.url}">{/if}{$comment.author|@default:$CONST.ANONYMOUS}{if $comment.url}</a>{/if} {$CONST.ON} <time datetime="{$comment.timestamp|@serendipity_html5time}" pubdate>{$comment.timestamp|@formatTime:$template_option.date_format}</time>:</h4>
{if $comment.spice_twitter_name}
<div class="twitter_follow"><a href="{$comment.spice_twitter_url}"{if $comment.spice_twitter_nofollow} rel="nofollow"{/if}><span class="visuallyhidden">@{$comment.spice_twitter_name}</span></a>
{if $comment.spice_twitter_followme}{$comment.spice_twitter_followme}{/if}
View
@@ -863,6 +863,16 @@ pre .geshi {
text-align: left;
}
+.short-heading {
+ float: left;
+ width: 64%;
+}
+
+.twitter_follow {
+ float: right;
+ width: 34%;
+}
+
/* Helper classes */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

0 comments on commit bc10f44

Please sign in to comment.