API tools faq
paste
Advertisement
rasperries

purple grid

rasperries
Sep 2nd, 2014
247
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.28 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. [ T H E M E B Y ]
  5.  
  6. ○ ● ○
  7.  
  8. [ T O M K I R K ]
  9.  
  10.  
  11.  
  12. -->
  13. <html>
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml">
  16. <head>
  17. <!--Default Variables-->
  18. <!--Colors-->
  19. <meta name="color:Ask Background" content="#000000"/>
  20. <meta name="color:Ask Text" content="#ffffff"/>
  21. <meta name="color:Background" content="#ffac93"/>
  22. <meta name="color:Text" content="#000000"/>
  23. <meta name="color:Link" content="#ffac93"/>
  24. <meta name="color:Link Hover" content="#ffac93"/>
  25. <meta name="color:Blog Title" content="#ffac93"/>
  26. <meta name="color:Navi" content="#ffac93"/>
  27. <meta name="color:Navi Text" content="#ffffff"/>
  28. <meta name="color:Tool Tip" content="#ffffff"/>
  29. <meta name="color:Tool Tip Text" content="#000000"/>
  30.  
  31. <!--Images-->
  32. <meta name="image:Background" content=""/>
  33.  
  34. <!--Options-->
  35. <meta name="if:Infinite Scrolling" content=""/>
  36. <meta name="if:Captions" content=""/>
  37. <meta name="if:Faded Images" content=""/>
  38. <meta name="if:Inverted Images" content=""/>
  39. <meta name="if:Lazy Load" content=""/>
  40.  
  41. <!--Links-->
  42. <meta name="text:Link 1 URL" content="/"/>
  43. <meta name="text:Link 1 name" content=""/>
  44. <meta name="text:Link 2 URL" content="/"/>
  45. <meta name="text:Link 2 name" content=""/>
  46. <meta name="text:Link 3 URL" content="/"/>
  47. <meta name="text:Link 3 name" content=""/>
  48. <meta name="text:Link 4 URL" content="/"/>
  49. <meta name="text:Link 4 name" content=""/>
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  52.  
  53. {block:ifInfiniteScrolling}
  54. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  55. {/block:ifInfiniteScrolling}
  56.  
  57. {block:Description}
  58. <meta name="description" content="{MetaDescription}" />{/block:Description}
  59. <title>
  60. {block:PostSummary}
  61. {PostSummary} - {/block:PostSummary}{Title}</title>
  62. </style>
  63.  
  64. <style type="text/css">
  65.  
  66. {block:ifInvertedImages}img{
  67. opacity: 1;
  68. filter:alpha(opacity=10);
  69. -moz-opacity: 0.1;
  70. -moz-transition: all .9s ease;
  71. -o-transition: all .9s ease;
  72. transition: all .9s ease;
  73. -webkit-transition: all .9s ease;}
  74. {/block:ifInvertedImages}
  75.  
  76.  
  77. {block:ifInvertedImages} img:hover{
  78. opacity: .8;
  79. filter:alpha(opacity=100);
  80. -moz-opacity: 1;
  81. -moz-transition: all .9s ease;
  82. -o-transition: all .9s ease;
  83. transition: all .9s ease;
  84. -webkit-transition: all .9s ease;}
  85. {/block:ifInvertedImages}
  86.  
  87. {block:ifFadedImages}img{
  88. opacity: .8;
  89. filter:alpha(opacity=10);
  90. -moz-opacity: 0.1;
  91. -moz-transition: all .9s ease;
  92. -o-transition: all .9s ease;
  93. transition: all .9s ease;
  94. -webkit-transition: all .9s ease;}
  95. {/block:ifFadedImages}
  96.  
  97.  
  98. {block:ifFadedImages} img:hover{
  99. opacity: 1;
  100. filter:alpha(opacity=100);
  101. -moz-opacity: 1;
  102. -moz-transition: all .9s ease;
  103. -o-transition: all .9s ease;
  104. transition: all .9s ease;
  105. -webkit-transition: all .9s ease;}
  106. {/block:ifFadedImages}
  107.  
  108. {block:ifInvertedImages}.photo {
  109. opacity: 1;
  110. filter:alpha(opacity=10);
  111. -moz-opacity: 0.1;
  112. -moz-transition: all .9s ease;
  113. -o-transition: all .9s ease;
  114. transition: all .9s ease;
  115. -webkit-transition: all .9s ease;}
  116. {/block:ifInvertedImages}
  117.  
  118.  
  119. {block:ifInvertedImages}.photo:hover{
  120. opacity: .8;
  121. filter:alpha(opacity=100);
  122. -moz-opacity: 1;
  123. -moz-transition: all .9s ease;
  124. -o-transition: all .9s ease;
  125. transition: all .9s ease;
  126. -webkit-transition: all .9s ease;}
  127. {/block:ifInvertedImages}
  128.  
  129. {block:ifFadedImages}.photo {
  130. opacity: .8;
  131. filter:alpha(opacity=10);
  132. -moz-opacity: 0.1;
  133. -moz-transition: all .9s ease;
  134. -o-transition: all .9s ease;
  135. transition: all .9s ease;
  136. -webkit-transition: all .9s ease;}
  137. {/block:ifFadedImages}
  138.  
  139.  
  140. {block:ifFadedImages}.photo:hover{
  141. opacity: 1;
  142. filter:alpha(opacity=100);
  143. -moz-opacity: 1;
  144. -moz-transition: all .9s ease;
  145. -o-transition: all .9s ease;
  146. transition: all .9s ease;
  147. -webkit-transition: all .9s ease;}
  148. {/block:ifFadedImages}
  149.  
  150. iframe#tumblr_controls {-webkit-filter:invert(100%);-moz-filter:invert(100%);-filter:invert(100%);right:3px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  151.  
  152. iframe#tumblr_controls:hover{opacity:1;}
  153.  
  154. body{background:{color:Background};background-image:url('{image:Background}');background-attachment:fixed;background-repeat:repeat;background-position:center;text-align:justify;font-family:'inconsolata', consolas, monospace;font-size:10px;line-height:16px;color:{color:Text};}
  155.  
  156. a:link, a:active, a:visited{color:{color:Link};text-decoration:none;}
  157.  
  158. a:hover{text-decoration:none;color:{color:Link Hover};}
  159.  
  160. #pic img{display:block;}
  161.  
  162. #s-m-t-tooltip {
  163. max-width:300px;
  164. margin:25px 20px 25px 20px;
  165. background-color:{color:Tool Tip};
  166. color:{color:Tool Tip Text};
  167. font-size:12px;
  168. line-height:12px;
  169. padding:3px 5px 3px 5px;
  170. box-shadow:rgba(0,0,0,0.07) 4px 4px;
  171. -webkit-transition: all 0.2s ease-out;
  172. -moz-transition: all 0.2s ease-out;
  173. transition: all 0.2s ease-out;
  174. z-index:999999999999999999999999999999999999;b
  175. }
  176.  
  177. #content {
  178. margin:auto;
  179. {block:IndexPage}width:500px;{/block:IndexPage}
  180. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  181. }
  182.  
  183. #container{
  184. margin:-10px 0 -10px -30px;
  185. padding:40px;
  186. {block:IndexPage}width:500px;{/block:IndexPage}
  187. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  188. }
  189.  
  190. #fix{
  191. position:fixed;
  192. z-index:-1;
  193. margin:-10px 0 -10px -30px;
  194. padding:40px;
  195. height:100%;
  196. {block:IndexPage}width:500px;{/block:IndexPage}
  197. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  198. background:white;
  199. }
  200.  
  201. #side{
  202. {block:IndexPage}width:500px;{/block:IndexPage}
  203. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  204. margin:10px 0 50px 0;
  205. border-bottom:1px solid {color:Navi};
  206. padding:0 0 20px 0;
  207. }
  208.  
  209. #entry{
  210. margin:0 0 120px 0;
  211. {block:IndexPage}width:250px;{/block:IndexPage}
  212. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  213.  
  214. }
  215.  
  216. #entry img{max-width:100%;}
  217.  
  218. #ask {
  219. padding:10px;
  220. background:{color:Ask Background};
  221. color:{color:Ask Text};
  222. }
  223.  
  224. .asktri1{
  225. margin:-6px 0 0 30px;
  226. color:{color:Ask Background};
  227. font-size:65px;
  228. font-family:arial;
  229. }
  230.  
  231. .askername{
  232. position:Absolute;
  233. margin:-34px 0 0 39px;
  234. }
  235.  
  236. .askername a{
  237. color:{color:Ask Text};
  238. }
  239.  
  240. .askername a:hover{
  241. text-decoration:underline;
  242. }
  243.  
  244. .askerimg{
  245. margin-bottom:8px;
  246. }
  247.  
  248. .askerimg img{
  249. width:30px;
  250. border-radius:30px;
  251. -webkit-border-radius:30px;
  252. -moz-border-radius:30px;
  253. }
  254.  
  255. #answer{
  256. margin:10px 15px 20px 15px;
  257. }
  258.  
  259.  
  260. h1{
  261. font-size:20px;
  262. line-height:20px;
  263. margin:0 0 0 0;
  264. margin:0 0 4px 0;
  265. padding:0 0 4px 0;
  266. font-weight:lighter;
  267. border-bottom:1px solid {color:Link};
  268. }
  269.  
  270.  
  271. h2{
  272. font-size:10px;
  273. line-height:20px;
  274. margin:0 0 4px 0;
  275. padding:0 0 4px 0;
  276. font-weight:lighter;
  277. text-align:justify;
  278. border-bottom:1px solid {color:Link};
  279. }
  280.  
  281. .bt{
  282. font-size:25px;
  283. line-height:34px;
  284. text-transform:lowercase;
  285. letter-spacing:1px;
  286. font-weight:lighter;
  287. margin:0 0 5px 0;
  288. }
  289.  
  290. .bt a{
  291. color:{color:Blog Title};
  292. }
  293.  
  294. .navigate{
  295. float:right;
  296. margin:-32px 0 0 0;
  297. }
  298.  
  299. .navigate a{
  300. display:inline-block;
  301. text-transform:uppercase;
  302. letter-spacing:2px;
  303. padding:1px 6px 1px 6px;
  304. margin:0 0 0 5px;
  305. background:{color:Navi};
  306. color:{color:Navi Text};
  307. border:2px solid {color:Navi};
  308. }
  309.  
  310. .navigate a:hover{
  311. background:transparent;
  312. color:{color:Navi};
  313. }
  314.  
  315. blockquote{
  316. padding-left:10px;
  317. margin:0 0 0 15px;
  318. border-left:1px solid #ddd;
  319. }
  320.  
  321. p {
  322. margin:10px 0 10px 0;
  323. }
  324.  
  325. .ol, ul {
  326. margin-left:30px;
  327. padding:5px;
  328. }
  329.  
  330. .ul {
  331. list-style-type:square;
  332. }
  333.  
  334. .chat .line{
  335. padding: 2px;
  336. }
  337.  
  338. .chat .line .odd{
  339. padding:2px;
  340. color:{color:Ask Text};
  341. background:{color:Ask Background};
  342. }
  343.  
  344. .label {
  345. font-weight:bold;
  346. }
  347.  
  348. .audioplayer{
  349. padding:10px;
  350. background:white;
  351. opacity:.8;
  352. }
  353.  
  354. .audioinfo{
  355. border-top:1px solid rgba(255,255,255,.8);
  356. padding:10px;
  357. background:white;
  358. color:#666;
  359. opacity:.8;
  360. }
  361.  
  362. #entry #permalink{
  363. position:absolute;
  364. width:185px;
  365. margin:0 0 0 290px;
  366. line-height:16px;
  367. /*belldom is real*/
  368. z-index:1;
  369. }
  370.  
  371. .permalinkid a{
  372. display:block;
  373. margin:0 0 5px 0;
  374. padding:5px 13px 8px 13px;
  375. background:{color:Navi};
  376. color:{color:Navi Text};
  377. border:2px solid {color:Navi};
  378. }
  379.  
  380. .permalinkid a:hover{
  381. background:rgba(255,255,255,0.8);
  382. color:{color:Navi};
  383. }
  384.  
  385. #entry #permalinkpg{
  386. position:relative;
  387. margin:10px 0 0 0;
  388. line-height:16px;
  389. opacity:1;
  390. /*belldom is real*/
  391. }
  392.  
  393. .notes img{
  394. width:10px;
  395. position:left;
  396. margin:3px 5px 0 0;
  397. -webkit-border-radius:10px;
  398. -moz-border-radius:10px;
  399. border-radius:10px;
  400. }
  401.  
  402. .notes {
  403. line-height:26px;
  404. }
  405.  
  406. #pgs{
  407. margin:30px 0 30px 10px;
  408. text-align:center;
  409. color:#d8d8d8;
  410. }
  411.  
  412. #pgs a{color:#c1c1c1;}
  413.  
  414. #pgs a:hover{color:{color:Link Hover}}
  415.  
  416. {CustomCSS}
  417. </style>
  418.  
  419. <link rel="shortcut icon" href="{Favicon}">
  420. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  421. {block:ifLazyLoad}
  422. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  423. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  424. <script type="text/javascript" charset="utf-8">
  425. var $j = jQuery.noConflict();
  426. $j(function() {
  427. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  428. $j("img").lazyload({
  429. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  430. effect: "fadeIn",
  431. });
  432. });
  433. </script>
  434. {/block:ifLazyLoad}
  435.  
  436. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  437. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  438. <script>
  439. (function($){
  440. $(document).ready(function(){
  441. $("a[title]").style_my_tooltips({
  442. tip_follows_cursor:true,
  443. tip_delay_time:90,
  444. tip_fade_speed:100,
  445. attribute:"title"
  446. });
  447. });
  448. })(jQuery);
  449. </script>
  450. </head>
  451. <body>
  452. <div id="content">
  453.  
  454. <div id="fix"></div>
  455.  
  456. <div id="container">
  457. <div id="side">
  458. <div class="bt">
  459. <a href="/">{Title}</a>
  460. </div>
  461. <div class="navigate">
  462. {block:ifLink1name}
  463. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  464. {/block:ifLink1name}
  465. {block:ifLink2name}
  466. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  467. {/block:ifLink2name}
  468. {block:ifLink3name}
  469. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  470. {/block:ifLink3name}
  471. {block:ifLink4name}
  472. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  473. {/block:ifLink4name}
  474. </div>
  475. <div style="margin:15px 0 0 0;">{Description}</div>
  476. </div>
  477.  
  478. <div class = "autopagerize_page_element">
  479. {block:Posts}
  480. <div id="entry">
  481.  
  482. {block:IndexPage}
  483. <div id="permalink">
  484. <div class="permalinkid">
  485. <a href="{Permalink}">{NoteCountWithLabel}</a>
  486. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  487. </div>
  488. {block:HasTags}
  489. <div style="line-height:20px;">
  490. {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp{/block:Tags}
  491. </div>
  492. {/block:HasTags}
  493. </div>
  494. {/block:IndexPage}
  495.  
  496. {block:Answer}
  497. <div id="ask">
  498. <div class="askerimg"><img src="{AskerPortraitURL-128}"></div>
  499. <span class="askername"> {Asker} asked:</span>
  500. <span style="padding-left:3px;padding-right:3px;">{Question}</span>
  501. </div>
  502. <div class="asktri1">▾</div>
  503. <div id="answer">{Answer}</div>
  504. {/block:Answer}
  505.  
  506. {block:Text}
  507. {block:Title}
  508. <h1>{Title}</h1>
  509. {/block:Title}
  510. {Body}
  511. {/block:Text}
  512.  
  513. {block:Link}
  514. <h1><a href="{URL}">{Name} »</a></h1>
  515. {block:Description}{Description}{/block:Description}
  516. {/block:Link}
  517.  
  518. {block:Photo}
  519. <div id="pic">
  520. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  521. </div>
  522. {block:ifCaptions}
  523. {block:Caption}{Caption}{/block:Caption}
  524. {/block:ifCaptions}
  525. {block:ifNotCaptions}
  526. {block:PermalinkPage}
  527. {block:Caption}{Caption}{/block:Caption}
  528. {/block:PermalinkPage}
  529. {/block:ifNotCaptions}
  530. {block:ContentSource}
  531. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  532. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  533. {/block:SourceLogo}
  534. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  535. {/block:ContentSource}
  536. {block:ReblogParentURL}
  537. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  538. {/block:ReblogParentURL}
  539. {/block:Photo}
  540.  
  541. {block:Photoset}
  542. <div class="photo">
  543. <center>
  544. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  545. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  546. </center>
  547. </div>
  548. {block:ifCaptions}
  549. {block:Caption}{Caption}{/block:Caption}
  550. {/block:ifCaptions}
  551. {block:ifNotCaptions}
  552. {block:PermalinkPage}
  553. {block:Caption}{Caption}{/block:Caption}
  554. {/block:PermalinkPage}
  555. {/block:ifNotCaptions}
  556. {/block:Photoset}
  557.  
  558. {block:Quote}
  559. <h2>{Quote}</h2>
  560. {block:Source}
  561. <i> - {Source}</i>
  562. {/block:Source}
  563. {/block:Quote}
  564.  
  565. {block:Chat}
  566. {block:Title}
  567. <h1>{Title}</h1>
  568. {/block:Title}
  569. <div class="chat">
  570. {block:Lines}
  571. <div class="chat">
  572. <div class="line {Alt}">
  573. <div class="{Alt} user_{UserNumber}">
  574. {block:Label}
  575. <b>{Label} </b>
  576. {/block:Label}
  577. {Line}
  578. </div>
  579. </div>
  580. </div>
  581. {/block:Lines}
  582. </div>
  583. {/block:Chat}
  584.  
  585. {block:Audio}
  586. {block:AudioPlayer}
  587. <div class="audioplayer">
  588. {AudioPlayerWhite}
  589. </div>
  590. {/block:AudioPlayer}
  591. {block:TrackName}
  592. <div class="audioinfo">
  593. Song : {TrackName}
  594. </div>
  595. {/block:TrackName}
  596. {block:Artist}
  597. <div class="audioinfo">
  598. Artist : {Artist}
  599. </div>
  600. {/block:Artist}
  601. {block:Album}
  602. <div class="audioinfo">
  603. Album : {Album}
  604. </div>
  605. {/block:Album}
  606. {block:Caption}{Caption}{/block:Caption}
  607. {/block:Audio}
  608.  
  609. {block:Video}
  610. <div class="photo">
  611. <center>
  612. {block:IndexPage}{Video-250}{/block:IndexPage}
  613. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  614. </center>
  615. </div>
  616. {block:ifCaptions}
  617. {block:Caption}{Caption}{/block:Caption}
  618. {/block:ifCaptions}
  619. {block:ifNotCaptions}
  620. {block:PermalinkPage}
  621. {block:Caption}{Caption}{/block:Caption}
  622. {/block:PermalinkPage}
  623. {/block:ifNotCaptions}
  624. {/block:Video}
  625.  
  626. {block:PermalinkPage}
  627. {block:Date}
  628. <div id="permalinkpg">
  629. <b>Posted:</b> {TimeAgo} on
  630. {ShortMonth} {DayofMonth},{Year} at
  631. {12Hour}:{Minutes} {CapitalAmPm}
  632. {block:NoteCount}<br>
  633. <b>Notes:</b>
  634. {NoteCount}
  635. {/block:NoteCount}
  636. {block:HasTags}
  637. <br>
  638. <b>Tags:</b>
  639. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  640. {/block:Tags}
  641. {/block:HasTags}
  642. <br>{block:RebloggedFrom}
  643. <b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br> <b>Src:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom}
  644. </div>
  645. {block:PostNotes}
  646. {PostNotes}
  647. {/block:PostNotes}
  648. </div>
  649. {/block:Date}
  650. {/block:PermalinkPage}
  651.  
  652. </div>
  653. {/block:Posts}
  654.  
  655. {block:ifNotInfiniteScrolling}
  656. <div id="pgs">
  657. {block:Pagination}
  658. {block:PreviousPage} <a href="{PreviousPage}">«</a>{/block:PreviousPage}
  659. {block:JumpPagination length="5"}
  660. {block:CurrentPage}
  661. <span class="current_page">{PageNumber}</span>&nbsp;&nbsp;
  662. {/block:CurrentPage}
  663. {block:JumpPage}
  664. <a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;
  665. {/block:JumpPage}
  666. {/block:JumpPagination}
  667. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  668. {/block:Pagination}
  669. </div>
  670. {/block:ifNotInfiniteScrolling}
  671.  
  672. </div>
  673. <div style="position:fixed;bottom:0;right:0;padding-right:20px;padding-bottom:10px;"><script language="JavaScript">
  674. var ref = (''+document.referrer+'');
  675. var w_h = window.screen.width + " x " + window.screen.height;
  676. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4091188&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  677. </script></div>
  678. </body>
  679. </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!