Give messages a sexy style

[Danielle Foré]

Postler currently can use an adium message style, but it should have a sexy one of it's own :D So here's my sexy Postler message style

[Cris Dywan (kalikiana)]

That is looking nice. Clearly there's a cuple of details to get right, so let's consider on-going tweaks as part of this bug.

The theme has no avatars. If you want to try them put this at the bottom of main.css:

.avatar { float:left;width:64px;height:64px;padding:8px;display:none; }
.avatar[src^=file] { display:block; }

And inside Incoming/Content.html:

<img src="%userIconPath%" class="avatar">

How about different styling for "your" messages, do we want that? Should be straight-forward but the above theme doesn't support it.

[Danielle Foré (danrabbit)]

Okay, posting an updated style after Christian and I talked about a few things and synced up the classes available in Postler.

[Cris Dywan (kalikiana)]

How about making those buttons respond like normal buttons?

a.button:hover {
    background: #eee;
}
a.button:focus {
    outline: 2px solid #08c;
}

[Danielle Foré (danrabbit)]

Okay, added pressed, hover, and focused states

[Cris Dywan (kalikiana)]

Attachments don't render properly, they are not using a darker background and sometimes the text is overlapping.
I find the hover state could be a tad more visible.

[Danielle Foré (danrabbit)]

The problems with attachments seem to have happened after grouping was added. I'm not sure what the issue is but I'll try to solve it on my end.

No problem

[Danielle Foré (danrabbit)]

Okay, this should fix the overlapping attachments as well as spacing issues with buttons, make the hover state more apparent, make the pressed state "deeper", and some other random crap.

enjoy :D