API tools faq
paste
Advertisement
heavenlydoctor

Theme 1 by heavenlydoctor

heavenlydoctor
Jun 27th, 2014
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.00 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-- THEME BY HEAVENLYDOCTOR // Please don't steal the code, use as a base code, or remove the credit. If you have any questions then ask me at heavenlydoctor.tumblr.com/askpage :) Enjoy! -->
  6.  
  7.  
  8. <title>{Title}</title>
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10. <link rel="shortcut icon" href="{Favicon}" />
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Text" content="#BDBDBD"/>
  14. <meta name="color:Link" content="#A4A4A4"/>
  15. <meta name="color:border" content="#D8D8D8"/>
  16. <meta name="color:scrollbar" content="#DADADA">
  17. <meta name="color:sidebar links" content="#E4E4E4">
  18. <meta name="color:Link Hover" content="#F1F1F1"/>
  19.  
  20. <meta name="image:sidebar" content=""/>
  21.  
  22. <meta name="text:link 1" content="Link 1"/>
  23. <meta name="text:link 1 url" content="/"/>
  24. <meta name="text:link 2" content="Link 2"/>
  25. <meta name="text:link 2 url" content="/"/>
  26. <meta name="text:link 3" content="Link 3"/>
  27. <meta name="text:link 3 url" content="/"/>
  28. <meta name="text:link 4" content="Link 4"/>
  29. <meta name="text:link 4 url" content="/"/>
  30.  
  31. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/nb65v05/XPQmpjoyl/jquery.style-my-tooltips.js"></script>
  32.  
  33. <script>
  34. (function($){
  35. $(document).ready(function(){
  36. $("[title]").style_my_tooltips({
  37. tip_follows_cursor:false,
  38. tip_delay_time:20,
  39. tip_fade_speed:300,
  40. attribute:"title"
  41. });});})(jQuery);
  42. </script>
  43.  
  44. <style type="text/css">
  45.  
  46. @font-face { font-family: "existance"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf'); }
  47.  
  48. @font-face { font-family: "meem46"; src: url('http://static.tumblr.com/uuzw7gl/x1umfczqz/lubgrxl.ttf'); }
  49.  
  50. @font-face{font-family:'Basic';src:url('http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf');}
  51.  
  52. ::-webkit-scrollbar {width: 10px; height: 3px; background: ;}
  53. ::-webkit-scrollbar-thumb {background-color:#D8D8D8 ; border: 1px ;}
  54.  
  55. #s-m-t-tooltip {
  56. color:{color:text};
  57. font-size:10px;
  58. font-style: none;
  59. font-family: calibri;
  60. margin:5px 0px 0px 5px;
  61. padding:2px 3px;
  62. max-width:400px;
  63. background-color:#fff;
  64. border: 1px solid #bbb;
  65. text-transform:uppercase;
  66. letter-spacing: 2px;
  67. z-index:9999;
  68. }
  69.  
  70. body {
  71. background-color:{color:background};
  72. color:{color:Text};
  73. font-family:calibri;
  74. font-size:11px;
  75. line-height:100%;
  76. }
  77.  
  78. a {
  79. text-decoration:none;
  80. outline:none;
  81. -moz-outline-style:none;
  82. color:{color:Link};
  83. -moz-transition-duration: 0.5s;
  84. -o-transition-duration: 0.5s;
  85. -webkit-transition-duration: 0.5s;
  86. transition-duration: 0.5s;
  87. }
  88.  
  89. a:hover {
  90. text-decoration:none;
  91. outline:none;
  92. -moz-outline-style:none;
  93. color:{color:Link Hover};
  94. -moz-transition-duration: 0.5s;
  95. -o-transition-duration: 0.5s;
  96. -webkit-transition-duration: 0.5s;
  97. transition-duration: 0.5s;
  98. }
  99.  
  100. blockquote {
  101. margin:7px;
  102. padding-left:5px;
  103. border-left:1px solid #959595;
  104. }
  105.  
  106. h2 {
  107. text-align:center;
  108. font-family:meem46;
  109. padding:8px;
  110. padding-left:9px;
  111. font-size:16px;
  112. font-weight:lighter;
  113. letter-spacing:2px;
  114. }
  115.  
  116. /*sidebar*/
  117. #sidebar {
  118. width:270px;
  119. position:fixed;
  120. top:200px;
  121. left:300px;
  122. }
  123.  
  124. #links {
  125. margin-top:-210px;
  126. display:inline;
  127. width:200px;
  128. margin-left:0px;
  129. position:fixed;
  130. font-family:basic;
  131. font-size:14px;
  132. text-align:center;
  133. line-height:100%;
  134. border-bottom:1px solid;
  135. word-spacing:15px;
  136. font-weight:bold;
  137. }
  138.  
  139. #links a {
  140. width:200px;
  141. display:inline;
  142. margin-bottom:4px;
  143. background-color:none;
  144. line-height:185%;
  145. letter-spacing:2px;
  146. text-decoration:none;
  147. -moz-transition-duration:.5s;
  148. -webkit-transition-duration:.5s;
  149. -o-transition-duration:.5s;
  150. }
  151.  
  152. #links a:hover {
  153. letter-spacing:2px;
  154. display:inline;
  155. text-align:center;
  156. color: #d8d8d8;
  157. -moz-transition-duration:.5s;
  158. -webkit-transition-duration:.5s;
  159. -o-transition-duration:.5s;
  160. }
  161.  
  162. #sidebar #links {
  163. margin-top:-30px;
  164. display:inline;
  165. opacity:0;
  166. -moz-transition-duration:1s;
  167. -webkit-transition-duration:1s;
  168. -o-transition-duration:1s;
  169. }
  170.  
  171. #sidebar:hover #links {
  172. margin-top:-5px;
  173. display:inline;
  174. opacity:1;
  175. -moz-transition-duration:1s;
  176. -webkit-transition-duration:1s;
  177. -o-transition-duration:1s;
  178. }
  179.  
  180. #title {
  181. font-size:20px;
  182. font-family:existance;
  183. text-align:center;
  184. font-weight:;
  185. padding-bottom:5px;
  186. width:200px;
  187. -moz-transition-duration:1s;
  188. -webkit-transition-duration:1s;
  189. -o-transition-duration:1s;
  190. }
  191.  
  192. #sidebarimage {
  193. width 220px;
  194. -moz-transition-duration:1s;
  195. -webkit-transition-duration:1s;
  196. -o-transition-duration:1s;
  197. }
  198.  
  199. #sidebarimage img {
  200. width:200px;
  201. padding:2px;
  202. }
  203.  
  204. #sidebar:hover #sidebarimage {
  205. width 220px;
  206. opacity:0.8;
  207. -moz-transition-duration:1s;
  208. -webkit-transition-duration:1s;
  209. -o-transition-duration:1s;
  210. }
  211.  
  212. #description {
  213. width:200px;
  214. height:auto;
  215. font-family: calibri;
  216. margin-bottom:15px;
  217. padding:3px;
  218. margin-top:-86px;
  219. padding-top:7px;
  220. margin-left:-90px;
  221. text-align:center;
  222. font-size:11px;
  223. color: {color:text};
  224. letter-spacing:1px;
  225. line-height:115%;
  226. opacity:0;
  227. }
  228.  
  229. #description a {
  230. color:{color:Link};
  231. }
  232.  
  233. #description a:hover {
  234. color:{color:Link Hover};
  235. }
  236.  
  237. #sidebar #description {
  238. margin-top:-3px;
  239. margin-left:0px;
  240. opacity:1;
  241. border-bottom:1px black;
  242. -moz-transition-duration:1s;
  243. -webkit-transition-duration:1s;
  244. -o-transition-duration:1s;
  245. }
  246.  
  247. #sidebar:hover #description {
  248. margin-top:20px;
  249. margin-left:0px;
  250. opacity:1;
  251. -moz-transition-duration:1s;
  252. -webkit-transition-duration:1s;
  253. -o-transition-duration:1s;
  254.  
  255. }
  256.  
  257. /*all posts*/
  258. #posts {
  259. width:500px;
  260. margin-left:600px;
  261. margin-top:30px;
  262. margin-bottom:30px;
  263. }
  264.  
  265. /*text posts*/
  266. #text {
  267. text-align:left;
  268. }
  269.  
  270. /*photo posts*/
  271. #photo {
  272. text-align:left;
  273. }
  274.  
  275. /*photoset posts*/
  276. #photoset {
  277. text-align:left;
  278. }
  279.  
  280. /*quote posts*/
  281. #words {
  282. font-style:italic;
  283. font-size:15px;
  284. }
  285.  
  286. #source {
  287. text-align:right;
  288. padding-right:5px;
  289. }
  290.  
  291. /*link posts*/
  292. #linkpost {
  293. text-align:center;
  294. font-size:11px;
  295. }
  296.  
  297. .linkety {
  298. font-size:15px;
  299. }
  300.  
  301. /*chat posts*/
  302. #chat ul {
  303. list-style:none;
  304. font-family:courier;
  305. }
  306.  
  307. #label {
  308. text-transform:uppercase;
  309. }
  310.  
  311. /*video posts*/
  312. #video {
  313. text-align:left;
  314. }
  315.  
  316. /*audio posts*/
  317. #audioplayer {
  318. width:30px;
  319. height:30px;
  320. overflow:hidden;
  321. position:absolute;
  322. margin-top:35px;
  323. margin-left:35px;
  324. opacity:0.7;
  325. }
  326.  
  327. #albumart {
  328. width:100px;
  329. height:100px;
  330. background-color:#e3e3e3;
  331. }
  332.  
  333. /*ask posts*/
  334.  
  335. #asker {
  336. letter-spacing:2px;
  337. font-style:italic;
  338. background-color:#f7f7f7;
  339. text-align:left;
  340. padding:5px;
  341. padding-left:10px;
  342. width:auto;
  343. }
  344.  
  345. #answer {
  346. color:#a4a4a4;
  347. text-align:left;
  348. padding-left:10px;
  349. width:500px;
  350. font-size:14px;
  351. letter-spacing:0.5px;
  352. }
  353.  
  354. #question {
  355. font-size:13px;
  356. display:inline;
  357. letter-spacing:1px;
  358. }
  359.  
  360. /*info*/
  361. #info {
  362. font-family:calibri;
  363. width:500px;
  364. margin-top:6px;
  365. padding:5px;
  366. font-size:10px;
  367. letter-spacing:1px;
  368. color:{color:text};
  369. text-transform:uppercase;
  370. font-style:normal;
  371. text-align:left;
  372. background-color:#f7f7f7;
  373. -moz-transition-duration:0.5s;
  374. -webkit-transition-duration:0.5s;
  375. -o-transition-duration:0.5s;
  376. }
  377.  
  378. #info a {
  379. color:{color:link};
  380. text-align:left;
  381. font-style:normal;
  382. }
  383.  
  384. #info a:hover {
  385. color:{color:link hover};
  386. }
  387.  
  388. #tags {
  389. font-family:calibri;
  390. width:500px;
  391. text-transform:lowercase;
  392. color:{color:link};
  393. line-height:120%;
  394. font-size:10px;
  395. text-align:left;
  396. padding-top:1px;
  397. -moz-transition-duration:0.2s;
  398. -webkit-transition-duration:0.2s;
  399. -o-transition-duration:0.2s;
  400. }
  401.  
  402. #posts #tags {
  403. margin-left:-10px;
  404. opacity:0;
  405. -moz-transition-duration:0.5s;
  406. -webkit-transition-duration:0.5s;
  407. -o-transition-duration:0.5s;
  408. }
  409.  
  410. #posts:hover #tags {
  411. margin-left:0px;
  412. opacity:1;
  413. -moz-transition-duration:0.5s;
  414. -webkit-transition-duration:0.5s;
  415. -o-transition-duration:0.5s;
  416.  
  417. }
  418.  
  419. /*navi*/
  420. .jump_page {
  421. padding: 2px 4px;
  422. border: 0px solid #cce45e;
  423. color:{color:Link};
  424. font-family:century gothic;
  425. font-size:13px;
  426. text-decoration:none;
  427. }
  428.  
  429. .jump_page:hover {
  430. padding: 2px 4px;
  431. color:{color:Link Hover};
  432. font-family:century gothic;
  433. font-size:13px;
  434. text-decoration:none;
  435. -moz-transition-duration:0.5s;
  436. -webkit-transition-duration:0.5s;
  437. -o-transition-duration:0.5s;
  438. }
  439.  
  440. /*credit*/
  441. #credit {
  442. right:10px;
  443. bottom:10px;
  444. font-size:12px;
  445. text-transform:uppercase;
  446. text-align:center;
  447. position:fixed;
  448. border:1px solid #e4e4e4;
  449. width:25px;
  450. height:16px;
  451. padding-top:3px;
  452. -moz-transition-duration:0.8s;
  453. -webkit-transition-duration:0.8s;
  454. -o-transition-duration:0.8s;
  455. }
  456.  
  457. #credit:hover {
  458. width:123px;
  459. background-color:none;
  460. -moz-transition-duration:0.8s;
  461. -webkit-transition-duration:0.8s;
  462. -o-transition-duration:0.8s;
  463. }
  464.  
  465. #hd {
  466. right:10px;
  467. bottom:10px;
  468. font-size:10px;
  469. text-transform:uppercase;
  470. text-align:center;
  471. position:fixed;
  472. border:1px solid #e4e4e4;
  473. width:auto;
  474. height:16px;
  475. opacity:0;
  476. padding-left:2px;
  477. padding-right:2px;
  478. padding-top:5px;
  479. -moz-transition-duration:0.5s;
  480. -webkit-transition-duration:0.5s;
  481. -o-transition-duration:0.5s;
  482. }
  483.  
  484. #hd:hover {
  485. width:auto;
  486. background-color:white;
  487. opacity:1;
  488. -moz-transition-duration:0.5s;
  489. -webkit-transition-duration:0.5s;
  490. -o-transition-duration:0.5s;
  491. }
  492.  
  493. #credit a {
  494. color:{color:Link};
  495. }
  496.  
  497. #credit a:hover {
  498. color:{color:Link Hover};
  499. }
  500. {CustomCSS}
  501. </style>
  502. </head>
  503. <body>
  504.  
  505. <div id="sidebar">
  506. <div id="title">{Title}</div>
  507. <div id="sidebarimage">
  508. <a href="/"><img src="{image:sidebar}"></a>
  509. </div>
  510.  
  511. <div id="links" style="display:inline;">
  512. <a href="/ask" title="ask">i</a>
  513. <a href="{text:link 1 url}" title="{text:link 1}">ii</a>
  514. <a href="{text:link 2 url}" title="{text:Link 2}">iii</a>
  515. <a href="{text:link 3 url}" title="{text:Link 3}">iv</a>
  516. <a href="{text:link 4 url}" title="{text:Link 4}">v</a>
  517. </div>
  518.  
  519. <div id="description">{Description}<br>
  520.  
  521. {block:Pagination}
  522. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">←</a>{/block:PreviousPage} {CurrentPage}/{TotalPages}
  523. {block:NextPage}<a href="{NextPage}" class="jump_page">→</a>{/block:NextPage}
  524. {/block:Pagination}
  525. </div>
  526. </div>
  527.  
  528. </div> <!--sidebar-->
  529.  
  530. {block:Posts}
  531. <div id="posts">
  532.  
  533. {block:Text}
  534. <div id="text">
  535. <h2><a href="{Permalink}">{Title}</a></h2>
  536. {Body}
  537. </div> <!--text post-->
  538. {/block:Text}
  539.  
  540. {block:Photo}
  541. <div id="photo">
  542. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  543. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  544. </div> <!--photo post-->
  545. {/block:Photo}
  546.  
  547. {block:Panorama}
  548. <div id="panorama">
  549. {LinkOpenTag}
  550. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  551. {LinkCloseTag}
  552. {block:Caption}
  553. <div class="caption">{Caption}</div>
  554. {/block:Caption}
  555. </div> <!--panorama post-->
  556. {/block:Panorama}
  557.  
  558. {block:Photoset}
  559. <div id="photoset">
  560. {Photoset-500}
  561. {block:Caption}<div clas="caption">{Caption}</div>{/block:Caption}
  562. </div> <!--photoset-->
  563. {/block:Photoset}
  564.  
  565. {block:Quote}
  566. <div id="quote">
  567. <div id="words">{Quote}</div>
  568. {block:Source}<div id="source">- {Source}</div>{/block:Source}
  569. </div> <!--quote-->
  570. {/block:Quote}
  571.  
  572. {block:Link}
  573. <div id="linkpost">
  574. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  575. <a href="{URL}" id="linkety" {Target}>{Name}</a>
  576. {block:Description}
  577. <div class="linkdesc">{Description}</div>
  578. {/block:Description}
  579. </div> <!--link-->
  580. {/block:Link}
  581.  
  582. {block:Chat}
  583. <div id="chat">
  584. <h2><a href="{Permalink}">{Title}</a></h2>
  585. <ul>
  586. {block:Lines}
  587. <li class="{Alt} user_{UserNumber}">
  588. {block:Label}
  589. <span id="label">{Label}</span>
  590. {/block:Label}{Line}
  591. </li>
  592. {/block:Lines}
  593. </ul>
  594. </div> <!--chat-->
  595. {/block:Chat}
  596.  
  597. {block:Video}
  598. <div id="video">
  599. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  600. {Video-500}
  601. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  602. </div> <!--video-->
  603. {/block:Video}
  604.  
  605. {block:Audio}<div id="audio"><table style="margin-bottom:5px;"><tr><td style="vertical-align:left;"><div id="audioplayer">{AudioPlayerWhite}</div><div id="albumart">
  606. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:100px;height:100px">
  607. {/block:AlbumArt}</div></td><td style="horizontal-align:middle;height:100px; font-size:11px; line-height:18px;background:{color:AudioBG};width:400px;padding-left:5px;text-transform:uppercase">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist} <br />{/block:Artist}{block:Album}<b>Album:</b> {Album} <br />{/block:Album}{block:PlayCount}<b>Played:</b> {FormattedPlayCount} times{/block:PlayCount}
  608. </td></tr></table>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Audio}
  609.  
  610. {block:Answer}
  611. <div id="asker">
  612. {Asker} asked: <div id="question">{Question}</div></div>
  613. <div id="answer">
  614. {block:Answerer}{Answerer} replied: {Answer}{/block:Answerer}{Answer}
  615. </div> <!--ask-->
  616. {/block:Answer}
  617.  
  618. <div id="info">
  619. <a href="{Permalink}">{12HourWithZero}:{Minutes}</a> {block:RebloggedFrom} - <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource} - <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource} <div style="float:right;">(<a href="{Permalink}">+{NoteCount}</a>) - <a href="{ReblogURL}" target="_blank" >reblog</a></div><br />
  620. </div>
  621. {block:HasTags}
  622. <div id="tags">
  623. {block:Tags} <a href="{TagURL}">{Tag}; </a>{/block:Tags}
  624. </div>
  625. {/block:HasTags}
  626.  
  627.  
  628.  
  629. </div> <!--posts-->
  630. {/block:Posts}
  631.  
  632.  
  633.  
  634. <div id="credit"><div id="hd">theme by <a href="http://gloriousponds.co.vu/">heavenlydoctor</a></div><a>hd</a></div>
  635. </body>
  636. </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!