API tools faq
paste
Advertisement
heavenlydoctor

atlas hands

heavenlydoctor
Feb 22nd, 2015
3,043
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!---theme by eurhipides (elisionthemes) basic rules apply --->
  5.  
  6. <title>{Title}</title>
  7. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. <!-- meta tags go here -->
  12.  
  13. <meta name="color:borders" content="#e2e2e2">
  14. <meta name="color:posts background" content="#3e3e3e">
  15. <meta name="color:blockquote" content="#fff"/>
  16. <meta name="color:scrollbar" content="#3e3e3e"/>
  17. <meta name="color:text" content="#fff"/>
  18. <meta name="color:selection" content="#3e3e3e"/>
  19.  
  20. <meta name="image:icon" content="https://33.media.tumblr.com/e93b7a69c5f84cda6159ca4df28b3b34/tumblr_ngyempsyr11u692uio5_250.png"/>
  21. <meta name="image:background" content="http://41.media.tumblr.com/ce9e35ab1834732c16ad2cf7f64b7471/tumblr_niype0BHiV1qfirfao1_1280.jpg"/>
  22.  
  23. <meta name="if:fade in" content="1">
  24.  
  25. <meta name="text:link 1" content="link 1">
  26. <meta name="text:link 1 url" content="">
  27. <meta name="text:link 2" content="link 2">
  28. <meta name="text:link 2 url" content="">
  29. <meta name="text:link 3" content="link 3">
  30. <meta name="text:link 3 url" content="">
  31. <meta name="text:link 4" content="link 4">
  32. <meta name="text:link 4 url" content="">
  33.  
  34. <!-- metas end-->
  35.  
  36. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  37.  
  38. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  39.  
  40. <script>
  41.  
  42. (function($){
  43.  
  44. $(document).ready(function(){
  45.  
  46. $("[title]").style_my_tooltips({
  47.  
  48. tip_follows_cursor:true,
  49.  
  50. tip_delay_time:100,
  51.  
  52. tip_fade_speed:300,
  53.  
  54. attribute:"title"
  55.  
  56. });
  57.  
  58. });
  59.  
  60. })(jQuery);
  61.  
  62. </script>
  63.  
  64. <script>
  65. $(document).ready(function(){
  66. $('.src').click(function(){
  67. $(this).closest('.posts').find('.info').fadeToggle(250);
  68. $(this).toggleClass('in');
  69. });
  70. });
  71. </script>
  72.  
  73. <link href='http://fonts.googleapis.com/css?family=Raleway:200,400' rel='stylesheet' type='text/css'>
  74.  
  75. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  76.  
  77. <style>
  78.  
  79. ::-webkit-scrollbar {width: 3px; height: 3px; background-color:transparent;}
  80. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  81.  
  82. {block:iffadein}
  83. @-webkit-keyframes fadeposts {
  84. 0% { opacity: 0; }
  85. 100% { opacity: 1; }
  86. }
  87. @-moz-keyframes fadeposts {
  88. 0% { opacity: 0; }
  89. 100% { opacity: 1; }
  90. }
  91.  
  92. @-o-keyframes fadeposts {
  93. 0% { opacity: 0; }
  94. 100% { opacity: 1; }
  95. }
  96. @keyframes fadeposts {
  97. 0% { opacity: 0; }
  98. 100% { opacity: 1; }
  99. }
  100.  
  101. {/block:iffadein}
  102.  
  103. #s-m-t-tooltip {
  104. max-width:150px;
  105. padding:5px 8px;
  106. margin:20px 14px 7px 10px;
  107. background-color:{color:posts background};
  108. font-family:Calibri;
  109. font-size:10px;
  110. line-height:11px;
  111. letter-spacing:1px;
  112. text-transform:uppercase;
  113. color:{color:text};
  114. z-index:99999999;
  115. }
  116.  
  117. ::-moz-selection {
  118. color: #fff;
  119. background:{color:selection};
  120. }
  121.  
  122. ::selection {
  123. color: #fff;
  124. background:{color:selection};
  125. }
  126.  
  127. pre {
  128. white-space: pre-wrap;
  129. white-space: -moz-pre-wrap;
  130. white-space: -pre-wrap;
  131. white-space: -o-pre-wrap;
  132. word-wrap: break-word;
  133. }
  134.  
  135. body {
  136. background:{color:borders};
  137. font-family:arial;
  138. font-size:12px;
  139. line-height:160%;
  140. margin:0px;
  141. -webkit-animation:fadeposts 1.4s;
  142. -moz-animation:fadeposts 1.4s;
  143. -o-animation:fadeposts 1.4s;
  144. animation:fadeposts 1.4s;
  145. color:{color:text};
  146. }
  147.  
  148. big {
  149. font-size:14px;
  150. }
  151.  
  152. small {
  153. font-size:11px;
  154. }
  155.  
  156. a {
  157. text-decoration:none;
  158. color:{color:text};
  159. -webkit-transition:0.5s;
  160. -moz-transition:0.5s;
  161. -ms-transition:0.5s;
  162. -o-transition:0.5s;
  163. }
  164.  
  165. blockquote {
  166. border-left:1px solid {color:blockquote};
  167. padding-left:12px;
  168. margin-left:15px;
  169. }
  170.  
  171. h2 {
  172. text-align:center;
  173. font-weight:400;
  174. font-size:14px;
  175. text-transform:uppercase;
  176. letter-spacing:2px;
  177. margin:0px;
  178. margin-bottom:10px;
  179. color:{color:text};
  180. }
  181.  
  182. h2 a:hover {
  183. color:{color:text};
  184. }
  185.  
  186. .title {
  187. height:45px;
  188. color:{color:text};
  189. letter-spacing:2px;
  190. padding-left:5px;
  191. font-size:11px;
  192. line-height:45px;
  193. text-transform:uppercase;
  194. font-style:italic;
  195. }
  196.  
  197. .title a {
  198. color:{color:text};
  199. cursor:help;
  200. }
  201.  
  202. #desc {
  203. color:{color:text};
  204. max-width:450px;
  205. font-size:10px;
  206. margin:auto;
  207. line-height:140%;
  208. letter-spacing:1px;
  209. }
  210.  
  211. #desc a {
  212. text-decoration:underline;
  213. }
  214.  
  215. #links {
  216. margin-top:5px;
  217. margin-bottom:10px;
  218. font-size:9px;
  219. text-transform:uppercase;
  220. }
  221.  
  222. #links a {
  223. letter-spacing:2px;
  224. padding:10px 5px;
  225. text-decoration:none;
  226. color:{color:text};
  227. display:block;
  228. position:relative;
  229. }
  230.  
  231. #links:hover a {
  232. opacity:0.5;
  233. }
  234.  
  235. #links a:before {
  236. position:absolute;
  237. bottom:0;
  238. left:0;
  239. content:' ';
  240. width:0px;
  241. height:1px;
  242. background:{color:text};
  243. -webkit-transition:0.6s;
  244. -moz-transition:0.6s;
  245. -ms-transition:0.6s;
  246. -o-transition:0.6s;
  247. }
  248.  
  249. #links a:hover:before {
  250. width:100%;
  251. -webkit-transition:0.6s;
  252. -moz-transition:0.6s;
  253. -ms-transition:0.6s;
  254. -o-transition:0.6s;
  255. }
  256.  
  257. #links:hover a:hover {
  258. opacity:1;
  259. }
  260.  
  261. #pop {
  262. width:210px;
  263. background:{color:posts background};
  264. padding:10px 15px;
  265. box-sizing:border-box;
  266. border-radius:5px;
  267. position:relative;
  268. z-index:9999;
  269. box-shadow: 5px 5px 0px rgba({RGBcolor:posts background},0.3);
  270. }
  271.  
  272. #pop img {
  273. position:absolute;
  274. left:-95px;
  275. top:0px;
  276. width:70px;
  277. opacity:0.8;
  278. height:70px;
  279. border-radius:50%;
  280. -webkit-transition:0.6s;
  281. -moz-transition:0.6s;
  282. -ms-transition:0.6s;
  283. -o-transition:0.6s;
  284. }
  285.  
  286. #pop img:hover, #pop:hover img {
  287. opacity:1;
  288. -webkit-transition:0.6s;
  289. -moz-transition:0.6s;
  290. -ms-transition:0.6s;
  291. -o-transition:0.6s;
  292. }
  293.  
  294. .tri {
  295. width: 0;
  296. height: 0;
  297. border-top: 12px solid transparent;
  298. border-right: 12px solid {color:posts background};
  299. border-bottom: 12px solid transparent;
  300. position:absolute;
  301. left:-12px;
  302. top:25px;
  303. }
  304.  
  305. /*all posts*/
  306. #mid {
  307. width:1000px;
  308. left:0;
  309. right:0;
  310. margin:0 auto;
  311. position:absolute;
  312. }
  313.  
  314. .entries {
  315. position:fixed;
  316. top:30px;
  317. overflow:auto;
  318. right:30px;
  319. bottom:30px;
  320. left:30px;
  321. background:
  322. linear-gradient(
  323. rgba(255,255,255,0.3),
  324. rgba(255,255,255,0.3)
  325. ),
  326. url({image:background});
  327. background-size:cover;
  328. background-attachment:fixed;
  329. }
  330.  
  331. .posts {
  332. width:250px;
  333. margin-left:auto;
  334. margin-right:auto;
  335. position:relative;
  336. left:20px;
  337. background:{color:posts background};
  338. color:{color:text};
  339. padding:30px;
  340. border-radius:5px;
  341. margin-top:50px;
  342. margin-bottom:50px;
  343. box-shadow: 5px 5px 0px rgba({RGBcolor:posts background},0.3);
  344. }
  345.  
  346. .entry {
  347. margin-left:340px;
  348. height:100%;
  349. width:650px;
  350. }
  351.  
  352. #ask_form {
  353. height: 265px!important;
  354. margin-top:15px;
  355. }
  356.  
  357. .posts img {
  358. max-width:100%;
  359. }
  360.  
  361. .posts a {
  362. text-decoration:underline;
  363. }
  364.  
  365. #text p {
  366. margin-top:0px;
  367. }
  368.  
  369. /*quote posts*/
  370. #words {
  371. font-style:italic;
  372. font-size:14px;
  373. letter-spacing:1px;
  374. }
  375.  
  376. .source {
  377. text-align:right;
  378. margin-top:8px;
  379. font-size:11px;
  380. }
  381.  
  382. .link {
  383. padding:10px;
  384. padding-bottom:0px;
  385. border-bottom:1px solid {color:Text};
  386. background:rgba({RGBcolor:text}, 0.2);
  387. -webkit-transition:0.4s;
  388. -moz-transition:0.4s;
  389. -ms-transition:0.4s;
  390. -o-transition:0.4s;
  391. }
  392.  
  393. .link:hover {
  394. background:rgba({RGBcolor:text}, 0.3);
  395. -webkit-transition:0.4s;
  396. -moz-transition:0.4s;
  397. -ms-transition:0.4s;
  398. -o-transition:0.4s;
  399. }
  400.  
  401. .link h2 {
  402. font-size:11px;
  403. }
  404.  
  405. /*chat posts*/
  406. #chat ul {
  407. list-style:none;
  408. margin-left:-40px;
  409. margin-top:0px;
  410. }
  411.  
  412. .label {
  413. font-weight:bold;
  414. display:inline-block;
  415. text-decoration:underline;
  416. }
  417.  
  418. #chat .even {
  419. background:rgba({RGBcolor:text}, 0.2);
  420. border-bottom:1px solid {color:Text};
  421. }
  422.  
  423. #chat .odd, #chat .even {
  424. padding:10px;
  425. }
  426.  
  427. /*audio posts*/
  428. #audioplayer {
  429. width:30px;
  430. height:30px;
  431. overflow:hidden;
  432. margin-left:11px;
  433. position:absolute;
  434. margin-top:11px;
  435. }
  436.  
  437. .audiobg {
  438. width:50px;
  439. height:50px;
  440. background:#fff;
  441. border-radius:50%;
  442. }
  443.  
  444. /*permalink*/
  445. ol.notes::-webkit-scrollbar-thumb {
  446. background-color: {color:background};
  447. }
  448.  
  449. ol.notes {
  450. padding:0px 5px 5px;
  451. list-style-type: none;
  452. width: 275px;
  453. margin-left:10px;
  454. max-height:145px;
  455. overflow:auto;
  456. }
  457.  
  458. ol.notes li.note {
  459. text-align:left;
  460. line-height:180%;
  461. }
  462.  
  463. ol.notes li.note blockquote {
  464. margin-top:5px;
  465. margin-left:15px;
  466. }
  467.  
  468. ol.notes li.note img.avatar {
  469. display:none;
  470. }
  471.  
  472. #permabox {
  473. line-height: 10px;
  474. letter-spacing: 1px;
  475. width: 310px;
  476. left:20px;
  477. position:relative;
  478. margin-top:50px;
  479. margin-bottom:50px;
  480. font-size:10px;
  481. border-radius:5px;
  482. max-height:180px;
  483. padding:5px 0px;
  484. background-color: {color:posts background};
  485. margin-left:auto;
  486. margin-right:auto;
  487. box-shadow: 5px 5px 0px rgba({RGBcolor:posts background},0.3);
  488. }
  489.  
  490. /*ask posts*/
  491. #asker {
  492. padding:10px;
  493. text-transform:uppercase;
  494. font-size:10px;
  495. letter-spacing:1px;
  496. line-height:150%;
  497. border-bottom:1px solid {color:Text};
  498. background:rgba({RGBcolor:text}, 0.2);
  499. }
  500.  
  501. #asker a {
  502. text-decoration:underline;
  503. }
  504.  
  505. /*info*/
  506. .info {
  507. text-transform:uppercase;
  508. font-size:8px;
  509. line-height:170%;
  510. letter-spacing:1.5px;
  511. background:{color:posts background};
  512. position:absolute;
  513. top:20px;
  514. bottom:20px;
  515. display:none;
  516. left:20px;
  517. right:20px;
  518. text-align:center;
  519. }
  520.  
  521. .info a {
  522. color:{color:text};
  523. }
  524.  
  525. .info a:hover {
  526. text-decoration:underline;
  527. color:{color:text};
  528. }
  529.  
  530. .pag {
  531. width:250px;
  532. padding:25px 30px;
  533. margin-left:auto;
  534. margin-right:auto;
  535. position:relative;
  536. left:17px;
  537. border-radius:5px;
  538. background-color:{color:posts background};
  539. margin-bottom:50px;
  540. text-align:center;
  541. text-transform:uppercase;
  542. font-size:10px;
  543. box-shadow: 5px 5px 0px rgba({RGBcolor:posts background},0.3);
  544. letter-spacing:2px;
  545. }
  546.  
  547. .pag a {
  548. margin:0px 20px;
  549. }
  550.  
  551. /*CREDIT, DO NOT TOUCH*/
  552. .credit {
  553. position:fixed;
  554. right:40px;
  555. display:block;
  556. bottom:40px;
  557. background-color:{color:background};
  558. padding:3px 8px;
  559. border-radius:50%;
  560. color:{color:posts background};
  561. font-size:12px;
  562. }
  563.  
  564. .src {
  565. border-radius:50%;
  566. position:absolute;
  567. left:-75px;
  568. top:21px;
  569. cursor:pointer;
  570. opacity:0.7;
  571. -webkit-transition:0.6s;
  572. -moz-transition:0.6s;
  573. -ms-transition:0.6s;
  574. -o-transition:0.6s;
  575. }
  576.  
  577. .src:hover, .src.in {
  578. opacity:1;
  579. -webkit-transition:0.6s;
  580. -moz-transition:0.6s;
  581. -ms-transition:0.6s;
  582. -o-transition:0.6s;
  583. }
  584.  
  585.  
  586. {CustomCSS}
  587. </style>
  588. </head>
  589. <body>
  590.  
  591. <div class="entries">
  592.  
  593. <div id="mid">
  594.  
  595. <div style="position:fixed; top:30px;bottom:30px;margin-left:20px">
  596.  
  597. <div style="display:table;z-index:9999999;height:100%;width:350px">
  598.  
  599. <div style="display:table-cell;vertical-align:middle;height:100%;">
  600.  
  601. <div id="pop" style="margin:auto;left:45px">
  602. <a href="/"><img src="{image:icon}"></a>
  603. <div class="tri"></div>
  604. <div class="title t1"><a href="/" style="cursor:help">{Title}</a></div>
  605. <div id="desc">{Description}</div>
  606. <div id="links">
  607. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  608. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  609. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  610. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  611. </div>
  612.  
  613. </div><!---pop---->
  614.  
  615. </div>
  616.  
  617. </div>
  618.  
  619. </div>
  620.  
  621. <div class="title t" style="display:none;left:85px;right:auto !important;bottom:auto;top:0">updates</div>
  622.  
  623. <div class="entry">
  624. {block:Posts}
  625. <div class="posts">
  626.  
  627. <div class="tri" style="top:35px"></div>
  628.  
  629. {block:RebloggedFrom}
  630. <img src="{ReblogParentPortraitURL-48}" class="src" title="click for info">
  631. {/block:RebloggedFrom}
  632.  
  633. {block:NotReblog}
  634. <img src="{PortraitURL-48}" class="src" title="click for info">
  635. {/block:NotReblog}
  636.  
  637. {block:Text}
  638. <h2>{Title}</h2>
  639. {Body}
  640. {/block:Text}
  641.  
  642. {block:Photo}
  643. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  644. {block:Caption}{Caption}{/block:Caption}
  645. {/block:Photo}
  646.  
  647. {block:Panorama}
  648. {LinkOpenTag}
  649. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  650. {LinkCloseTag}
  651. {block:Caption}{Caption}{/block:Caption}
  652. {/block:Panorama}
  653.  
  654. {block:Photoset}
  655. {Photoset-250}
  656. {block:Caption}{Caption}{/block:Caption}
  657. {/block:Photoset}
  658.  
  659. {block:Quote}
  660. <div id="words">{Quote}</div>
  661. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  662. {/block:Quote}
  663.  
  664. {block:Link}
  665. <a href="{URL}" {Target}><div class="link"><h2>{Name}</h2></div></a>
  666. {block:Description}
  667. {Description}
  668. {/block:Description}
  669. {/block:Link}
  670.  
  671. {block:Chat}
  672. <div id="chat">
  673. <h2>{Title}</h2>
  674. <ul>
  675. {block:Lines}
  676. <li class="{Alt} user_{UserNumber}">
  677. {block:Label}
  678. <div class="label">
  679. {Label}
  680. </div>
  681. {/block:Label}{Line}
  682. </li>
  683. {/block:Lines}
  684. </ul>
  685. </div> <!--chat-->
  686. {/block:Chat}
  687.  
  688. {block:Video}
  689. {block:PostTitle}<h2>{PostTitle}</h2>{/block:PostTitle}
  690. {VideoEmbed-250}
  691. {block:Caption}{Caption}{/block:Caption}
  692. {/block:Video}
  693.  
  694. {block:Audio}
  695. <table>
  696. <tr>
  697. <td style="vertical-align:middle;padding-right:10px;"><div class="audiobg"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  698. </td>
  699. <td style="vertical-align:middle; font-size:14px; letter-spacing:1px; line-height:14px;">{block:TrackName}{TrackName}{/block:TrackName}
  700. {block:Artist}- {Artist}{/block:Artist}
  701. </td>
  702. </tr>
  703. </table>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  704. {/block:Audio}
  705.  
  706. {block:Answer}
  707. <div id="asker">
  708. {Asker} asked:<br>
  709. {Question}
  710. </div>
  711. <p>{block:Answerer}{Answerer} replied: <br><blockquote>{Answer}</blockquote>{/block:Answerer}</p>
  712. {Replies}
  713. {/block:Answer}
  714.  
  715. {block:Date}
  716. <div class="info">
  717.  
  718. <div style="display:table;height:100%;width:270px;padding:5px;box-sizing:border-box">
  719.  
  720. <div style="height:100%;display:table-cell;vertical-align:middle;">
  721.  
  722. {Month} {DayOfMonth}{DayOfMonthSuffix} {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  723. {block:NoteCount}<br><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  724. {block:ContentSource}<a href="{SourceURL}" style="margin-left:10px">source</a>{/block:ContentSource}
  725. <a href="{ReblogURL}" target="_blank" style="margin-left:10px">reblog</a>
  726. {/block:Date}
  727. {block:HasTags}
  728. <br>
  729. {block:Tags} <a href="{TagURL}">#{Tag}</a> &nbsp;{/block:Tags}
  730. {/block:HasTags}
  731.  
  732. </div>
  733.  
  734. </div>
  735.  
  736. </div> <!--info-->
  737.  
  738. </div> <!--posts-->
  739.  
  740. <!---permalink---->
  741. {block:PermalinkPage}
  742. {block:PostNotes}
  743. <div id="permabox">
  744. <div class="notes">{PostNotes}</div>
  745. </div>
  746. {/block:PostNotes}
  747. {/block:PermalinkPage}
  748. <!---permalink--->
  749.  
  750.  
  751. {/block:Posts}
  752.  
  753. <!---pagination--->
  754. {block:Pagination}
  755. <div class="pag">
  756. {block:PreviousPage}
  757. <a href="{PreviousPage}">back</a>
  758. {/block:PreviousPage}
  759. {block:NextPage}
  760. <a href="{NextPage}">next</a>
  761. {/block:NextPage}
  762. </div>
  763. {/block:Pagination}
  764. <!---end pagination--->
  765.  
  766. </div><!---entry--->
  767.  
  768. </div><!---mid--->
  769.  
  770. </div><!---entries--->
  771.  
  772. <!-----CREDIT, DO NOT TOUCH---->
  773. <a href="http://astraeus.co.vu" class="credit" title="eurhipides">©</a>
  774.  
  775.  
  776. </body>
  777. </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!