นิยาย Free' ID Dream {closed}'' > ลำดับตอนที่ #17 : ID Dream ' losing my mind : Dek-D.com

ลำดับตอนที่ #17

ลำดับตอนที่ #17 : ID Dream ' losing my mind

อัปเดตล่าสุด 29 ก.ย. 54

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>losing my mind</title>
<script>function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}</script>
<style>
@font-face {
font-family: 'Just Realize';
src: url('http://static.tumblr.com/aounrvf/orBlp8qis/justrealize.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
#navbar-iframe { display: none; }
.blogger-labels { font: 0 "Times New Roman", Times, serif; color: transparent; margin: 10px 0; clear: both; }
.blogger-labels a { background: #f6f2e7; padding: 3px; font: 7pt arial narrow; text-transform: uppercase; display: inline-block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #F09896; -webkit-transition: background .14s ease-out, color .21s ease-out; -moz-transition: background .14s ease-out, color .21s ease-out; -o-transition: background .14s ease-out, color .21s ease-out; transition: background .14s ease-out, color .21s ease-out; margin-bottom: 3px; }
.blogger-labels a:hover { background: #e3605d; color: #f1f1f1; font: 7pt arial narrow; }
.orangebox { width: 500px; height: 380px; background: rgba(234,85,6,.6); padding-top: 20px; overflow: hidden; }
.scroll { margin: 0px 20px 20px; overflow: auto; height: 340px; padding: 10px; }
#contains { width: 500px; left: 200px; top: 120px; position: absolute; position: fixed; }
.navisbox { display: block; overflow: hidden; }
.lightnavis { width: 65px; height: 35px; background: rgba(248,181,0,.5); float: left; cursor: pointer; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; ; }
.troll:hover .lightnavis { width: 65px; height: 35px; background: rgba(248,,0,.7); float: left; cursor: pointer; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; ; }
.troll { float: left; cursor: pointer; }
.troll .breaker { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; position: absolute; height: 80px; margin-top: -40px; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; width: 90px; }
.troll:hover .breaker { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; position: absolute; width: 80px; margin-top: -40px; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; width: 90px; }
.breaker .touch { margin: 0 auto 5px; }
.touch .infus { background-color: rgba(0,0,0,.6); color: #fff; font: 10px "Courier New", Courier, monospace; word-wrap: break-word; -webkit-text-stroke: 1px transparent; -moz-text-stroke: 1px transparent; text-stroke: 1px transparent; padding: 5px; text-transform: uppercase; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.touch .intouch { width: 0px; height: 0px; border-style: solid; border-color: rgba(0,0,0,.6) transparent transparent transparent; border-width: 10px; position: relative; margin: 0 auto; display: block; border-radius: 0 0 3px; -webkit-border-radius: 0 0 3px; -moz-border-radius: 0 0 3px; }
.darknavis { width: 65px; height: 35px; background: rgba(234,85,6,.6); float: left; cursor: pointer; }
body { background: url(http://static.tumblr.com/aounrvf/dPDlpaota/wood6.jpg) repeat fixed; font: 8pt helvetica; color: #f8b862; }
.title { font: 30px 'Just Realize', sans-serif; display: block; text-transform: lowercase; line-height: 1em; word-wrap: break-word; white-space: pre-line; }
.alr { margin-bottom: 2em; }
.beaux { text-transform: uppercase; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; font: 7pt arial narrow; letter-spacing: 1px; background-color: rgba(234,85,6,.8); color: #fff; word-spacing: 0.3em; overflow: hidden; }
.beaux:hover { color: white; background-color: rgba(252,223,0,.8); font: 7pt arial narrow; overflow: hidden; }
#bonjour { background: url('http://static.tumblr.com/aounrvf/ewDlpap26/stripes.jpg') repeat; overflow: hidden; display: inline-block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
p:first-letter, blockquote:first-letter, .title:first-letter { padding-left: 30px; word-wrap: break-word; white-space: pre-line; }
blockquote { margin:15px auto; padding:13px 15px; color: #fff; }
blockquote a { color: #fff; }
blockquote a:hover { background: #fff; color: #ea5506; }

.post img { margin: 10px 0; width: 450px; }
a { text-decoration: none; font: 8pt arial; color: #f8b862; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 0 3px; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; }
a:hover { text-decoration: none; font: 8pt arial; background: #f8b862; color: #fff; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; }
::-webkit-scrollbar { width: 7px; height: 0px; background: url(http://static.tumblr.com/aounrvf/x81lp8qgb/scrollpad-2.png) repeat fixed center; cursor: move!important; }
::-webkit-scrollbar-thumb { background: #ea5506 center; width: 7px; } ::-webkit-scrollbar-thumb:active { cursor: move!important; }
::selection{background: rgba(252,223,0,.6); color:#fff;}
::-moz-selection{background: rgba(252,223,0,.6); color:#fff;}
input { border: none; background: rgba(246,242,231,.6); color:#F09896; padding: 5px; display: block; width: 100%; font: 7pt arial narrow; text-transform: uppercase; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; letter-spacing: 1px; word-spacing: 0.3em; width: 400px; }
input:hover, input:focus { background: #e3605d; color: #f1f1f1; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; width: 400px; }
form { background: url('http://static.tumblr.com/aounrvf/ewDlpap26/stripes.jpg') repeat; width: 410px; }
form, input { margin: 0 auto; }
-webkit-input-value, -webkit-input-placeholder { color: #fff; }
a.links { background: #f6f2e7; padding: 5px; font: 7pt arial narrow; text-transform: uppercase; display: inline-block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #F09896; -webkit-transition: background .14s ease-out, color .21s ease-out; -moz-transition: background .14s ease-out, color .21s ease-out; -o-transition: background .14s ease-out, color .21s ease-out; transition: background .14s ease-out, color .21s ease-out; margin-bottom: 3px; }
a.links:hover { background: #e3605d; color: #f1f1f1; }
b, strong { color: #7AC2AA; background: white; }
i, highlight, em { color: #fff; background: rgba(252,223,0,.6); padding: 0 2px; }
u { text-decoration: none; border-bottom: 2px solid #e3605d; color: #f1f1f1; }
s { color: #f1f1f1; text-shadow: 0px 1px 0px #e3605d; }
.otha { display: block; margin: 10px 0 0; padding: 5px; }
.coo { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: background .14s ease-out, color .21s ease-out; -moz-transition: background .14s ease-out, color .21s ease-out; -o-transition: background .14s ease-out, color .21s ease-out; transition: background .14s ease-out, color .21s ease-out; color: #f1f1f1; cursor: pointer; padding: 0 3px; font: 10px Courier, monospace; word-wrap: break-word; -webkit-text-stroke: 1px transparent; -moz-text-stroke: 1px transparent; text-stroke: 1px transparent; text-transform: uppercase; }
.coo:hover { background: #e3605d; font: 10px Courier, monospace; word-wrap: break-word; -webkit-text-stroke: 1px transparent; -moz-text-stroke: 1px transparent; text-stroke: 1px transparent; text-transform: uppercase; }
#labelList, ul#label-list {list-style-type: none!important;}
ul#label-list li { display: inline-block; }
li { list-style-type: square; }
ul#label-list li a {background: #f6f2e7; padding: 1px 3px; font: 7pt arial narrow; text-transform: uppercase; display: inline-block; color: #F09896; -webkit-transition: background .14s ease-out, color .21s ease-out; -moz-transition: background .14s ease-out, color .21s ease-out; -o-transition: background .14s ease-out, color .21s ease-out; transition: background .14s ease-out, color .21s ease-out; margin-bottom: 3px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
ul#label-list li a:hover { font: 7pt arial narrow; background: #e3605d; color: #f1f1f1; }
</style>
</head>
<body>
<div id="contains">
<div id="main">

<div class="navisbox">
<div class="troll" onClick="changeNavigation('one');">
<div class="breaker">
<div class="touch">
<div class="infus"> Profile </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onClick="changeNavigation('two');">
<div class="breaker">
<div class="touch">
<div class="infus"> tagboard </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onClick="changeNavigation('tri');">
<div class="breaker">
<div class="touch">
<div class="infus"> linkages </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onClick="changeNavigation('for');">
<div class="breaker">
<div class="touch">
<div class="infus"> miscellaneous </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>
</div>

<div class="orangebox">
<div class="scroll">
<Blogger>
<div class="alr">
<div class="title"> <$BlogItemTitle$> </div>
<div class="post">
<$BlogItemBody$>
</div>
<div class="otha">
<span class="coo"><$BlogItemTitle$></span>
<a class="coo" href="<$BlogItemPermalinkURL$>">Permalink</a>
<span class="coo"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></span>
<span class="coo"><$BlogItemDateTime$></span>
<span class="coo">Posted by <$BlogItemAuthor$></span>
<BlogItemCommentsEnabled>
<span class="coo"><$BlogItemCommentCount$> comments</span>
<a href="<$BlogItemCommentCreate$>" class="coo">Leave a comment</a>
</BlogItemCommentsEnabled>
</div>
</div>
</Blogger>
<NewerPosts>
<div align="left" style=" width: 100px; float: left; ">
<a class="links" href="<$NewerPosts$>">forward</a>
</div>
</NewerPosts>
<OlderPosts>
<div align="right" style=" width: 100px; float: right; ">
<a class="links" href="<$OlderPosts$>">backward</a>
</div>
</OlderPosts>
</div>
</div>
</div>
</div>

<div class="troll" onclick="document.location.href='';">
<div class="breaker">
<div class="touch">
<div class="infus"> Entries </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onClick="changeNavigation('two');">
<div class="breaker">
<div class="touch">
<div class="infus"> tagboard </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onClick="changeNavigation('tri');">
<div class="breaker">
<div class="touch">
<div class="infus"> linkages </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onClick="changeNavigation('for');">
<div class="breaker">
<div class="touch">
<div class="infus"> miscellaneous </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>
</div>

<div class="orangebox">
<div class="scroll">
<div class="title"> meh in words </div>
<p> Profile here. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus. </p>
<b> Meh </b> <i> in </i> <u> world </u> <s> yesterday </s> <a href="">and say hello!</a>
<br /><br />
<center>
<a class="links" href="">Facebook</a>
<a class="links" href="">Twitter</a>
<a class="links" href="">Tumblr</a>
<a class="links" href="">Livejournal</a>
<a class="links" href="">Blogskins</a>
<a class="links" href="">Flavors</a>
<a class="links" href="">Formspring</a>
</center>
</div>
</div>
</div>

<div id="two" style=" display: none; ">

<div class="navisbox"><div class="troll" onClick="changeNavigation('one');">
<div class="breaker">
<div class="touch">
<div class="infus"> Profile </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onclick="document.location.href='';">
<div class="breaker">
<div class="touch">
<div class="infus"> Entries </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onClick="changeNavigation('tri');">
<div class="breaker">
<div class="touch">
<div class="infus"> linkages </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onClick="changeNavigation('for');">
<div class="breaker">
<div class="touch">
<div class="infus"> miscellaneous </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

</div>

<div class="orangebox">
<div class="scroll">
<div class="title"> tagboard </div>
tagboard here lah.
</div>
</div>
</div>

<div id="tri" style=" display: none; ">

<div class="navisbox">
<div class="troll" onClick="changeNavigation('one');">
<div class="breaker">
<div class="touch">
<div class="infus"> Profile </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onclick="document.location.href='';">
<div class="breaker">
<div class="touch">
<div class="infus"> Entries </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onClick="changeNavigation('two');">
<div class="breaker">
<div class="touch">
<div class="infus"> tagboard </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onClick="changeNavigation('for');">
<div class="breaker">
<div class="touch">
<div class="infus"> miscellaneous </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

</div>

<div class="orangebox">
<div class="scroll">
<div class="title"> links </div>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
<a href="#" class="links">friend</a>
</div>
</div>
</div>

<div id="for" style=" display: none; ">

<div class="navisbox"><div class="troll" onClick="changeNavigation('one');">
<div class="breaker">
<div class="touch">
<div class="infus"> Profile </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onclick="document.location.href='';">
<div class="breaker">
<div class="touch">
<div class="infus"> Entries </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onClick="changeNavigation('two');">
<div class="breaker">
<div class="touch">
<div class="infus"> tagboard </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

<div class="troll" onClick="changeNavigation('tri');">
<div class="breaker">
<div class="touch">
<div class="infus"> linkages </div>
<div class="intouch"></div>
</div>
</div>
<div class="lightnavis"></div>
</div>

</div>

<div class="orangebox">
<div class="scroll">

<div class="alr">
<div class="title"> months </div>
<BloggerArchives>
<span id="bonjour">
<a href="<$BlogArchiveURL$>" class="beaux"><$BlogArchiveName$></a>
</span>
</BloggerArchives>
</div>

<div class="alr">
<div class="title"> posts </div>
<BloggerPreviousItems>
<span id="bonjour">
<a href="<$BlogItemPermalinkURL$>" class="beaux"><$BlogPreviousItemTitle$></a>
</span>
</BloggerPreviousItems>
</div>

<div class="alr">
<div class="title"> labels </div>
<div id="labelList"></div> <script type="text/javascript">
//<![CDATA[
function listLabels(root){
    var baseURL = '/search/label/';
    var baseHeading = "";
    var isFTP = false;
    var llDiv = document.getElementById('labelList');
    var entry = root.entry;
    var h2 = document.createElement('h2');
    h2.className = 'sidebar-title';
    var h2t = document.createTextNode(baseHeading);
    h2.appendChild(h2t);
    llDiv.appendChild(h2);
    var ul = document.createElement('ul');
    ul.id = 'label-list';
    var category = entry.category;
    labelSort = new Array();
    for(p in category){
        labelSort[labelSort.length] = [category[p].term];
        }
    labelSort.sort();
    for (var r=0; r < labelSort.length; r++){
         var li = document.createElement('li');
         var a = document.createElement('a');
         if(isFTP){
             a.href = baseURL + encodeURIComponent(labelSort[r])+'.html';
             }
         else {
             a.href = baseURL + encodeURIComponent(labelSort[r]);
             }
         a.innerHTML = labelSort[r] + ' ';
         li.appendChild(a);
         ul.appendChild(li);
         abnk = document.createTextNode(' ');
         ul.appendChild(abnk);
         }
    llDiv.appendChild(ul);
}
//]]>
</script>
<script type="text/javascript" src="http://www.blogger.com/feeds/USERID/blogs/BLOGID?alt=json-in-script&callback=listLabels" ></script>
</div>

<div class="alr">
<div class="title"> search </div>
<form action="/search" method="get" >
<input type="text" name="q" value="search this blog" onfocus="if (this.value == 'search this blog') {this.value = '';}" onblur="if (this.value == '') {this.value = 'search this blog';}"/>
</form>
</div>

<div class="alr">
<div class="title"> credits </div>
Theme by <a href="http://blogskins.com/me/te.alla">te.alla</a>. Inspired by <a href="http://elleusine.net">Elleusine</a>, <a href="http://www.blogskins.com/apply.php?sid=352508&action=Preview">Gabby</a>, and <a href="http://www.blogskins.com/apply.php?sid=349966&action=Preview">PuiLing</a>. Stripes Background from <a href="http://blogskins.com/me/thegatecrasher">PuiLing</a> too. Searchbox from <a href="http://instantkimchi.tumblr.com">InstantKimchi</a>. Blogger labels script from <a href="http://phydeaux3.blogspot.com/2007/05/automatic-list-of-labels-for-classic.html">here</a>. Title font from <a href="http://www.dafont.com/kimberly-geswein.d1468">Dafont</a>. Colors from <a href="http://2xup.org/repos/">here</a> and <a href="http://www.blogskins.com/info/358748">here</a>. Blockquote negative border-radius tutorial from <a href="http://leaverou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/">Lea Verou</a>. Background from <a href="http://fivepointsapart.blogspot.com/">FPA</a>.
</div>

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

</body>
</html>

Cry .Q

ติดตามเรื่องนี้

เก็บเข้าคอลเล็กชัน

ลำดับตอนที่ #17 : ID Dream ' losing my mind

'equation ?

ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

อีบุ๊ก ดูทั้งหมด

ความคิดเห็น

คืนค่าการตั้งค่าทั้งหมด

ลำดับตอนที่ #17 : ID Dream ' losing my mind

'equation ?

ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

อีบุ๊ก ดูทั้งหมด

ความคิดเห็น