|
|
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: 7 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: 7 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: 7 times |
Joined on Jan 2010
@ Russia, Moscow
|
#99
|

? Do you sure that you did me the tru stylesheet? Or maybe you used additional/modifies js-file for youre SMS-Conversation window?| 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 |
| Thread Tools | |
|