by uhbmy

<html>
<head>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m89ijgwTnx1qdlkyg.gif" />
<img class="icon"src="http://2.bp.blogspot.com/-MAIlm-RIBbs/UVChSWN72mI/AAAAAAAAGfk/dOfggz4dETU/s1600/tt.png" style="margin-top:20px;margin-left:700px; position:absolute;">
<center><ul class="ch-grid">
<li><div class="ch-item">
<div class="ch-info">
<p>
<center>
<div style="margin-top:90px; width:310px;background:url(http://4.bp.blogspot.com/-D02-ZXrZuVU/TulVh1l88UI/AAAAAAAACWU/ktMgYgBnbN0/s1600/bodybg.gif); border-radius:10px;">
<br/>
<center>YOUR CBOX CODES HERE LOL</center>
</div>
</center>
</p>
</div>
<div class="ch-thumb ch-img">
</li>
</ul>
</center>
</script>
<link href='http://fonts.googleapis.com/css?family=Pontano+Sans' rel='stylesheet' type='text/css'></link>
<link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>

<title>Tried to walk</title>

</head>
<style type="text/css">

#navbar-iframe { display: none; }

body {
background:url(http://i.imgur.com/ckuFZ.png) fixed;
color: #888888;
line-height: 15px;
text-align: justify;}

table {
background:#fff;
font-family:pontano sans;
font-size:12px;
letter-spacing:1px;
color: #555;
line-height: 20px;
padding:5px;
border:1px solid #fbfbfb;
width:890px;
}

::-webkit-scrollbar-thumb{
background:#FFF5f5;
border-radius:10px;
}

::-webkit-scrollbar {
width:6px;
height:auto;
background:#fff);
}

a{text-decoration:none ;
color:#A4A4A4;cursor:pointer;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }

a:hover{color:#fff ;
background:#FFE2E2;
background-position:50% 80%;background-size:400px;}

::-moz-selection {
background:#000;
color:#fff;
}

::selection {
background:#f8f8f8;
color:#fff;
}

i , s, strike {
color: #F78181;
}

b {
color: #FFCFD0;
-webkit-transition-duration: 1.5s;
}

b:hover {
color: #FCEBED;
-webkit-transition-duration: 1.5s;
}

u, underline {
text-decoration:none;border-bottom:
2px solid #cae9e8;
moz-transition: 0.5s;-webkit-transition: 0.5s;}

u:hover, underline:hover {border-bottom: 8px solid transparent;
-moz-transition: 0.5s;-webkit-transition: 0.5s;}

blockquote {
background:#FFFFFF;
border:1px solid #f8f8f8;
padding:5px;
height:22px;width:450px;
overflow-x:hidden;
overflow-y:scroll;}

.h1 {
border:2px dotted #fff;
background-image: -webkit-linear-gradient(right, #fafafa, #FFF5f5);
margin-bottom:10px;
font-size:10px;
text-align:center;
letter-spacing:2px;
}

li {
list-style-image:url(http://3.bp.blogspot.com/-hlBzu66aGbw/UOi2Y_34API/AAAAAAAAEqs/oQ9VEzSjxe8/s1600/dot07.png);
}

.hey{
color:#f8f8f8;
font:20px calibri;
text-align:right;
padding-right:30px;
margin-top:-8px;
}

@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}

a.jeonjin1{
display:inline-block;
background:url(http://media.tumblr.com/tumblr_m7ein048Bi1qdlkyg.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:240px;background-size:10px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

a.jeonjin1:hover{
display:inline-block;
background:url(http://media.tumblr.com/tumblr_m7eid0x1LJ1qdlkyg.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:240px;background-size:10px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}

.comment-data {
background:url("http://media.tumblr.com/tumblr_m7ehl5xtxJ1qdlkyg.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:15px;
padding:0 0 0 20px;
color:#666;
}

span.comment-icon{display:none}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0px;
}

.comment-body p {
background:#FFFFFF;
border:3px solid #FCEBED;
margin:0em;
padding:5px;
color:#808080;
}

.icon{background:#transparent;padding:0;border:none;}

.sidebar {
background-image:url(http://media.tumblr.com/tumblr_m7eil819QS1qdlkyg.gif);
background-position:right;
background-repeat:no-repeat;
text-align:right;
font:italic 12px georgia;
letter-spacing:2px;
text-transform:lowercase;
border-bottom:none;
border:1px solid #f8f8f8;
padding:5px 20px 5px 5px;
color:#333;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
line-height:11px;
text-decoration:none;
}

.pocetit {
background-image:url(http://media.tumblr.com/tumblr_m7eil819QS1qdlkyg.gif);
background-position:right;
background-repeat:no-repeat;
text-align:right;
font:italic 12px georgia;
letter-spacing:2px;
text-transform:lowercase;
border-bottom:none;
border:1px solid #f8f8f8;
padding:5px 20px 5px 5px;
color:#333;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
line-height:11px;
text-decoration:none;
}

.umi {
margin-top:0px;
background:#fff;
border:1px solid #f8f8f8;
font-family:tt;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}

@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

.menutop {
background-image: -webkit-linear-gradient(right, #fafafa, #FFF5f5);
font-family:calibri;
letter-spacing:2px;
width:890px;
text-transform:uppercase;
font-size:14px;
color:#fff;
position:absolute;
border-radius:20px 20px 0px 0px;
}

a.nae {
background:url(http://2.bp.blogspot.com/-HIuGEJILXaM/TjvB-kJ2-pI/AAAAAAAABYA/CJcDv_V3mp8/s1600/backgroundbody%283%29.png);
padding:5px;
width:90px;
color:#dedede;
text-align:center;
margin-top:8px;
margin-bottom:8px;
display:inline-block;
border-radius:5px;
}
.nae:hover {
box-shadow:inset 0px 14px 0px #f8f8f8,inset 0px -14px 0px #f8f8f8;
color:white;
}

img{
border:1px solid #eee;
padding:4px;
}

.blogger-labels {
text-align:right;
padding-right:3px;
border-top:1px solid #f8f8f8;
font-size:8pt;
margin-bottom:8px;
}

a.navi{
-webkit-transition: 0.9s;
-moz-transition: 0.9s;
background:#fbfbfb;
width:100px;
padding:3px;
letter-spacing:2px;
text-decoration:none;
border:1px SOLID #eee;
color:#aaa;
MARGIN:3PX;
display:inline-block;
text-align:center;
font:9px trebuchet ms;
}

.ch-item {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
cursor: default;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.ch-thumb {
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
position: absolute;
box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5);

-webkit-transform-origin: 95% 40%;
-moz-transform-origin: 95% 40%;
-o-transform-origin: 95% 40%;
-ms-transform-origin: 95% 40%;
transform-origin: 95% 40%;

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.ch-thumb:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
top: 40%;
left: 95%;
margin: -4px 0 0 -4px;
background: rgb(14,14,14);
background: -moz-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
background: radial-gradient(ellipse at center, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
box-shadow: 0 0 1px rgba(255,255,255,0.9);
}

.ch-info {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
background: #c9512e url(http://pastelpatterns.com/small/smallpattern-11.png);
box-shadow: inset 0 0 0 5px rgba(0,0,0,0.05);
}

.ch-info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 18px;
margin: 0 60px;
padding: 22px 0 0 0;
height: 85px;
font-family: 'Open Sans', Arial, sans-serif;
text-shadow:
0 0 1px #fff,
0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
color: #fff;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
display: block;
color: #333;
width: 80px;
height: 80px;
background: rgba(255,255,255,0.3);
border-radius: 50%;
color: #fff;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
padding-top: 24px;
margin: 7px auto 0;
font-family: 'Open Sans', Arial, sans-serif;
opacity: 0;

-webkit-transition:
-webkit-transform 0.3s ease-in-out 0.2s,
opacity 0.3s ease-in-out 0.2s,
background 0.2s linear 0s;
-moz-transition:
-moz-transform 0.3s ease-in-out 0.2s,
opacity 0.3s ease-in-out 0.2s,
background 0.2s linear 0s;
-o-transition:
-o-transform 0.3s ease-in-out 0.2s,
opacity 0.3s ease-in-out 0.2s,
background 0.2s linear 0s;
-ms-transition:
-ms-transform 0.3s ease-in-out 0.2s,
opacity 0.3s ease-in-out 0.2s,
background 0.2s linear 0s;
transition:
transform 0.3s ease-in-out 0.2s,
opacity 0.3s ease-in-out 0.2s,
background 0.2s linear 0s;

-webkit-transform: translateX(60px) rotate(90deg);
-moz-transform: translateX(60px) rotate(90deg);
-o-transform: translateX(60px) rotate(90deg);
-ms-transform: translateX(60px) rotate(90deg);
transform: translateX(60px) rotate(90deg);

-webkit-backface-visibility: hidden;
}

.ch-info p a:hover {
background: rgba(255,255,255,0.5);
}
.ch-item:hover .ch-thumb {
box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5), 0 1px 3px rgba(0,0,0,0.2);
-webkit-transform: rotate(-110deg);
-moz-transform: rotate(-110deg);
-o-transform: rotate(-110deg);
-ms-transform: rotate(-110deg);
transform: rotate(-110deg);
}
.ch-item:hover .ch-info p a{
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}.ch-item {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
cursor: default;
box-shadow:
inset 0 0 0 16px rgba(255,255,255,0.6),
0 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.ch-img{
background-image: url(http://i.imgur.com/8Exblc9.jpg);
background-position:50% 50%;
background-size:400px;
}

.ch-info {
position: absolute;
background: url(http://www.pastelpatterns.com/small/smallpattern-10.png) D9E8FC;background-position:50% 50%;
width: inherit;
height: inherit;
border-radius: 50%;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;

-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);

-webkit-backface-visibility: hidden;

}

.ch-item:hover {
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.1),
0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}

.ch-grid:after,
.ch-item:before {
content: '';
display: table;
}

.ch-grid:after {
clear: both;
}

.ch-grid li {
width: 420px;
height: 420px;
display: inline-block;
margin: 20px;
}
</style>
<center>
<div style="display:inline-block;width:890px;padding:40px;">
<div class="menutop">
<center><a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML" >HOME</a>
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML" >ABOUT</a>
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML" >LINK</a>
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('s').innerHTML" >TUTOBIES</a>
<a class="nae" href="<$OlderPosts$>">OLDER</a>
<a class="nae" href="<$NewerPosts$>">NEWER</a>
<a class="nae" href="http://www.blogger.com/follow-blog.g?blogID=809010707573384555">FOLLOW</a></div>
</center>
<center><div style="background:url(http://i.imgur.com/8Exblc9.jpg);background-position:50% 80%;background-size:400px;width:890px; height:25px;" >.<div style="background:#FFC4C4; height:10px;"></div></center>

</style>
</head>
</style>
</head>

<div align="center">
<table border="0" cellspacing="0" cellpadding="20">
</center>

<tr>

<td valign="top" width="200">

<div class="sidebar">About;</div>
<div class="umi">What's Happening?</div>
<div class="hey">▼</div>

<center><img src="http://25.media.tumblr.com/tumblr_mbamchIsvG1qhhbndo1_500.jpg" width="245" height="165"></center>
<div style="font:arial;padding:5px;font-size:10px;">
Replace this word with you own.<br>
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://media.irondj.net/mix/file/31611/tried_to_walk.mp3&t0=Tried to walk&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /><br></br></div>

<div class="sidebar">Archive;</div>
<div class="umi">Past or Future?</div>
<div class="hey">▼</div>

<div style="background:url(http://4.bp.blogspot.com/-yal-9oDaoRo/UL2t6KugDiI/AAAAAAAAEXc/Gjrv1IVFGIs/s1600/fr.png); width:235px; overflow-x:hidden; overflow-y:scroll;padding:10px; border-radius:0px; border: 1px solid #f8f8f8; height:90px; ">
<bloggerpreviousitems>
<li><a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li></a>
</BloggerPreviousItems>
</div></div></center>
<br>

<div class="sidebar">Credit;</div>
<div class="umi">What makes my blog beautiful</div>
<div class="hey">▼</div>
<div style="font:arial;padding:5px;font-size:10px;">
© 2013 - Skins by <a href="http://umihumairayusof.blogspot.com">Mayra</a>.
</div></div></td>

</td>

<td id="main" valign="top" style="width:526px; padding-left:13px; border-left:1px solid #f8f8f8; padding-right:13px; ">

<Blogger>
<div class="pocetit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="umi"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - {<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled>}</div>
<div class="hey">▼</div><$blogitembody$>

</p>

<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:520px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://pastelpatterns.com/small/smallpattern-13.png); box-shadow:0 0 3px #ddd;">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
<p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>

</ItemPage>
</div>
</Blogger>
</td>

<td id="o" style="display: none;">

<Blogger>
<div class="pocetit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="umi"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - {<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled>}</div>
<div class="hey">▼</div><$blogitembody$>
</br>

<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:520px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://pastelpatterns.com/small/smallpattern-13.png); box-shadow:0 0 3px #ddd;">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
<p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</div>
</ItemPage>

</Blogger>
</td>

<td id="k" style="display: none;">

<div class="pocetit">Owner? This is!</div>
<div class="umi">All about me.</div>
<div class="hey">▼</div>
<center><img src="http://25.media.tumblr.com/19c7e295210565b7bbc75ad1857cd099/tumblr_mk3xjtDre51ryy786o8_500.png" width="500" height="300"></center><br>

Replace this section with you own ! XD

</td>

<td id="p" style="display: none;">

<div class="pocetit">Linkies</div>
<div class="umi">My friends. I love them.</div>
<div class="hey">▼</div>

<li>Put your correctly link<br>
<li>You delete mine. I'll delete you too<br>
<li>Tell me if you wanna ex-changed<br><br>
<center>
<input type="text" size="11" value="YOUR NAME" style="width:250px;font:12px calibri;color:#666;border:1px solid #f8f8f8;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
<input type="text" size="11" value="URL BLOG" style="width:250px;font:12px calibri;color:#666;border:1px solid #f8f8f8;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br>
<center>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
</center>

</div>
</td>

<td id="s" style="display: none;">

<div class="pocetit">Le' Tutorials Freebies Section</div>
<div class="umi">Tutobies that i wanna share.</div>
<div class="hey">▼</div>
<div class="h1">Tutorials</div>
<a class="jeonjin1" href="">Tutorials</a>
<a class="jeonjin1" href="">Tutorials</a>
<a class="jeonjin1" href="">Tutorials</a>
<a class="jeonjin1" href="">Tutorials</a>
<a class="jeonjin1" href="">Tutorials</a>
<a class="jeonjin1" href="">Tutorials</a>
<a class="jeonjin1" href="">Tutorials</a><br>
<br>
<div class="h1">Freebies</div>
</style>
<a class="jeonjin1" href=">Freebies</a>
<a class="jeonjin1" href="">Freebies</a>
<a class="jeonjin1" href="">Freebies</a>
<a class="jeonjin1" href="">Freebies</a>
<a class="jeonjin1" href="">Freebies</a>
<a class="jeonjin1" href="">Freebies</a>
<a class="jeonjin1" href="">Freebies</a>
<br>

<br><br/>
</table>
<div style="background:url(http://i.imgur.com/8Exblc9.jpg);background-position:50% 80%;background-size:400px;width:890px; height:20px;" >.<div style="background:#FFC4C4; height:10px;"></div>
</body>
</html>