Вы находитесь на странице: 1из 6

<html>

<script language="JavaScript" src="http://yourjavascript.com/1411249631/qTip.js"


type="text/JavaScript"></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=Quicksand:300' rel='styleshee
t' type='text/css'></link>
<link href='http://fonts.googleapis.com/css?family=Alegreya+Sans:300' rel='style
sheet' type='text/css'></link>
<link href='http://weloveiconfonts.com/api/?family=brandico' rel='stylesheet' ty
pe='text/css'/></link>
<head><title>{16} Dreamers' </title>
<style type="text/css">
#navbar-iframe, .blogger-labels { display: none;}
[class*=brandico-]:before {font-family: brandico, sans-serif;}
::-webkit-scrollbar-thumb:vertical {background: #eee;border: 2px solid #fafa
fa;}
::-webkit-scrollbar-thumb:horizontal {background:#eee;}
::-webkit-scrollbar {background-color: #eee;border: 3px solid #fafafa;width:
7px;height: 7px; }
::selection {background: #eee;color: #fff;}
#qTip {font-size:7px;color:#555;text-transform:uppercase;letter-spacing: 1px;bac
kground: #fff;display:none;position:absolute;z-index:999;padding:2px;margin:10px
;border:1px solid #f3f3f3;box-shadow: 1px 1px 2px #eee;}
a:link,a:active,a:visited {color: #000;text-decoration: none;transition: all 2s
ease;}
a:hover {color: #ddd;transition: all 2s ease;}
small {font-size:6pt;line-height:130%;}
b {color: #000;}
i {font-style: italic;color: #666;}
u { border-bottom: 1px double #aaa;color: #aaa;}
s {color: #000;}
ul {list-style-type: square;}
ol {list-style-type: hangul;}
blockquote {margin: 13px;color: #666;font-style: italic;border-left: 1px solid #
f3f3f3;padding: 12px;}
img {opacity: 0.7;transition: all 2s ease;}
img:hover {opacity: 1;transition: all 2s ease;}
body {font-family: pontano sans;color: #000;text-align:justify;font-size: 9pt;le
tter-spacing:1px;cursor: url(http://i.imgur.com/NbCt3eW.png), progress !importan
t;}
.box {background:#fff;padding:10px;margin-bottom:10px;line-height:18px;}
.h1 {color: #000;margin:5px 0 10px 0;border-bottom: 1px solid #f0f0f0;text-trans
form:uppercase;font-family: quicksand;transition: all 2s ease;font-size: 30px;pa
dding-bottom:10px;}
.h1:hover {color: #aaa;transition: all 2s ease;}
.h2 {font-family: Alegreya Sans;font-size: 9px;text-transform: uppercase;letter-
spacing: 3px;}
.h3, h3 {border-bottom:1px solid url('background:url(http://i.imgur.com/52qXHMr.
png');font-family: Alegreya Sans;font-size: 10px;text-transform: uppercase;lett
er-spacing: 4px;text-align: center;margin:25px 0 10px 0;}
#tut a {background: #fcfcfc;line-height:120%;display: inline-block;width: 48%;bo
rder-top: 1px solid #f6f6f6;border-bottom: 1px solid #f6f6f6;padding:4px 2px 4px
5px;margin: 1px;color: #aaa;text-transform:capitalize;font-size: 10px;transitio
n: all 2s ease;}
#tut a:hover {background: #f2f2f2;color: #ddd;transition: all 1s ease;border-top
: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;}
.ji-tumblr-photos img, #broll img {cursor: url(http://i.imgur.com/NbCt3eW.png),
progress !important;width: 42px;padding: 3px;border:1px solid #eee;margin: 1px;f
ilter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(
100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.ji-tumblr-photos img:hover, #broll img:hover {filter: grayscale(0%); -webkit-fi
lter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-f
ilter: grayscale(0%);background:#000;transition: all 2s ease;}
#archives {height:120px;overflow:scroll;width:100%;}
#archives a {display:block;text-transform:uppercase;border-bottom:1px solid #f4f
4f4;font-size:8px;}
#social a {display:inline-block;font-size:9px;border:1px dashed #eee;margin:3px;
background:#fff;width:15px;height:15px;border-radius:100%;padding:3px;color:#aaa
;}
#social a:hover {background:#f2f2f2;color:#ddd;border:1px dashed #eee;margin:3px
;transition: all 2s ease;}
w, r {display:block;font-size:6pt;padding:3px;text-transform:uppercase;color:#66
6;border-bottom:1px solid #f2f2f2;}
w:before {content:url(http://i.imgur.com/XWeiDnN.png);margin-right:5px;}
r:before {content:url(http://i.imgur.com/Zuz1V6u.png);margin-right:5px;}
.menu {background:#fff;opacity:0.9;z-index:9;left:200px;top:0px;position:fixed;w
idth:100%px;}
.menu a {border-top:1px solid #fff;border-bottom:1px solid #fff;font-family: Ale
greya Sans;text-transform:uppercase;letter-spacing:2px;text-align:center;padding
:4px;color:#000;font-size:11px;display:inline-block;margin-right:8px;cursor:poin
ter;}
.menu a:hover {border-top:1px solid #eee;border-bottom:1px solid #eee;transition
: all 2s ease;}
</style></head><body>
<div class="menu"><center>
<div style="width:935px;text-align:left;margin-top:10px;padding:10px;border-bott
om:1px solid #eee;border-top:1px solid #eee;">
<div style="text-transform:uppercase;border-right:1px solid #eee;letter-spacing:
4px;display:inline-block;width:290px;">
The most innocent dream</div>
<a style="margin-left:8px;" href="/">home</a>
<a onClick="changeNavigation('a')">profile</a>
<a onClick="changeNavigation('b')">stuff</a>
<a onClick="changeNavigation('c')">f.a.q</a>
<a onClick="changeNavigation('d')">tagboard</a>
<a href="/">twitter </a>
<a href="/">instagram</span></a>
<a href="/" title="follow the blog">+ follow</a>
<a title="newer posts" href=<$NewerPosts$>> </a>
<a title="older posts" href=<$OlderPosts$>> </a>
</div></center>
</div>
<div style="width:650px;position:absolute;top:80px;left:506px;"><div id="main"><
blogger><div class="box">
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <$Blo
gItemDateTime$> with <BlogItemCommentsEnabled><a title="<$BlogItemCommentCount$
> comment(s)." href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>&#
8801;</a> </BlogItemCommentsEnabled> </div>
<div class="h1"><BlogItemTitle><a href="<$BlogItemURL$>"><$BlogItemTitle$></a></
BlogItemTitle></div>
<div class="entrada"><$blogitembody$></div><BR><BR>
<style>.entrada img {width:630px;}</style>
</div></blogger></div></div>
<div class="sideb" style="background:#fff;position:absolute;line-height:17px;top
:80px;left:200px;padding:10px;border-right:1px solid #eee;width:280px;">
<div class="desc">
<center><a href="/"><img style="width:100px;border-radius:100%;margin-bottom:10p
x;padding:10px;border:1px double #f2f2f2;" src="http://i.imgur.com/zvvZTV1.png">
</a></center>
<center style="text-transform:uppercase;"><small><small> ,
Full this box with something about you, your blog, a quote or song lyrics. You d
ecide! Manarie li dignissum qui blandit est praesent luptatum delenit aigue exc
epteur sint occae. {<script language="JavaScript"> var ref = (''+document.referr
er+'');var w_h = window.screen.width + " x " + window.screen.height;document.wri
te('<script style="margin-bottom:0px;" src="http://freehostedscripts.net/ocounte
r.php?site=ID3591248&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>'); </scrip
t>
} <br><center>
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/m
edias/player_mp3_mini.swf" width="200" height="20">
<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_min
i.swf" />
<param name="bgcolor" value="#fffffff" />
<param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/26dt8et91
w/10_Shui_Qian_Gu_Shi.mp3&amp;bgcolor=fffffff&amp;loadingcolor=ddeeee&amp;button
color=cccccc" />
</object><br>
<div id="social">
</div>
</center>
<div id="broll"><div class="h3">affiliates</div><center>
<a href="/"><img src="http://i.imgur.com/xiMtS6y.png"></a>
<a href="/"><img src="http://i.imgur.com/xiMtS6y.png"></a>
<a href="/"><img src="http://i.imgur.com/xiMtS6y.png"></a>
<a href="/"><img src="http://i.imgur.com/xiMtS6y.png"></a>
<a href="/"><img src="http://i.imgur.com/xiMtS6y.png"></a>
<br>
<a href="/"><img src="http://i.imgur.com/xiMtS6y.png"></a>
<a href="/"><img src="http://i.imgur.com/xiMtS6y.png"></a>
<a href="/"><img src="http://i.imgur.com/xiMtS6y.png"></a>
<a href="/"><img src="http://i.imgur.com/xiMtS6y.png"></a>
<a href="/"><img src="http://i.imgur.com/xiMtS6y.png"></a>
<br></center></div>
<div class="h3">the past</div>
<div id="archives" style="line-height:140%;"><BloggerPreviousItems><a href="<$Bl
ogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></BloggerPreviousItems>
</div>
<div class="h3">do you have any question?</div>
<style>
#askboxes a {color:#aaa;border:1px solid #eee;border-radius:3px;width:45%;paddin
g:3px;display:inline-block;
text-align:center;cursor:pointer;font-size:8px;}
#askboxes a:hover {background:#eee;color:#fff;transition: all 2s ease;}
</style>
<div id="askboxes" style="width:280px;">
<center>
<a onclick="document.getElementById('ksa').innerHTML=document.getElementById('1'
).innerHTML" >ASKBOX</a>
<a onclick="document.getElementById('ksa').innerHTML=document.getElementById('2'
).innerHTML" >ASK.FM</a>
</center>
<div id="ksa" style="width:280px;margin-top:3px;">
Click one of the options above and contact the owner! <3 </div>
<div id="1" style="display:none;"><br>
<center>*your tumblr askbox codes*</center>
</div>
<div id="2" style="display:none;">
<center>*your ask.fm widget codes*</center>
</div>
</div>
<div class="h3">my tumblr now</div><center>
<img src="http://i.imgur.com/g2Uzruu.png">
<!----- I'm using a picture to show tumblr-widget in the sidebar.
In case you want it for real please access (http://jiapps.com/free-stuff/tumblr-
widget-for-your-website.html)
and make your own, just place the codes bllow and it will be shown like in the p
icture ^^ -----!>
</center>
<div class="h3">credits area</div><div style="line-height:100%;">
<r> 2014 - Codes, design and colors by <a href="http://www.pink-tape.tk/">pink</
a><a href="http://blogskins.com/me/sunwoo">tape</a>.</r>
<r>Icons by <a href="http://birdhaus.dreamwidth.org">birdhaus</a>.</r>
<r>Bullets and mini-icons by <a href="http://7th-disorder.blogspot.com.br/">7THD
</a> and <a href=http://"kawaii-box.blogspot.com.">kawaii-box</a>.</r>
</div>
</div>
<div id="a" style="display:none;"><div class="box">
<div class="h1">about the owner</div><div class="h2">little introduction</div>
Hello, here is <i>YOURNAME</i> at your service. I'm actually 6teen and I live in
w0nderland with my unicorns. Manarie li que vaqeriao |at vver eos et accusam di
gnissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et
harumd dereud facilis est er expedit distinct.t harumd dereud facilis est er ex
pedit distinct. at vver eos et accusam dignissum qui blandit est praesent luptat
um delenit aigue excepteur sint occae. Manarie li que vaqeriao |at vver eos dig
nissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et
harumd dereud facilis est er expedit distinct.t harumd dereud facilis est er exp
edit distinct. at vver eos et accusam dignissum qui blandit est praesent luptatu
m delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit di
stinct. At harumd dereud facilis est er expedit distinct. <b>Please change the
words in this box into your won.</b>
<center><br>
<div id="social">
<a href=/"><span class='brandico-facebook'/></a> <a href=/"><span class='brandic
o-twitter-bird'/></a>
<a href=/"><span class='brandico-tumblr'/></a> <a href=/"><span class='brandic
o-skype'/></a>
<a href=/"><span class='brandico-blogger'/></a> <a href=/"><span class='brandic
o-lastfm'/></a>
</div>
<b>Bold</b>, <i>Italicized</i>, <u>Underline</u> & <s>Strike</s></center><br>
<div class="h1">2014 wishlist</div>
<div style="width:49%;display:inline-block;">
<w>Something you really want</w>
<r>Something you really wanted</r>
</div>
<div style="width:49%;display:inline-block;">
<w>Something you really want</w>
<w>Something you really want</w>
</div><br>
<div class="h1">about the blog</div>
<b>Layout name:</b> Dreamers' / Version (**)<br>
<b>Blog name:</b> The Blog's Name<br>
<b>Since:</b> 00/00/0000 <br>
<b>Blog Owner:</b> Your name.<br>
<b>Browser:</b> Please use Google Chrome<br>
Welcome to <i>YOURBLOGNAME</i>, here you will find everything you need and want.
Manarie li que vaqeriao |at vver eos et accusam dignissum qui blandit est praes
ent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er
expedit distinct.t harumd dereud facilis est er expedit distinct. Excepteur sin
t occae. et harumd dereud facilis est er expedit distinct.t harumd dereud facili
s est er expedit distinct. <b>Please change the words in this box into your won.
</b>
</div></div>
<div id="b" style="display:none;"><div class="box" id="tut">
<div class="h1">skins</div>
<a href="/">#000 skin skin skin</a> <a href="/">#000 skin skin skin</a>
<a href="/">#000 skin skin skin</a> <a href="/">#000 skin skin skin</a>
<br><br>
<div class="h1">tutorials</div>
<a href="/">#000 tuto tuto tuto</a> <a href="/">#000 tuto tuto tuto</a>
<a href="/">#000 tuto tuto tuto</a> <a href="/">#000 tuto tuto tuto</a>
<a href="/">#000 tuto tuto tuto</a> <a href="/">#000 tuto tuto tuto</a>
<br><br>
<div class="h1">freebies</div>
<a href="/">#000 freebie freebie</a> <a href="/">#000 freeeie freebie</a>
<a href="/">#000 freebie freebie</a> <a href="/">#000 freeeie freebie</a>
</div></div>
<div id="c" style="display:none;"><div class="box">
<div class="h1">f.a.q</div>
<b>Do you follow back?</b><br>
i do if i like your blog. please leave a link if you want me to check.<br><br>
<b>How old are you?</b>
<br>i'm 6teen right now.<br><br>
<b>How can i call you?</b><br>
Call me Sun.<br><br>
<b>You only like K-stuff?</b><br>
no, i have a open mind and i like meeting new cultures~<br><br>
<b>Since when are you kpopper?</b><br>
2010<br><br>
<b>Sorry if the questions are stupid I just want to fil lthis box</b><br>
Okay darling, okay *pats your head*<br><br>
</div></div>
<div id="d" style="display:none;"><div class="box">
<div class="h1">tagboard</div>
<center>*Your tagboard codes, set width to 98-100% and it will look good ^^*</ce
nter>
</div></div>
</body>
<script>function changeNavigation(id) {document.getElementById('main').innerHTML
=document.getElementById(id).innerHTML}</script>
</html>