the design blog: No Images Archives

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 //

Posted by hilary at 02:31 PM | Permalink | Comments (1) | TrackBacks (0)

Forest Green

A very simple green and white design that reminds me forestry, trees, simplicity.

Please remember to read the rules/requests and to link back to me.

Linking to me: (Cut and paste this into the Main Index where it says, 'Add your links here'.
<a href="http://design.lookingatstars.com/">Stylesheet By</a><br />

To get it working just replace the styles-site.css text with this:
body { margin:0px 0px 0px 0px; background:#FFF; text-align:center; background:#FFF; } A { color: #666; text-decoration: none; } A:link { color: #666; text-decoration: none; } A:visited { color: #666; text-decoration: none; } A:active { color: #666; text-decoration:none; } A:hover { color: #666; text-decoration:underline;} h1, h2, h3 { margin: 0px; padding: 0px; } #banner { text-align:center; font-family: palatino, georgia, verdana, arial, sans-serif; font-size: small; } .description { font-family:verdana, arial, sans-serif; font-size: x-small; color: #393; } #content { width:50%; margin:auto; text-align:left; padding:10px; } #container { background-color:#FFF; } #links { position:absolute; width:170px; top:70px; right:5px; padding:5px; } .blog { margin-top:30px; } .blogbody { text-align:left; font-family:verdana, arial, sans-serif; font-size: x-small; color: #393; margin-bottom:10px; padding:10px; border:1px solid #333; background:#FFF; } blogbody A { color: #9C9; text-decoration: none; } blogbody A:link { color: #9C9; text-decoration: none; } blogbody A:visited { color: #9C9; text-decoration: none; } blogbody A:active { color: #9C9; text-decoration:none; } blogbody A:hover { color: #9C9; text-decoration:underline;} .title { text-align:left; font-family:palatino, georgia, arial, serif; font-size: small; font-weight:bold; color: #333; } #menu { text-align:center; font-family:verdana, arial, serif; font-size: x-small; color: #393; } .date { text-align:center; font-family:verdana, arial, sans-serif; font-size: x-small; color: #333; margin-top:10px; } .posted { text-align:center; font-family:verdana, arial, sans-serif; font-size: x-small; color: #333; } .calendar { font-family:verdana, arial, sans-serif; font-size: x-small; padding:2px; color: #CCF; } .calendarhead { text-align:center; font-family:palatino, georgia, arial, serif; font-size: small; color: #9C9; } .side { text-align:center; font-family:verdana, arial, sans-serif; font-size: x-small; color: #393; margin-top:5px; } .sidetitle { margin-top:15px; text-align:center; font-family:palatino, georgia, arial, serif; font-size: small; font-weight:bold; color: #333; } .syndicate { margin-top:10px; text-align:center; font-family:palatino, georgia, arial, serif; font-size: small; font-weight:bold; color: #333; } .powered { margin-top:10px; text-align:center; font-family:palatino, georgia, arial, serif; font-size: small; font-weight:bold; color: #333; } .comments-body { text-align:left; font-family:verdana, arial, sans-serif; font-size: x-small; color: #333; background:#FFF; margin:10px; padding:5px; } .comments-post { margin-top:10px; text-align:left; font-family:verdana, arial, sans-serif; font-size: x-small; color: #9C9; } .trackback-url { text-align:center; font-family:verdana, arial, sans-serif; font-size: x-small; color: #333; } .trackback-body { text-align:center; font-family:verdana, arial, sans-serif; font-size: x-small; color: #9C9; } .trackback-post { text-align:left; font-family:verdana, arial, sans-serif; font-size: x-small; color: #9C9; } .comments-head { margin-top:10px; text-align:left; font-family:palatino, georgia, arial, serif; font-size: small; font-weight:bold; color: #333; } #banner-commentspop { text-align:left; background-color:9C9; font-family: palatino, georgia, verdana, arial, sans-serif; font-size: large; color:#333; } /*This was designed by Hilary. For more designs visit http://design.lookingatstars.com/ Please remember to link to me off your index page if you are using this site. */

Posted by hilary at 04:09 PM | Permalink | Comments (3) | TrackBacks (0)

Think Pink

Tired of gender-neutral Movable Type templates? Try this on for size.

Please remember to read the rules/requests and to link back to me. Also, please sign the guestbook. In return, I will link to you.

Linking to me: (Cut and paste this into the Main Index where it says, 'Add your links here'.
<a href="http://design.lookingatstars.com/">Stylesheet By</a><br />

Just replace the styles-site.css text with this:
body { background:#FFF; } A { color: #F69; text-decoration: none;} A:link { color: #F69; text-decoration: none; } A:visited { color: #F69; text-decoration: none; } A:active { color: #F06; } A:hover { color: #F06; } h1, h2, h3 { margin: 0px; padding: 0px; } #banner { font-family:"trebuchet ms", arial, sans-serif; color:#999; font-size:x-large; background:#FFF; font-weight:bold; } .description { font-family:verdana, arial, sans-serif; color:#999; font-size:x-small; font-weight:bold;; text-transform:none; letter-spacing: none; } #content { float:left; width:60%; border:5px solid #F69; margin:15px; } #links { float:right; width:25%; background:#FCC; margin-top:20px; margin-left:15px; margin-right:15px; height:100%; text-align:center; padding:5px; } .blog { padding:15px; } .blogbody { font-family:verdana, arial, sans-serif; color:#666; font-size:x-small; } .title { font-family: verdana, arial; font-size: small; color: #000; font-weight:bold; } #menu { margin-bottom:10px; font-size:small; font-weight:bold; font-family: verdana, arial; font-size: small; } .date { font-family:verdana, arial, sans-serif; font-size: xx-small; color: #999; font-weight:bold; padding-bottom:5px; margin-top:10px; } .posted { font-family:verdana, arial, sans-serif; font-size: x-small; color: #999; } .calendar { font-family:verdana, arial, sans-serif; color:#666; font-size:xx-small; font-weight:normal; padding:2px; text-align:center; margin-top:20px; margin-left:auto; } .calendarhead { font-family:verdana, arial, sans-serif; color:#000; font-size:x-small; font-weight:bold; background:#F69; text-align:center; padding:5px; } .side { font-family:verdana, arial, sans-serif; color:#999; font-size:xx-small; margin-top:10px; margin-bottom:10px; letter-spacing: .2em; } .sidetitle { font-family:verdana, arial, sans-serif; color:#000; font-size:x-small; font-weight:bold; letter-spacing: .2em; } .syndicate { font-family:verdana, arial, sans-serif; color:#999; font-size:x-small; font-weight:bold; margin-top:10px; letter-spacing: .2em; } .powered { font-family:verdana, arial, sans-serif; color:#999; font-size:x-small; font-weight:bold; margin-top:10px; letter-spacing: .2em; } .comments-body { font-family:verdana, arial, sans-serif; color:#666; font-size:small; font-weight:normal; background:#FFF; line-height:140%; padding-bottom:10px; } .comments-post { font-family:verdana, arial, sans-serif; color:#999; font-size:x-small; font-weight:normal; background:#FFF; margin-top:0px; } .comments-head { font-family:verdana, arial, sans-serif; font-size: small; color: #999; font-weight:bold; margin-top:10px; text-transform:uppercase; border-bottom:1px dotted #666; } .trackback-body { font-family:verdana, arial, sans-serif; color:#333; font-size:small; font-weight:normal; background:#FFF; line-height:140%; padding-top:15px; } .trackback-url { font-family:verdana, arial, sans-serif; color:#666; font-size:small; font-weight:normal; background:#FFF; line-height:140%; padding:5px; border:1px dashed #666; } .trackback-post { font-family:verdana, arial, sans-serif; color:#999; font-size:x-small; font-weight:normal; background:#FFF; margin-bottom:20px; } #banner-commentspop { font-family:verdana, arial, sans-serif; color:#CC9933; font-size:large; font-weight:bold; background:#FFF; padding-left:15px; } This stylesheet was designed by Hilary. For more designs visit http://design.lookingatstars.com/

Posted by hilary at 03:11 PM | Permalink | Comments (6) | TrackBacks (1)

the design blog

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

February 08, 2005

Minty Fresh

November 01, 2003

Forest Green

July 28, 2003

Think Pink