<!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" dir="<$BlogLanguageDirection$>">
<head>
<title><$BlogPageTitle$></title>
<$BlogMetaData$>
<link rel="apple-touch-icon" href="http://hipertextos.googlepages.com/iblock57.png"/>
<meta name = "viewport" content = "width = 320" />
<meta name = "viewport" content = "initial-scale=2.3, user-scalable=yes" >
<style type="text/css" media="screen and (device-width: 320px or device-width: 480px)">
body {
color:#ccc;
margin: 0;
padding: 0;
background-color: rgb(197,204,211); /* Set the page color to light blue */
-webkit-text-size-adjust:none; /* Turn off font resizing */
}
a:link {
color:#000;
text-decoration:none;
}
a:visited {
color:#666;
text-decoration:none;
}
a:hover {
color:#aaa;
text-decoration:none;
}
a img {
border-width:0;
}
#navbar-iframe {
height: 0px;
visibility:hidden;
display:none;
}
#space-for-ie {
height: 0px;
visibility:hidden;
display:none;
margin:0px;
padding:0px;
}
.posthidden {display:none}
.postshown {display:inline}
pre {
border:1px solid #A2A2A2;
background-color:#F1F1F1;
padding:8px;
margin:5px;
color:#CD7700;
overflow:auto
}
/* Header
----------------------------------------------- */
#header {
}
#header img {
width:57px;
float:left;
margin-right:10px;
margin-left:10px;
}
/* Content
----------------------------------------------- */
@media all {
#main {
}
#sidebar {
}
}
@media handheld {
#main {
}
#sidebar {
}
}
/* Headings
----------------------------------------------- */
h1
{
margin:0;
padding-top:20px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
font-size:20px;
font-family: Arial;
font-weight:bold;
color: rgb(76,86,108); /* Set each label color */
}
h2
{
margin:0;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
font-size:17px;
font-family: Helvetica;
font-weight:bold;
color: rgb(76,86,108); /* Set each label color */
}
h3
{
width:260px;
text-align:center;
border-top:1px solid #aaa;
margin-left:10px;
margin-right:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
font-size:12px;
font-family: Arial;
font-weight:bold;
color: rgb(76,86,108); /* Set each label color */
}
ul
{
padding: 0;
margin-top:0;
margin-right:10px;
margin-left:10px;
margin-bottom:17px; /* Set each list 17 pixels from the top of the button bar(or the top of the next list) */
font-size:17px;
font-family: Helvetica;
font-weight:bold;
color:black;
width: 280px;
background-color: white; /* Each list has a white background fill */
border-width: 1px; /* Draw a rectangle around each list */
border-style:solid ;
border-color:rgb(217,217,217);
-moz-border-radius: 8px;
-webkit-border-radius: 8px; /* Round each corner of the created rectangle */
}
ul.little {
width:90%;
}
li
{
list-style-type: none;
border-top-width:1px; /* Create lines between cells. Each line is placed above each item */
border-top-style:solid;
border-top-color:rgb(217,217,217);
padding-top:10px;
padding-right:10px;
padding-bottom:14px; /* Indent the cell content 14 pixels from the bottom edge of a cell */
padding-left:10px;
}
li:first-child
{
border-top:0; /* Remove border above the first item of the list */
}
a /* Handle the click/tap highlight. Highlight an entire cell with the iPhone grey background when tapped */
{
display: block; /* Sets the href to be a block rather than inline */
/* The padding properties adjust the text content within the href block */
padding-top: 8px;
padding-right: 8px;
padding-bottom: 12px;
padding-left: 8px;
/* The margin properties adjust the size of the href block */
margin-top: -8px;
margin-right: -8px;
margin-bottom: -12px;
margin-left: -8px;
text-decoration: none;
color:black;
}
.showArrow /* Add an arrow button to a link */
{
margin-right:10px;
padding-right:16px; /* Distance between the arrow button and a text */
background-image: url('http://hipertextos.googlepages.com/chevron.png');
background-repeat: no-repeat;
background-position: right;
}
.secondary /* Used for secondary text (text that is less important) */
{
font-weight:normal; /* Regular font is used for secondary text */
float:right; /* Align secondary text to the right of its parent cell */
margin-right:10px;
}
.secondaryWArrow /* Used for secondary content that contains a link and a button */
{
display:block; /* Set the secondary content to be a block */
font-weight:normal;
float:right;
color: #324F85; /* sets the color of the link */
}
.secondaryWLink /* Used for secondary text that is a link */
{
font-weight:normal;
float:right;
margin-right:10px;
color: #324F85; /* sets the color of the link */
}
/* Post and Comments
----------------------------------------------- */
#post {
border-top:1px solid #ddd;
padding-top:20px;
-webkit-text-size-adjust:80%;
font-size:12px;
line-height:1.2em;
text-align:justify;
color:#666;
}
#post a {
display:inline;
}
#post img {
width:80%;
float:left;
margin:20px;
}
#profile-container {
font-size:12px;
color:#666;
}
.post-footer {
background:#ededed;
font-size:12px;
border:1px solid #ddd;
font-size:11px;
color:#333;
line-height:1.2em;
text-align:center;
height:40px;
padding-top:10px;
}
.post-footer a {
color: rgb(76,86,108); /* Set each label color */
}
a.services {
width:280px;
display:inline;
float:none;
text-align:center;
border:2px solid #ddd;
font-size:12px;
line-height:3em;
padding:10px;
margin-top:2px;
margin-left:6px;
margin-right:6px;
text-align:center;
-moz-border-radius: 8px;
-webkit-border-radius: 8px; /* Round each corner of the created rectangle */
-webkit-text-size-adjust:90%;
background-color: rgb(191,191,210); /* Set the page color to light blue */
}
a.services:visited {
color:#333;
}
a.specialbutton {
width:300px;
display:block;
float:none;
text-align:center;
border:2px solid #ddd;
font-size:12px;
line-height:3em;
padding:10px;
margin-top:2px;
margin-left:6px;
margin-right:6px;
text-align:center;
-moz-border-radius: 8px;
-webkit-border-radius: 8px; /* Round each corner of the created rectangle */
-webkit-text-size-adjust:90%;
background-color: rgb(191,191,210); /* Set the page color to light blue */
}
p.services {
width:200px;
padding-left:30px;
float:center;
text-align:center;
font-family:Arial;
font-weight:bold;
color: rgb(76,86,108); /* Set each label color */
}
#comments {
margin: 10px;
font-size: 12px;
}
#comments-block {
background: #ededed;
border: 1px solid #aaa;
display: block;
line-height: 1.6em;
margin-bottom: 20px;
padding: 10px;
width: 90%;
}
.comment-body {
color: #666;
}
.comment-timestamp {
border-top: 1px solid #aaa;
font-size: 0.9em;
}
a.comment-link {
font-size: 1.2em;
color: rgb(76,86,108);
padding-left: 20px;
line-height: 3em;
}
#copyleftbox img {
width:100px;
float:left;
margin:10px;
}
/* Footer
----------------------------------------------- */
#footer p {
color:#666;
font-family: Arial;
font-weight:bold;
width:260px;
display:block;
text-align:center;
float:center;
}
#footer a.dock {
display:block;
width:64px;
float:left;
margin-left:16px;
margin-top:0px;
padding:0px;
}
#footer img {
width:57px;
}
#footer img:hover {
width:64px;
}
/* Feeds
----------------------------------------------- */
#blogfeeds {
}
#postfeeds {
}
</style>
<script type="text/Javascript">
function expandcollapse (postid) {
whichpost = document.getElementById(postid);
if (whichpost.className=="postshown") {
whichpost.className="posthidden";
}
else {
whichpost.className="postshown";
}
}
</script>
</head>
<body>
<div id="header"><a href="<$BlogURL$>"><img src="http://hipertextos.googlepages.com/iblock57.png" /><h1><$BlogTitle$></h1></a><h3><$BlogDescription$></h3></div>
<!-- Begin #main -->
<div id="main">
<ul>
<Blogger>
<!-- Begin .post -->
<li><a name="<$BlogItemNumber$>"></a><MainOrArchivePage><a title="Open" class="showArrow" href="javascript:expandcollapse('<$BlogItemNumber$>1')"></MainOrArchivePage><$BlogItemTitle$><MainOrArchivePage></a></MainOrArchivePage>
<MainOrArchivePage><span class="posthidden" id="<$BlogItemNumber$>1"></MainOrArchivePage><div id="post"><$BlogItemBody$></div>
<p class="post-footer"><$I18NPostedByAuthorNickname$> <$I18NAtTimeWithPermalink$></p>
<p class="services"><a class="services" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$> title="Comment"><$I18NNumComments$></a> <a class="services" href="http://www.blogger.com/email-post.g?blogID= 1272008567603926399&postID=<$BlogItemNumber$>" title="Send">Send</a></p>
<!-- Begin #comments --><ItemPage><div id="comments"><BlogItemCommentsEnabled><a name="comments"></a>
<dl id="comments-block">
<BlogItemComments>
<dt class="comment-poster" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
</dd>
<dd class="comment-timestamp"><a href="<$BlogCommentPermalinkURL$>" title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</BlogItemCommentsEnabled>
</div></ItemPage><!-- End #comments -->
<MainOrArchivePage></span></MainOrArchivePage>
</li>
<!-- End .post -->
</Blogger>
</ul>
<ItemPage><p class="services"><span>« <a class="services" href="<$BlogURL$>">Home</a><BloggerPreviousItems> | <a class="services" href="<$BlogItemPermalinkURL$>">Next</a> »</span><span style="display:none"></BloggerPreviousItems></span></p></ItemPage>
</div>
<!-- End #main -->
<!-- Begin #sidebar -->
<div id="sidebar">
<ItemPage>
<h2>Previous Items</h2>
<ul>
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>
</ul>
<h2>Archive</h2>
<ul>
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
</ul>
</ItemPage>
<h2>Profile</h2>
<ul><li><$BlogMemberProfile$></li></ul>
</div>
<!-- End #sidebar -->
<!-- Begin #footer -->
<div id="footer">
<p>iBlock by <a href="htpp://www.metodes.com/hipertextos">HiperTexos</a></p>
</div>
<!-- End #footer -->
</body>
</html>