All pastes #125201 Raw Edit

Mine

public text v1 · immutable
·published 2006-08-10 13:52 UTC
rendered paste body
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

  <title><$BlogPageTitle$></title>

  <$BlogMetaData$>

  <style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Name:     Dots Dark
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
----------------------------------------------- */


body {
  background:#123 url("http://img99.imageshack.us/img99/7091/afd3.jpg") 50% 0;
  margin:0;
  padding:0 10px;
  text-align:center;
  font:x-small Verdana,Arial,Sans-serif;
  color:#abc;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
/* Page Structure
----------------------------------------------- */
@media all {
  #content {
    background:url("") no-repeat px px;
    width:700px;
    margin:0 auto;
    padding:30px 0;
    text-align:left;
    }
  #main {
    width:450px;
    float:right;
    padding:px 0 0;
    font-size:85%;
    }
  #main2 {
    background:url("http://img137.imageshack.us/img137/5308/bnc1.jpg") -100px -100px;
    padding:20px 10px 15px;
    }
  #sidebar {
    width:200px;
    float:left;
    font-size:85%;
    padding-bottom:20px;
    }
  #sidebar2 {
    background:url("http://img137.imageshack.us/img137/5308/bnc1.jpg") 150px -50px;
    padding:5px 10px 15px;
    width:200px;
    width/* */:/**/180px;
    width: /**/180px;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  #sidebar2 {
    width:100%;
    }
  }


/* Title & Description
----------------------------------------------- */
@media all {
  #blog-title {
    margin:0 0 .5em;
    font:bold 250%/1.4em Helvetica,Arial,Sans-serif;
    color:#8dd;
    text-transform:lowercase;
    }
  #blog-title a {
    color:#8cc;
    text-decoration:none;
    }
  #description {
    margin:0 0 1.75em;
    color:#9c7;
    }
  #blog-mobile-title {
    display:none;
    }
  #description-mobile {
    display:none;
    }
  }
@media handheld {
  #blog-title {
    display:none;
    }
  #description {
    display:none;
    }
  #blog-mobile-title {
    display:block;
    margin:0 0 .5em;
    font:bold 250%/1.4em Helvetica,Arial,Sans-serif;
    color:#8dd;
    text-transform:lowercase;
    }
  #blog-mobile-title a {
    color:#8cc;
    text-decoration:none;
    }
  #description-mobile {
    display:block;
    margin:0 0 1.75em;
    color:#9c7;
    }
  }


/* Links
----------------------------------------------- */
a:link {
  color:#da7;
  }
a:visited {
  color:#799;
  }
a:hover {
  color:#fff;
  }
a img {
  border-width:0;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:0 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted #567;
  font:bold 100%/1.4em Verdana,San-serif;
  text-transform:lowercase;
  color:#7bc;
  }
.post {
  margin:0 0 2.5em;
  line-height:1.6em;
  }
.post-title {
  margin:.25em 0;
  font:bold 130%/1.4em Verdana,San-serif;
  color:#ad8;
  }
.post-title a, .post-title strong {
  background:url("") no-repeat 0 .25em;
  display:block;
  color:#ad8;
  text-decoration:none;
  padding:0 0 1px 45px;
  }
.post-title a:hover {
  color:#fff;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  margin:0;
  text-align:right;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  color:#9c7;
  }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("") no-repeat 0 .25em;
  padding-left:15px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("") no-repeat 0 .25em;
  padding-left:15px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #567;
  }


/* Comments
----------------------------------------------- */
#comments {
  margin:0;
  }
#comments h4 {
  margin:0 0 10px;
  border-top:1px dotted #567;
  padding-top:.5em;
  font:bold 110%/1.4em Verdana,Sans-serif;
  color:#9c7;
  }
#comments-block {
  line-height:1.6em;
  }
.comment-poster {
  background:url("http://www.kwa-kwa.wz.cz/cervena.jpg") no-repeat 2px .35em;
  margin:.5em 0 0;
  padding:0 0 0 20px;
  font-weight:bold;
  color:#9ab;
  }
.comment-body {
  margin:0;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#996;
  }
.comment-timestamp a:link {
  color:#996;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

/* More Sidebar Content
----------------------------------------------- */
.sidebar-title {
  margin:2em 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted #567;
  font:bold 100%/1.4em Verdana,San-serif;
  text-transform:lowercase;
  color:#7bc;
  }
#sidebar p {
  margin:0 0 .75em;
  line-height:1.6em;
  }
#sidebar ul {
  margin:.5em 0 1em;
  padding:0 0px;
  list-style:none;
  line-height:1.5em;
  }
#sidebar ul li {
  background:url("") no-repeat 3px .45em;
  margin:0;
  padding:0 0 5px 15px;
  }
#sidebar p {
  margin:0 0 .6em;
  }


/* Profile
----------------------------------------------- */
.profile-datablock {
  margin:0 0 1em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  margin:0 8px 5px 0;
  border:4px solid #345;
  }
.profile-data {
  margin:0;
  line-height:1.5em;
  }
.profile-data strong {
  display:block;
  }
.profile-textblock {
  clear:left;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:15px 0 0;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  }
  </style>

</head>



<body>



<!-- Begin #content -->

<div id="content">




<!-- Begin #main - Contains main-column blog content -->

<div id="main"><div id="main2">

  <h1 id="blog-mobile-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
	<$BlogTitle$>
	<ItemPage></a></ItemPage>
  </h1>

    <p id="description-mobile"><$BlogDescription$></p>

<Blogger>

    <BlogDateHeader>
  <h2 class="date-header"><$BlogDateHeaderDate$></h2>
  </BlogDateHeader>

         <!-- Begin .post -->

  <div class="post"><a name="<$BlogItemNumber$>"></a>

         <BlogItemTitle>

    <h3 class="post-title">
	 <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
	 <$BlogItemTitle$>
	 <BlogItemUrl></a></BlogItemUrl>
    </h3>
    </BlogItemTitle>

         <div class="post-body">
	<p>
      <$BlogItemBody$>
    </p>

    </div>

        <p class="post-footer">

      <em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>&nbsp;

      <MainOrArchivePage><BlogItemCommentsEnabled>
         <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a>

      </BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage> <$BlogItemControl$>

    </p>

    </div>

  <!-- End .post -->

        <!-- Begin #comments -->
 <ItemPage>
  <div id="comments">

	<BlogItemCommentsEnabled><a name="comments"></a>

        <h4><$BlogItemCommentCount$> Comments:</h4>

        <dl id="comments-block">
      <BlogItemComments>

      <dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>

        <$BlogCommentAuthor$> said...

      </dt>

      <dd class="comment-body">

        <p><$BlogCommentBody$></p>

      </dd>

      <dd class="comment-timestamp"><a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
	  <$BlogCommentDeleteIcon$>
      </dd>

      </BlogItemComments>

    </dl>
		<p class="comment-timestamp">
    <$BlogItemCreate$>
    </p>
    </BlogItemCommentsEnabled>	    
    <BlogItemBacklinksEnabled>
    <a name="links"></a><h4>Links to this post:</h4>
    <dl id="comments-block">
    <BlogItemBacklinks>
        <dt class="comment-title">
        <$BlogBacklinkControl$>
        <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
        </dt>
        <dd class="comment-body"><$BlogBacklinkSnippet$>
        <br />
        <span class="comment-poster">
        <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
        </span>
        </dd>
    </BlogItemBacklinks>
    </dl>
    <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
    </BlogItemBacklinksEnabled>


		<p class="comment-timestamp">
	<a href="<$BlogURL$>">&lt;&lt; Home</a>

    </p>
    </div>

</ItemPage>

  <!-- End #comments -->


</Blogger>
</div></div>

<!-- End #main -->




<!-- Begin #sidebar -->

<div id="sidebar"><div id="sidebar2">

    <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
	<$BlogTitle$>
	<ItemPage></a></ItemPage>
  </h1>

    <p id="description"><$BlogDescription$></p>







  <!-- Begin #profile-container -->

    <$BlogMemberProfile$>

  <!-- End #profile -->



      <h2 class="sidebar-title">Previous Posts</h2>
    <ul id="recently">
    <BloggerPreviousItems>
        <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>

     </BloggerPreviousItems>
  </ul>
    <MainOrArchivePage>
  <h2 class="sidebar-title">Archives</h2>
    <ul class="archive-list">
   	  <BloggerArchives>
    	<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
	  </BloggerArchives>

  </ul>
  </MainOrArchivePage>

   <h2 class="sidebar-title">Links</h2>
    <ul>
 
    	<li><a href="http://perfik.blogspot.com/">perfect</a></li>
    	<li><a href="http://honny.xhosting.cz/">honny</a></li>        
   	<li><a href="http://krevnideska.bloguje.cz/">desticka</a></li>
      <li><a href="http://sluganda.blogspot.com/">sluganda</a></li>
  </ul>    
    
   <h2 class="sidebar-title">favourite CD´s</h2>
<ul>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img351.imageshack.us/img351/6439/bjorklr1.jpg"><img src="http://img351.imageshack.us/img351/6439/bjorklr1.jpg" border="0" alt="" /></a><br/><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img351.imageshack.us/img351/8300/gorillazac0.jpg"><img src="http://img351.imageshack.us/img351/8300/gorillazac0.jpg" border="0" alt="" />

</ul> 

<h2 class="sidebar-title">shoutboard</h2>


<!-- BLUEBOARD SHOUTBOARD -->
<iframe frameborder="0" scrolling="no" width="150" height="400" src="http://www.blueboard.cz/shoutboard.php?hid=5t48v79io1tj14a0sf96ikxoaofm5c">
<a href="http://www.blueboard.cz/shoutboard.php?hid=5t48v79io1tj14a0sf96ikxoaofm5c">ShoutBoard od BlueBoard.cz</a>
</iframe>
<!-- BLUEBOARD SHOUTBOARD KONEC -->

<!-- 
<p>This is a paragraph of text that could go in the sidebar.</p>

  -->

  </div></div>



<!-- End #sidebar -->





<!-- Begin #footer -->

<div id="footer"><hr />



  <p><!-- This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -->&nbsp;</p>



</div>

<!-- End #footer -->









</div>

<!-- End #content -->



</body>

</html>