API tools faq
paste
dohdoro

Born hater

dohdoro
Jul 26th, 2015
3,851
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.25 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. THEME: BORN HATER
  10. . DO NOT REMOVE THE THEME CREDIT OR MOVE IT TO ANOTHER PAGE
  11. . DO NOT STEAL CODE
  12. . DO NOT USE AS BASE CODE
  13. . DO NOT REDISTRIBUTE
  14.  
  15.  
  16. -->
  17.  
  18. <head>
  19.  
  20. <title>{Title}</title>
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. <link rel="shortcut icon" href="{Favicon}">
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Bitter|Abril+Fatface|Roboto' rel='stylesheet' type='text/css'>
  25.  
  26. {block:IfInfiniteScroll}
  27. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  28. {/block:IfInfiniteScroll}
  29.  
  30.  
  31. <meta name="if:Show Captions" content="0"/>
  32. <meta name="if:Infinite Scroll" content"0"/>
  33. <meta name="if:Show Updates" content"0"/>
  34. <meta name="if:Show Tags" content"0"/>
  35.  
  36. <meta name="image:Icon" content"0"/>
  37.  
  38. <meta name="if:250px" content="1" />
  39. <meta name="if:400px" content="0" />
  40. <meta name="if:500px" content="0" />
  41.  
  42. <meta name="text:Link 1 Url" content=""/>
  43. <meta name="text:Link 1" content="First"/>
  44. <meta name="text:Link 2 Url" content=""/>
  45. <meta name="text:Link 2" content="Second"/>
  46. <meta name="text:Link 3 Url" content=""/>
  47. <meta name="text:Link 3" content="Third"/>
  48.  
  49. <meta name="text:Update title 1" content="Updates"/>
  50. <meta name="text:Update title 2" content="Networks"/>
  51. <meta name="text:Update title 3" content="Current events"/>
  52.  
  53. <meta name="text:Updates box one" content="lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."/>
  54.  
  55. <meta name="text:Updates box two" content="lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."/>
  56.  
  57. <meta name="text:Updates box three" content="lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."/>
  58.  
  59.  
  60. <meta name="color:Background" content="#ffffff"/>
  61. <meta name="color:Text" content="#888888"/>
  62. <meta name="color:bold" content="#000000"/>
  63. <meta name="color:italic" content="#000000"/>
  64. <meta name="color:underline" content="#888888"/>
  65. <meta name="color:links" content="#232323"/>
  66. <meta name="color:links hover" content="#afafaf"/>
  67. <meta name="color:Scrollbar bg" content="#fafafa"/>
  68. <meta name="color:Scrollbar line" content="#cccccc"/>
  69. <meta name="color:Blockquote border" content="#eeeeee"/>
  70. <meta name="color:h1 text" content="#888888"/>
  71. <meta name="color:Permalink border" content="#eeeeee"/>
  72. <meta name="color:Permalink text" content="#131313"/>
  73. <meta name="color:Posts bg" content="#ffffff"/>
  74. <meta name="color:Posts border" content="#eeeeee"/>
  75. <meta name="color:Caption bg" content="#fafafa"/>
  76. <meta name="color:Caption text" content="#888888"/>
  77. <meta name="color:Caption border" content="#eeeeee"/>
  78. <meta name="color:Quotes text" content="#888888"/>
  79. <meta name="color:Quotes source text" content="#888888"/>
  80. <meta name="color:Quotes source border" content="#eeeeee"/>
  81. <meta name="color:Audio border" content="#eeeeee"/>
  82. <meta name="color:Audio info" content="#131313"/>
  83. <meta name="color:Chat bold" content="#131313"/>
  84. <meta name="color:Chat text" content="#888888"/>
  85. <meta name="color:Chat border" content="#eeeeee"/>
  86. <meta name="color:Chat bg" content="#fafafa"/>
  87. <meta name="color:Asked by bg" content="#fafafa"/>
  88. <meta name="color:Asked by border" content="#eeeeee"/>
  89. <meta name="color:Asked by text" content="#131313"/>
  90. <meta name="color:Title" content="#131313"/>
  91. <meta name="color:Title border" content="#131313"/>
  92. <meta name="color:Description" content="#131313"/>
  93. <meta name="color:Icon border" content="#eeeeee"/>
  94. <meta name="color:Icon bg" content="#ffffff"/>
  95. <meta name="color:Navigation box bg" content="#ffffff"/>
  96. <meta name="color:Navigation box border" content="#eeeeee"/>
  97. <meta name="color:Navigation bg" content="#fafafa"/>
  98. <meta name="color:Navigation border" content="#eeeeee"/>
  99. <meta name="color:Navigation text" content="#131313"/>
  100. <meta name="color:Navigation bg hover" content="#ffffff"/>
  101. <meta name="color:Navigation text hover" content="#131313"/>
  102. <meta name="color:Post info border" content="#eeeeee"/>
  103. <meta name="color:Post info text" content="#888888"/>
  104. <meta name="color:Post info date" content="#131313"/>
  105. <meta name="color:Post tags bg" content="#fafafa"/>
  106. <meta name="color:Post tags border" content="#eeeeee"/>
  107. <meta name="color:Post tags bold" content="#131313"/>
  108. <meta name="color:Post tags text" content="#888888"/>
  109. <meta name="color:Updates text" content="#131313"/>
  110. <meta name="color:Updates titles" content="#888888"/>
  111. <meta name="color:Pagination bg" content="#fafafa"/>
  112. <meta name="color:Pagination text" content="#131313"/>
  113. <meta name="color:Pagination border" content="#eeeeee"/>
  114. <meta name="color:Pagination current page bg" content="#ffffff"/>
  115. <meta name="color:Pagination current page text" content="#131313"/>
  116. <meta name="color:Pagination current page border" content="#eeeeee"/>
  117. <meta name="color:Pagination bg hover" content="#ffffff"/>
  118. <meta name="color:Pagination text hover" content="#131313"/>
  119. <meta name="color:Theme credit bg" content="#fafafa"/>
  120. <meta name="color:Theme credit border" content="#eeeeee"/>
  121. <meta name="color:Theme credit text" content="#888888"/>
  122.  
  123. <style type="text/css">
  124.  
  125. #tumblr_controls {position: fixed !important;}
  126. #tumblr_controls {-webkit-filter: invert(100%);}
  127. #tumblr_controls {opacity: 0.5; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  128. #tumblr_controls:hover {opacity: 1; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  129.  
  130. html { height:100%; }
  131. body { position:absolute; top:0; bottom:0; right:0; left:0; }
  132.  
  133. /* Hover text - style this however you like*/
  134.  
  135. #s-m-t-tooltip {
  136. z-index:999999;
  137. padding:4px 7px 4px 7px;
  138. background-color:#000;
  139. border-radius:5px;
  140. margin-left:20px;
  141. color:#fff;
  142. font-size:10px;
  143. letter-spacing:1px;
  144. text-transform:uppercase;
  145.  
  146. }
  147.  
  148. /* Scrollbar */
  149.  
  150. ::-webkit-scrollbar {
  151. width:10px;
  152. background:{color:Scrollbar bg};
  153.  
  154. }
  155.  
  156. ::-webkit-scrollbar-thumb:vertical {
  157. background-color:{color:Scrollbar line};
  158. width:8px;
  159. height:3px;
  160. border-radius:6px;
  161. border-left:3px solid {color:Scrollbar bg};
  162. border-right:4px solid {color:Scrollbar bg};
  163.  
  164. }
  165.  
  166. /* Body */
  167.  
  168. body {
  169. font-family: 'Roboto', sans-serif;
  170. font-size:10px;
  171. letter-spacing:1px;
  172. color:{color:Text};
  173. background:{color:Background};
  174.  
  175. }
  176.  
  177. a {
  178. color:{color:links};
  179. text-decoration:none;
  180.  
  181. }
  182.  
  183. a:hover {
  184. color:{color:links hover};
  185.  
  186. }
  187.  
  188. b, strong {
  189. color:{color:bold};
  190.  
  191. }
  192.  
  193. i, em {
  194. color:{color:italic};
  195.  
  196. }
  197.  
  198. u {
  199. color:{color:underline};
  200.  
  201. }
  202.  
  203. ul {
  204. padding:0px 5px 0px 5px;
  205. margin:4px;
  206. list-style-type: circle;
  207.  
  208. }
  209.  
  210. ul li {
  211. padding-left:5px;
  212. line-height:15px;
  213.  
  214. }
  215.  
  216. blockquote {
  217. margin-top:10px;
  218. border-left:2px solid {color:Blockquote border};
  219. padding:0px 0px 0px 10px;
  220. margin-left:5px;
  221. word-wrap:break-word;
  222.  
  223. }
  224.  
  225. h1 {
  226. display:block;
  227. font-family: 'Bitter', serif;
  228. font-size:15px;
  229. margin-top:20px;
  230. word-wrap:break-word;
  231. margin-bottom:-10px;
  232. line-height:16px;
  233. padding:10px;
  234. text-transform:uppercase;
  235. color:{color:h1 text};
  236. {block:if250px}
  237. width:230px;
  238. {/block:if250px}
  239. {block:if400px}
  240. width:400px;
  241. {/block:if400px}
  242. {block:if500px}
  243. width:500px;
  244. {/block:if500px}
  245. {block:PermalinkPage}
  246. width:440px;
  247. {/block:PermalinkPage}
  248.  
  249. }
  250.  
  251. h1 a {
  252. color:{color:H1 text};
  253. text-decoration:none;
  254.  
  255. }
  256.  
  257. /* Permalink */
  258.  
  259. #permalink {
  260. margin-left:0px;
  261. margin-top:20px;
  262. padding:10px;
  263.  
  264. }
  265.  
  266. .perma {
  267. font-size:9px;
  268. text-transform:lowercase;
  269. text-align:left;
  270. margin-top:0px;
  271. color:{color:Permalink text};
  272. border:1px solid {color:Permalink border};
  273. width:500px;
  274. margin-left:-20px;
  275. padding:10px;
  276.  
  277. }
  278.  
  279. .notecounts {
  280. font-size:10px;
  281. margin-left:-40px;
  282. text-transform:lowercase;
  283. color:{color:Permalink text};
  284.  
  285. }
  286.  
  287. .notecounts img {
  288. visibility: hidden;
  289.  
  290. }
  291.  
  292. ol.notes {
  293. list-style-type:circle;
  294.  
  295. }
  296.  
  297. /* Posts */
  298.  
  299. #bcontain {
  300. margin-top:150px;
  301. padding:40px 40px 100px 40px;
  302. margin-left:auto;
  303. background:{color:Posts bg};
  304. margin-right:auto;
  305. border:1px solid {color:Posts border};
  306. {block:if250px}
  307. width:270px;
  308. {/block:if250px}
  309. {block:if400px}
  310. width:420px;
  311. {/block:if400px}
  312. {block:if500px}
  313. width:520px;
  314. {/block:if500px}
  315. {block:PermalinkPage}
  316. width:520px;
  317. {/block:PermalinkPage}
  318.  
  319. }
  320.  
  321. .bentry {
  322. padding:10px 50px 40px 50px;
  323. background:{color:Posts bg};
  324. color:{color:Text};
  325. margin:20px 0px 30px 0px;
  326. border-bottom:1px solid {color:Posts border};
  327. {block:if250px}
  328. width:250px;
  329. margin-left:-40px;
  330. {/block:if250px}
  331. {block:if400px}
  332. width:400px;
  333. margin-left:-40px;
  334. {/block:if400px}
  335. {block:if500px}
  336. width:500px;
  337. margin-left:-40px;
  338. {/block:if500px}
  339. {block:PermalinkPage}
  340. width:500px;
  341. margin-left:-40px;
  342. {/block:PermalinkPage}
  343.  
  344. }
  345.  
  346. .bentry a {
  347. color:{color:links};
  348.  
  349. }
  350.  
  351. .bentry img{
  352. max-width:100%;
  353. display:block;
  354.  
  355. }
  356.  
  357. /* post captions*/
  358.  
  359. #caption {
  360. position:relative;
  361. background:{color:Caption bg};
  362. color:{color:Caption text};
  363. padding:5px;
  364. border:1px solid {color:Caption border};
  365. word-wrap:break-word;
  366. font-size:11px;
  367.  
  368. }
  369.  
  370. #caption a {
  371. color:{color:links};
  372.  
  373. }
  374.  
  375. /* quotes */
  376.  
  377. #quotes {
  378. font-family: 'Bitter', serif;
  379. font-size:15px;
  380. font-weight:bold;
  381. padding:15px;
  382. line-height:17px;
  383. color:{color:Quotes text};
  384. letter-spacing:0px;
  385.  
  386. }
  387.  
  388. #quotes span {
  389. display:block;
  390. font-size:9px;
  391. border-top:1px solid {color:Quotes source border};
  392. margin-top:15px;
  393. line-height:10px;
  394. font-family: 'Roboto', sans-serif;
  395. padding:10px;
  396. color:{color:Quotes source text};
  397. text-align:left;
  398. letter-spacing:1px;
  399. font-weight:100;
  400.  
  401. }
  402.  
  403. /* Music */
  404.  
  405. #audio {
  406. padding:9px 10px 11px 10px;
  407. margin-left:-5px;
  408. border:1px solid {color:Audio border};
  409.  
  410. }
  411.  
  412. #audio img {
  413. position:absolute;
  414. margin-left:350px;
  415. margin-top:-40px;
  416. width:50px;
  417. border:1px solid {color:Audio border};
  418. {block:if250px}
  419. margin-left:200px;
  420. {/block:if250px}
  421. {block:if400px}
  422. margin-left:350px;
  423. {/block:if400px}
  424. {block:if500px}
  425. margin-left:450px;
  426. {/block:if500px}
  427.  
  428. }
  429.  
  430. .musicinfo span {
  431. font-family: 'Bitter', serif;
  432. text-transform:uppercase;
  433. font-weight:bold;
  434. color:{color:Audio info};
  435.  
  436. }
  437.  
  438. .musicinfo {
  439. color:{color:Text};
  440. margin-top:20px;
  441. margin-bottom:5px;
  442. font-size:10px;
  443. line-height:12px;
  444. letter-spacing:1px;
  445.  
  446. }
  447.  
  448. iframe#tumblr_controls {
  449. top: 0% !important;
  450. right:0% !important;
  451. position: fixed !important;
  452. z-index:9999;
  453.  
  454. }
  455.  
  456. /* Chat */
  457.  
  458. .chat {
  459. padding:10px 5px 15px 5px;
  460. {block:if250px}
  461. width:240px;
  462. {/block:if250px}
  463. {block:if400px}
  464. width:400px;
  465. {/block:if400px}
  466. {block:if500px}
  467. width:500px;
  468. {/block:if500px}
  469.  
  470. }
  471.  
  472. .chat span {
  473. text-transform:uppercase;
  474. font-weight:900;
  475. color:{color:Chat bold};
  476.  
  477. }
  478.  
  479. .chat li {
  480. list-style-type:none;
  481. padding:7px;
  482. margin:7px;
  483. color:{color:Chat text};
  484. background:{color:Chat bg};
  485. border:1px solid {color:Chat border};
  486.  
  487. }
  488.  
  489. /* questions */
  490.  
  491. #bask {
  492. font-size:10px;
  493. line-height:13px;
  494. padding:10px;
  495. color:{color:Text};
  496. word-wrap:break-word;
  497.  
  498. }
  499.  
  500. #bask span {
  501. display:block;
  502. font-family: 'Bitter', serif;
  503. font-weight:bold;
  504. font-size:13px;
  505. text-transform:uppercase;
  506. margin-top:17px;
  507. background:{color:Asked by bg};
  508. border:1px solid {color:Asked by border};
  509. color:{color:Asked by text};
  510. padding:5px 5px 5px 8px;
  511.  
  512. }
  513.  
  514. #bask span a {
  515. color:{color:Asked by text};
  516.  
  517. }
  518.  
  519. #breply {
  520. padding:0px 10px 0px 10px;
  521. text-align:left;
  522. color:{color:Text};
  523. font-size:10px;
  524. line-height:13px;
  525.  
  526. }
  527.  
  528. .bword {
  529. padding:10px;
  530. line-height:14px;
  531.  
  532. }
  533.  
  534. /* Title, Description, Icon and Links */
  535.  
  536. #topthing {
  537. margin-top:-121px;
  538. margin-left:-182px;
  539.  
  540. }
  541.  
  542. .tstuf {
  543. border-bottom:1px solid {color:Posts border};
  544. padding-bottom:10px;
  545. margin-bottom:30px;
  546. background:{color:Background};
  547. {block:if250px}
  548. width:493px;
  549. {/block:if250px}
  550. {block:if400px}
  551. width:643px;
  552. {/block:if400px}
  553. {block:if500px}
  554. width:743px;
  555. {/block:if500px}
  556. {block:PermalinkPage}
  557. width:743px;
  558. {/block:PermalinkPage}
  559.  
  560. }
  561.  
  562. .tstuf h2 {
  563. display:inline-block;
  564. font-family: 'Abril Fatface', cursive;
  565. font-size:20px;
  566. text-transform:uppercase;
  567. color:{color:Title};
  568. border-bottom:1px solid {color:Title border};
  569. padding:1px 25px 5px 0px;
  570. margin-left:320px;
  571.  
  572. }
  573.  
  574. .tstuf p {
  575. width:320px;
  576. color:{color:Description};
  577. margin-left:320px;
  578. margin-top:-2px;
  579. font-size:9px;
  580. {block:if250px}
  581. width:170px;
  582. {/block:if250px}
  583. {block:if400px}
  584. width:320px;
  585. {/block:if400px}
  586. {block:if500px}
  587. width:400px;
  588. {/block:if500px}
  589.  
  590. }
  591.  
  592. #topthing img {
  593. position:absolute;
  594. padding:20px;
  595. margin-top:-172px;
  596. margin-left:141px;
  597. border:1px solid {color:Icon border};
  598. background:{color:Icon bg};
  599.  
  600. }
  601.  
  602. .blinks {
  603. position:absolute;
  604. margin-top:-90px;
  605. font-family: 'Bitter', serif;
  606. text-transform:uppercase;
  607. border:1px solid {color:Navigation box border};
  608. background:{color:Navigation box bg};
  609. width:110px;
  610. padding:15px;
  611. font-size:8px;
  612. font-weight:bold;
  613. letter-spacing:2px;
  614.  
  615. }
  616.  
  617. .blinks a {
  618. display:block;
  619. background:{color:Navigation bg};
  620. color:{color:Navigation text};
  621. border:1px solid {color:Navigation border};
  622. margin:5px;
  623. padding:5px 3px 5px 5px;
  624. -webkit-transition: opacity 0.4s linear;
  625. -webkit-transition: all 0.4s ease-in-out;
  626. -moz-transition: all 0.4s ease-in-out;
  627. -o-transition: all 0.4s ease-in-out;
  628.  
  629. }
  630.  
  631. .blinks a:hover {
  632. background:{color:Navigation bg hover};
  633. color:{color:Navigation text hover};
  634. -webkit-transition: opacity 0.4s linear;
  635. -webkit-transition: all 0.4s ease-in-out;
  636. -moz-transition: all 0.4s ease-in-out;
  637. -o-transition: all 0.4s ease-in-out;
  638.  
  639. }
  640.  
  641. /* Post info */
  642.  
  643. #bpict {
  644. position:absolute;
  645. margin-left:500px;
  646. {block:if250px}
  647. margin-left:350px;
  648. {/block:if250px}
  649. {block:if400px}
  650. margin-left:500px;
  651. {/block:if400px}
  652. {block:if500px}
  653. margin-left:592px;
  654. {/block:if500px}
  655.  
  656. }
  657.  
  658. .bpinfo {
  659. font-family: 'Roboto', sans-serif;
  660. text-transform:uppercase;
  661. font-size:10px;
  662. padding-bottom:7px;
  663. border-bottom:1px solid {color:Post info border};
  664. color:{color:Post info text};
  665.  
  666. }
  667.  
  668. .bpinfo img {
  669. float:left;
  670. width:18px;
  671. padding-right:5px;
  672. cursor:help;
  673. margin-top:-2px;
  674.  
  675. }
  676.  
  677. .bpinfo span a {
  678. font-family: 'Bitter', serif;
  679. text-transform:uppercase;
  680. font-size:12px;
  681. font-weight:bold;
  682. letter-spacing:2px;
  683. cursor:help;
  684. color:{color:Post info date};
  685.  
  686. }
  687.  
  688. .bpsec {
  689. position:absolute;
  690. margin-top:12px;
  691.  
  692. }
  693.  
  694. #btags {
  695. position:relative;
  696. background:{color:Post tags bg};
  697. border:1px solid {color:Post tags border};
  698. margin-top:40px;
  699. margin-bottom:-41px;
  700. padding:10px;
  701. margin-left:-51px;
  702. {block:if250px}
  703. width:330px;
  704. {/block:if250px}
  705. {block:if400px}
  706. width:480px;
  707. {/block:if400px}
  708. {block:if500px}
  709. width:580px;
  710. {/block:if500px}
  711.  
  712. }
  713.  
  714. .bfile span {
  715. font-family: 'Bitter', serif;
  716. text-transform:uppercase;
  717. font-size:10px;
  718. font-weight:bold;
  719. color:{color:Post tags bold};
  720.  
  721. }
  722.  
  723. .bfile a {
  724. margin:5px;
  725. color:{color:Post tags text};
  726.  
  727. }
  728.  
  729. /* Updates */
  730.  
  731. #bupdates {
  732. position:fixed;
  733. bottom:20px;
  734. margin-left:-260px;
  735. width:200px;
  736.  
  737. }
  738.  
  739. #bupdates a {
  740. display:block;
  741. text-align:right;
  742.  
  743. }
  744.  
  745. .bupinf p {
  746. width:200px;
  747. padding:10px 15px 10px 0px;
  748. text-align:right;
  749. color:{color:Updates text};
  750.  
  751. }
  752.  
  753. .uplabel {
  754. display:block;
  755. color:{color:Updates titles};
  756. font-family: 'Bitter', serif;
  757. padding:5px 0px 5px 0px;
  758. text-transform:uppercase;
  759. font-weight:bold;
  760.  
  761. }
  762.  
  763. /* Pagination */
  764.  
  765. .pagination {
  766. z-index:99;
  767. position:absolute;
  768. width:200px;
  769. margin-top:20px;
  770. {block:if250px}
  771. margin-left:70px;
  772. {/block:if250px}
  773. {block:if400px}
  774. margin-left:140px;
  775. {/block:if400px}
  776. {block:if500px}
  777. margin-left:190px;
  778. {/block:if500px}
  779.  
  780. }
  781.  
  782. .jump_page {
  783. display:inline-block;
  784. border-radius:4px;
  785. padding:14px 15px 14px 15px;
  786. border:1px solid {color:Pagination border};
  787. background:{color:Pagination bg};
  788. color:{color:Pagination text};
  789. font-size:11px;
  790. text-decoration:none;
  791. -webkit-transition: opacity 0.4s linear;
  792. -webkit-transition: all 0.4s ease-in-out;
  793. -moz-transition: all 0.4s ease-in-out;
  794. -o-transition: all 0.4s ease-in-out;
  795.  
  796. }
  797.  
  798. .current_page {
  799. background:{color:Pagination current page bg};
  800. border-radius:4px;
  801. padding:14px 15px 14px 15px;
  802. color:{color:Pagination current page text};
  803. border:1px solid {color:Pagination current page border};
  804. font-size:11px;
  805. text-decoration:bold;
  806.  
  807. }
  808.  
  809. .jump_page:hover {
  810. background:{color:Pagination bg hover};
  811. color:{color:Pagination text hover};
  812. -webkit-transition: opacity 0.4s linear;
  813. -webkit-transition: all 0.4s ease-in-out;
  814. -moz-transition: all 0.4s ease-in-out;
  815. -o-transition: all 0.4s ease-in-out;
  816.  
  817. }
  818.  
  819. /* THEME CREDIT - DO NOT REMOVE */
  820.  
  821. #themecredit {
  822. position:fixed;
  823. z-index:99;
  824. right:50px;
  825. padding:10px;
  826. bottom:20px;
  827. font-family:georgia;
  828. font-size:10px;
  829. background:{color:Theme Credit bg};
  830. font-style:italic;
  831. border:1px solid {color:Theme Credit border};
  832.  
  833. }
  834.  
  835. #themecredit a {
  836. color:{color:Theme Credit text};
  837.  
  838. }
  839.  
  840. </style>
  841.  
  842. <!-- DON'T MESS WITH THIS -->
  843.  
  844. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  845. <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>
  846.  
  847. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  848.  
  849. <script type="text/javascript">
  850.  
  851. $(document).ready(function(){
  852.  
  853. $('.bupinf').hide()
  854. $('a#toggle-bupinf').click(function() {
  855. $('.bupinf').slideToggle(1000);
  856. return false;
  857. });
  858.  
  859. });
  860.  
  861. </script>
  862.  
  863. </head>
  864. <body>
  865.  
  866. <!-- Container -->
  867.  
  868. <div id="bcontain">
  869.  
  870.  
  871. <!-- Title and Description-->
  872.  
  873. <div id="topthing">
  874. <div class="tstuf">
  875. <h2>{title}</h2>
  876. <p>{description}</p>
  877. </div>
  878. <img src="{image:Icon}"/>
  879.  
  880. <!-- Navigation-->
  881.  
  882. <div class="blinks">
  883. <a href="/">Index</a>
  884. <a href="/archive">archive</a>
  885. <a href="/ask">contact</a>
  886. {block:ifLink1}<a href="{text:Link 1 Url}">{text:Link 1}</a>{/block:ifLink1}
  887. {block:ifLink2}<a href="{text:Link 2 Url}">{text:Link 2}</a>{/block:ifLink2}
  888. {block:ifLink3}<a href="{text:Link 3 Url}">{text:Link 3}</a>{/block:ifLink3}
  889. </div>
  890.  
  891. </div>
  892.  
  893. <!-- Updates -->
  894.  
  895. {block:IfShowUpdates}
  896. <div id="bupdates">
  897.  
  898. <a href="#" id="toggle-bupinf" class="uplabel">{text:Update title 1} 01.</a>
  899. <div class="bupinf">
  900. <p>
  901.  
  902. {text:Updates box one}
  903.  
  904. </p>
  905. </div>
  906.  
  907. <a href="#" id="toggle-bupinf" class="uplabel">{text:Update title 2} 02.</a>
  908. <div class="bupinf">
  909. <p>
  910.  
  911. {text:Updates box two}
  912.  
  913. </p>
  914. </div>
  915.  
  916. <a href="#" id="toggle-bupinf" class="uplabel">{text:Update title 3} 03.</a>
  917. <div class="bupinf">
  918. <p>
  919.  
  920. {text:Updates box three}
  921.  
  922. </p>
  923. </div>
  924.  
  925.  
  926. </div>
  927. {/block:IfShowUpdates}
  928. <!-- Posts -->
  929.  
  930. <div class ="autopagerize_page_element">
  931.  
  932. {block:posts}
  933.  
  934. <div class="bentry">
  935. {block:ContentSource}
  936. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  937. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  938. {/block:SourceLogo}
  939. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  940. {/block:ContentSource}
  941.  
  942.  
  943. <!-- text-->
  944.  
  945. {block:text}
  946. {block:IndexPage}
  947.  
  948. <div id="bpict">
  949. <div class="bpinfo">
  950.  
  951. <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/Krfns2l77/pen.png"></a>
  952. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero} {Year}</a></span>{/block:Date}
  953.  
  954.  
  955. <div class="bpsec">{block:Date}{12Hour}:{Minutes} {CapitalAmPm} {/block:Date}
  956. <br>
  957. {block:NoteCount}
  958. <b>{NoteCount}</b> notes{/block:NoteCount}
  959. </div>
  960.  
  961. </div>
  962. </div>
  963.  
  964. {/block:IndexPage}
  965.  
  966. {block:title}<h1>{title}</h1>{/block:title}
  967. <div class="bword">{body}</div>
  968. {/block:text}
  969.  
  970.  
  971. <!-- Photo -->
  972.  
  973. {block:photo}
  974. {block:IndexPage}
  975.  
  976. <div id="bpict">
  977. <div class="bpinfo">
  978.  
  979. <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/XALns2jur/picture.png"></a>
  980. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero} {Year}</a></span>{/block:Date}
  981.  
  982.  
  983. <div class="bpsec">{block:Date}{12Hour}:{Minutes} {CapitalAmPm} {/block:Date}
  984. <br>
  985. {block:NoteCount}
  986. <b>{NoteCount}</b> notes{/block:NoteCount}
  987. </div>
  988.  
  989. </div>
  990. </div>
  991.  
  992. {/block:IndexPage}
  993. {block:IndexPage}
  994. {block:if250px}<img style="width:250px;" src="{PhotoURL-250}">{/block:if250px}
  995. {block:if400px}<img style="width:400px;" src="{PhotoURL-400}">{/block:if400px}
  996. {block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px}
  997. {block:ifShowCaptions}
  998. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  999. {/block:ifShowCaptions}{/block:IndexPage}
  1000.  
  1001. {block:PermalinkPage}
  1002. <img src="{PhotoURL-500}"/>
  1003. {block:Caption}
  1004. <div id="caption">{Caption}</div>
  1005. {/block:Caption}
  1006. {/block:PermalinkPage}
  1007. {/block:photo}
  1008.  
  1009.  
  1010. <!-- Photosets -->
  1011.  
  1012.  
  1013. {block:Photoset}
  1014. {block:IndexPage}
  1015.  
  1016. <div id="bpict">
  1017. <div class="bpinfo">
  1018.  
  1019. <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/6QTns2knj/grid.png"></a>
  1020. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero} {Year}</a></span>{/block:Date}
  1021.  
  1022.  
  1023. <div class="bpsec">{block:Date}{12Hour}:{Minutes} {CapitalAmPm} {/block:Date}
  1024. <br>
  1025. {block:NoteCount}
  1026. <b>{NoteCount}</b> notes{/block:NoteCount}
  1027. </div>
  1028.  
  1029. </div>
  1030. </div>
  1031.  
  1032. {/block:IndexPage}
  1033. {block:IndexPage}
  1034. {block:if250px}{Photoset-250}{/block:if250px}
  1035. {block:if400px}{Photoset-400}{/block:if400px}
  1036. {block:if500px}{Photoset-500}{/block:if500px}
  1037. {block:ifShowCaptions}
  1038. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1039. {/block:ifShowCaptions}
  1040. {/block:IndexPage}
  1041.  
  1042. {block:PermalinkPage}
  1043. {Photoset-500}
  1044. {block:Caption}
  1045. <div id="caption">{Caption}</div>
  1046. {/block:Caption}
  1047. {/block:PermalinkPage}
  1048. {/block:Photoset}
  1049.  
  1050. <!-- Quotes -->
  1051.  
  1052. {block:Quote}
  1053. {block:IndexPage}
  1054.  
  1055. <div id="bpict">
  1056. <div class="bpinfo">
  1057.  
  1058. <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/EL8ns2kx8/format_quote.png"></a>
  1059. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero} {Year}</a></span>{/block:Date}
  1060.  
  1061.  
  1062. <div class="bpsec">{block:Date}{12Hour}:{Minutes} {CapitalAmPm} {/block:Date}
  1063. <br>
  1064. {block:NoteCount}
  1065. <b>{NoteCount}</b> notes{/block:NoteCount}
  1066. </div>
  1067.  
  1068. </div>
  1069. </div>
  1070.  
  1071. {/block:IndexPage}
  1072. <div id="quotes">{Quote}{block:Source}<div align="right"><span> {Source}</span></div>{/block:Source}</div>{/block:Source}{/block:Quote}
  1073.  
  1074. <!-- Link -->
  1075.  
  1076. {block:Link}
  1077. {block:IndexPage}
  1078.  
  1079. <div id="bpict">
  1080. <div class="bpinfo">
  1081.  
  1082. <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/pCyns2nzu/link.png"></a>
  1083. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero} {Year}</a></span>{/block:Date}
  1084.  
  1085.  
  1086. <div class="bpsec">{block:Date}{12Hour}:{Minutes} {CapitalAmPm} {/block:Date}
  1087. <br>
  1088. {block:NoteCount}
  1089. <b>{NoteCount}</b> notes{/block:NoteCount}
  1090. </div>
  1091.  
  1092. </div>
  1093. </div>
  1094.  
  1095. {/block:IndexPage}
  1096. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  1097. <div class="bword">{block:Description}{Description}{/block:Description}</div>
  1098. {/block:Link}
  1099.  
  1100. <!-- Music and Video -->
  1101.  
  1102. {block:Audio}
  1103. {block:IndexPage}
  1104.  
  1105. <div id="bpict">
  1106. <div class="bpinfo">
  1107.  
  1108. <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/iFSns2m9h/music_note.png"></a>
  1109. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero} {Year}</a></span>{/block:Date}
  1110.  
  1111.  
  1112. <div class="bpsec">{block:Date}{12Hour}:{Minutes} {CapitalAmPm} {/block:Date}
  1113. <br>
  1114. {block:NoteCount}
  1115. <b>{NoteCount}</b> notes{/block:NoteCount}
  1116. </div>
  1117.  
  1118. </div>
  1119. </div>
  1120.  
  1121. {/block:IndexPage}
  1122.  
  1123. <div id="audio">
  1124. {AudioPlayerWhite}
  1125. {block:AlbumArt}
  1126. <img src="{AlbumArtURL}"/>
  1127. {/block:AlbumArt}
  1128. </div>
  1129.  
  1130. <div class="musicinfo">
  1131. {block:Artist}<span>ARTIST: </span>{Artist}{/block:Artist}<br>
  1132. {block:TrackName}<span>TRACK: </span>{TrackName}{/block:TrackName}<br>
  1133. {block:Album}<span>ALBUM: </span>{Album}{/block:Album}<br></div><br>
  1134. {block:ifShowCaptions}
  1135. {block:caption}<div id="caption">{caption}</div>{/block:caption}
  1136. {/block:ifShowCaptions}
  1137. {/block:Audio}
  1138.  
  1139.  
  1140. {block:Video}
  1141. {block:IndexPage}
  1142.  
  1143. <div id="bpict">
  1144. <div class="bpinfo">
  1145.  
  1146. <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/aSpns2mct/film.png"></a>
  1147. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero} {Year}</a></span>{/block:Date}
  1148.  
  1149.  
  1150. <div class="bpsec">{block:Date}{12Hour}:{Minutes} {CapitalAmPm} {/block:Date}
  1151. <br>
  1152. {block:NoteCount}
  1153. <b>{NoteCount}</b> notes{/block:NoteCount}
  1154. </div>
  1155.  
  1156. </div>
  1157. </div>
  1158.  
  1159. {/block:IndexPage}
  1160.  
  1161. {block:if250px}{Video-250}{/block:if250px}
  1162. {block:if400px}{Video-400}{/block:if400px}
  1163. {block:if500px}{Video-500}{/block:if500px}
  1164. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}
  1165. {/block:Video}
  1166.  
  1167.  
  1168. <!-- chat -->
  1169.  
  1170. {block:Chat}
  1171. {block:IndexPage}
  1172.  
  1173. <div id="bpict">
  1174. <div class="bpinfo">
  1175.  
  1176. <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/1Icns2lmm/chat.png"></a>
  1177. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero} {Year}</a></span>{/block:Date}
  1178.  
  1179.  
  1180. <div class="bpsec">{block:Date}{12Hour}:{Minutes} {CapitalAmPm} {/block:Date}
  1181. <br>
  1182. {block:NoteCount}
  1183. <b>{NoteCount}</b> notes{/block:NoteCount}
  1184. </div>
  1185.  
  1186. </div>
  1187. </div>
  1188.  
  1189. {/block:IndexPage}
  1190. {block:Title}<h1>{Title}</h1>{/block:Title}
  1191. <div class="chat">
  1192. {block:Lines}
  1193. <li>{block:Label}<span>{Label}</span>{/block:Label} {Line}</li>
  1194. {/block:Lines}
  1195. </div>
  1196. {/block:Chat}
  1197.  
  1198.  
  1199. <!-- Asks -->
  1200.  
  1201. {block:Answer}
  1202. {block:IndexPage}
  1203.  
  1204. <div id="bpict">
  1205. <div class="bpinfo">
  1206.  
  1207. <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/SHfns2mg7/live_help.png"></a>
  1208. {block:Date}<span><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero} {Year}</a></span>{/block:Date}
  1209.  
  1210.  
  1211. <div class="bpsec">{block:Date}{12Hour}:{Minutes} {CapitalAmPm} {/block:Date}
  1212. <br>
  1213. {block:NoteCount}
  1214. <b>{NoteCount}</b> notes{/block:NoteCount}
  1215. </div>
  1216.  
  1217. </div>
  1218. </div>
  1219.  
  1220. {/block:IndexPage}
  1221. <div id="bask">{question} <br><span>{asker} asked </span></div>
  1222. <div id="breply">{Answer}</div>
  1223. {/block:Answer}
  1224.  
  1225.  
  1226. <!-- Permalink -->
  1227.  
  1228. {block:PermalinkPage}
  1229. {block:Date}
  1230. <div id="permalink">
  1231. <div class="perma">
  1232. <b>Posted on :</b>
  1233. {DayOfMonth}{DayOfMonthSuffix} of {Month} {Year}{/block:Date} <BR>
  1234. {block:NoteCount}
  1235. <b>With : </b>
  1236. <a href="{Permalink}" title="permalink">{NoteCount} notes</a> | <a href="{ReblogURL}">Reblog</a>{/block:NoteCount}<br>
  1237. {block:RebloggedFrom}
  1238. <a href="{ReblogParentURL}"><b>VIA:</b> {ReblogParentName}</a>
  1239. <a href="{ReblogRootURL}"><b>SOURCE:</b> {ReblogRootName}</a>
  1240. {/block:RebloggedFrom}<br>
  1241. {block:HasTags}
  1242. <a href="{TagURL}"><b>TAGS:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</a><br>
  1243. {/block:HasTags}
  1244. </div>
  1245. {/block:PermalinkPage}
  1246.  
  1247. {block:PostNotes}
  1248. <div class="notecounts">{PostNotes}</div>
  1249. {/block:PostNotes}
  1250.  
  1251.  
  1252. <!-- Post Tags-->
  1253.  
  1254. {block:IndexPage}
  1255. {block:ifShowTags}
  1256. {block:HasTags}
  1257. <div id="btags">
  1258. <div class="bfile">
  1259. <span>tags :</span>
  1260. {block:Tags}
  1261. <a href="{TagURL}">• {Tag}</a>
  1262. {/block:Tags}
  1263. </div>
  1264. </div>
  1265. {/block:HasTags}
  1266. {/block:ifShowTags}
  1267. {/block:IndexPage}
  1268.  
  1269. </div>
  1270.  
  1271. {/block:posts}
  1272.  
  1273. {block:IndexPage}
  1274. {block:IfNotInfiniteScroll}
  1275. <div class="pagination">
  1276. {block:Pagination}
  1277. {block:JumpPagination length="3"}
  1278. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1279. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1280.  
  1281. {block:NextPage}<a href="{NextPage}" id="next"></a>{/block:NextPage}{/block:Pagination}
  1282. </div>
  1283. {/block:IfNotInfiniteScroll}
  1284. {/block:IndexPage}
  1285.  
  1286. </div>
  1287. </body>
  1288.  
  1289. <!-- DO NOT REMOVE-->
  1290. <div id="themecredit">
  1291. <a href="http://dohdoro.tumblr.com">dthm</a>
  1292. </div>
  1293. <!-- DO NOT REMOVE -->
  1294.  
  1295. </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!