the design blog: Minty Fresh

I'm currently using a modified version of this simple design for my vanity site. Please ensure that you retain the link back to this site (at the bottom of the index page.)

For the Main Index

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

function OpenTrackback (c) {
    window.open(c,
                    'trackback',
                    'width=480,height=480,scrollbars=yes,status=yes');
}
</script>

</head>

<body>

<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName$></a></h1>
<span class="description"><$MTBlogDescription$></span>
</div>

<div id="blogright">
<div class="sidetitle">Recent Entries</div>
<div class="side">
<MTEntries lastn="5" offset="1">
<a href="<$MTEntryLink$>"><$MTEntryTitle$></a>
</MTEntries>
</div>
<div class="sidetitle">Links</div>
<div class="side"><a href="http://www.YOURLINK.com">ADD YOUR LINKS HERE</a></div>
</div

<div class="blogbody">
	
	<a name="<$MTEntryID pad="1"$>"></a>
	<h3 class="title"><$MTEntryTitle$></h3>
	
	<$MTEntryBody$>
	
	<MTEntryIfExtended>
	<span class="extended"><a href="<$MTEntryPermalink$>#more">Continue reading "<$MTEntryTitle$>"</a></span><br />
	</MTEntryIfExtended>
	
	<div class="posted">Posted by <$MTEntryAuthor$> at <a href="<$MTEntryPermalink$>"><$MTEntryDate format="%X"$></a>
	<MTEntryIfAllowComments>
	| <a href="<$MTCGIPath$><$MTCommentScript$>?entry_id=<$MTEntryID$>" onclick="OpenComments(this.href); return false">Comments (<$MTEntryCommentCount$>)</a>
	</MTEntryIfAllowComments>
	<MTEntryIfAllowPings>
	| <a href="<$MTCGIPath$><$MTTrackbackScript$>?__mode=view&entry_id=<$MTEntryID$>" onclick="OpenTrackback(this.href); return false">TrackBack (<$MTEntryTrackbackCount$>)</a>
	</MTEntryIfAllowPings>
	</div></div></MTEntries>

</div>
	
</div>

<ul id="menu">
<li><a href="<$MTBlogCCLicenseURL$>">License</a></li>
<li><a href="http://www.movabletype.org">Movable Type <$MTVersion$></a></li>
<li><a href="<$MTBlogURL$>index.rdf">(XML)</a></li>
<li><a href="http://design.lookingatstars.com/">Design</li>

</ul>

</div>

</body>

</html>

For the stylesheet, styles-site.css

html,body {height:100%;}

body {
		margin:0px 0px 20px 0px;
		background:#FFF;
		text-align:center;	
		}

A:link		{ color: #993; text-decoration:none;}
	A:visited		{ color: #993; text-decoration:none;}
	A:active		{ color: #993;  text-decoration:none;}
	A:hover		{ color: #993; text-decoration:underline;}

h1, h2, h3 {
		margin: 0px;
		padding: 0px;
		}

blockquote {
		font-size: 100%; font-family: "Courier New", Courier, monospace;
		}

#banner {
              text-align:left;
              height:75px;
              width:650px;
              margin-left: auto;
              margin-right:auto;
              font-family:georgia, times new roman, serif;
              font-size:medium;
              font-weight:bold;
              background:#FFF;
              padding-top:10px;
		}

#banner A:link		{ color: #9C9; text-decoration:none;}
	#banner A:visited		{ color: #9C9; text-decoration:none;}
	#banner A:active		{ color: #9C9;  text-decoration:none;}
	#banner A:hover		{ color: #9C9; text-decoration:underline;}
				
	#content {
		background:#FFF;
		width:650px;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:20px;
		height:500px;
		}

#container {
		background:#FFF;
		width:650px;	
		margin-right:auto;
		margin-left:auto;
		}

#links
		{
		width:650px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5px;
		}

#menu {
  		margin-top:10px;
  		margin-bottom:10px;
		text-align:center;
		padding:10px;
		font-family: verdana, arial, sans-serif;
		font-size: small;
		}

#menu li
		{
		display: inline;
		list-style-type: none;
		padding-right: 20px;
		font-family: verdana, arial, sans-serif;
		font-size: small;
		}

#blog {	
		padding:10px;
		background:#FFF;
 		width:400px;
		border:2px solid #CC9;
		height:inherit;
        	overflow:auto;
		}

#blogright {
		float:right;
		padding:10px;
		background:#9C9;
		width:200px;
        	height:inherit;
        	overflow:hidden;
		}

.blogbody {
		font-family: verdana, arial, sans-serif;
		color:#333;
		font-size:x-small;
		font-weight:normal;
  		background:#FFF;
  		line-height:200%;
  		text-align:left;
        	padding:15px;
		}

.blogbody img {
		border:4px solid #CC9;
		}

.title	{
		font-family: georgia, times new roman, serif;
		font-size: small;
		color: #666;
		text-align:right;
		}

.date	{ 
		font-family:verdana, arial, sans-serif; 
		font-size: x-small; 
		color: #CC9;
		text-align:right;
  		text-transform:lowercase;
		}			
		
	.posted	{ 
		font-family:verdana, arial, sans-serif; 
		font-size: x-small; 
		color: #000000; 
		margin-bottom:25px;
		text-align:left;
		}		
	
	.side {
		font-family:verdana, arial, sans-serif;
		color:#333;
		font-size:x-small;
  		line-height:140%;
  		padding:2px;
		text-align:right;			
		}
		
	.sidetitle {
		font-family: georgia, times new roman, serif;
		font-size: small;
		color: #666;
		text-align:right;
		text-transform:lowercase;
		}		
	
	.comments-body {
		font-family: verdana, arial, sans-serif;
		color:#333;
		font-size:x-small;
		font-weight:normal;
  		background:#FFF;
  		line-height:200%;
  		text-align:left;
        	margin-left:15px;
        	margin-right:15px;
		}

.comments-post {
		font-family: verdana, arial, sans-serif;
		color:#333;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:200%;
  		text-align:left;
  		padding:10px;
  		margin:10px;
        	margin-left:15px;
        	margin-right:15px;
		}	
			
	.trackback-url {
		font-family:verdana, arial, sans-serif;
		color:#333;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
 		padding:5px;
		text-align:left;					
		}

.trackback-body {
		font-family: verdana, arial, sans-serif;
		color:#333;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:200%;
 		padding-bottom:10px;
  		padding-top:10px;		
 		border-bottom:1px dotted #999; 						text-align:left;
        	margin-left:15px;
        	margin-right:15px;
		}

.trackback-post {
		font-family: verdana, arial, sans-serif;
		color:#333;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:200%;
 		padding-bottom:10px;
  		padding-top:10px;		
 		border-bottom:1px dotted #999; 						text-align:left;
		}

.comments-head	{ 
		font-family: georgia, times new roman, serif;
		font-size: small;
		color: #666;
		text-align:right;
		}

#banner-commentspop {
		font-family: verdana, arial, sans-serif;
		color:#333;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:200%;
 		padding-bottom:10px;
  		padding-top:10px;		
 		border-bottom:1px dotted #999; 						text-align:left;
		}

//Design by Hilary; more style-sheets at http://design.lookingatstars.com //

Comments

Very nice blog!

Posted by: Merry | November 2, 2005 08:13 AM

the design blog

Freeware templates and styles for Movable Type and Diaryland blogs, diaries, journals et cetera.

Minty Fresh

TrackBack

Comments

Post a comment