|
2010-03-16
, 15:36
|
|
Posts: 1,090 |
Thanked: 476 times |
Joined on Jan 2010
@ Ingolstadt, Germany
|
#402
|
Quick question:
I have tried to change the background colour but how do I then change the text to black? I couldn't read it when I made it yellow using FFFF00 or F3FF33.
And I can't seem to click on a conversation from the other person and forward the text on. Any ideas?
thanks
|
2010-03-16
, 23:42
|
Posts: 193 |
Thanked: 61 times |
Joined on Jan 2010
|
#403
|
|
2010-03-17
, 08:46
|
Posts: 179 |
Thanked: 49 times |
Joined on Nov 2008
|
#404
|
div.BubbleSelf { -moz-border-radius: 30px ; border-style: solid; border-width: 1px; margin-left: 0px; margin-right: 0px; vertical-align: middle; padding: 4px 8px; display: inline-block; width: 664px; min-height: 56px; /* overflow: hidden; this bugs mouse events. see bug #123077 */ } div.BubbleOther { -moz-border-radius: 30px ; border-style: solid; border-width: 1px; margin-left: 0px; margin-right: 0px; vertical-align: middle; padding: 4px 8px; display: inline-block; width: 664px; min-height: 56px; /* overflow: hidden; this bugs mouse events. see bug #123077 */ }
|
2010-03-17
, 15:43
|
|
Posts: 1,090 |
Thanked: 476 times |
Joined on Jan 2010
@ Ingolstadt, Germany
|
#405
|
|
2010-03-18
, 00:09
|
Posts: 193 |
Thanked: 61 times |
Joined on Jan 2010
|
#406
|
|
2010-03-18
, 15:12
|
|
Posts: 1,090 |
Thanked: 476 times |
Joined on Jan 2010
@ Ingolstadt, Germany
|
#407
|
|
2010-03-18
, 17:29
|
Posts: 179 |
Thanked: 49 times |
Joined on Nov 2008
|
#408
|
the problem isn't in these block of codes.
please post the whole css code. thx.
/** * Style rules for the MessageBuffer */ /** * the body defaults */ body { margin-left: 16px; margin-right: 16px; } /** * The table column formats */ div.Message { padding-bottom: 8px; clear: both; display: block; padding-left: 8px; } div.Message:first-child { padding-top: 0px; } div.Message:last-child { padding-bottom: 0px; } div.BubbleSelf { -moz-border-radius: 6px ; border-style: solid; border-width: 1px; margin-left: 0px; margin-right: 0px; vertical-align: middle; padding: 4px 8px; display: inline-block; width: 664px; min-height: 56px; /* overflow: hidden; this bugs mouse events. see bug #123077 */ } div.BubbleOther { -moz-border-radius: 6px ; border-style: solid; border-width: 1px; margin-left: 0px; margin-right: 0px; vertical-align: middle; padding: 4px 8px; display: inline-block; width: 664px; min-height: 56px; /* overflow: hidden; this bugs mouse events. see bug #123077 */ } div.BubbleSpacer { padding: 0px; margin: 0px; vertical-align: middle; display: table-cell; width: 664px; max-width: 664px; height: 52px; } div.BubbleSelfClicked { -moz-border-radius: 6px ; border-style: solid; border-width: 1px; margin-left: 0px; margin-right: 0px; vertical-align: middle; padding: 4px 8px; display: inline-block; width: 664px; min-height: 56px; /* overflow: hidden; this bugs mouse events. see bug #123077 */ } div.BubbleOtherClicked { -moz-border-radius: 6px ; border-style: solid; border-width: 1px; text-shadow: 0.1em 0.1em #000; vertical-align: middle; padding: 4px 8px; display: inline-block; width: 664px; min-height: 56px; /* overflow: hidden; this bugs mouse events. see bug #123077 */ } /** * Others' Avatars * * This needs a "drop down" shadow, but no idea if that can be done *Adele: please note that this drop down shadow might be subjected to change *I've talked about it with Vilja who's in charge of address book layout *and we might change it so that it's a double border colour to indicate *that the avatar is clickable. drop shawdow doesn't seem to work with *dark backgrounds unless it's a light colour drop shadow. *PLEASE tell me if it's difficult to implement the drop shadow. * Looks like drop shadow is dropped from ui specs. And bug 139130 made me *remove the space for it anyway. */ div.Avatar { width: 64px; display: inline-block; vertical-align: middle; } .MessageAvatar { width: 64px; height:64px; outline-style: solid; outline-width: 1px; -moz-outline-radius: 6px; } img.MessagePresence { vertical-align: middle; width: 16px; height: 16px; } /** * the Name field */ span.MessageNameField { word-wrap: break-word; vertical-align: middle; } /** * the Text field */ span.MessageText { text-align: left; vertical-align: middle; word-wrap: break-word; } span.MessageTextSelf { text-align: left; vertical-align: middle; color: red; word-wrap: break-word; } span.MessageTextOther { text-align: left; vertical-align: middle; color: blue; word-wrap: break-word; } /** * the TimeStamp default rules */ div.MessageRight { float: right; padding-left: 16px; white-space: nowrap; text-align: right; display: inline-block; } img.MessageBusinessCardImg { vertical-align: middle; padding-right: 4px; } img.MessageStatusImg { vertical-align: middle; padding-right: 8px; } .MessagingWidgetsSmiley { height: 24px; width: 24px; }
|
2010-03-18
, 17:42
|
|
Posts: 1,030 |
Thanked: 792 times |
Joined on Jun 2009
|
#409
|
|
2010-03-18
, 17:54
|
|
Posts: 1,090 |
Thanked: 476 times |
Joined on Jan 2010
@ Ingolstadt, Germany
|
#410
|
div.Message { padding-bottom: 8px; clear: both; display: block; padding-left: 8px; }
Tags |
bada rox, his lunchbox |
|
I have tried to change the background colour but how do I then change the text to black? I couldn't read it when I made it yellow using FFFF00 or F3FF33.
And I can't seem to click on a conversation from the other person and forward the text on. Any ideas?
thanks
Last edited by bonerp; 2010-03-16 at 14:56.