Creative Web Development - CSS, XHTML, Javascript and RTML for Yahoo Store

Quick CSS code for Movable Type Power Editing Mode

In Movable Type, there's a Power Editing mode that allows you to bulk-edit the following: Publish State, Name, Author, Category, and Date. It's a bit clunky (like most web forms tend to be), because it's made to be accessable...but I like small fonts. So, here's the code I use in my Firefox sidebar (Ctrl+Shift+E if you have the Web Developer's Toolbar installed) that allows it to fit perfectly in my 1280x1024 monitor with the sidebar as small as it can be.

select {font-size: 10px;}
#list-entry table.compact tr td + td input {font-size: 10px; width: 525px;}
#list-entry table.compact tr td + td + td input {font-size: 10px; width: 110px;}

Tags

css, movable type, power+editing, blog, blogging, firefox, sidebar, shortcut, web, developer, toolbar

posted by steve at 12:36 AM