API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 29th, 2015
225
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.30 KB | None | 0 0
raw download clone embed print report diff
  1. <!--
  2.  
  3. (／・Д・)／
  4. ◟(◕◡◕)◞
  5.  
  6. Theme Code by erupture.tumblr.com
  7. Theme blog alonethemes.tumblr.com
  8.  
  9. Any questions? http://erupture.tumblr.com/fask
  10.  
  11. Rules:
  12. 1. DO NOT REMOVE CREDIT
  13. 2. DO NOT STEAL ANY THEME / PART OF THEME
  14. 3. I REPEAT DO NOT REMOVE CREDIT OR YOU WILL BE REPORTED
  15.  
  16. yea thats it, you can edit them but KEEP CREDITS.
  17. -->
  18.  
  19. <!--Go to www.tumblr.com/docs/en/custom_themes for more assistance-->
  20.  
  21. <head>
  22.  
  23. <!-- start of script tooltip -->
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25.  
  26. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  27.  
  28. <script>
  29.  
  30. (function($){
  31.  
  32. $(document).ready(function(){
  33.  
  34. $("a[title]").style_my_tooltips({
  35.  
  36. tip_follows_cursor:true,
  37.  
  38. tip_delay_time:90,
  39.  
  40. tip_fade_speed:600,
  41.  
  42. attribute:"title"
  43.  
  44. });
  45.  
  46. });
  47.  
  48. })(jQuery);
  49.  
  50. </script>
  51.  
  52. <!-- end of script tooltip -->
  53.  
  54. <title>{title}</title>
  55. <link rel="shortcut icon" href="{Favicon}"/>
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  57. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  58.  
  59. <!--Default Variables-->
  60. <meta name="image:Sidebar" content=""/>
  61.  
  62. <meta name="text:link 1" content="home">
  63. <meta name="text:link 1 url" content="/">
  64. <meta name="text:link 2" content="ask">
  65. <meta name="text:link 2 url" content="/ask">
  66. <meta name="text:link 3" content="archive">
  67. <meta name="text:link 3 url" content="/archive">
  68. <meta name="text:link 4" content="links">
  69. <meta name="text:link 4 url" content="/etc">
  70. <meta name="text:link 5" content="shuffle">
  71. <meta name="text:link 5 url" content="/random">
  72.  
  73. <meta name="color:AccentLink" content="#000000"/>
  74. <meta name="color:Accent" content="#ffffff"/>
  75. <meta name="color:Background" content="#ffffff"/>
  76. <meta name="color:Text" content="#000000"/>
  77. <meta name="color:Link" content="#888888"/>
  78. <meta name="color:Link Hover" content="#ffffff"/>
  79. <meta name="color:Border" content="#000000"/>
  80.  
  81. <meta name="if:1 Column" content="0"/>
  82. <meta name="if:2 Column" content="1"/>
  83. <meta name="if:Sidebar Pic" content="0"/>
  84.  
  85.  
  86. <!--Styling,css-->
  87. <style type="text/css">
  88. @font-face{
  89. font-family:'consolas';
  90. src:url('http://static.tumblr.com/apahx90/giAmolf5m/consolas.ttf');}
  91.  
  92. @font-face{
  93. font-family:'calibri';
  94. src:url('http://static.tumblr.com/zu4ce6n/HtCmyt93u/calibri_1_.ttf');}
  95.  
  96. #s-m-t-tooltip {
  97. line-height:8px;
  98. font-family:consolas;
  99. max-width:300px; /* maximum width */
  100. background-color:{color:Background}; /* color background */
  101. border:1px solid {color:Border}; /* color, shape and thickness of the border */
  102. font-size:9px; /* font size */
  103. color:{color:text}; /* font color */
  104. text-transform:uppercase; /* uppercase, lowercase, none */
  105. padding:4px 5px; /* padding size */
  106. margin:15px 0px 0px 15px; /* margin size */
  107. z-index:9999999999999999999999;
  108. border-radius:.4px; /* border radius */
  109. }
  110. /**dont change this OK!!**/
  111. #TUMBLR_CONTROLS{
  112. POSITION:FIXED !IMPORTANT;
  113. -WEBKIT-FILTER: INVERT(100%)
  114. }
  115.  
  116. body {
  117. text-transform:uppercase;
  118. color:{color:Text};
  119. font-family:calibri;/* The main font, you can change this anytime*/
  120. font-size:8px;/* Font size */
  121. background-color:{color:Background};/* Background color */
  122. letter-spacing:1px;
  123. cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
  124.  
  125. }
  126.  
  127. /* Links */
  128. a{
  129. color:{color:Link};
  130. font-style:none;
  131. text-decoration:none;
  132. }
  133.  
  134. a:hover{
  135. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  136. color:{color:Link Hover};
  137. -webkit-transition: all .7s ease-in-out;
  138. -moz-transition: all .7s ease-in-out;
  139. -o-transition: all .7s ease-in-out;
  140. }
  141.  
  142. #sidey {
  143. width:140px;
  144. z-index:999999;top:16%;
  145. position:fixed;
  146. {block:If1Column}margin-left:250px;{block:If1Column}
  147. {block:If2Column}margin-left:160px;{block:If2Column}
  148. padding:20px 20px 0px 20px;
  149. border:1px solid {color:border};
  150. -webkit-transition:all 0.5s linear;
  151. -webkit-transition:all 0.5s linear;
  152. -moz-transition:all 0.5s linear;
  153. transition:all 0.5s linear;
  154. {block:permalinkpage}margin-left:250px;{block:permalinkpage}
  155.  
  156. }
  157. #sidey:hover{
  158. padding-bottom:25px;
  159. }
  160. .toppic img{
  161. width:140px;
  162. border-bottom:1px solid {color:Border};
  163. z-index:999999;display:block;
  164. }
  165.  
  166.  
  167. .titulo{
  168. width:140px;
  169. margin-left:0px;
  170. text-align:right;
  171. padding:10px 0px;
  172. border-bottom:1px solid {color:border};
  173. }
  174.  
  175.  
  176. .desc{
  177. width:140px;
  178. padding:25px 0px 0px 0px;
  179. }
  180.  
  181. .navi{
  182. opacity:0;
  183. transition:all 0.5s ease-out;
  184. -o-transition-transition:all 0.7s ease-out;
  185. -webkit-transition:all .7s ease-out;
  186. -moz-transition:all .7s ease-out;
  187. }
  188.  
  189. #sidey:hover .navi{
  190. opacity:1;padding-top:25px;
  191. }
  192.  
  193.  
  194. .navi a {border:1px solid {color:accentlink};line-height:18px;padding:1px 3px;margin:6px 2px;color:{color:accentlink};
  195. background:{color:Accent};font-weight:bold;
  196. -webkit-transition: all .7s ease;
  197. -moz-transition: all .7s ease;
  198. -o-transition: all .7s ease;
  199. transition: all .7s ease;
  200.  
  201. }
  202.  
  203. .navi a:hover{
  204. background:{color:accentlink};color:{color:accent};
  205. -webkit-transition: all .7s ease;
  206. -moz-transition: all .7s ease;
  207. -o-transition: all .7s ease;
  208. transition: all .7s ease;t;
  209. }
  210.  
  211. /* What your entries are on*/
  212. #post{
  213. {block:If1Column}width:500px;left:38%;{/block:If1Column}
  214. {block:If2Column}width:600px;left:32%;{/block:If2Column}
  215. background-color:transparent;/* Background color for posts*/
  216. position:absolute;
  217. margin:15px 0px;
  218. {block:permalinkpage}
  219. width:500px;left:38%;
  220. display:block;
  221. {/block:permalinkpage}
  222. }
  223.  
  224.  
  225. /* entries */
  226. .entry{
  227. {block:If1Column}width:250px;{block:If1Column}
  228. {block:If2Column}width:200px;{block:If2Column}
  229. float:middle;
  230. border: 1px solid {color:Border};
  231. margin: 25px 15px;/* Spacing of entries*/
  232. {block:PermalinkPage}
  233. width:300px;display:block;
  234. border: 1px solid {color:Border};
  235. {/block:PermalinkPage}
  236. }
  237.  
  238.  
  239. .entry img{
  240. {block:If1Column}max-width:100%;{block:If1Column}
  241. {block:If2Column}max-width:100%;{block:If2Column}
  242. float:right;
  243. {block:IfBlackWhite}
  244. -webkit-filter: grayscale(100%);
  245. {/block:IfBlackWhite}
  246. {block:IfPostsFade}
  247. opacity:0.8;
  248. {/block:IfPostsFade}
  249. -webkit-transition: all 1s ease-in-out;
  250. -moz-transition: all 1s ease-in-out;
  251. -o-transition: all 1s ease-in-out;
  252. {block:PermalinkPage}
  253. border-bottom: 1px solid {color:Border};width:300px;
  254. {/block:PermalinkPage}
  255. }
  256. .entry img:hover{
  257. {block:IfBlackWhite}
  258. -webkit-filter: grayscale(0%);
  259. {/block:IfBlackWhite}
  260. opacity:1;
  261. -webkit-transition: all 0.5s ease-in-out;
  262. -moz-transition: all 0.5s ease-in-out;
  263. -o-transition: all 0.5s ease-in-out;
  264. }
  265.  
  266. /* Permalinks on hover*/
  267. .perms{line-height:20px;text-align:center;
  268. top:0px;left:0px;font-weight:bold;
  269. width:100%;color:{color:accentlink};
  270. background:{color:accent};
  271. position:absolute;border-bottom:1px solid {color:border};
  272. opacity:0;height:0px;
  273. {block:PermalinkPage}
  274. display:none;
  275. {/block:PermalinkPage}
  276. -webkit-transition:all 0.5s linear;
  277. -webkit-transition:all 0.5s linear;
  278. -moz-transition:all 0.5s linear;
  279. transition:all 0.5s linear;
  280. }
  281. .perms a{color:{color:accentlink};}
  282. .entry:hover .perms{opacity:.6;height:20px;overflow:hidden;}
  283. .entry:hover .perms:hover{opacity:1}
  284. .txtperm{
  285. {block:If1Column}width:220px;{block:If1Column}
  286. {block:If2Column}width:180px;{block:If2Column}
  287. border:1px solid {color:border};line-height:18px;
  288. bottom:0px;margin:10px;
  289. position:absolute;
  290. opacity:1;z-index:9999999;
  291. text-align:center;
  292. -webkit-transition: all 0.5s ease-in-out;
  293. -moz-transition: all 0.5s ease-in-out;
  294. -o-transition: all 0.5s ease-in-out;
  295. {block:PermalinkPage}
  296. display:none;
  297. {/block:PermalinkPage}
  298. }
  299.  
  300. .pagination {
  301. display: none;
  302. }
  303.  
  304. ol.notes{padding:0px 0px 0px 0px;line-height:10px;list-style-type:none;} ol.notes li.note{padding:2px 0px 6px 0px;text-align:left;}
  305. .notes img {display:none;}
  306.  
  307. .entry .perma_info{display:inline-block;position:relative;padding:10px;}
  308.  
  309. .entry #stuff{max-height:200px;min-height:0px;overflow-y:auto;overflow-x:hidden;display:block;border-top: 1px solid {color:Border};padding:10px;}
  310.  
  311.  
  312. .askpost {
  313. padding:10px 10px 30px 10px;
  314. }
  315. .audiopost {
  316. padding:10px 10px 30px 10px;}
  317. .txtpost {
  318. padding:10px 10px 30px 10px;
  319. }
  320. .quotepost {
  321. padding:10px 10px 35px 10px;
  322. }
  323. .linkpost {
  324. padding:10px 10px 30px 10px;
  325. }
  326. .chatpost {
  327. padding:10px 10px 35px 10px;
  328. }
  329.  
  330.  
  331. .title{
  332. display:inline;
  333. font-size:11px;
  334. background:transparent;
  335. color:{color:background};
  336. padding:0px 4px 0px 4px;
  337. }
  338.  
  339.  
  340. ::-webkit-scrollbar {
  341. height: 5px;
  342. width: 9px;
  343. background: {color:background};
  344. }
  345.  
  346. ::-webkit-scrollbar-thumb:vertical {
  347. background: {color:border};
  348. border: 4px solid {color:background};
  349. }
  350.  
  351. ::selection {
  352. background: {color:Border};
  353. color:{color:background} ;
  354. }
  355.  
  356. ::-moz-selection {
  357. background: {color:Border};
  358. color:{color:background} ;
  359. }
  360.  
  361. p::selection {
  362. background: {color:Border};
  363. color:{color:background} ;
  364. }
  365.  
  366. p::-moz-selection {
  367. background: {color:Border};
  368. color:{color:background} ;
  369. }
  370.  
  371. #creds {
  372. z-index:999999;
  373. -moz-border-radius:3px;
  374. border-radius:2px;
  375. position:fixed;
  376. left:10px; bottom:10px;
  377. color:white;
  378. background:{color:Background};
  379. opacity:1;
  380. border:1px solid {color:Border};
  381. width:10px;
  382. height:10px;
  383. -webkit-transition: all 0.5s ease;
  384. -moz-transition: all 0.5s ease;
  385. transition: all 0.5s ease;
  386. }
  387.  
  388. #creds:hover {
  389. background: {color:Border};
  390. -webkit-transition: all 0.5s ease;
  391. -moz-transition: all 0.5s ease;
  392. transition: all 0.5s ease;
  393. }
  394.  
  395. {CustomCSS}</style>
  396.  
  397. <!--I reccommend not touching any ofthis unless you don't want infinite scroll!-->
  398.  
  399. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  400.  
  401. <script>
  402. $(function(){
  403. var $container = $('#post');
  404. $container.imagesLoaded(function(){
  405. $container.masonry({
  406. itemSelector: '.entry',
  407. });
  408. });
  409. $container.infinitescroll({
  410. itemSelector : ".entry",
  411. navSelector : "div.pagination",
  412. nextSelector : ".pagination a#next",
  413. loadingImg : "",
  414. loadingText : "<em></em>",
  415. bufferPx : 10000,
  416. extraScrollPx: 12000,
  417. },
  418. // trigger Masonry as a callback
  419. function( newElements ) {
  420. var $newElems = $( newElements ).css({ opacity: 0 });
  421. // ensure that images load before adding to masonry layout
  422. $newElems.imagesLoaded(function(){
  423. $newElems.animate({ opacity: 1 });
  424. $container.masonry( 'appended', $newElems, true );
  425. });
  426. }
  427. );
  428. });
  429. </script>
  430.  
  431. </head>
  432. <body>
  433.  
  434.  
  435. <!--sidebar-->
  436.  
  437. <div id="sidey">
  438. {block:ifsidebarpic}
  439. <div class="toppic"><a href="/"><img src="{image:sidebar}"></a></div>
  440. {/block:ifsidebarpic}
  441. <div class="titulo">{title}</div>
  442. <div class="desc">{Description}</div>
  443. <div class="navi">
  444. {block:iflink1}<a title="{text:link 1}" href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  445. {block:iflink2} <a title="{text:link 2}" href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  446. {block:iflink3}<a title="{text:link 3}" href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  447. {block:iflink4}<a title="{text:link 4}" href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  448. {block:iflink5}<a title="{text:link 5}" href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  449.  
  450. <a title="theme creator" href="http://extrovhert.tumblr.com">theme</a>
  451. </div>
  452. </div>
  453. <!--End of sidebar-->
  454.  
  455.  
  456.  
  457. <!--Posts and entries-->
  458. <div id="post">
  459. {block:Posts}
  460. <div class="entry">
  461.  
  462. {block:Text}
  463. {block:indexpage}
  464. <div class="txtperm">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>
  465. {/block:indexpage}
  466. <div class="txtpost">
  467. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>
  468. {/block:Text}
  469.  
  470. {block:Photo}
  471. {block:indexpage}
  472. <div class="perms">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>
  473. {/block:indexpage}
  474. {block:If2Column}
  475. <a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:If2Column}
  476. {block:If1Column}
  477. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>{/block:If1Column}
  478. {block:PermalinkPage}
  479. <center>{Photoset-500}</center>
  480. {/block:PermalinkPage}
  481. {/block:Photo}
  482.  
  483. {block:Photoset}
  484. {block:indexpage}
  485. <div class="perms">
  486. <div class="rb"><a title="reblog" href="{ReblogURL}"></a></div>
  487. <div class="notecount"><a title="{NoteCountwithLabel}" href="{Permalink}"></a></div>
  488. <div class="times"><a title="{block:Date}{TimeAgo} on {block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix}{/block:Date}" href="{Permalink}"></a></div>
  489. </div>
  490. {/block:indexpage}
  491. {block:If2Column}
  492. {Photoset-250}
  493. {/block:If2Column}
  494. {block:If1Column}
  495. {Photoset-500}
  496. {/block:If1Column}
  497. {block:PermalinkPage}
  498. <center>{Photoset-500}</center>
  499. {/block:PermalinkPage}
  500. {/block:Photoset}
  501.  
  502.  
  503. {block:Quote}
  504. {block:indexpage}
  505. <div class="txtperm">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>
  506. {/block:indexpage}
  507. <div class="quotepost">
  508. {Quote}
  509. <div align="right">
  510. {block:Source}-{Source}{/block:Source}
  511. </div></div>
  512. {/block:Quote}
  513.  
  514.  
  515. {block:Video}
  516. {block:indexpage}
  517. <div class="txtperm">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>
  518. {/block:indexpage}
  519. {block:If2Column}
  520. {Video-250}
  521. {/block:If2Column}
  522. {block:If1Column}
  523. {Video-500}
  524. {/block:If1Column}<br>
  525. {PlayCountWithLabel}
  526. {/block:Video}
  527.  
  528.  
  529. {block:Link}
  530. {block:indexpage}
  531. <div class="txtperm">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>
  532. {/block:indexpage}
  533. <div class="linkpost">
  534. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  535. {block:Description}{Description}{/block:Description}</div>
  536. {/block:Link}
  537.  
  538. {block:Chat}
  539. {block:indexpage}
  540. <div class="txtperm">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>
  541. {/block:indexpage}
  542. <div class="chatpost">
  543. {block:Lines}
  544. {block:Label}
  545. <br>{Label}
  546. {/block:Label}
  547. &nbsp;{Line}
  548. {/block:Lines}</div>
  549. {/block:Chat}
  550.  
  551. {block:Audio}
  552. {block:indexpage}
  553. <div class="txtperm">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>
  554. {/block:indexpage}
  555. <div class="audiopost">{AudioPlayerBlack}
  556. <br>{block:Artist}
  557. Artist: {Artist}
  558. {/block:Artist}<br>
  559. {block:Caption}{Caption}{/block:Caption}</div>
  560. {/block:Audio}
  561.  
  562.  
  563. {block:Answer}
  564. {block:indexpage}
  565. <div class="txtperm">{timeago} with <a title="note count" href="{Permalink}">{NoteCountwithLabel}</a> / <a title="reblog this" href="{ReblogURL}">↻</a></div>
  566. {/block:indexpage}
  567. <div class="askpost">
  568. {Asker} asked: <b>{Question}</b><br>
  569. {Answer}</div>
  570. {/block:Answer}
  571.  
  572. <a href="http://erupture.tumblr.com" title="theme by erupture"><div id="creds"></div></a>
  573.  
  574. {block:PermalinkPage}
  575. <div class="perma_info">{block:Caption}{Caption}{/block:Caption}<br>
  576. {block:Date}posted: {TimeAgo} on {ShortMonth} {DayofMonth}{DayofMonthSuffix}{/block:Date}<br>Notes: {block:NoteCount}{NoteCount}{/block:NoteCount}<br>{block:RebloggedFrom} Reblogged from <a title="VIA" href="{ReblogParentURL}">{ReblogParentName}</a><br>Posted by <a title="SOURCE" href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>{block:HasTags}tags: {block:Tags}<a href="http://tumblr.com/{Tag}" target="blank">#{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  577. {/block:PermalinkPage}
  578. {block:PostNotes}
  579. <div id="stuff">{PostNotes}</div>
  580. {/block:PostNotes}
  581. </div>
  582. {/block:Posts}
  583.  
  584. </div>
  585. <!--Pagination-->
  586. <div class="pagination">
  587. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  588. </div>
  589. </body>
  590. </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!