horde namespace the fb* css classes

diff --git a/horde/templates/block/facebook_story.html.php b/horde/templates/block/facebook_story.html.php
index 72ce3ec..04f6582 100644 (file)
--- a/horde/templates/block/facebook_story.html.php
+++ b/horde/templates/block/facebook_story.html.php
@@ -11,9 +11,9 @@
  * $this->likesInfo          Text to display for the Like info (You and one other person etc...)
  */
 ?>
-<div class="fbstreamstory">
+<div class="hordeSmStreamstory">
  <div class="fbstreampic"><img style="float:left;" src="<?php echo $this->actorImgUrl ?>" /></div>
- <div class="fbstreambody">
+ <div class="hodreSmStreambody">
   <?php echo $this->actorProfileLink ?><br />
   <?php echo empty($this->message) ? '' : $this->message;?>
   <?php if(!empty($this->attachment)):?>
@@ -40,8 +40,8 @@
       <?php endif;?>
     </div>
   <?php endif;?>
-  <div class="fbstreaminfo"><?php echo $this->postInfo?></div>
-  <div class="fbstreaminfo" id="fb<?php echo $this->postId?>"><?php echo $this->likesInfo?></div>
+  <div class="hordeSmStreaminfo"><?php echo $this->postInfo?></div>
+  <div class="hordeSmStreaminfo" id="fb<?php echo $this->postId?>"><?php echo $this->likesInfo?></div>
  </div>
 </div>
 <div class="fbcontentdivider">&nbsp;</div>
\ No newline at end of file

diff --git a/horde/templates/block/twitter_tweet.html.php b/horde/templates/block/twitter_tweet.html.php
index 931ffa6..2b3d65c 100644 (file)
--- a/horde/templates/block/twitter_tweet.html.php
+++ b/horde/templates/block/twitter_tweet.html.php
@@ -15,22 +15,22 @@
  *
  */
 ?>
-<div class="fbstreamstory">
-  <div class="solidbox" style="float:left;text-align:center;height:73px;width:73px;margin-right:5px;padding-top:5px;">
+<div class="hordeSmStreamstory">
+  <div class="solidbox hordeSmAvatar">
     <?php echo $this->profileLink ?><img width="48" height="48" src="<?php echo $this->profileImg?>" alt="<?php echo $this->authorName?>" title="<?php echo $this->authorFullname?>" /></a>
     <div style="overflow:hidden;"><?php echo $this->profileLink . $this->authorName ?></a></div>
   </div>
-  <div class="fbstreambody">
+  <div class="hordeSmStreambody">
     <?php echo $this->body ?>
-    <div class="fbstreaminfo">
+    <div class="hordeSmStreaminfo">
       <?php echo sprintf(_("Posted %s via %s"), Horde_Date_Utils::relativeDateTime(strtotime($this->createdAt), $GLOBALS['prefs']->getValue('date_format')), $this->clientText)?>
     </div>
     <?php if (!empty($this->tweet->retweeted_status)):?>
-    <div class="fbstreaminfo">
+    <div class="hordeSmStreaminfo">
       <?php echo sprintf(_("Retweeted by %s"), Horde::externalUrl('http://twitter.com/' . $this->escape($this->tweet->user->screen_name), true)) . $this->escape($this->tweet->user->screen_name) ?></a>
     </div>
     <?php endif; ?>
-    <div class="fbstreaminfo">
+    <div class="hordeSmStreaminfo">
       <?php echo Horde::selfUrl()->link(array('onclick' => 'Horde.' . $this->instanceid . '.buildReply(\'' . $this->tweet->id . '\', \'' . $this->tweet->user->screen_name . '\', \'' . $this->tweet->user->name . '\'); return false;')) .  _("Reply") ?></a>
       &nbsp;|&nbsp; <?php echo Horde::selfUrl()->link(array('onclick' => 'Horde.twitter' . $this->instanceid . '.retweet(\'' . $this->tweet->id . '\'); return false;')) . _("Retweet") ?></a>
     </div>

diff --git a/horde/themes/screen.css b/horde/themes/screen.css
index 7b6b7c0..601ac7e 100644 (file)
--- a/horde/themes/screen.css
+++ b/horde/themes/screen.css
@@ -1192,27 +1192,35 @@ div.GrowlerNoticeExit:hover {
 }
 
 /* Social Media Related CSS */
-.fbstreamstory {
+.hordeSmStreamstory {
     margin-bottom: 7px;
     padding-top: 7px;
     position: relative;
 }
-.fbstreambody {
+.hordeSmStreambody {
     padding: 0 0 0 70px;
     min-height: 60px;
 }
-.fbstreaminfo {
+.hordeSmStreaminfo {
     color: #777777;
     padding: 2px 0 0;
     font-style: italic;
 }
-.fbgetmore {
+.hordeSmGetmore {
     text-align: center;
 }
-.fbcurrent {
+.hordeSmCurrent {
     font-style: italic;
     color: gray;
 }
+.hordeSmAvatar {
+    float: left;
+    text-align: center;
+    height: 73px;
+    width: 73px;
+    margin-right: 5px;
+    padding-top: 5px;
+}
 
 /* For in place editing */
 form.inplaceeditor-form {