API tools faq
paste
Advertisement
heavenlydoctor

theme 4: chemical

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