API tools faq
paste
dohdoro

stellar

dohdoro
Mar 21st, 2015
7,358
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.32 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5.  
  6.  
  7. <!--
  8.  
  9. █▀▀▄ █▀▀█ █░░█ █▀▀▄ █▀▀█ █▀▀█ █▀▀█ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  10. █░░█ █░░█ █▀▀█ █░░█ █░░█ █▄▄▀ █░░█ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  11. ▀▀▀░ ▀▀▀▀ ▀░░▀ ▀▀▀░ ▀▀▀▀ ▀░▀▀ ▀▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  12.  
  13. ╱╱╱╭╮╱╱╱╭╮╭╮
  14. ╱╱╭╯╰╮╱╱┃┃┃┃
  15. ╭━┻╮╭╋━━┫┃┃┃╭━━┳━╮
  16. ┃━━┫┃┃┃━┫┃┃┃┃╭╮┃╭╯
  17. ┣━━┃╰┫┃━┫╰┫╰┫╭╮┃┃
  18. ╰━━┻━┻━━┻━┻━┻╯╰┻╯
  19.  
  20. BY DOHDORO//TUMBLR
  21.  
  22. -->
  23.  
  24.  
  25. <head>
  26.  
  27. <title>{Title}</title>
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. <link rel="shortcut icon" href="{Favicon}">
  30.  
  31.  
  32. <meta name="image:Background" content=""/>
  33. <meta name="image:side image" content=""/>
  34.  
  35. <meta name="if:Show Captions" content="0"/>
  36. <meta name="if:Infinite Scroll" content"0"/>
  37. <meta name="if:250px" content="1" />
  38. <meta name="if:400px" content="0" />
  39. <meta name="if:500px" content="0" />
  40.  
  41. <meta name="text:Extra link 1 URL" content=""/>
  42. <meta name="text:Extra link 1" content="link one"/>
  43. <meta name="text:Extra link 2 URL" content=""/>
  44. <meta name="text:Extra link 2" content="link two"/>
  45. <meta name="text:Extra link 3 URL" content=""/>
  46. <meta name="text:Extra link 3" content="link three"/>
  47. <meta name="text:Extra link 4 URL" content=""/>
  48. <meta name="text:Extra link 4" content="link four"/>
  49. <meta name="text:Extra link 5 URL" content=""/>
  50. <meta name="text:Extra link 5" content="link five"/>
  51.  
  52.  
  53. <meta name="color:Background" content="#ffffff"/>
  54. <meta name="color:Text" content="#888888"/>
  55. <meta name="color:bold" content="#232323"/>
  56. <meta name="color:italic" content="#ef4246"/>
  57. <meta name="color:links" content="#888888"/>
  58. <meta name="color:links hover" content="#000000"/>
  59. <meta name="color:H1 border" content="#eeeeee"/>
  60. <meta name="color:H1" content="#232323"/>
  61. <meta name="color:Blockquote border" content="#232323"/>
  62. <meta name="color:pagination bg" content="#ffffff"/>
  63. <meta name="color:pagination border" content="#eeeeee"/>
  64. <meta name="color:pagination" content="#888888"/>
  65. <meta name="color:pagination bg hover" content="#fafafa"/>
  66. <meta name="color:pagination text hover" content="#888888"/>
  67. <meta name="color:permalink border" content="#eeeeee"/>
  68. <meta name="color:permalink" content="#888888"/>
  69. <meta name="color:container bg" content="#ffffff"/>
  70. <meta name="color:caption bg" content="#fafafa"/>
  71. <meta name="color:caption border" content="#eeeeee"/>
  72. <meta name="color:asks bg" content="#ffffff"/>
  73. <meta name="color:asks text" content="#888888"/>
  74. <meta name="color:asker bg" content="#fafafa"/>
  75. <meta name="color:asker text" content="#232323"/>
  76. <meta name="color:reply border" content="#eeeeee"/>
  77. <meta name="color:asker border" content="#eeeeee"/>
  78. <meta name="color:audio border" content="#eeeeee"/>
  79. <meta name="color:top bar bg" content="#fafafa"/>
  80. <meta name="color:title" content="#232323"/>
  81. <meta name="color:navigation text" content="#888888"/>
  82. <meta name="color:navigation text hover" content="#232323"/>
  83. <meta name="color:side image bg" content="#ffffff"/>
  84. <meta name="color:description bg" content="#fafafa"/>
  85. <meta name="color:description text" content="#888888"/>
  86. <meta name="color:theme borders" content="#eeeeee"/>
  87. <meta name="color:slide down links bg" content="#fafafa"/>
  88. <meta name="color:slide down links border" content="#c0c0c0"/>
  89. <meta name="color:slide down links" content="#888888"/>
  90. <meta name="color:slide down links bg hover" content="#5fcbee"/>
  91. <meta name="color:slide down links hover" content="#ffffff"/>
  92. <meta name="color:explore button border" content="#c0c0c0"/>
  93. <meta name="color:top theme border" content="#e2f7f5"/>
  94. <meta name="color:post via bg" content="#fafafa"/>
  95. <meta name="color:post via text" content="#888888"/>
  96. <meta name="color:post date bg" content="#ffffff"/>
  97. <meta name="color:post date color" content="#232323"/>
  98. <meta name="color:post info bg" content="#fafafa"/>
  99. <meta name="color:post notes bg" content="#fafafa"/>
  100. <meta name="color:post info border" content="#c0c0c0"/>
  101. <meta name="color:post reblog bg" content="#f6e279"/>
  102. <meta name="color:post reblog text" content="#ffffff"/>
  103. <meta name="color:post tags text" content="#888888"/>
  104. <meta name="color:theme credit bg" content="#fafafa"/>
  105. <meta name="color:theme credit border" content="#eeeeee"/>
  106. <meta name="color:theme credit text" content="#888888"/>
  107. <meta name="color:scrollbar bg" content="#ffffff"/>
  108. <meta name="color:scrollbar line" content="#232323"/>
  109.  
  110.  
  111. <style type="text/css">
  112.  
  113. /* body */
  114.  
  115. *, html {
  116. margin:0;
  117. padding:0;
  118.  
  119. }
  120.  
  121. body {
  122. font-family:arial;
  123. width:100%;
  124. height:100%;
  125. font-size:10px;
  126. letter-spacing:1px;
  127. color:{color:Text};
  128. background:{color:Background};
  129. background-image:url('{image:Background}');
  130. background-repeat:repeat;
  131. background-attachment:fixed;
  132.  
  133. }
  134.  
  135. a {
  136. color:{color:links};
  137. text-decoration:none;
  138.  
  139. }
  140.  
  141. a:hover {
  142. color:{color:links hover};
  143.  
  144. }
  145.  
  146. b, strong{
  147. color:{color:bold};
  148.  
  149. }
  150.  
  151. i, em {
  152. color:{color:italic};
  153.  
  154. }
  155.  
  156. h1 {
  157. font-family:georgia;
  158. font-weight:900;
  159. margin-bottom:10px;
  160. font-size:25px;
  161. line-height:18px;
  162. padding:0px 0px 10px 10px;
  163. letter-spacing:1px;
  164. border-bottom:1px solid {color:H1 border};
  165. overflow:hidden;
  166. text-transform:lowercase;
  167. color:{color:H1};
  168.  
  169. }
  170.  
  171. h1 a {
  172. color:{color:H1};
  173. text-decoration:none;
  174.  
  175. }
  176.  
  177. ul {
  178. padding:10px;
  179. list-style-type: circle;
  180.  
  181. }
  182.  
  183. li {
  184. padding:0;
  185.  
  186. }
  187.  
  188. blockquote {
  189. margin-top:5px;
  190. border-left:2px solid {color:Blockquote border};
  191. padding:0px 0px 0px 10px;
  192. margin-left:5px;
  193. word-wrap:break-word;
  194.  
  195. }
  196.  
  197. /* Hover text - style this as you please */
  198.  
  199. #s-m-t-tooltip {
  200. z-index:999999;
  201. margin-left:30px;
  202. padding:3px 6px 3px 6px;
  203. border-radius:5px;
  204. background-color:#000;
  205. color:#fff;
  206. font-weight:bold;
  207. font-family:arial;
  208. font-size:8px;
  209. text-transform:uppercase;
  210. line-height:13px;
  211.  
  212. }
  213.  
  214. /* Quotes */
  215.  
  216. #quotes {
  217. font-family:arial;
  218. font-weight:900;
  219. line-height:17px;
  220. font-size:20px;
  221. letter-spacing:-2px;
  222. padding:15px;
  223. text-transform:uppercase;
  224.  
  225. }
  226.  
  227. /* Pagination */
  228.  
  229. .pagination {
  230. position:absolute;
  231. margin-left:-27px;
  232. padding:7px;
  233. font-family:helvetica;
  234. font-size:10px;
  235. text-transform:uppercase;
  236.  
  237. }
  238.  
  239. .pagination a {
  240. margin-left:20px;
  241. padding:7px 10px 7px 10px;
  242. background:{color:pagination bg};
  243. border:1px solid {color:pagination border};
  244. font-weight:900;
  245. color:{color:pagination};
  246. -webkit-transition: opacity 0.4s linear;
  247. -webkit-transition: all 0.4s ease-in-out;
  248. -moz-transition: all 0.4s ease-in-out;
  249. -o-transition: all 0.4s ease-in-out;
  250.  
  251. }
  252.  
  253. .pagination a:hover {
  254. background:{color:pagination bg hover};
  255. color:{color:pagination text hover};
  256. -webkit-transition: opacity 0.4s linear;
  257. -webkit-transition: all 0.4s ease-in-out;
  258. -moz-transition: all 0.4s ease-in-out;
  259. -o-transition: all 0.4s ease-in-out;
  260.  
  261. }
  262.  
  263. /* Permalink */
  264.  
  265. #permalink {
  266. margin-top:70px;
  267. margin-left:-41px;
  268. padding:10px;
  269. background:#fafafa;
  270. width:561px;
  271. border-top:1px solid {color:permalink border};
  272.  
  273. }
  274.  
  275. .perma {
  276. font-size:12px;
  277. font-family:arial;
  278. text-transform:none;
  279. text-align:left;
  280. border-bottom:1px solid {color:permalink border};
  281. margin-top:0px;
  282. color:{color:permalink};
  283. margin-left:0px;
  284. padding:10px;
  285.  
  286. }
  287.  
  288. .notecounts {
  289. margin-top:10px;
  290. margin-left:-10px;
  291. font-size:11px;
  292. text-transform:lowercase;
  293. color:{color:permalink};
  294. padding:18px;
  295.  
  296. }
  297.  
  298. .notecounts img {
  299. border-radius:100%;
  300. margin-right:10px;
  301.  
  302. }
  303.  
  304. ol.notes {
  305. list-style-type:circle;
  306.  
  307. }
  308.  
  309. /* Posts */
  310.  
  311. #thecontainer {
  312. margin-left:300px;
  313. z-index:999;
  314. margin-top:100px;
  315. border:1px solid {color:theme borders};
  316. background:{color:container bg};
  317. {block:if250px}
  318. width:330px;
  319. {/block:if250px}
  320. {block:if400px}
  321. width:480px;
  322. {/block:if400px}
  323. {block:if500px}
  324. width:580px;
  325. {/block:if500px}
  326. {block:PermalinkPage}
  327. width:580px;
  328. {/block:PermalinkPage}
  329.  
  330. }
  331.  
  332. .psts {
  333. position:relative;
  334. margin:20px;
  335. margin-top:-1px;
  336. padding-top:41px;
  337. margin-bottom:80px;
  338. color:{color:Text};
  339. font-family:arial;
  340. font-size:10px;
  341. {block:if250px}
  342. width:250px;
  343. margin-left:40px;
  344. {/block:if250px}
  345. {block:if400px}
  346. width:400px;
  347. margin-left:40px;
  348. {/block:if400px}
  349. {block:if500px}
  350. width:500px;
  351. margin-left:40px;
  352. {/block:if500px}
  353. {block:PermalinkPage}
  354. width:500px;
  355. margin-left:40px;
  356. {/block:PermalinkPage}
  357.  
  358. }
  359.  
  360. .psts a {
  361. color:{color:links};
  362.  
  363. }
  364.  
  365. .psts img {
  366. max-width:100%;
  367.  
  368. }
  369.  
  370. #caption {
  371. margin-top:40px;
  372. margin-left:-41px;
  373. padding:10px;
  374. background:{color:caption bg};
  375. border:1px solid {color:theme borders};
  376. color:{color:Text};
  377. word-wrap:break-word;
  378. font-size:10px;
  379. {block:if250px}
  380. width:310px;
  381. {/block:if250px}
  382. {block:if400px}
  383. width:460px;
  384. {/block:if400px}
  385. {block:if500px}
  386. width:560px;
  387. {/block:if500px}
  388. {block:PermalinkPage}
  389. width:560px;
  390. {/block:PermalinkPage}
  391.  
  392. }
  393.  
  394. #caption a {
  395. color:{color:links};
  396.  
  397. }
  398.  
  399. /* questions */
  400.  
  401. #asks {
  402. background:{color:asks bg};
  403. font-size:10px;
  404. line-height:12px;
  405. padding:10px;
  406. color:{color:asks text};
  407.  
  408. }
  409.  
  410. #asks span {
  411. display:block;
  412. margin-bottom:8px;
  413. text-transform:none;
  414. font-weight:900;
  415. font-size:12px;
  416. text-transform:uppercase;
  417. background:{color:asker bg};
  418. padding:8px 8px 8px 15px;
  419. color:{color:asker text};
  420. border:1px solid {color:asker border};
  421.  
  422. }
  423.  
  424. #asks span a {
  425. color:{color:asker text};
  426.  
  427. }
  428.  
  429. #response {
  430. padding:10px;
  431. font-family:arial;
  432. text-align:left;
  433. border-top:1px solid {color:reply border};
  434. font-size:10px;
  435. line-height:12px;
  436.  
  437. }
  438.  
  439. /* Music */
  440.  
  441. #audio {
  442. padding:5px;
  443. border:1px solid {color:audio border};
  444. margin-left:-10px;
  445. margin-top:0px;
  446. {block:if250px}
  447. width:2650px;
  448. {/block:if250px}
  449. {block:if400px}
  450. width:400px;
  451. {/block:if400px}
  452. {block:if500px}
  453. width:500px;
  454. {/block:if500px}
  455.  
  456. }
  457.  
  458. .musicinfo {
  459. color:{color:Text};
  460. margin-top:20px;
  461. margin-bottom:5px;
  462. font-size:10px;
  463. line-height:10px;
  464. letter-spacing:1px;
  465.  
  466. }
  467.  
  468. /* TOP STUFF */
  469.  
  470. #tops {
  471. margin-top:55px;
  472. z-index:99;
  473.  
  474. }
  475.  
  476. #barbar {
  477. margin-top:-60px;
  478. margin-left:-1px;
  479. background:{color:top bar bg};
  480. border:1px solid {color:theme borders};
  481. width:680px;
  482. height:60px;
  483. {block:if250px}
  484. width:530px;
  485. {/block:if250px}
  486. {block:if400px}
  487. width:680px;
  488. {/block:if400px}
  489. {block:if500px}
  490. width:780px;
  491. {/block:if500px}
  492. {block:PermalinkPage}
  493. width:780px;
  494. {/block:PermalinkPage}
  495.  
  496. }
  497.  
  498. .thetit {
  499. font-size:30px;
  500. text-transform:lowercase;
  501. font-weight:900;
  502. color:{color:title};
  503. font-family:georgia;
  504. letter-spacing:0px;
  505. margin-top:11px;
  506. margin-left:20px;
  507.  
  508. }
  509.  
  510. .orglinks {
  511. margin-top:-20px;
  512. text-transform:uppercase;
  513. {block:if250px}
  514. margin-left:220px;
  515. {/block:if250px}
  516. {block:if400px}
  517. margin-left:370px;
  518. {/block:if400px}
  519. {block:if500px}
  520. margin-left:470px;
  521. {/block:if500px}
  522. {block:PermalinkPage}
  523. margin-left:470px;
  524. {/block:PermalinkPage}
  525.  
  526. }
  527.  
  528. .orglinks a {
  529. margin:10px;
  530. color:{color:navigation text};
  531. font-weight:bold;
  532. -webkit-transition: opacity 0.4s linear;
  533. -webkit-transition: all 0.4s ease-in-out;
  534. -moz-transition: all 0.4s ease-in-out;
  535. -o-transition: all 0.4s ease-in-out;
  536.  
  537. }
  538.  
  539. .orglinks a:hover {
  540. color:{color:navigation text hover};
  541. -webkit-transition: opacity 0.4s linear;
  542. -webkit-transition: all 0.4s ease-in-out;
  543. -moz-transition: all 0.4s ease-in-out;
  544. -o-transition: all 0.4s ease-in-out;
  545.  
  546. }
  547.  
  548. .bloggy {
  549. margin-top:23px;
  550. {block:if250px}
  551. margin-left:330px;
  552. {/block:if250px}
  553. {block:if400px}
  554. margin-left:480px;
  555. {/block:if400px}
  556. {block:if500px}
  557. margin-left:580px;
  558. {/block:if500px}
  559. {block:PermalinkPage}
  560. margin-left:580px;
  561. {/block:PermalinkPage}
  562.  
  563. }
  564.  
  565. .bloggy img {
  566. width:151px;
  567. height:227px;
  568. background:{color:side image bg};
  569. padding:24px;
  570. border:1px solid {color:theme borders};
  571.  
  572. }
  573.  
  574. .bloggy p {
  575. margin-top:-3px;
  576. width:151px;
  577. background:{color:description bg};
  578. color:{color:description text};
  579. padding:24px;
  580. border:1px solid {color:theme borders};
  581. text-align:justify;
  582. font-size:11px;
  583.  
  584. }
  585.  
  586. .extranav {
  587. position:absolute;
  588. opacity:1;
  589. text-transform:uppercase;
  590. margin-left:310px;
  591. margin-top:23px;
  592. background:{color:slide down links bg};
  593. border:1px solid {color:theme borders};
  594. padding:24px;
  595. width:130px;
  596.  
  597.  
  598. }
  599.  
  600. .extranav a {
  601. display:block;
  602. margin-top:-10px;
  603. color:{color:slide down links};
  604. padding:15px 8px 15px 8px;
  605. border-bottom:1px solid {color:slide down links border};
  606. -webkit-transition: opacity 0.4s linear;
  607. -webkit-transition: all 0.4s ease-in-out;
  608. -moz-transition: all 0.4s ease-in-out;
  609. -o-transition: all 0.4s ease-in-out;
  610.  
  611. }
  612.  
  613. .extranav a:hover {
  614. color:{color:slide down links hover};
  615. box-shadow:inset 151px 0 0 {color:slide down links bg hover};
  616. -webkit-transition: opacity 0.4s linear;
  617. -webkit-transition: all 0.4s ease-in-out;
  618. -moz-transition: all 0.4s ease-in-out;
  619. -o-transition: all 0.4s ease-in-out;
  620.  
  621. }
  622.  
  623. .cthrough {
  624. border:1px solid {color:explore button border};
  625. padding:4px 7px 4px 7px;
  626.  
  627. }
  628.  
  629. #bordtop {
  630. position:absolute;
  631. z-index:-9;
  632. width:100%;
  633. height:157px;
  634. top:0;
  635. left:0;
  636. background:{color:top theme border};
  637. border-bottom:1px solid {color:theme borders};
  638.  
  639. }
  640.  
  641. /* Post info */
  642.  
  643. #tailsofthepost {
  644. position:absolute;
  645. margin-top:-56px;
  646. margin-left:-177px;
  647. padding:15px;
  648.  
  649. }
  650.  
  651. #tailsofthepost p {
  652. width:100px;
  653. text-align:right;
  654. margin-top:-1px;
  655. padding:10px;
  656. background:{color:post via bg};
  657. border:1px solid {color:theme borders};
  658. font-size:9px;
  659. text-transform:uppercase;
  660.  
  661. }
  662.  
  663. #tailsofthepost p a {
  664. color:{color:post via text};
  665.  
  666. }
  667.  
  668. #tailsofthepost p span {
  669. font-weight:bold;
  670.  
  671. }
  672.  
  673. .date {
  674. width:100px;
  675. text-align:right;
  676. padding:10px;
  677. background:{color:post date bg};
  678. font-size:8px;
  679. text-transform:uppercase;
  680. border:1px solid {color:theme borders};
  681.  
  682. }
  683.  
  684. .date h2 {
  685. font-family:georgia;
  686. font-size:20px;
  687. text-transform:lowercase;
  688.  
  689. }
  690.  
  691. .date h2 a {
  692. color:{color:post date color};
  693.  
  694. }
  695.  
  696. #moreinfo {
  697. position:absolute;
  698. text-align:center;
  699. text-transform:uppercase;
  700. width:480px;
  701. top:0px;
  702. left:-40px;
  703. border-top:1px solid {color:theme borders};
  704. border-bottom:1px solid {color:theme borders};
  705. background:{color:post info bg};
  706. height:100%;
  707. font-size:8px;
  708. {block:if250px}
  709. width:330px;
  710. {/block:if250px}
  711. {block:if400px}
  712. width:480px;
  713. {/block:if400px}
  714. {block:if500px}
  715. width:580px;
  716. {/block:if500px}
  717. opacity:0;
  718. -webkit-transition: opacity 0.4s linear;
  719. -webkit-transition: all 0.4s ease-in-out;
  720. -moz-transition: all 0.4s ease-in-out;
  721. -o-transition: all 0.4s ease-in-out;
  722.  
  723. }
  724.  
  725. .psts:hover #moreinfo {
  726. opacity:1;
  727. -webkit-transition: all .7s ease-in-out;
  728. -moz-transition: all .7s ease-in-out;
  729. -ms-transition: all .7s ease-in-out;
  730. -o-transition: all .7s ease-in-out;
  731. transition: all .7s ease-in-out;
  732.  
  733. }
  734.  
  735. .onpsts {
  736. position:relative;
  737. top:40%;
  738.  
  739. }
  740.  
  741. .onpsts h2 a {
  742. font-size:20px;
  743. font-weight:900;
  744. padding:5px 10px 5px 10px;
  745. border:1px solid {color:post info border};
  746.  
  747. }
  748.  
  749. .onpsts h2 span a {
  750. margin-left:-6px;
  751. background:{color:post reblog bg};
  752. padding:5px 10px 5px 10px;
  753. color:{color:post reblog text};
  754.  
  755. }
  756.  
  757. .onpsts p {
  758. margin-top:20px;
  759.  
  760. }
  761.  
  762. .onpsts p a {
  763. margin:5px;
  764. padding:5px;
  765. font-family:georgia;
  766. text-transform:lowercase;
  767. font-size:11px;
  768. color:{color:post tags text};
  769.  
  770. }
  771.  
  772. /* THEME CREDIT - DO NOT REMOVE */
  773.  
  774. #themecredit {
  775. position:fixed;
  776. right:10px;
  777. padding:10px;
  778. bottom:10px;
  779. font-family:georgia;
  780. font-size:10px;
  781. background:{color:theme credit bg};
  782. font-style:italic;
  783. border:1px solid {color:theme credit border};
  784.  
  785. }
  786.  
  787. #themecredit a {
  788. color:{color:theme credit text};
  789.  
  790. }
  791.  
  792. /* scroll bar */
  793.  
  794. ::-webkit-scrollbar {
  795. width:8px;
  796. height:3px;
  797. background:{color:scrollbar bg};
  798.  
  799. }
  800.  
  801. ::-webkit-scrollbar-thumb:vertical {
  802. background-color:{color:scrollbar line};
  803. width:8px;
  804. border-radius:6px;
  805. border-left:3px solid {color:scrollbar bg};
  806. border-right:3px solid {color:scrollbar bg};
  807.  
  808. }
  809.  
  810. /* tumblr controls */
  811.  
  812. iframe#tumblr_controls {
  813. top:0% !important;
  814. right:0% !important;
  815. position: fixed !important;
  816. z-index:9999;
  817.  
  818. }
  819.  
  820. </style>
  821.  
  822. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  823.  
  824. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  825.  
  826. {block:IfInfiniteScroll}
  827. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  828. {/block:IfInfiniteScroll}
  829.  
  830. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  831. <script type="text/javascript">
  832. $(function(){
  833. var stickyRibbonTop = $('#tops').offset().top;
  834. $(window).scroll(function(){
  835. if( $(window).scrollTop() > stickyRibbonTop ) {
  836. $('#tops').css({position: 'fixed', top: '0px'});
  837. } else {
  838. $('#tops').css({position: 'static', top: '0px'});
  839. }
  840. });
  841. });
  842. </script>
  843.  
  844. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  845.  
  846. <script type="text/javascript">
  847. jQuery(document).ready(function() {
  848. jQuery(".extranav").hide();
  849. //toggle the componenet with class msg_body
  850. jQuery(".cthrough").click(function(e) {
  851. e.preventDefault(); // <-- first line
  852. jQuery(this).next(".extranav").slideToggle(700);
  853. });});
  854. </script>
  855.  
  856. </head>
  857. <body>
  858.  
  859. <div id="bordtop"></div>
  860.  
  861. <!-- Conainer -->
  862.  
  863. <div id="thecontainer">
  864. <div id="tops">
  865. <div id="barbar">
  866.  
  867. <!-- title -->
  868.  
  869. <div class="thetit">{title}</div>
  870.  
  871. <!-- Mainlinks -->
  872. <div class="orglinks">
  873. <a href="/">Index</a>
  874. <a href="/ask">contact</a>
  875. <a href="/archive">History</a>
  876.  
  877. <a href="#" class="cthrough">explore</a>
  878. <div class="extranav">
  879. {block:ifExtralink1}<a href="{text:Extra link 1 URL}">{text:Extra link 1}</a>{/block:ifExtralink1}
  880. {block:ifExtralink2}<a href="{text:Extra link 2 URL}">{text:Extra link 2}</a>{/block:ifExtralink2}
  881. {block:ifExtralink3}<a href="{text:Extra link 3 URL}">{text:Extra link 3}</a>{/block:ifExtralink3}
  882. {block:ifExtralink4}<a href="{text:Extra link 4 URL}">{text:Extra link 4}</a>{/block:ifExtralink4}
  883. {block:ifExtralink5}<a href="{text:Extra link 5 URL}">{text:Extra link 5}</a>
  884. {block:ifExtralink5}
  885. </div>
  886. </div>
  887.  
  888. <!-- side stuff-->
  889.  
  890. <div class="bloggy">
  891. <img src="{image:side image}" />
  892.  
  893. <!-- Description -->
  894. <p>{description}</p>
  895.  
  896. <!-- PAGINATION-->
  897.  
  898. {block:IfNotInfiniteScroll}
  899. <div class="pagination">
  900. {block:Pagination}
  901. {block:PreviousPage}
  902. <a href="{PreviousPage}" id="next">Previous</a>
  903. {/block:PreviousPage}
  904. {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}
  905. {/block:Pagination}</div>
  906. {/block:IfNotInfiniteScroll}
  907.  
  908. <!-- Extra links -->
  909.  
  910. </div>
  911. </div>
  912. </div>
  913.  
  914. <div class ="autopagerize_page_element">
  915.  
  916. {block:posts}
  917. <div class="psts">
  918. {block:ContentSource}
  919. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  920. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  921. {/block:SourceLogo}
  922. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  923. {/block:ContentSource}
  924.  
  925. <!-- Post info-->
  926. {block:IndexPage}
  927. <div id="tailsofthepost">
  928. <div class="date">
  929. {block:Date}
  930. <h2><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonth}</a></h2>
  931. {TimeAgo}{/block:Date}
  932. </div>
  933.  
  934. <p>
  935. {block:RebloggedFrom}
  936. <a href="{ReblogParentURL}">VIA <span>{ReblogParentName}</span></a>
  937. {/block:RebloggedFrom}
  938. </p></div>
  939. {/block:IndexPage}
  940.  
  941. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right">— {Source}</div>{/block:Source}
  942. {/block:Quote}
  943.  
  944. {block:text}
  945. {block:title}<h1>{title}</h1>{/block:title}{body}
  946. {/block:text}
  947.  
  948. {block:Link}
  949. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  950. {block:Description}{Description}{/block:Description}
  951. {/block:Link}
  952.  
  953. {block:Chat}
  954. {block:Title}<h1>{Title}</h1>{/block:Title}
  955. {block:Lines}
  956. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  957. {/block:Lines}
  958. {/block:Chat}
  959.  
  960. <!-- Posts -->
  961.  
  962. {block:photo}
  963. {block:IndexPage}
  964. {block:if250px}<img style="width:250px;" src="{PhotoURL-250}">{/block:if250px}
  965. {block:if400px}<img style="width:400px;" src="{PhotoURL-400}">{/block:if400px}
  966. {block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px}
  967. {block:ifShowCaptions}
  968. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  969. {/block:ifShowCaptions}
  970. {/block:IndexPage}
  971.  
  972. {block:PermalinkPage}
  973. <img src="{PhotoURL-500}"/>
  974. {block:Caption}
  975. <div id="caption">{Caption}</div>
  976. {/block:Caption}
  977. {/block:PermalinkPage}
  978. {/block:photo}
  979.  
  980.  
  981. {block:Photoset}
  982. {block:IndexPage}
  983. {block:if250px}{Photoset-250}{/block:if250px}
  984. {block:if400px}{Photoset-400}{/block:if400px}
  985. {block:if500px}{Photoset-500}{/block:if500px}
  986. {block:ifShowCaptions}
  987. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  988. {/block:ifShowCaptions}
  989. {/block:IndexPage}
  990.  
  991. {block:PermalinkPage}
  992. {Photoset-500}
  993. {block:Caption}
  994. <div id="caption">{Caption}</div>
  995. {/block:Caption}
  996. {/block:PermalinkPage}
  997. {/block:Photoset}
  998.  
  999. <!-- Audio and Video -->
  1000.  
  1001. {block:Audio}
  1002. <div id="audio">{AudioPlayerWhite}</div>
  1003.  
  1004. <div class="musicinfo">
  1005. {block:Artist}<b>ARTIST: </b>{Artist}{/block:Artist}<br>
  1006. {block:TrackName}<B>TRACK: </B>{TrackName}{/block:TrackName}<br>
  1007. {block:Album}<B>ALBUM: </B>{Album}{/block:Album}<br></div><br>
  1008. {block:ifShowCaptions}
  1009. {block:caption}<div id="caption">{caption}</div>{/block:caption}
  1010. {/block:ifShowCaptions}
  1011.  
  1012. {/block:Audio}
  1013.  
  1014. {block:Video}
  1015. {block:if250px}{Video-250}{/block:if250px}
  1016. {block:if400px}{Video-400}{/block:if400px}
  1017. {block:if500px}{Video-500}{/block:if500px}
  1018. {block:ifShowCaptions}
  1019. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1020. {/block:ifShowCaptions}
  1021. {/block:Video}
  1022.  
  1023. <!-- questions -->
  1024.  
  1025. {block:Answer}
  1026. <div id="asks">
  1027. <span>{asker} asked</span>
  1028. {question}</div>
  1029. <div id="response">{Answer}</div>
  1030. {/block:Answer}
  1031.  
  1032. <!-- Post info -->
  1033.  
  1034. {block:IndexPage}
  1035. <div id="moreinfo">
  1036. <div class="onpsts">
  1037. <h2>{block:NoteCount}
  1038. <a href="{Permalink}" title="permalink">{NoteCount}</a>
  1039. {/block:NoteCount}
  1040. <span><a href="{ReblogURL}">reblog</a></span></h2>
  1041. {block:HasTags}
  1042. <p>{block:Tags}
  1043. <a href="{TagURL}">• {Tag} </a>
  1044. {/block:Tags}
  1045. </p>
  1046. {/block:HasTags}
  1047. </div>
  1048. </div>
  1049. {/block:IndexPage}
  1050.  
  1051.  
  1052. <!-- Permalink -->
  1053.  
  1054. {block:PermalinkPage}
  1055. {block:Date}
  1056. <div id="permalink">
  1057. <div class="perma">
  1058. <b>Posted on :</b>
  1059. {DayOfMonth}{DayOfMonthSuffix} of {Month} {Year}{/block:Date} <BR>
  1060. {block:NoteCount}
  1061. <b>With : </b>
  1062. <a href="{Permalink}" title="permalink">{NoteCount} notes</a> | <a href="{ReblogURL}">Reblog</a>{/block:NoteCount}<br>
  1063. {block:RebloggedFrom}
  1064. <a href="{ReblogParentURL}"><b>VIA:</b> {ReblogParentName}</a>
  1065. <a href="{ReblogRootURL}"><b>SOURCE:</b> {ReblogRootName}</a>
  1066. {/block:RebloggedFrom}<br>
  1067. {block:HasTags}
  1068. <a href="{TagURL}"><b>TAGS:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</a><br>
  1069. {/block:HasTags}
  1070. </div>
  1071. {/block:PermalinkPage}
  1072.  
  1073. {block:PostNotes}
  1074. <div class="notecounts">{PostNotes}</div>
  1075. {/block:PostNotes}
  1076.  
  1077.  
  1078. </div>
  1079. {/block:posts}
  1080. </div>
  1081.  
  1082. <!-- DO NOT REMOVE-->
  1083. <div id="themecredit">
  1084. <a href="http://dohdoro.tumblr.com">dthm</a>
  1085. </div>
  1086. <!-- DO NOT REMOVE -->
  1087.  
  1088. </body>
  1089. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!