API tools faq
paste
Advertisement
kawaiibuu

Precipitous

kawaiibuu
Jul 16th, 2014
3,930
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.63 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!--
  4.  
  5. precipitous theme
  6. by http://softwaring.tumblr.com
  7. download @ http://jubileethemes.tumblr.com
  8. do not remove credits thank u !~
  9.  
  10. -->
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <head>
  13. <meta name="color:background" content="#ffffff"/>
  14. <meta name="color:text" content="#000"/>
  15. <meta name="color:links" content="#000"/>
  16. <meta name="color:links hover" content="#5e5e5e"/>
  17. <meta name="color:links click" content="#ff2e00"/>
  18. <meta name="color:photo hover" content="#000"/>
  19. <meta name="color:photo hover text" content="#FFF"/>
  20.  
  21. <meta name="if:infinite scroll" content="0"/>
  22. <meta name="if:250px" content="0"/>
  23. <meta name="if:background cover" content="0"/>
  24.  
  25. <meta name="image:background" content=""/>
  26. <meta name="image:cursor" content="http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png"/>
  27.  
  28. <meta name="text:photo hover opacity" content="0.8"/>
  29. <meta name="text:link 1 title" content="one"/>
  30. <meta name="text:link 1 url" content="" />
  31. <meta name="text:link 2 title" content="two" />
  32. <meta name="text:link 2 url" content="" />
  33. <meta name="text:link 3 title" content="three" />
  34. <meta name="text:link 3 url" content="" />
  35.  
  36. <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  37. <link rel="icon" href="{Favicon}"/> <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/> <title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title> {CustomCSS} <title>{title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  38. <style type="text/css">
  39. #tumblr_controls{
  40. position:fixed !important; z-index: 999999999;
  41. -webkit-filter: invert(100%) ; }
  42. ::-webkit-scrollbar-thumb{ border: 2px solid {color:background}; background: {color:text}; height:auto; }
  43. ::-webkit-scrollbar:horizontal { display:none!important; }
  44. ::-webkit-scrollbar { height:auto; background: {color:background}; background-size:cover; width:6px; }
  45. body,html {
  46. margin:0px; padding:0px; margin-top:0px; margin-bottom:0px;
  47. font: 10px 'Roboto'; letter-spacing: 1px;
  48. color: {color:text}; background:{color:background} url({image:background})top right fixed repeat; {block:ifbackgroundcover} background-size:cover;{/block:ifbackgroundcover} }
  49. a {color: {color:links}; text-decoration: none; }
  50. a:active,a:focus { outline:0; color: {color:links click};}
  51. blockquote { border-left: 1px solid {color:text}; margin: 2px; text-transform: none; padding-left: 5px; }
  52. pre {
  53. white-space:normal;
  54. padding:5px;
  55. background-color:rgba(0,0,0,.04);
  56. }
  57. img {
  58. border:0px;
  59. }
  60. #posts { {block:ifnot250px}width: 470px;{/block:ifnot250px} {block:if250px}width:320px;{/block:if250px} margin: 10% auto; }
  61. .post { padding: 0px; overflow: hidden; margin: 35px 35px 250px 35px;
  62. {block:ifnot250px}width: 400px;{/block:ifnot250px}
  63. {block:if250px}width: 250px;{/block:if250px} }
  64. .post img { max-width: 100%; }
  65. .captions { position:absolute; width: 100%; height: 100%; background:rgba({RGBcolor:photo hover}, 0.8); margin-left: -400px; display:inline-flex; display: -webkit-flex; -moz-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; }
  66. .pcaptions { {block:ifnot250px}width: 380px;{/block:ifnot250px} {block:if250px}width: 230px;{/block:if250px} margin-left: 10px; margin-top: 10px; max-height: 200px; min-height: 45px; height: auto; overflow: auto; position:absolute; background:rgba({RGBcolor:photo hover}, 0.8); margin-left: -400px; display:inline-flex; display: -webkit-flex; -moz-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; }
  67. .txt { margin: auto; text-align: center; padding: 20px 50px; font-size: 12px; {block:IndexPage}color: rgba({RGBcolor:photo hover text},0.6);{/block:IndexPage} text-transform: uppercase; font-weight: 300; }
  68. .txt a { {block:IndexPage}color: rgba({RGBcolor:photo hover text},0.6);{/block:IndexPage} }
  69. .tags { font: 8px consolas; font-weight: 700; margin-top: 5px; }
  70. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  71. #infscr-loading {display:none;}
  72. .navigation {display:none!important;}
  73. .cred { position:fixed; bottom: 5px; left: 10px; text-transform: uppercase; font: 8px consolas; }
  74. #s-m-t-tooltip { margin: 20px; background: rgba({RGBcolor:background}, 0.8); color: {color:text}; border: none; text-transform: uppercase; font: 10px consolas; padding: 2px 15px; z-index: 9999999999999999999999;}
  75. h1 { text-align: center; }
  76. .caption { font-size: 10px; text-align: justify; margin-top: -20px; }
  77. .post:hover .captions { margin-left: 0px; opacity: 1 !important; -moz-transition: all 0.75s ease-in-out;-ms-transition: all 0.75s ease-in-out;
  78. -o-transition: all 0.75s ease-in-out;transition: all 0.75s ease-in-out; }
  79. .post:hover .pcaptions { margin-left: 10px; opacity: 1 !important; -moz-transition: all 0.75s ease-in-out; -ms-transition: all 0.75s ease-in-out;
  80. -o-transition: all 0.75s ease-in-out; transition: all 0.75s ease-in-out; }
  81. #sidebar { font-size: 16px; font-weight: 100; text-transform: uppercase; position:fixed; top: 0px; left: 50%;padding: 50px 5px 5px; background: {color:background} url({image:background})top right fixed repeat; {block:ifbackgroundcover} background-size:cover; {/block:ifbackgroundcover} z-index: 9999999;{block:ifnot250px}width: 400px; margin-left: -205px;{/block:ifnot250px}{block:if250px}width: 250px; margin-left: -125px;{/block:if250px}}
  82. #sidebar li { font-weight: 300; border-bottom: 1px solid transparent; font-size: 10px; text-align: center; float:left; list-style:none; overflow:hidden; {block:ifnot250px}width: 66.5px;{/block:ifnot250px} {block:if250px}width: auto; padding: 2px 10px;{/block:if250px} -moz-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; }
  83. #sidebar li:hover { border-bottom: 1px solid rgba({RGBcolor:text},0.6); -moz-transition: all 0.55s ease-in-out; -ms-transition: all 0.55s ease-in-out; -o-transition: all 0.55s ease-in-out; transition: all 0.55s ease-in-out; }
  84. .perma { text-transform: uppercase; border-top: 1px solid {color:text}; margin-top: 5px; padding: 5px; font: 8px consolas; font-weight: 700; text-align: center; }
  85. ::selection { background: transparent; color: {color:links click}; }
  86. ::-moz-selection { background: transparent; color: {color:links click}; }
  87. ::-webkit-selection { background: transparent; color: {color:links click}; }
  88. #tumblr_lightbox { background:{color:background} url({image:background})top right fixed repeat!important; background-size:cover!important;z-index:99999999999999999999999999999999999999999!important; -webkit-transition: all 0.35s ease-in-out; border: none; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
  89. #tumblr_lightbox img { opacity:0; }
  90. #tumblr_lightbox_caption { color:{color:text};!important;font-family: 'Roboto', sans-serif!important;font-size:10px!important;font-weight:normal!important;text-shadow:none!important;}
  91. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image { padding:5px!important; background: {color:text};!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important;
  92. box-shadow:none!important;-moz-border-radius:0px!important; -webkit-border-radius:0px!important; border-radius:0px!important; opacity:1!important; -webkit-transition: all 0.35s ease-in-out; border: none;
  93. -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
  94. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {-webkit-filter: brightness(0.35);-moz-filter:brightness(.35); -o-filter:brightness(.35); }
  95. .poplight { text-transform: uppercase; }
  96. #fade { display: none; background: {color:background} url({image:background})top left fixed repeat; background-size: cover; position: fixed; left: 0; top: 0; opacity: 0.95; width: 100%; height: 100%; z-index: 9999; }
  97. .popup_block{ display: none; padding: 10px; border: 1px solid {color:borders}; background: {color:post background}; overflow: hidden; float: left; position: fixed; top: 40%; left: 51.5%; z-index: 99999; }
  98. .popup_block a { padding: 15px; }
  99. img.btn_close { display: none; }
  100. *html #fade { position: absolute; }
  101. *html .popup_block { position: absolute; }
  102. {CustomCSS}
  103. </style>
  104. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  105. {block:IndexPage}
  106. <script src="http://static.tumblr.com/mqkrxog/WbVn5j0z0/masonn.js"></script>
  107. <script>
  108. $(document).ready(function() {
  109. //
  110. $('a.poplight[href^=#]').click(function() {
  111. var popID = $(this).attr('rel'); //Get Popup Name
  112. var popURL = $(this).attr('href'); //Get Popup href to define size
  113. var query= popURL.split('?');
  114. var dim= query[1].split('&');
  115. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  116. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  117. var popMargTop = ($('#' + popID).height() + 80) / 2;
  118. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  119. //Apply Margin to Popup
  120. $('#' + popID).css({
  121. 'margin-top' : -popMargTop,
  122. 'margin-left' : -popMargLeft
  123. });
  124. $('body').append('<div id="fade"></div>');
  125. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  126. return false;
  127. });
  128. $('a.close, #fade').live('click', function() {
  129. $('#fade , .popup_block').fadeOut(function() {
  130. $('#fade, a.close').remove(); //fade them both out
  131. });
  132. return false;
  133. });
  134. });
  135. </script>
  136. {block:ifinfinitescroll}
  137. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  138. {/block:ifinfinitescroll}
  139. <script type="text/javascript">
  140. $(window).load(function () {
  141. $('#posts').masonry(),
  142. $('.masonryWrap').infinitescroll({
  143. navSelector : "div.navigation",
  144. // selector for the paged navigation (it will be hidden)
  145. nextSelector : ".navigation a#next",
  146. // selector for the NEXT link (to page 2)
  147. itemSelector : ".post",
  148. // selector for all items you'll retrieve
  149. bufferPx : 10000,
  150. extraScrollPx: 10000,
  151. loadingImg : "http://www.freeiconsweb.com/Icons-show/loading/loading2.gif",
  152. loadingText : "<em></em>",
  153. },
  154. // call masonry as a callback.
  155. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  156. );
  157. });
  158. </script>
  159.  
  160. {/block:IndexPage}
  161. {block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}
  162. </head>
  163. <body>
  164. <div id="sidebar">
  165. <a href="/"><li>renew</li></a> <a href="#?w=500" rel="03" class="poplight"><li>contact</li></a>
  166. <a href="/archive"><li>past</li></a><a href="{text:link 1 url}" title="{text:link 1 title}"><li>{text:link 1 title}</li></a><a href="{text:link 2 url}" title="{text:link 2 title}"><li>{text:link 2 title}</li></a><a href="{text:link 3 title}" title="{text:link 3 title}"><li>{text:link 3 title}</li></a>
  167. <div id="03" class="popup_block">
  168. <p><iframe frameborder="0" scrolling="no" width="100%" height="260" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  169. </div>
  170. </div>
  171. </div>
  172. <div id="contentcolumn"> <div class="masonrywrap">
  173. <div id="posts">
  174. {block:Posts}
  175. {block:ContentSource}
  176. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  177. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  178. {/block:SourceLogo}
  179. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  180. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  181.  
  182.  
  183. {block:Text}
  184. <div class="post">
  185. {block:Title}{Title}{/block:Title}{Body}
  186. {block:indexpage}
  187. <div class="perma">
  188. {block:HasTags}<div style="float:right;">{block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  189. <a href="{Permalink}">{NoteCountwithLabel}</a>
  190. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  191. </div>{/block:indexpage}
  192. </div>
  193. {/block:Text}
  194.  
  195. {block:Photo}
  196. <div class="post">
  197. {block:IndexPage}<div class="captions"> <div class="txt">
  198. {block:caption}<div class="caption">{Caption}</div>{/block:caption}
  199. <a href="{Permalink}" title="{NoteCountwithLabel}">{12Hour}:{Minutes} {AmPm}</a>
  200. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  201. {block:HasTags} <div class="tags"> {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags} </div>{/block:HasTags} </div> </div>{/block:indexpage}
  202. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  203. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="margin-bottom: -4px;"/></a> {/block:IndexPage} </div>
  204. {/block:Photo}
  205.  
  206. {block:Photoset}
  207. <div class="post">
  208. {block:IndexPage}<div class="pcaptions"> <div class="txt" style="margin-top: 5%; "> {block:caption}<div class="caption">{Caption}</div>{/block:caption} <a href="{Permalink}" title="{NoteCountwithLabel}">{12Hour}:{Minutes} {AmPm}</a> <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  209. {block:HasTags} <div class="tags"> {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags} </div>{/block:HasTags} </div></div>{/block:indexpage}
  210. <center>
  211. {block:ifnot250px}{Photoset-400}{/block:ifnot250px} {block:if250px}{Photoset-250}{/block:if250px}
  212. </center>
  213. </div>{/block:Photoset}
  214.  
  215. {block:Quote}
  216. <div class="post">
  217. "<i>{Quote}</i>"<br><br>&mdash;{Source}
  218. {block:indexpage}
  219. <div class="perma">
  220. {block:HasTags}<div style="float:right;">{block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  221. <a href="{Permalink}">{NoteCountwithLabel}</a>
  222. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>{/block:indexpage}
  223. </div>{/block:Quote}
  224.  
  225. {block:Link}
  226. <div class="post"><a href="{URL}">{Name}</a> {block:Description}{Description}{/block:Description}
  227. {block:indexpage}
  228. <div class="perma">
  229. {block:HasTags}<div style="float:right;">{block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  230. <a href="{Permalink}">{NoteCountwithLabel}</a>
  231. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>{/block:indexpage}
  232. </div>
  233. {/block:Link}
  234.  
  235. {block:Chat}
  236. <div class="post">
  237. <b>{block:Title}{Title}{/block:Title}</b><br>
  238. {block:Lines}{block:Label}<b>{Label}</b><br> {Line} <br><br> {/block:Label}{/block:Lines}
  239. {block:indexpage}
  240. <div class="perma">
  241. {block:HasTags}<div style="float:right;">{block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  242. <a href="{Permalink}">{NoteCountwithLabel}</a>
  243. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>{/block:indexpage}
  244. </div>{/block:Chat}
  245.  
  246. {block:Audio}
  247. <div class="post">
  248. <div style="background: black; color: white; font-weight: 800; padding: 4px;">{block:AlbumArt}<a href="{permalink}"><img src="{AlbumArtURL}" width="100%"/></a>{/block:AlbumArt}<div class="hear">
  249. <div style="width: 30px; overflow: hidden; position:absolute; margin-top: 5px;">
  250. <center>{AudioPlayerBlack}</center></div></div>
  251. <p style="padding: 2px; text-transform: uppercase; text-align: center;">
  252. {block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</p>
  253. </div>
  254. {block:ExternalAudio}{/block:ExternalAudio}
  255.  
  256. {block:indexpage}
  257. <div class="perma">
  258. {block:HasTags}<div style="float:right;">{block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  259. <a href="{Permalink}">{NoteCountwithLabel}</a>
  260. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>{/block:indexpage}
  261. </div>
  262. {/block:Audio}
  263.  
  264. {block:Answer}
  265. <div class="post">
  266. <div style="background:{color:photo hover}; color:{color:photo hover text}; padding: 10px; text-align: justify;">{Question}<br><p align="right" style="text-transform: uppercase; margin: 0px; padding: 0px;">&mdash; {Asker}</p></div><br> {Answer}
  267.  
  268. {block:indexpage}
  269. <div class="perma">
  270. {block:HasTags}<div style="float:right;">{block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  271. <a href="{Permalink}">{NoteCountwithLabel}</a>
  272. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>{/block:indexpage}
  273. </div>
  274. {/block:answer}
  275.  
  276. {block:Video}
  277. <div class="post"> <center> {block:ifnot250px}{Video-400}{/block:ifnot250px} {block:if250px}{Video-250}{/block:if250px} </center>
  278.  
  279. {block:indexpage}
  280. {block:indexpage}
  281. <div class="perma">
  282. {block:HasTags}<div style="float:right;">{block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  283. <a href="{Permalink}">{NoteCountwithLabel}</a>
  284. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>{/block:indexpage}
  285. </div>
  286. {/block:Video}
  287.  
  288. {block:PostNotes}
  289. <div class="notes">
  290. {block:NoteCount}{NoteCount} notes{/block:NoteCount} {block:HasTags}// {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  291. {PostNotes} </div>{/block:PostNotes}
  292. {/block:posts}
  293.  
  294. {block:ifnotinfinitescroll}{block:Pagination}<div class="post" style="margin-bottom: 50px; text-transform:uppercase;">{block:PreviousPage} <a href="{PreviousPage}">← back</a> {/block:PreviousPage}{block:JumpPagination length="7"}{block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}{block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage} <a href="{NextPage}">next →</a> {/block:NextPage}</div>{/block:Pagination}{/block:ifnotinfinitescroll}
  295. </div></div>
  296. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  297. <script>
  298. (function($){
  299. $(document).ready(function(){
  300. $("[title],a[title],img[title]").style_my_tooltips({
  301. tip_follows_cursor:true,
  302. tip_delay_time:100,
  303. tip_fade_speed:300,
  304. attribute:"title"
  305. });
  306. });
  307. })(jQuery);
  308. </script>
  309. </div> <br> <br>
  310. </body> </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!