BS ; 14 // BTS
<!---------------------------------------------------------------------------
Don't COPY Any Code From This Template ! 101% Made & Create By Elaine0211 !
Designed By; Elaine0211
Designer's Blog; httpsf://elaine0211.blogspot.com/
Date Of Design; 26.02.17 -- 28.02.17
---------------------------------------------------------------------------!>
<HTML><head>
<base target='_blank'/><title>; BTS ♥</title>
<style type="text/css">
#navbar-iframe {display: none;}
body{
background:#fff;
font: 12px arial;
line-height:1.3;
color:#000;
cursor: url(https://i1245.photobucket.com/albums/gg581/elaine960211/cur0_zps2cn94dbd.png), progress;}
::-moz-selection {
background:#fff;
color:#fff;
text-shadow: 1px 2px #ccc;}
::selection {
background:#fff;
color:#fff;
text-shadow: 1px 2px #ccc;}
::-webkit-scrollbar {width:7px;}
::-webkit-scrollbar-button:start:decrement{height:0px; display:block; background:none;}
::-webkit-scrollbar-button:end:increment{height:0px; display: block; background:none;}
::-webkit-scrollbar-track-piece {background-color:#fff;}
::-webkit-scrollbar-thumb{ background:#ccc; border: 2px solid #fff;}
a:link,a:visited {
color:#999;
text-decoration:none;
-webkit-transition: .3s;
-moz-transition: .3s;}
a:hover {
color:#ccc;
-webkit-transition: .3s;
-moz-transition: .3s;
cursor: url(https://i1245.photobucket.com/albums/gg581/elaine960211/cure1_zpsxioic7os.png), progress;}
/* Other
----------------------------------------------- */
blockquote {
border:3px solid #eee;
padding: 5px 15px;
-webkit-transition: .3s;
-moz-transition: .3s;}
blockquote:hover {
border:3px solid #aaa;
-webkit-transition: .3s;
-moz-transition: .3s;}
/* links
----------------------------------------------- */
a.li {
text-align:center;
border:2px solid #eee;
padding: 2px;
display:inline-block;
width:100px;
margin: 2px;
background: #fff;
overflow: hidden;
-webkit-transition: .6s;
-moz-transition: .6s;}
a.li:hover{
border:2px solid #aaa;
-webkit-transition: .6s;
-moz-transition: .6s;}
/* navi
----------------------------------------------- */
.navi {
padding:2px;
padding-bottom:0px;
display:block;
width:130px;
text-align: center;
letter-spacing:1px;
color:#999;
border-bottom:1px solid #eee;
margin-top:-5px;}
.navi:after {
content:'';
display:block;
width:0px;
height:1px;
margin-left:-2px;
background:#ccc;
transition:all 0.6s ease-in-out;}
.navi:hover:after { width:135px;}
/* post
----------------------------------------------- */
#title {
padding-right:10px;
width:580px;
border-bottom:1px solid #ccc;
margin: 5px auto;
text-align:right;}
.date{
background:#fff;
font-size:10px;
line-height: 13px;
padding:2px 4px;
height: 13px;
width:190px;
border: 1px solid #ccc;
margin-top: -6px;
margin-left: 415px;
text-align:center;}
#main{
position:absolute;
top:210px;
left:250px;
width:639px;
background:#fff;
padding:15px;
border:1px solid #ccc;}
.on{
position:absolute;
top:544px;
margin-left:10px;
font-family:etiny;
font-size:8px;
line-height:1.9;
color:#fff;
text-align:center;
width:13px;
height:13px;
padding:2px;
background: #ccc;
border-radius:50%;
-webkit-transition: .4s;}
.on a{color:#fff;-webkit-background-clip:text;-webkit-text-fill-color:#fff;}
.on:hover{background: #aaa; -webkit-transition: .4s;}
/* other
----------------------------------------------- */
.side{
position:absolute;
left:930px;
background:#fff;
border:1px solid #ccc;
width:200px;
padding:10px;}
.pic{
height: 190px;
width: 900px;
z-index: -1;
-webkit-transition:0.6s;}
#in{
position:absolute;
margin-top:-190px;
text-align:center;
background: #fff;
height: 190px;
width: 900px;
max-width:1650px;
opacity: 0;
-webkit-transition:All 0.6s ease;
-moz-transition:All 0.6s ease;
-o-transition:All 0.6s ease;}
#in p{
color:#000;
margin:20px auto;}
.pic:hover #in{
opacity:0.9;
-moz-transition: 0.6s;
-webkit-transition: 0.6s;}
@font-face {
font-family: "etiny";
src: url('https://dl.dropbox.com/s/t74az3yznkqxe3o/tinytots.ttf'); }
</style>
<script language="JavaScript">
document.ondragstart = function () { return false; };
</script>
<div style="position:absolute; top:10px; left:250px">
<div class="pic"><img src="https://i.imgur.com/3gxv8nH.jpg" height="190px" width="900px">
<div id="in">
<p><br/><br/>*Your can replace your CBOX / STATUS / ANY WORDS here*
<br/><br/>*PLEASE DONT REMOVE THE CREDIT.*</p>
</div></div></div>
<!-------------------Sidebar----------------------->
<div class="side" style="top:210px; height:155px;">
<center>
<a class="navi" style="margin-top:8px;" onClick="document.getElementById('main').innerHTML=document.getElementById('post').innerHTML">HOME</a><br/>
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML">STUFF</a><br/>
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML">ABOUT</a><br/>
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('link').innerHTML">LINKS</a><br/>
<a class="navi" href="https://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID">FOLLOW</a></center></div>
<div class="side" style="top:395px; height:80px; overflow-y:auto;">
<BloggerPreviousItems>
✖ <a href="<$BlogItemPermalinkURL$>"> <$BlogPreviousItemTitle$></a><br>
</BloggerPreviousItems></div>
<div class="side" style="top:505px; height:10px;">
<center>© 2013-2020 Designed By <a href="https://elaine0211.blogspot.my/">Elaine0211</a>.</center></div>
<div class="on" style="left:1015px;"><a class="option" href=<$NewerPosts$>> << </a></NewerPosts></div>
<div class="on" style="left:1040px;"><a class="option" href=<$OlderPosts$>><span style="padding-left:2px;"> >> </span></a> </OlderPosts></div>
<!-------------------Main----------------------->
<div id="main">
<blogger>
<div id="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader><$BlogItemDateTime$> ✖ <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> ARMY(s)</a></BlogItemCommentsEnabled></div>
<br/><div class="post-body"><p><$BlogItemBody$></p></div>
</Blogger></div>
<!-------------------diary----------------------->
<div id="post" style="display: none;">
<blogger>
<div id="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader><$BlogItemDateTime$> ✖ <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> ARMY(s)</a></BlogItemCommentsEnabled></div>
<br/><div class="post-body"><p><$BlogItemBody$></p></div>
</Blogger></div>
<!-------------------PAGE2----------------------->
<div id="about" style="display: none;">
<div id="title">About</div><br/>
<center>
<br># Name :
<br># Age :
<br># Birthday :
<br># Tumblr :
<br># Blog :
<br># Facebook :
<br>--- Replace with your profile ---
</center>
</div>
<!-------------------stuff----------------------->
<div id="stuff" style="display: none;">
<div id="title">Stuff</div><br/>
<b> Tutorial ; </b>
<br><br>
• <a href="URL">List 1</a><br>
• <a href="URL">List 2</a><br>
• <a href="URL">List 3</a><br>
• <a href="URL">List 4</a><br>
• <a href="URL">List 5</a><br>
<br><br>
<b> Material ;</b>
<br><br>
• <a href="URL">List 1</a><br>
• <a href="URL">List 2</a><br>
• <a href="URL">List 3</a><br>
• <a href="URL">List 4</a><br>
• <a href="URL">List 5</a><br>
<br><br>
<blockquote class="tr_bq">Coming Soon..</blockquote>
</div>
<!-------------------link----------------------->
<div id="link" style="display: none;">
<div id="title">Links</div><br/>
<center>
<br><br>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<br>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<br><br><br><br>
</center>
</div>
<!-------------------------- END ----------->