Blue Library
qey1i0%m@k*lpa4*m3#slcpams@d?lpf83japnve9:2vma#9*mdh=1bpT
Hi! This is the html library for all the template designs under Blue|Templates. Hopefully the codes would work without glitches. In the meanwhile, please respect the original work of the designer. You can also visit his personal blog here.
k w p * # A g d E
e r A o 2 9 3 G * 2 r y i f 9 0 e u A D J F v j 0 a d j f
<!--Design by bluepen, 06 September 2004-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<title>
<$BlogTitle$>
</title>
<style>
body{
padding:0px;
margin:0px;
background:white;
text-align:center;
}
#Container{
background:url('http://img.photobucket.com/albums/v373/plastictv/pilots003.jpg') no-repeat left;
position:absolute;
left:0px;right:0px;top:70px;bottom:auto;
width:100%;height:494px;
text-align:left;
border-top:black 1px solid;border-bottom:black 1px solid;
}
#Title{
position:absolute;
left:400px;right:auto;top:0px;bottom:auto;
font-size:80px;font-family:serif;font-weight:normal;
color:black;
padding-bottom:5px;
}
#Title:first-letter{
color:black;
font-weight:normal;font-size:50px;font-family:serif;
}
#PostArea{
position:absolute;
left:410px;right:auto;top:75px;bottom:auto;
width:430px;height:400px;
border: gray 1px solid;
padding-top:30px;
overflow:auto;
scrollbar-arrow-color: black;
scrollbar-track-color: white;
scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: white;
scrollbar-shadow-color: black;
}
.DateHeader{
font-size:13px;
text-align:left;
margin:10px 0px 10px 20px;
color:gray;
font-family:serif;font-style:italic;
}
.PostTitle{
font-family:serif;font-size:16px;
text-align:left;
}
.Post{
margin:0px 7px 50px 7px;
font-family:serif;font-size:15px;
text-align:left;
}
.PostFooter{
font-family:serif;font-size:10px;color:silver;
}
#Menu{
position:absolute;
left:860px;right:auto;top:100px;bottom:auto;
width:120px; height:370px;
font-size:12px;font-family:serif;
overflow:auto;
scrollbar-arrow-color: black;
scrollbar-track-color: white;
scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: white;
scrollbar-darkshadow-color: white;
scrollbar-shadow-color: white;
}
#Description{
margin-bottom:20px;
font-family:serif; font-size:13px;
}
#ArchiveLabel{
font-size:25px;weight:bold;
}
#ArchiveLabel:first-letter{
font-size:14px;
}
a{
color:#555;
text-decoration:none;
}
a:hover{
color:#999;
text-decoration:none;
}
#Author{
position:absolute;
left:0px;right:auto;top:562px;bottom:auto;
padding-left:25px;
font-family:serif;font-size:13px;font-style:italic;
}
</style>
<!--- Meta Information --->
<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />
</head>
<body>
<div id="Container">
<div id="Title">
<$BlogTitle$>
</div>
<div id="PostArea">
<Blogger>
<BlogDateHeader>
<div class="DateHeader">
<$BlogDateHeaderDate$>
</div>
</BlogDateHeader>
<div class="Post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<span class="PostTitle">
<$BlogItemTitle$>
</span>
</BlogItemTitle>
<$BlogItemBody$>
<br>
<br>
<span class="PostFooter">
Departed @ <a href="<$BlogItemPermalinkURL$>" title="direct link"><$BlogItemDateTime$></a><br><br>
</span>
</div>
</Blogger>
</div>
<div id="Menu">
<div id="ArchiveLabel">Left Behind</div>
Those i hate to but have to leave behind.
<br>
<br>
<div id="ArchiveLabel">Stopovers</div>
Links to other places along my journey.
<br>
<br>
<div id="ArchiveLabel">Memories</div>
<script type="text/javascript" language="Javascript">if (location.href.indexOf("archive")!=-1) document.write("<strong><a href=\"<$BlogURL$>\">Current Posts</a></strong><br />");</script>
<BloggerArchives>
<a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a><br>
</BloggerArchives>
<br>
<br>
<div id="Description">
<$BlogDescription$>
</div>
<br>
<br>
<a href="http://www.blogger.com" target=_blank><img width=88 height=31 src="http://buttons.blogger.com/bloggerbutton1.gif" border=0 alt="This page is powered by Blogger."></a>
<br>
<br>
<a href="http://photobucket.com" target=_blank><img width=88 height=28 src="http://pic.photobucket.com/bucket.gif" border=0 alt="Images hosted by Photobucket.com"></a>
<br>
<br>
</div>
</div>
<div id="Author">
Design by <a href="http://www.bluetemplates.blogspot.com" target=_blank>bluepen</a>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<title>
<$BlogTitle$>
</title>
<style>
body{
padding:0px;
margin:0px;
background:white;
text-align:center;
}
#Container{
background:url('http://img.photobucket.com/albums/v373/plastictv/pilots003.jpg') no-repeat left;
position:absolute;
left:0px;right:0px;top:70px;bottom:auto;
width:100%;height:494px;
text-align:left;
border-top:black 1px solid;border-bottom:black 1px solid;
}
#Title{
position:absolute;
left:400px;right:auto;top:0px;bottom:auto;
font-size:80px;font-family:serif;font-weight:normal;
color:black;
padding-bottom:5px;
}
#Title:first-letter{
color:black;
font-weight:normal;font-size:50px;font-family:serif;
}
#PostArea{
position:absolute;
left:410px;right:auto;top:75px;bottom:auto;
width:430px;height:400px;
border: gray 1px solid;
padding-top:30px;
overflow:auto;
scrollbar-arrow-color: black;
scrollbar-track-color: white;
scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: white;
scrollbar-shadow-color: black;
}
.DateHeader{
font-size:13px;
text-align:left;
margin:10px 0px 10px 20px;
color:gray;
font-family:serif;font-style:italic;
}
.PostTitle{
font-family:serif;font-size:16px;
text-align:left;
}
.Post{
margin:0px 7px 50px 7px;
font-family:serif;font-size:15px;
text-align:left;
}
.PostFooter{
font-family:serif;font-size:10px;color:silver;
}
#Menu{
position:absolute;
left:860px;right:auto;top:100px;bottom:auto;
width:120px; height:370px;
font-size:12px;font-family:serif;
overflow:auto;
scrollbar-arrow-color: black;
scrollbar-track-color: white;
scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: white;
scrollbar-darkshadow-color: white;
scrollbar-shadow-color: white;
}
#Description{
margin-bottom:20px;
font-family:serif; font-size:13px;
}
#ArchiveLabel{
font-size:25px;weight:bold;
}
#ArchiveLabel:first-letter{
font-size:14px;
}
a{
color:#555;
text-decoration:none;
}
a:hover{
color:#999;
text-decoration:none;
}
#Author{
position:absolute;
left:0px;right:auto;top:562px;bottom:auto;
padding-left:25px;
font-family:serif;font-size:13px;font-style:italic;
}
</style>
<!--- Meta Information --->
<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />
</head>
<body>
<div id="Container">
<div id="Title">
<$BlogTitle$>
</div>
<div id="PostArea">
<Blogger>
<BlogDateHeader>
<div class="DateHeader">
<$BlogDateHeaderDate$>
</div>
</BlogDateHeader>
<div class="Post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<span class="PostTitle">
<$BlogItemTitle$>
</span>
</BlogItemTitle>
<$BlogItemBody$>
<br>
<br>
<span class="PostFooter">
Departed @ <a href="<$BlogItemPermalinkURL$>" title="direct link"><$BlogItemDateTime$></a><br><br>
</span>
</div>
</Blogger>
</div>
<div id="Menu">
<div id="ArchiveLabel">Left Behind</div>
Those i hate to but have to leave behind.
<br>
<br>
<div id="ArchiveLabel">Stopovers</div>
Links to other places along my journey.
<br>
<br>
<div id="ArchiveLabel">Memories</div>
<script type="text/javascript" language="Javascript">if (location.href.indexOf("archive")!=-1) document.write("<strong><a href=\"<$BlogURL$>\">Current Posts</a></strong><br />");</script>
<BloggerArchives>
<a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a><br>
</BloggerArchives>
<br>
<br>
<div id="Description">
<$BlogDescription$>
</div>
<br>
<br>
<a href="http://www.blogger.com" target=_blank><img width=88 height=31 src="http://buttons.blogger.com/bloggerbutton1.gif" border=0 alt="This page is powered by Blogger."></a>
<br>
<br>
<a href="http://photobucket.com" target=_blank><img width=88 height=28 src="http://pic.photobucket.com/bucket.gif" border=0 alt="Images hosted by Photobucket.com"></a>
<br>
<br>
</div>
</div>
<div id="Author">
Design by <a href="http://www.bluetemplates.blogspot.com" target=_blank>bluepen</a>
</div>
</body>
</html>
D f u a 0 w e @ # R U 9 D 0 F U D 5 n # r w D F U a D e v E l Y n 3 p & 3 U R E z
