On second thought, it's wasteful to include all this in screen.css

These rules need to be tweaked soon anyway...

diff --git a/horde/lib/Prefs/Ui.php b/horde/lib/Prefs/Ui.php
index 759c8fe..43cc126 100644 (file)
--- a/horde/lib/Prefs/Ui.php
+++ b/horde/lib/Prefs/Ui.php
@@ -467,6 +467,7 @@ class Horde_Prefs_Ui
         /* Horde_Template */
         $t = $GLOBALS['injector']->createInstance('Horde_Template');
         $t->setOption('gettext', true);
+        $t->set('css_link', $GLOBALS['registry']->get('themesuri', 'horde') . '/facebook.css');
 
         /* Check for facebook session */
         $fbp = unserialize($prefs->getValue('facebook'));

diff --git a/horde/templates/prefs/facebook.html b/horde/templates/prefs/facebook.html
index bd1aaef..408d268 100644 (file)
--- a/horde/templates/prefs/facebook.html
+++ b/horde/templates/prefs/facebook.html
@@ -1,3 +1,4 @@
+<link href="<tag:css_link />" rel="stylesheet" type="text/css" />
 <input type="hidden" name="fbactionID" id="fbactionID" />
 <if:have_session>
     <div class="fbbluebox" style="float:left">

diff --git a/horde/themes/screen.css b/horde/themes/screen.css
index 62d17d5..fb177a0 100644 (file)
--- a/horde/themes/screen.css
+++ b/horde/themes/screen.css
@@ -1198,179 +1198,4 @@ div.GrowlerNoticeExit:hover {
     #Growler, #GrowlerLog {
         display: none !important;
     }
-}
-
-* Default Facebook CSS */
-.fbbody, .fbaction
-{
-    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
-    font-size: 11px;
-    color: #333333;
-}
-/* Default Anchor Style */
-.fbbody a
-{
-    color: #3b5998;
-    outline-style: none;
-    text-decoration: none;
-    font-size: 11px;
-    font-weight: bold;
-}
-
-.fbaction a, .fbaction input
-{
-    color: #ffffff;
-    outline-style: none;
-    text-decoration: none;
-    font-size: 11px;
-    font-weight: bold;
-}
-
-.fbbody a:hover
-{
-    text-decoration: underline;
-}
-/* Facebook Box Styles */
-.fbgreybox
-{
-    background-color: #f7f7f7;
-    border: 1px solid #cccccc;
-    color: #333333;
-    padding: 10px;
-    font-size: 13px;
-    font-weight: bold;
-}
-.fbbluebox
-{
-    background-color: #eceff6;
-    border: 1px solid #d4dae8;
-    color: #333333;
-    padding: 10px;
-    font-size: 13px;
-    font-weight: bold;
-}
-.fbinfobox
-{
-    background-color: #fff9d7;
-    border: 1px solid #e2c822;
-    color: #333333;
-    padding: 10px;
-    font-size: 13px;
-    font-weight: bold;
-}
-.fberrorbox
-{
-    background-color: #ffebe8;
-    border: 1px solid #dd3c10;
-    color: #333333;
-    padding: 10px;
-    font-size: 13px;
-    font-weight: bold;
-}
-/* Content Divider on White Background */
-.fbcontentdivider
-{
-    margin-top: 2px;
-    margin-bottom: 2px;
-    margin-right: 4px;
-    margin-left: 4px;
-    height: 1px;
-    background-color: #d8dfea;
-}
-/* Facebook Tab Style */
-.fbtab
-{
-    padding: 8px;
-    background-color: #d8dfea;
-    color: #3b5998;
-    font-weight: bold;
-    float: left;
-    margin-right: 4px;
-    text-decoration: none;
-}
-.fbtab:hover
-{
-    background-color: #3b5998;
-    color: #ffffff;
-    cursor: hand;
-}
-.fbbutton {
-    background-color:#3B5998;
-    border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
-    border-style:solid;
-    border-width:1px;
-    color:#FFFFFF;
-    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
-    font-size:11px;
-    padding:2px 15px 3px;
-    cursor: pointer;
-    text-align:center;
-}
-.fbbutton:hover {
-    text-decoration: underline;
-}
-
-.fbbutton:focus, a.fbbutton:hover, a.fbbutton:focus {
-    background: #3B5998;
-}
-
-/* Stream css */
-.fbstreamstory {
-    margin-bottom: 7px;
-    padding-top: 7px;
-    position: relative;
-}
-.fbstreampic {
-    display: inline;
-    height: 50px;
-    width: 50px;
-}
-.fbstreambody {
-    padding: 0 0 0 60px;
-    min-height: 60px;
-}
-.fbstreaminfo {
-    color: #777777;
-    padding: 2px 0 0;
-    font-style: italic;
-}
-
-.fbattachment {
-    margin-top: 6px;
-    overflow: hidden;
-}
-.fbattachmenttitle {
-    font-weight: bold;
-}
-.fbattachmentcaption, .fbattachmentcopy{
-    color: gray;
-    padding-top: 3px;
-}
-
-.fbmedia {
-    float: left;
-    overflow: hidden;
-}
-.fbmediawide {
-    float: none;
-}
-.fbmediaitem {
-    float: left;
-}
-.fbmediaitem img {
-    display: block;
-    vertical-align: middle;
-    max-height: 200px;
-    max-width: 130px;
-}
-.fbmediaitemsingle {
-    padding-right:5px;
-}
-.fbmediaitemmultiple {
-    padding-left: 5px;
-}
-
-.fbemptystatus {
-    font-style: italic;
-    color: gray;
-}
+}
\ No newline at end of file