x61
|
2010-01-29
, 14:16
|
|
Posts: 932 |
Thanked: 278 times |
Joined on Sep 2009
@ Kentucky
|
#91
|
|
2010-01-29
, 16:24
|
|
Posts: 5,339 |
Thanked: 4,133 times |
Joined on Jan 2010
@ Israel
|
#92
|
/** * 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 { background: #600000; /* shadow with edged shape - right 3px and below 2px */ text-shadow:black 3px 2px; -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 { background: #2F4F4F; /* shadow with edged shape - right 3px and below 2px */ text-shadow:black 3px 2px; -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: right; vertical-align: middle; word-wrap: break-word; } /** * the TimeStamp default rules */ div.MessageRight { float: left; padding-right: 16px; white-space: nowrap; text-align: left; 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-01-29
, 17:14
|
Posts: 8 |
Thanked: 8 times |
Joined on Jan 2010
@ Russia, Moscow
|
#93
|
Hi b666m
I have a little problem.... See this picture below:
You can see the margins of the left side wider than the right side.
What I need change in the CSS file to get the left margins like on the right side.
ThanksCode:...
If not - attache youre css file ... and i edit it as so as you need:)
|
2010-01-29
, 17:36
|
Posts: 22 |
Thanked: 8 times |
Joined on Nov 2009
|
#94
|
|
2010-01-29
, 18:03
|
|
Posts: 5,339 |
Thanked: 4,133 times |
Joined on Jan 2010
@ Israel
|
#95
|
I fink you need to set all width: 664px; to width: 652px; or some near this.
Youre divīs with width: 664px; is stretching nevertheless yor set margins.
Something like this. Hope itīs help you.
Code:If not - attache youre css file ... and i edit it as so as you need:)
body { margin-left:16px; margin-right: 16px; }
body { margin-left: 0px; margin-right: 24px; }
|
2010-01-29
, 18:20
|
Posts: 8 |
Thanked: 8 times |
Joined on Jan 2010
@ Russia, Moscow
|
#96
|
Try on my file (see below)
I fix it by changing margins in the body:
...
Thanks
body { margin:0 16px; }
body { margin-left:16px; margin-right: 16px; }
|
2010-01-29
, 18:42
|
|
Posts: 5,339 |
Thanked: 4,133 times |
Joined on Jan 2010
@ Israel
|
#97
|
Do you did as i say? Try to replace width: 664px; to width: 640px; and you get what you need.
I check it. Itīs work.
And you can simple write this
Instead ofCode:body { margin:0 16px; }
Code:body { margin-left:16px; margin-right: 16px; }
|
2010-01-29
, 19:17
|
|
Posts: 2,669 |
Thanked: 2,555 times |
Joined on Apr 2007
@ Halifax, Nova Scotia, Canada
|
#98
|
The Following 2 Users Say Thank You to zerojay For This Useful Post: | ||
|
2010-01-29
, 19:29
|
Posts: 8 |
Thanked: 8 times |
Joined on Jan 2010
@ Russia, Moscow
|
#99
|
The Following User Says Thank You to termi_uc For This Useful Post: | ||
|
2010-01-29
, 19:40
|
Posts: 739 |
Thanked: 114 times |
Joined on Sep 2009
|
#100
|
Tags |
bada rox, his lunchbox |
|