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" xml:lang="en" lang="en">
- <head>
- <html>
- <title>{Title}</title>
- <!--
- J A E K P O T T H E M E
- ------------------------------
- B Y H O K S H I // T U M B L R
- -->
- <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="color:background" content="#f4f4f4"/>
- <meta name="color:text" content="#474646"/>
- <meta name="color:link" content="#252525"/>
- <meta name="color:link hover" content="#cccccc"/>
- <meta name="color:sidebar background" content="#f3f1f1"/>
- <meta name="color:posts" content="#f3f1f0"/>
- <meta name="color:back post background" content="#ffffff"/>
- <meta name="color:permalink background" content="#ffed00"/>
- <meta name="color:link1" content="#c3c7c7"/>
- <meta name="color:link2" content="#e9f5d4"/>
- <meta name="color:link3" content="#6d6b6b"/>
- <meta name="color:link4" content="#ffe300"/>
- <meta name="image:background" content="http://static.tumblr.com/ii9pnwy/ARTm1p7f3/graydottedmany.png"/>
- <meta name="image:back post background" content="http://static.tumblr.com/ii9pnwy/ccUm1p7fu/tumblr_lws4pjqqja1qi201y.png"/>
- <meta name="image:sidebar picture" content="http://static.tumblr.com/ii9pnwy/3e8m1p7gd/tumblr_m0w0rojlhe1qmlc53o1_500.jpg"/>
- <meta name="image:post background" content="http://static.tumblr.com/ii9pnwy/1lTm1p7gu/dottedmanywhite.png"/>
- <meta name="if:Smaller Posts" content="1"/>
- <meta name="if:Posts Background" content="1"/>
- <meta name="if:Show Captions" content="0"/>
- <meta name="if:Infinite Scrolling" content="0"/>
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 1 Name" content="❶" />
- <meta name="text:Link 2 URL" content="/" />
- <meta name="text:Link 2 Name" content="❷" />
- <meta name="text:Link 3 URL" content="/" />
- <meta name="text:Link 3 Name" content="❸" />
- <meta name="text:Link 4 URL" content="/" />
- <meta name="text:Link 4 Name" content="❹" />
- <meta name="text:Link 5 URL" content="/" />
- <meta name="text:Link 5 Name" content="❺" />
- {block:IfInfiniteScrolling}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfInfiniteScrolling}
- <style type="text/css">
- {CustomCSS}
- iframe#tumblr_controls {
- right:3px;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.5;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- iframe#tumblr_controls:hover {
- -webkit-transition: opacity 0.7s linear;
- opacity: 1;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- ::-webkit-scrollbar {
- width: 10px;
- height:auto;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:text};
- border-top: 5pt solid {color:link};
- border-bottom: 5pt solid {color:link};
- border-radius: 15px;
- }
- ::-webkit-scrollbar-track-piece {
- background: {color:background};
- }
- body{
- background: {color:background};
- background-image: url('{image:background}');
- background-attachment: fixed;
- font-family: consolas;
- letter-spacing: 1px;
- font-size: 9px;
- font-style: none;
- line-height: 10px;
- color: {color:text};
- text-decoration: none;
- text-align: justify;
- }
- a{
- color: {color:link};
- text-decoration: none;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- a:hover{
- color: {color:link hover};
- text-decoration: none;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- text-shadow: {color:link} 1px 1px;
- }
- img {
- opacity: 1;
- filter:alpha(opacity=100);
- }
- img: hover{
- opacity: 0.2;
- filter:alpha(opacity=20);
- }
- #backpost{
- background: {color:back post background};
- background-image: url('{image:back post background}');
- background-attachment: fixed;
- width: 520px;
- {block:IfSmallerPosts}
- width: 420px;
- {block:IfSmallerPosts}
- float: center;
- padding: 15px;
- }
- #post{
- width: 600px;
- {block:IfSmallerPosts}
- width: 500px;
- {/block:IfSmallerPosts}
- position: absolute;
- right: 50%; margin-right: -250px;
- top: 0px;
- z-index: 999;
- }
- #entry {
- width: 500px;
- {block:IfSmallerPosts}
- width: 400px;
- {block:IfSmallerPosts}
- padding: 10px;
- margin-bottom: 15px;
- background: {color:posts};
- background-image: url('{image:post background}');
- font-family: consolas;
- font-size: 10px;
- text-transform: lowercase;
- font-color: {color:font};
- border-radius: 5px;
- z-index: 999;
- }
- #menu{
- bottom: 96px;
- right: 50%;
- margin-right:-470px;
- z-index: 2;
- position: fixed;
- text-transform: uppercase;
- font-family: arial;
- font-size: 9px;
- letter-spacing:1px;
- }
- #title{
- bottom: 245px;
- right: 50%;
- margin-right:-450px;
- z-index: 2;
- position: fixed;
- text-transform: uppercase;
- font-family: arial;
- font-size: 17px;
- letter-spacing:3px;
- }
- #next{
- bottom: 145px;
- right: 50%;
- margin-right:380px;
- {block:IfSmallerPosts}
- margin-right:275px;
- {/block:IfSmallerPosts}
- z-index: 2;
- position: fixed;
- text-transform: uppercase;
- font-family: arial;
- font-size: 35px;
- line-height:40px;
- }
- #titlebar{
- background-color:transparent;
- padding: 3px;
- border-bottom: 1px dotted {color:link};
- color: {color:link};
- letter-spacing:5px;
- text-transform: uppercase;
- font-family: arial;
- font-size: 12px;
- line-height: 15px;
- }
- #sideimg{
- background: {color:sidebar background};
- background-image: url('{image:back post background}');
- float:right;
- width: 180px;
- height: 135px;
- padding: 0px;
- bottom: 100px;
- right: 50%;
- margin-right:-400px;
- position: fixed;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- border-radius: 10px;
- }
- .hidden{
- background: {color:sidebar background};
- background-image: url('{image:back post background}');
- width: 170px;
- height: 125px;
- padding: 5px;
- bottom: 100px;
- right: 50%;
- margin-right:-400px;
- position: fixed;
- z-index: 4;
- opacity: 0;
- font-family: consolas;
- font-size: 10px;
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s ease-in;
- -o-transition: all 0.6s ease-in;
- border-radius: 10px;
- }
- #sidebarhidden:hover #sideimg{
- opacity:1;
- z-index:5;
- }
- #sidebar:hover #sideimg{
- right: 50%;
- margin-right:-570px;
- opacity:0;
- }
- #sidebar:hover .hidden{
- z-index:1;
- opacity:1;
- -webkit-transition: all .8s ease;
- -moz-transition: all .8s ease;
- -o-transition: all .8s ease;
- }
- #postlink{
- border-bottom: 1px dotted {color:link};
- padding: 2px;
- }
- #link2{
- opacity:1;
- background: {color:link1};
- color: {color:link1};
- width: 60px;
- height:23px;
- }
- #link2:hover
- {color:#000;
- opacity:0.6;
- height:90px;
- }
- #link3{
- opacity:1;
- background: {color:link2};
- color: {color:link2};
- width: 60px;
- height:23px;
- }
- #link3:hover{
- color:#000;
- opacity:0.6;
- height:90px;
- }
- #link4{
- opacity:1;
- background: {color:link3};
- color: {color:link3};
- width: 60px;
- height:23px;
- }
- #link4:hover{
- color:#000;
- opacity:0.6;
- height:90px;
- }
- #link5{
- opacity:1;
- background: {color:link4};
- color: {color:link4};
- width: 60px;
- height:23px;
- }
- #link5:hover{
- color:#000;
- opacity:0.6;
- height:90px;
- }
- .link{
- -webkit-transition: all 0.4s ease;
- -moz-transition: all 0.4s ease;
- -o-transition: all 0.4s ease;
- background: ({color:font});
- height: 15px;
- border-radius: 5px;
- margin-right: 2px;
- z-index: 5;
- }
- .permalink {
- float: right;
- width: 420px;
- height: 2px;
- font-size: 9px;
- padding: 10px;
- font-family: arial;
- background: {color:permalink background};
- margin-top: 0px;
- margin-left: -40px;
- padding-top:2px;
- border-radius: 3px;
- position: absolute;
- letter-spacing: 1px;
- text-align: center;
- -webkit-transition: all 4s ease;
- -moz-transition: all 4s ease;
- -o-transition: all 4s ease;
- z-index: -1;
- }
- .permalink a{
- color:#8b8c8d;
- font-size: 10px;
- }
- #entry:hover .permalink {
- margin-top: 0px;
- margin-left: -100px;
- -webkit-transition: all 1s ease-in;
- filter: alpha(opacity = 70);
- -moz-transition: all 1s ease-in;
- -o-transition: all 1s ease-in;
- width: 50px;
- height: 20px;
- float: left;
- }
- #permalink{
- opacity:1;
- color:#000;
- background-color:transparent;
- width: 500px;
- margin-left: -250px;
- }
- #permalink:hover
- {
- opacity:0;
- }
- blockquote{
- background-color:transparent;
- padding: 3px;
- border-left: 1px dotted #000;
- color: {color:link};
- }
- </style>
- <script type="text/javascript" src="http://static.tumblr.com/zh7ydxo/CIvlwa3c5/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/zh7ydxo/CtWlwa3d9/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- </head>
- <body>
- {block:IfNotInfiniteScrolling}{block:Pagination}<div id="next">{block:PreviousPage}<a href="{PreviousPage}">▲</a>{/block:PreviousPage}<br>{block:NextPage}<a href="{NextPage}">▼</a>{/block:NextPage}</div>{/block:Pagination}{/block:IfNotInfiniteScrolling}
- <div id="sidebar">
- <div id="sideimg">
- <img src="{image:Sidebar picture}" style="width: 180px; border-radius: 10px"></img><big><big><big><big><div align="right">+ hover</div></big></big></big></big>
- </div>
- <div class="hidden">
- {block:Description}{Description}{/block:Description}
- </div>
- </div>
- <div id="title"><font color="{color:permalink background}">❝</font>{Title}<font color="{color:permalink background}">❞</font></div>
- <div align="center"><div id="menu">
- <a href="/"><div id="link2" class="link">home</div></a>
- <a href="/ask"><div id="link4" class="link">message</div></a>
- <a href="/archive"><div id="link5" class="link">archive</div></a>
- <a href="/random"><div id="link3" class="link">random</div></a>
- <a href="http://hokshi.tumblr.com"><div id="link2" class="link">credit</div></a>
- <div id="link4" class="link"><select style="font-family:consolas;color:#5a5959;background:{color:link3};width:50px;font-size:11px;letter-spacing:1px;border:0px dotted #ccc;" onChange="location.href=this.options[this.selectedIndex].value;">
- <option value=''>✙✙</option>
- {block:ifLink1URL}<option value="{text:Link 1 URL}">{text:Link 1 Name}</option>{/block:ifLink1URL}
- {block:ifLink2URL}<option value="{text:Link 2 URL}">{text:Link 2 Name}</option>{/block:ifLink2URL}
- {block:ifLink3URL}<option value="{text:Link 3 URL}">{text:Link 3 Name}</option>{/block:ifLink3URL}
- {block:ifLink4URL}<option value="{text:Link 4 URL}">{text:Link 4 Name}</option>{/block:ifLink4URL}
- {block:ifLink5URL}<option value="{text:Link 5 URL}">{text:Link 5 Name}</option>{/block:ifLink5URL}
- </select></div>
- </div></div></div>
- <div id="post">
- {block:IfInfiniteScrolling}
- <div class = "autopagerize_page_element" >
- {/block:IfInfiniteScrolling}
- {block:IfPostsBackground}
- <div id="backpost">
- {/block:IfPostsBackground}
- {block:Posts}
- {block:Text}
- <div id="entry">
- <div align="center">{block:IndexPage}<div class="permalink">
- {block:NoteCount}<a href="{Permalink}">{NoteCount} notes. </a>{/block:NoteCount}
- </div>{/block:IndexPage}</div>
- <div align="left"><a href="{Permalink}">{block:Title}<div id="titlebar">{Title}</div>{/block:Title}</a>{/block:Title}</div>
- <div align="left">{Body}</div>
- {block:Ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Ifshowcaptions}
- </div>
- {/block:Text}
- {block:Photo}
- <div id="entry">
- <div align="center">{block:IndexPage}<div class="permalink">
- {block:NoteCount}<a href="{Permalink}">{NoteCount} notes. </a>{/block:NoteCount}
- </div>{/block:IndexPage}</div>
- <div align="center"><a href="{Permalink}">{block:IfNotSmallerPosts}{block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="500" /></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="500" />{/block:PermalinkPage}{/block:IfNotSmallerPosts}
- {block:IfSmallerPosts} {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="400" /></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="400" />{/block:PermalinkPage} {/block:IfSmallerPosts}</a>
- {block:Ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Ifshowcaptions}</div>
- </div>
- {/block:Photo}
- {block:Photoset}
- <div id="entry">
- <div align="center">{block:IndexPage}<div class="permalink">{block:NoteCount}<a href="{Permalink}">{NoteCount} notes. </a>{/block:NoteCount}</div>{/block:IndexPage}</div>
- <div align="center"><a href="{Permalink}">{block:IfNotSmallerPosts}{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:IfNotSmallerPosts}
- {block:IfSmallerPosts} {block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage} {/block:IfSmallerPosts}</a>
- {block:Ifshowcaptions}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Ifshowcaptions}</div>
- </div>
- {/block:Photoset}
- {block:Quote}
- <div id="entry">
- <div class="permalink"><div align="center">{block:NoteCount}<a href="{Permalink}">{NoteCount} notes. </a>{/block:NoteCount}</div></div>
- <div align="center"><div id="titlebar"><big><big><big>❝</big></big></big>{Quote}</div>
- {block:Source}<p><div align="right"> - {Source}</div></p>{/block:Source}</div>
- </div>
- {/block:Quote}
- {block:Link}
- <div id="entry">
- <div class="permalink"><div align="center">{block:NoteCount}<a href="{Permalink}">{NoteCount} notes. </a>{/block:NoteCount}</div></div>
- <div align="center"><a href="{URL}" class="link" {Target}>
- <div align="left"><div id="titlebar">{Name}</div></div></a>
- {block:Description}<div align="left"><font>{Description}</font></div>{/block:Description}
- </div>
- </div>
- {/block:Link}
- {block:Chat}
- <div id="entry">
- <div class="permalink"><div align="center">{block:NoteCount}<a href="{Permalink}">{NoteCount} notes. </a>{/block:NoteCount}</div></div>
- <div align="left">{block:Title}<a href="{Permalink}"><div id="titlebar">{Title}</div></a>{/block:Title}{block:Lines}<div id="postlink">{block:Label}<i>{Label}</i>{/block:Label} {Line}</div>{/block:Lines}
- </div>
- </div>
- {/block:Chat}
- {block:Video}
- <div id="entry">
- <div class="permalink"><div align="center">{block:NoteCount}<a href="{Permalink}">{NoteCount} notes. </a>{/block:NoteCount}</div></div>
- <div align="center">{block:IfNotSmallerPosts}{block:IndexPage}{Video-500}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:IfNotSmallerPosts}{block:IfSmallerPosts}{block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{/block:IfSmallerPosts}{block:Ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Ifshowcaptions}</div>
- </div>
- {/block:Video}
- {block:Audio}
- <div id="entry">
- <div class="permalink"><div align="center">{block:NoteCount}<a href="{Permalink}">{NoteCount} notes. </a>{/block:NoteCount}</div></div>
- <div align="center">
- <div {block:AlbumArt}style="height:70px;width:300px;"{/block:AlbumArt}>{block:AlbumArt}<span style="float:right;"><img src="{AlbumArtURL}" style="width:70px;border-radius: 5px;"></span>{/block:AlbumArt}<div style="text-align:cente;">{AudioPlayerWhite}<br>{block:Artist}{Artist}{/block:Artist}<br>{block:TrackName}{TrackName}{/block:TrackName}<br>{PlayCountWithLabel}</span></div></div>
- </div>
- </div>
- {/block:Audio}
- {block:Answer}
- <div id="entry">
- <div class="permalink"><div align="center">{block:NoteCount}<a href="{Permalink}">{NoteCount} notes. </a>{/block:NoteCount}</div></div>
- <div align="center">
- <div align="left"><div id="titlebar"><big><big><big>✉ </big></big></big> {Asker} : {Question}</div></div>
- <div align="left"><font>{Answer}</font></div>
- </div>
- </div>
- {/block:Answer}
- {block:PermalinkPage}
- <div id="entry">
- {block:caption}{Caption}{/block:caption}
- <div align="center">{block:Date} {Month} {DayOfMonthWithZero},{Year}{/block:Date}
- {block:HasTags}<br>TAGS: {block:Tags} <a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
- {block:RebloggedFrom}<br> reblogged via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> || originally from <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
- {/block:RebloggedFrom}</div>
- {block:PostNotes}<div align="left">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div></div>{block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
- {block:IfPostsBackground}</div>{/block:IfPostsBackground}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment