API tools faq
paste
Advertisement
tomkirk

Sleep

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