MTStyle

Recently Movable Style has attracted quite a few visitors (current at around 200-300 unique visitors per day), and sorry if I have not updated the site or respond to your comments. I have been busy just moved to a new place that needs lots of work, wife expecting a baby in July, lots of demand at work, working with new students at church, etc. I will try to answer some of your questions this entry, and hopefully when I finally have more time on hand (if ever), I would go back to work on more styles.

I have just created a new style that utilises position: relative to move the display of date to the side of the blog entries. Adding borders of different width, and I am trying to give it a modern look. Most of the time is spent on getting it to work on Internet Explorer, which makes funny rendering when I started adding some paddings. At the end, I figured that it is better to use margin than padding, in cases where both of them create the same effect, as somehow IE calculates the position better with it.

Thanks to suggestion from Eaden, cascading style sheets on Movable Style will be dual licensed. Currently it is licensed under Creative Common Attribution 1.0, which requires everyone who uses of MT styles created by me to give credit to me. That includes all the styles listed except Movable Type default styles (copyright Six Aprt) and Lovingrey (copyright Wavez). Now these styles can also be licensed under GNU Public License 2, so that it can be modified and included into another weblogging tool, like PHP/Smarty based BBlog.

We have the first style submission yesterday. Wavez modified my Purple Orange theme, and created a dark-grey'ish Movable Type style called "Lovingrey", and have requested to be included here. Apply Lovingrey style

Here's a new Movale Type style that I've created with an image from the Matrix Reloaded poster. Apply Matrix Code style

I have been trying to come up with a style that assembles the look of Apple's operating system, but has found it quite difficult without modifying the template file, as the UI is quite graphical intensive with lots of images pasted here and there. Maybe it is just my CSS skill not mature enough…

I have recently registered the domain movablestyle.com, and will serve this site at that same domain, using a separate MovableType database. It will still be on the same old home build Linux server through ADSL through.

One feature in the latest Mozilla Firebird is the ability to easily switch between different alternate stylesheets provided by the document. It allows the author of the site to provide personalised look ‘n’ feel, without changing the HTML source dynamically. I think it also makes sense for MovableStyle to implement this standard, by including all the alternate style sheets in the HTML.

For the themes that I have created so far, you can see that I usually favour bright cold colour (either green or blue with white background). I decided that I want to try out something different today, and a warm orange colour as the main theme.

I have been reading Slashdot for at least 5-6 years I think, and it has to be one of the pioneers of weblogs. Even through it pushes out dozens of technology-related news everyday, Slashdot's HTML is still using HTML3.2 with lots of in-line formattings that are obsolete in today's HTML4/XHTML era. It is actually not that hard porting the look and feel of Slashdot over to Movable Type, and I think more and more I felt the "real challenge" comes from the MT's default template. There are many tricks that I would like to do but would require changes to the default template...

Getting sick of border of different shade wrapping around each other? This style is much plainer than the previous boxed styles. It places the #links side bar to the right hand side, flowing down from the very top of the page.

Well. There is nothing new in this one, but turning the previous style into a different colour theme, to prove that it is actually easy to take an existing style and change its colours. Boxed Theme in Green

I've created a style that has bolders in neverly every DIV's, to help me to visualise the actual boundary. It has a gray scale theme, and #content and #links are positioned using absolute position. Here's the theme: Boxed Theme

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.

These are the default stylesheets listed on the Movable Type website. These are probably the most common styles you’ll see around the web.

I am starting this new blog to collect good CSS style sheets that work with the stock Movable Type template. Movable Type is powerful, and with its template engine, one can customise an unique blogsite by editing the templates. However, many people with a blogsite on the Internet simply aren't capable of working with HTML and CSS. Some people aren't really bothered with it.