Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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>
- <title>{Title}</title>
- <!--
- Soulless thm .01 | R-eiora
- Do not remove credits or use this theme as a base please thank you. o(´^`)o
- -->
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="image:background" content=""/>
- <meta name="color:background" content="#000000"/>
- <meta name="color:title" content="#eeeeee"/>
- <meta name="color:posts bg" content="#ffffff"/>
- <meta name="color:post border" content="#000000"/>
- <meta name="color:text" content="#000000"/>
- <meta name="color:link" content="#858585"/>
- <meta name="color:link hover" content="#ffffff"/>
- <meta name="color:blockquote" content="#888"/>
- <meta name="color:link bg" content="#eeeeee"/>
- <meta name="color:scroll bar" content="#121212"/>
- <meta name="color:perma" content="#000"/>
- <meta name="if:post border" content="1"/>
- <meta name="text:link 1 URL" content=""/>
- <meta name="text:link 1" content=""/>
- <meta name="text:link 2 URL" content=""/>
- <meta name="text:link 2" content=""/>
- <meta name="text:music player code" content=""/>
- <style type="text/css">
- iframe#tumblr_controls {right:3px !important;
- z-index:999999;
- position: fixed !important;
- opacity: 0;
- -webkit-filter:invert(1);
- filter:alpha(opacity=0);
- -moz-opacity: 0;
- -khtml-opacity: 0;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;}
- iframe#tumblr_controls:hover{
- opacity: 1;
- filter:alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll bar}; height:7px; border-bottom:1px dotted #000; border-top:1px dotted #000;}
- ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scroll bar}; height:7px!important;}
- ::-webkit-scrollbar {background-color:{color:scroll bar}; height:7px; width:8px;}
- ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display:block; height:12px; background-color:{color:scroll bar};}
- body{
- font-family:consolas;
- font-size:10px;
- text-align:justify;
- text-transform:normal;
- color:#c4c4c4;
- margin:0px;
- background:{color:background} url('{image:background}') fixed repeat center;}
- a {cursor:help;text-decoration:none;color:{color:link};-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
- a:hover {color:{color:link hover}
- };
- blockquote {padding-left:5px;padding-right:5px;margin-left:0px; margin-right:5px;border-left:0px solid {color:blockquote};width:180px;border-right: 0px solid #888;overflow: hidden;}
- blockquote img {max-width:150px;}
- li {list-style:square;margin-right:0px;opacity:.85;}
- #all {margin:auto;}
- #posts {float:left;height:auto;background:{color:background};position:relative;margin-left:200px;margin-right:auto;margin-top:80px;width:520px;}
- .po{
- {block:ifpostborder}
- border-top:0px dotted #ffffff;
- border-bottom:1px dotted #ffffff;
- {/block:ifpostborder}
- overflow:hidden;
- display: block;
- position:relative;
- background:{color:background}; url(”) repeat center;
- padding:5px;
- float:left;
- margin-top:55px;
- margin:0px;
- width:250px;
- float:left;
- {block:ifnotpostborder}
- display:none;
- {/block:ifnotpostborder}
- {block:permalinkpage}width:400px;border-bottom:0px dotted;{block:permalinkpage}
- }
- .po:hover #pht {-webkit-filter:grayscale(.7);-moz-filter:grayscale(.7);
- -ms-filter:grayscale(.7);-o-filter:grayscale(.7);
- }
- #txt {text-align: ;padding:7px;overflow:hidden;}
- #ph {overflow:hidden;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
- #ph img {display:block;{block:indexpage}max-width:250px;{/block:indexpage}{block:permalinkpage}max-width:550px;{/block:permalinkpage}}
- .po:hover #per {opacity:.9;}
- #per{
- bottom:5px;
- right:0px;
- background:transparent;
- letter-spacing:1px;
- opacity:.0;
- position:absolute;
- overflow:hidden;
- width:190px;
- text-align:right;
- background:transparent;
- padding:5px 5px 1px 5px;
- -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;z-index:3;{block:permalinkpage}display:none;{/block:permalinkpage}
- }
- #per a {color:{color:perma};}
- .he {letter-spacing:1px;font-size:10px;padding-left:5px;color:{color:title};font-family:consolas;}
- .body { }
- .body img{
- {block:indexpage} max-width:150px;{/block:indexpage}{block:permalinkpage}max-width:390px;{/block:permalinkpage}
- }
- .qu {font-family:palatino linotype;font-style:italic;font-size: 10px;letter-spacing:1px;}
- .qusrc {text-align:right;}
- .le {width:80px;height:80px;}
- .le img {width:80px;height:80px;display:block;}
- .be {background:none;width:26px;height:26px;border:0px solid transparent;margin:25px;overflow: hidden; z-index: 9999; opacity: 0.5; }
- .button {margin-top:-25px;margin-left: -25px;width:10px;height:10px;background:opacity:1;position:absolute;z-index:8;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
- .po:hover .button {opacity:.75;}
- .ri {float:right;margin:-80px 0 0 0;{block:indexpage}width:105px;{/block:indexpage}{block:permalinkpage}width:305px;{/block:permalinkpage}
- }
- .thru {text-align:right;font:6px consolas;letter-spacing:1px;text-transform:uppercase;}
- #ppage{margin-top:5px;padding:0 5px 5px 5px;}
- .nav {font:8px consolas;text-transform:uppercase;letter-spacing:1px;margin-top:5px;display:none;}
- #side {position:fixed;top:20px;width:150px;left:35px;text-align:right;}
- .notetitle {padding-left:14px;text-transform:none;padding-bottom:10px; text-align:left;}
- .notes {margin-top:-4px; margin-bottom:25px; text-align:left;margin-left:-10px;}
- ol.notes li.note {padding:5px;}
- ol.notes {max-height: 200px;width:410px; overflow: auto;}
- img.avatar {display: none;}
- .caption {margin-top:-3px; padding:-15px; }
- #pura {width: auto;height: auto; position: fixed;bottom:10px; color: #ffffff;z-index: 9;left: 445px;}
- #gomen {margin-left:500px;border-radius:0px;border-bottom:1px dotted #ffffff;width:200px;padding: -5px;text-align:center;height: 80px;color: #fff;background-color:transparent;font: 16px monospace;text-transform: oblique;letter-spacing: 1px;z-index: 9; }
- .ryutarou {margin-left:410px;margin-top:75px;padding:8px 8px 10px 8px;width: 90px;height: 23px;background-color: transparent;
- opacity:0;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;position:fixed;z-index: -1;}
- #pura:hover .ryutarou {margin-top: -80px;opacity: 1; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
- .li {text-align: center; margin-top:-5px; display: block; background-color: transparent;font:15px calibri;text-decoration:none; color: #f1f1f1; letter-spacing: 1px; font-style:oblique;}
- .li a {width: 100%; font: 15px calibri; text-decoration:none; color: #4c4c4c; letter-spacing: 1px; font-style: oblique;
- opacity:0;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
- .li a:hover {color: #4c4c4c;opacity:1;
- -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
- #s-m-t-tooltip {z-index:9999;background:#000;line-height:11px;font:8px consolas;letter-spacing:1px;color:#fff;max-width:150px;word-wrap:break-word;padding:1px 3px 1px 3px;display:block;margin:25px 0 0 15px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
- #cred{position:fixed; bottom:7px; margin-right:5px; right:-6px; z-index:1;}
- #cred a {padding:4px; font-size:10px; background:#000; color:#fff;} #cred a:hover {background:transparent; color:#f4f4f4;}
- #aulait {position:fixed; background-color:#000; opacity:.8; -webkit-transition-duration: .5s; margin:auto; width:600px;}
- #aulait a:hover {border-bottom:1px dotted #fff;}
- #aulait:hover {opacity:1; -webkit-transition-duration: .5s;}
- #to {position:fixed; top:-1px; width:540px; z-index:999999; margin:auto;margin-left:150px;}
- .co {padding:5px;}
- .linkus {padding:1px 5px 5px 5px; font-size:12px; text-transform:normal; letter-spacing:1px; line-height:20px;}
- .dtit {padding:3px 7px 3px 7px; font-size:19px; letter-spacing:1px;}
- .desi {width:600px; margin:auto; padding:3px 7px 10px 7px; border-bottom:1px solid ;}
- #tp{position:fixed;margin-left:50px;margin-bottom:10px;padding:5px;width:16px;}
- </style>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
- </script>
- <script type="text/javascript" language="javascript">
- $(function () {
- $('#scrlBotm').click(function () {
- $('html, body').animate({
- scrollTop: $(document).height()
- },
- 1500);
- return false;
- });
- $('#tp').click(function () {
- $('html, body').animate({
- scrollTop: '0px'
- },
- 1500);
- return false;
- });
- });
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:20,
- tip_fade_speed:400,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script type="text/javascript">
- $(document).ready(function()
- {
- $( '.wrap' ).fadeIn("slow");
- });
- </script>
- <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/zr9m0w1np/masonryq.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/J0qm0vycn/querymasonry.js"></script>
- <script src="http://static.tumblr.com/nj7bgyh/bynm0xy7g/endlessscrolljquery.js"></script>
- <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('#posts').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : ".nav a",
- // selector for the paged navigation (it will be hidden)
- nextSelector : ".nav a",
- // selector for the NEXT link (to page 2)
- itemSelector : ".po",
- // selector for all items you'll retrieve
- bufferPx : 10000,
- extraScrollPx: 11000,
- loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
- loadingText : "<em></em>",
- },
- // call masonry as a callback.
- function() { $('#posts').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- <script src="toggle.js" type="text/javascript"></script>
- <script type="text/javascript">
- </script>
- </head>
- <body>
- <a id="tp" title="back to top" href="#" style="position: fixed; bottom: -15px; left:80px;font-size:15px;">▲</a>
- <div id="pura">
- <div id="gomen"><span style=" color: #ffffff;">私は悲しみに移動し、私は自分が眠って森の中で失われて発見した。</a></div>
- <div class="ryutarou">
- <div class="li"> text here. </div>
- </div></div>
- <center>
- <div id="to">
- <div id="aulait">
- <div class="dtit"><a href="/">{Title} </a><br>
- <span class="co"><span class="linkus">
- <a href="/">un</a> :
- <a href="/ask">deux</a> :
- <a href="/archive">trois</a>
- {block:iflink1}
- <a href="{text:link 1 URL}">{text:link 1}</a>
- {/block:iflink1}
- {block:iflink2}
- <a href="{text:link 2 URL}">{text:link 2}</a>
- {/block:iflink2}
- </span></span></div>
- <div class="desi">{Description}
- {text:music player code}</center></div>
- </div></div></div>
- </div>
- </div></div>
- </div></div>
- </div>
- </div></div></div>
- <div id="all">
- <div class="nav">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- <div id="posts">{block:Posts}<div class="po">
- {block:Text}<div id="per"><a href="{permalink}" title="{NoteCountWithLabel}">{12Hour} {AmPm};</a></div><div id="txt">{block:Title}<div class="he"> {Title}</div>{/block:Title}<div class="body">{Body}</div></div>{/block:Text}
- {block:Quote}<div id="per"><a href="{permalink}" title="{NoteCountWithLabel}">{12Hour} {AmPm};</a></div><div id="txt"><div class="qu"> {Quote}</div>{block:Source}<div class="qusrc"><br> </div>{/block:Source}</div>{/block:Quote}
- {block:Link}<div id="per"><a href="{permalink}" title="{NoteCountWithLabel}">{12Hour} {AmPm};</a></div><div id="txt"><div class="he"><a href="{URL}" target="_blank"> {Name}</a></div>{block:permalinkpage}{block:Description}<div class="body">{Description}<div>{/block:Description}{/block:permalinkpage}</div>{/block:Link}
- {block:Chat}<div id="per"><a href="{permalink}" title="{NoteCountWithLabel}">{12Hour} {AmPm};</a></div><div id="txt">{block:Title}<div class="he">{Title}</div>{/block:Title}{block:Lines}<div class="{Alt}">
- {block:Label}<b>{Label}</b>{/block:Label} {Line}</div>{/block:Lines}
- </div>{/block:Chat}
- {block:Audio}<div id="per"><a href="{permalink}" title="{NoteCountWithLabel}">{12Hour} {AmPm};</a></div><div id="txt">{block:AudioEmbed}<div style="margin:0 -15px 0 -5px;">{block:indexpage}{AudioEmbed-250}{/block:indexpage}{block:permalinkpage}{AudioEmbed-400}{/block:permalinkpage}</div>{/block:AudioEmbed}{block:AudioPlayer}<div class="le"><div class="button">
- <div class="be">{Block:AudioPlayer}{AudioPlayerBlack}{/Block:AudioPlayer}</div></div></div><div class="ri">
- {block:TrackName}{TrackName}<br>{/block:TrackName}{block:Artist}<b></b> {Artist}<br>{/block:Artist}</div>{/block:AudioPlayer}{block:permalinkpage}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div>{/block:Audio}
- {block:Answer}<div id="per"><a href="{permalink}" title="{NoteCountWithLabel}">{12Hour} {AmPm};</a></div><div id="txt"><div class="qu">{Question}</div><div class="qusrc">{Asker}</div><div class="body">{Answer}</div>
- </div>{/block:Answer}
- {block:Photo}<div id="ph">{block:permalinkpage}{LinkOpenTag}{/block:permalinkpage}{block:indexpage}<a href="{Permalink}" title="{NoteCountWithLabel}">{/block:indexpage}<img src="{PhotoURL-500}"></a>{LinkCloseTag}{block:permalinkpage}{block:HighRes}<div class="thru"><a href="{PhotoURL-HighRes}" target="_blank">high res</a></div>{/block:HighRes}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div>{/block:Photo}
- {block:Photoset}<div id="ph">{block:indexpage}{block:Photos}<a href="{Permalink}" title="{NoteCountWithLabel}">{/block:indexpage}<img src="{PhotoURL-500}"></a>{/block:Photos}{/block:indexpage}{block:permalinkpage}{Photoset-400}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div>{/block:Photoset}
- {block:Video}<div id="per"><a href="{permalink}" title="{NoteCountWithLabel}">{12Hour} {AmPm};</a></div><div id="ph">{block:indexpage}{Video-250}{/block:indexpage}{block:permalinkpage}{Video-400}{PlayCountWithLabel}<br>{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div>{/block:Video}
- {block:permalinkpage}
- <div id="ppage">
- <br>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}; {ReblogParentTitle}">via</a> ; <a href="{ReblogRootURL}" title="{ReblogRootName}; {ReblogRootTitle}">source</a>{/block:RebloggedFrom} {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>. {/block:Tags}{/block:HasTags}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>{/block:permalinkpage}</div>{/block:Posts}
- </div>
- </div>
- <div id="cred"><a href="http://r-eiora.tumblr.com" title="creds"> © ; <img src="http://static.tumblr.com/palmvjm/Xqrml3rrc/tinypic.gif"/> </a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement