This project is read-only.

minimum CSS for this module

Nov 24, 2009 at 10:45 AM

Because the currect styling of this module (module.css) didn't fit the design of the skin I am working on. I tried to come up with some kind of minimum styling for this module. See below:

.tweet
{
    border-bottom: solid 0px #333333;
    margin-bottom: 10px;
}
.tweet img
{
    display: block;
    float: left;
    padding: 5px 10px 0 0;
}

.tweet div
{
    padding: 0px;
    text-transform: lowercase;
    display: inline;
}

.tweet div, .tweet div a, span.twAuthor a, span.twDate
{
/* you might want to set the fontsize */
}
.twAuthor
{
    clear: both;
    padding: 0 0px 0 5px;
    
}
.twSearch
{
    padding-bottom: 5px;
}
.twSearch a
{
    padding-left: 5px;
}

Hope you find it helpful. There is still an issue with the cleartype rendering in IE7. This is because of the 'fade' transition in the jQuery part of the module. IMHO, this is something for the module developers to solve.

Note: I replaced the module.css with the above, I did not add it to the skin.css I tested on FF, IE7&IE8, Opera, Safari (on win) in a strict doctype.

Peter