TypePad-Look-Alike Stylesheet
This is the first stylesheet that I've done for MovableStyle site! Well. The look 'n' feel is nothing original, but imitate many existing sites on TypePad.com, including Claudine's beta testing site.
It was a quick hack job, and I think quite a few parts still does not appear to work. I think I'll come back later to get the comment listing/preview and trackback listing to work. There are also some glitches due to differences between the MovableType and TypePad templates.
<p>First of all, I cannot get
the banner and content to centred on the page, due to the way MovableType stock template is structured. On TypePad, it is structured like this:
<body>
<div id="container">
<div id="banner" />
<div id="content" />
<div id="right" />
</div>
</body>
Where as in MT, the index page template has the following structure:
<body>
<div id="banner" />
<div id="content" />
<div id="links" />
</body>
The contents that need to be centred are not wrapped inside another DIV with margin-left and margin-right set to auto, and so far I have not found a way to move #content and #links next to each other yet centred in the page. I realise that I could use IE's expression style to calculate the left/right margin, but then Mozilla users will loose out. At the end, I just set up a fixed margin (10%) on the left/right.
){kind=avatar}