Movalog - All Things Movable Type
All Things Movable Type !
Movalog Sideblog Directory Plugins Styles/Themes Planet Movable Type Support Forums About You're Done
It's done! Your new CSS Stylesheet has been built, with over 700 lines of styles generated, it's probably saved you an hour's worth of time. Want to chip in five bucks as a thank you? It'd be very appreciated and would support the continued developement of this and other cool tools

   
To obtain the CSS Stylesheet, just copy and paste your CSS from the box below, or click the link to download your new CSS file.

 /* Created using the Movable Type Style Generator <http://styles.movalog.com/generator/> */
/* $Id: base-weblog.css 14515 2005-07-12 00:01:26Z mpaschal $ */

/* basic elements */

html
{
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
}

body
{
	margin: 0;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
	margin-top: 10px;
	margin-bottom: 10px;
}


/* standard helper classes */

.clr
{
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */

body { text-align: center; } /* center on ie */

#container
{
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 720px;
	text-align: left;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta
{
	display: inline; /* ie win bugfix */
	position: relative;
	float: left;
	min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
	position: static;
}


/* banner user/photo */

.banner-user
{
	float: left;
	overflow: hidden;
	width: 64px;
	margin: 0 15px 0 0;
	border: 0;
	padding: 0;
	text-align: center;
}

.banner-user-photo
{
	display: block;
	margin: 0 0 2px 0;
	border: 0;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	text-decoration: none !important;
}

.banner-user-photo img
{
	width: 64px;
	height: auto;
	margin: 0;
	border: 0;
	padding: 0;
}


/* content */

.content-nav
{
	margin: 10px;
	text-align: center;
}

.date-header,
.entry-content
{
	position: static;
	clear: both;
}

.entry,
.trackbacks,
.comments,
.archive
{
	position: static;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
	clear: both;
	margin: 5px 10px;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
	clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
	clear: both;
	margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 240px;
}

#comment-bake-cookie
{
	margin-left: 0;
	vertical-align: middle;
}

#comment-post
{
	font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail
{
	float: left;
	width: 115px;
	margin: 0 10px 10px 0;
}

.image-thumbnail img
{
	width: 115px;
	height: 115px;
	margin: 0 0 2px 0;
}


/* modules */

.module
{
	position: relative;
	overflow: hidden;
	width: 100%;
}

.module-content
{
	position: relative;
	margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.module-list-item
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table
{
	border-collapse: collapse;
}

.module-calendar .module-content th,
.module-calendar .module-content td
{
	width: 14%;
	text-align: center;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item
{
	display: block;
	clear: both;
	margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail
{
	float: left;
	min-width: 60px;
	width: 60px;
	/* no ie mac \*/width: auto;/* */
	margin: 0 5px 0 0;
	text-align: center;
	vertical-align: middle;
}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description
{
	margin: 0;
	padding: 5px;
}

.module-featured-photo .module-content,
.module-photo .module-content
{
	margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list
{
	display: block;
	height: 1%;
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item
{
	display: block;
	float: left;
	/* ie win fix \*/ height: 1%; /**/
	margin: 0;
	border: 0;
	padding: 0;
}

.module-recent-photos .module-list-item a
{
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
}

.module-recent-photos .module-list-item img
{
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
}


/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td
{
	width: 14%;
	height: 75px;
	text-align: left;
	vertical-align: top;
}

.day-photo
{
	width: 54px;
	height: 54px;
}

.day-photo a
{
	display: block;
}

.day-photo a img
{
	width: 50px;
	height: 50px;
}

/* * theme * */

/* basic page elements */

body
{
	font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
	font-size: 12px;
}

a { color: #660099; text-decoration: underline; }
a:hover { color: #FF0000; }

#banner a { color: #FFFFFF; text-decoration: none; }
#banner a:hover { color: #FFFFFF; }

h1, h2, h3, h4, h5, h6
{
	font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
   /* ie win (5, 5.5, 6) bugfix */
   p\osition: relative;
   width: 100%;
   w\idth: auto;

   margin: 0;
border-left: 5px solid #36414d;
   padding: 5px;
	color: #FFFFFF;
	background: #a3b8cc;
	font-size: x-small;
font-weight:bold;   line-height: 1;

}

.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover
{
	color: #FFFFFF;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{
	font-size: px;
}


/* page layout */

body
{
	min-width: 720px;
	color: #333;
	background: #FF0000;
	background-image: url("");	background-repeat: no-repeat;	
}

#container
{
	width: 720px;	margin-bottom: 20px;
	background: #dae0e6;

}

#container-inner
{
border-top: 1px solid #cfd4d9;
border-right: 5px solid #292E33;
border-bottom: 5px solid #292E33;
border-left: 5px solid #292E33;
}

#banner
{
	width: 100%; 
	background-color: #FF0000;
	background-image: url("https://nettarkivet.nb.no/search/nb/20070603210204oe_/http://iktmoduler.hive.no/bugarden/08b/08buzioku/Zionas%20Blogg.jpg");	background-repeat: repeat-x;
	height: 200px;
}

#banner-inner
{
	padding: 15px 13px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF;
	
}

#banner-header
{
	margin: 0;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	color: #FFFFFF;
	font-size: x-large;
	text-align: left;
font-weight:bold;	line-height: 1;
}

#banner-description
{
	margin-top: 5px;
	margin-bottom: 0;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	color: #660099;
	font-size: small;
	text-align: left;
font-weight:bold;	background: none;
	line-height: 1.125;
}

#alpha { float:left; margin: 15px 15px 0 15px; width: 480px; background: #FFCCCC; }
#beta { float:right; width: 200px; background: #FFCCCC; }
#gamma, #delta { float:right; width: 180px; background: #FFCCCC; }

#beta-inner,
#gamma-inner,
#delta-inner
{
   padding: 10px 10px 0 10px;
   border-width: 2px 2px 2px 0;
   border-style: solid;
   border-color: #fff;
}


	#alpha-inner {
		padding: 10px 10px 0 10px;
	border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
	
	}

	#beta-inner {
		padding: 10px 10px 0 10px;
	border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
	
	}

	
	#gamma-inner {
		padding: 10px 10px 0 10px;
	border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
	
	}	

.date-header
{
	margin-top: 0;
	background: #FFFFFF;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	text-align:left;
	color: #333333;
	font-size: x-small;
font-weight:bold;text-transform:uppercase;	
}

.entry-header
{
	margin-top: 0;
	background: #FFFFFF;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	text-align:left;
	color: #666666;
	font-size: small;
font-weight:bold;	padding: 5px;
border-left: 5px solid #dae0e6;
		
}

.entry-content,
.comment-content,
.trackback-content
{
	background: #FFFFFF;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	text-align:left;
	color: #333333;
	font-size: small;
	
	margin: 0;
	line-height: 1.5;
}

.entry-footer,
.comment-footer,
.trackback-footer
{
	background: #FFFFFF;
	margin: 0 0 20px 0;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	text-align:right;
	color: #666666;
	font-size: x-small;
border-top: 1px solid #dae0e6;
	
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
	margin-left: 10px;
}

.content-nav { margin-top: 0; }

#trackbacks-info
{
	margin: 10px 0;
	border: 1px dashed #a3b8cc;
	padding: 0 10px;
	color: #292e33;
	font-size: 11px;
	background: #e6ecf2;
}

.comments-open-footer
{
	margin: 10px 0;
}


/* modules */

.module
{
	margin: 0 0 10px 0;
	
}

.module-content
{
	margin: 0 0 10px 0;
	padding: 10px 10px 0 10px;
	line-height: 1.2;
	background: ;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	text-align:left;
	color: ;
	font-size: x-small;
border-top: 1px solid #cfd4d9;
	
}

.module-calendar .module-content { margin: 5px 0 15px 0; }

.module-mmt-calendar .module-content table,
.module-calendar .module-content table
{
	font-size: 10px;
}

.module-powered { border-width: 0; }
.module-powered .module-content
{
	margin-bottom: 0;
	padding-bottom: 10px;
	background: #FFFFFF;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	text-align:left;
	color: #292e33;
	font-size: x-small;
border-top: 1px dashed a3b8cc;
border-right: 1px dashed a3b8cc;
border-bottom: 1px dashed a3b8cc;
border-left: 1px dashed a3b8cc;
	
}

.module-photo { background: none; }
.module-photo img { border: solid 1px #fff; }

.module-list
{
	margin: 0 15px 10px 15px;
	list-style: disc;
}

.module-list .module-list
{
	margin: 5px 0 0 0;
	padding-left: 15px;
	list-style: circle;
}

.module-list-item
{
	margin-top: 0;
	color: #666;
	line-height: 1.2;
}

.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }

.module-photo img { border: 3px solid #fff; }


/* comments */

textarea[id="comment-text"] { width: 80%; }

.commenter-profile img
{
	vertical-align: middle;
	border-width: 0;
}


/* one-column tweaks */

   .layout-one-column body { min-width: 520px; }
   .layout-one-column #container { width: 520px; }
   .layout-one-column #banner { width: 100%; } /* necessary for ie win */


/* two-column-left tweaks */

   .layout-two-column-left #alpha
   {
      margin: 0;
      width: 200px;      background: #FFCCCC;
      float:left;
   }

   .layout-two-column-left #alpha-inner
   {
      padding: 10px 10px 0 10px;
	border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
   }

   .layout-two-column-left #beta
   {
   	float:right;
      margin: 15px 15px 0 15px;
      width: 480px;      background: #FFCCCC;
   }

   .layout-two-column-left #beta-inner
   {
      padding: 0;
      border-width: 0;
   }


/* three-column tweaks */

   .layout-three-column #alpha
   {
      margin: 0;
      width: 180px;      background: #FFCCCC;
      float:left;
   }

   .layout-three-column #alpha-inner
   {
      padding: 10px 10px 0 10px;
	border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
   }

   .layout-three-column #beta
   {
   	float:left;
      margin: 15px 15px 0 15px;
      width: 320px;      background: #FFCCCC;
   }

   .layout-three-column #beta-inner
   {
      padding: 0;
      border-width: 0;
   }
   
   .layout-three-column #gamma
   {
      margin: 0;
       width: 180px;      background: #FFCCCC;
      float:right;
   }

   .layout-three-column #gamma-inner
   {
      padding: 10px 10px 0 10px;
	border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
   }   
 


Unsure what to do next? Perhaps the following docs will help:

Movable Type Users: Ch 3: Templates and Layout 
Typepad Pro Users: Custom CSS 
   
Search
 
Sponsors 
He manages his MT blog with a Calendar. 
 
New blog client enables you to View, Organize and Print by Day, Week & Month.

Schedule blog entries to publish automatically to your blog without pushing a button. 

Integrated, drag & drop content from Google Blog Search, Bloglines, Technorati, Yahoo News, Del.icio.us, Flickr, Furl and more. 
Read More... 
 
Host Your Own Blog! 
 
Host Your Own Web Site.
Add a Photo Gallery.
Get Personalized E-mail.
Be in Control.

FusionRays.com offers reliable and affordable web hosting services. 
Read More... 
 
Advertise here 

Stay Updated
 Subscribe:
  
Subscribe (RSS Feed)
[What is this?] 
Sideblog 
# 0 Eat Drink Sleep Movable Type : Dan's very creative new Movable Type site. I love the theme of a restaurant, very creative indeed.

# 0 Kubrick Theme for 3.2 : The Kubrick theme has been re-ported over to Movable Type but this time it supports the new templates. Great work Kevin!

# 0 Enhanced Berkeley DB Conversions : Chad makes some much needed improvements to the mtdb2sql.cgi script so converting from Berkeley DB to an SQL database should be easier and more grief-free. 

# 0 SpamLookup's Keyword Filter Explained : David Phillips explains SpamLookup's Keyword Filter, how its similar to MT Blacklist and how its different.

# 0 Auto-delete junk comment/trackback script for MT 3.2 : MT will only "auto-delete" junk comments and trackbacks when you browse to a weblog's main admin page in MT. This script truly automates the procedure through a cron command.

More Entries » 
Categories
All Entries by Category

Announcements [XML] 
Code Snippets [XML] 
Dynamic [XML] 
General [XML] 
Hacks [XML] 
Mini Hacks [XML] 
MT News [XML] 
Plugins [XML] 
Ajaxify [XML] 
Blogroll [XML] 
CustomFields [XML] 
InlineEditor [XML] 
MT Tabs [XML] 
PowerRebuild [XML] 
Protect [XML] 
Templates [XML] 
Archiving [XML] 
Index [XML] 
RSS [XML] 
Weblog Design [XML] 
Resources
Learning Movable Type

Movable Tweak

Eat Drink Sleep Movable Type

MT Documentation

MT Wiki

MT Support Forums

MT Plugins

Six Apart ProNet

Code Beautifier



 

Movalog Copyright ©2004-2005 Arvind Satyanarayan All Rights Reserved (unless otherwise specified).
143 Entries | 903 Comments | Movable Type 3.2 | Banner originally by Amit Karmakar
This blog has been up for 1 year, 14 weeks, 1 days, 32 minutes,