API tools faq
paste
Advertisement
dohdoro

overdose

dohdoro
Apr 14th, 2014
3,319
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.72 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. <!-- OVERDOSE THEME BY DOHDORO ----//*********
  5.  
  6. ***DO NOT REMOVE THE CREDIT PLEASE.
  7. ***DO NOT COMBINE MY CODES WITH SOMEONE ELSES
  8. ***DO NOT REDISTRIBUTE AND CLAIM AS YOURS
  9. ***DO NOT USE AS BASE --->
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14.  
  15. {block:IfInfiniteScroll}
  16. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  17. {/block:IfInfiniteScroll}
  18.  
  19. <link rel="shortcut icon" href="{favicon}" />
  20.  
  21. <link rel="stylesheet" href="http://helplogger.googlecode.com/svn/trunk/html/[helplogger.blogspot.com]Fixed Fade Out Menu.css"/>
  22. <script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/html/[helplogger.blogspot.com]jquery-1.3.2.js"></script>
  23.  
  24. <script type="text/javascript"
  25. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  26. <script>
  27. $(document).ready(function() {
  28. //
  29. $('a.poplight[href^=#]').click(function() {
  30. var popID = $(this).attr('rel'); //Get Popup Name
  31. var popURL = $(this).attr('href'); //Get Popup href to define size
  32. var query= popURL.split('?');
  33. var dim= query[1].split('&');
  34. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  35. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/bj5zkci/gwnn2ckz4/untitled-4_copy.png" class="btn_close" title="Close" alt="Close" /></a>');
  36. var popMargTop = ($('#' + popID).height() + 80) / 2;
  37. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  38. //Apply Margin to Popup
  39. $('#' + popID).css({
  40. 'margin-top' : -popMargTop,
  41. 'margin-left' : -popMargLeft
  42. });
  43. $('body').append('<div id="fade"></div>');
  44. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  45. return false;
  46. });
  47. $('a.close, #fade').live('click', function() {
  48. $('#fade , .popup_block').fadeOut(function() {
  49. $('#fade, a.close').remove(); //fade them both out
  50. });
  51. return false;
  52. });
  53. });
  54. </script>
  55.  
  56.  
  57.  
  58. <meta name="color:Background" content="#ffffff"/>
  59. <meta name="color:Text" content="#888"/>
  60. <meta name="color:Bold" content="#000000"/>
  61. <meta name="color:Italic" content="#000000"/>
  62. <meta name="color:Underline" content="#888888"/>
  63. <meta name="color:links" content="#888888"/>
  64. <meta name="color:links hover" content="#000000"/>
  65. <meta name="color:h1 bg" content="#fff"/>
  66. <meta name="color:h1" content="#888"/>
  67. <meta name="color:h1 border" content="#eee"/>
  68.  
  69.  
  70. <meta name="color:container bg" content="#ffffff"/>
  71. <meta name="color:top bar" content="#000"/>
  72. <meta name="color:top bar border" content="#ffffff"/>
  73. <meta name="color:title" content="#ffffff"/>
  74. <meta name="color:top bar links" content="#ffffff"/>
  75. <meta name="color:top bar links hover" content="#89dbd2"/>
  76. <meta name="color:popup ask bg" content="#89dbd2"/>
  77. <meta name="color:ask title" content="#ffffff"/>
  78. <meta name="color:ask title bg" content="#89dbd2"/>
  79. <meta name="color:description bg" content="#000000"/>
  80. <meta name="color:description" content="#ffffff"/>
  81. <meta name="color:sidebar image bg" content="#ffffff"/>
  82. <meta name="color:sidebar image border" content="#eeeeee"/>
  83. <meta name="color:icons border" content="#ffffff"/>
  84. <meta name="color:icons bg" content="#89dbd2"/>
  85. <meta name="color:post background" content="#ffffff"/>
  86. <meta name="color:post text" content="#888888"/>
  87. <meta name="color:post info bg" content="#89dbd2"/>
  88. <meta name="color:post info" content="#ffffff"/>
  89. <meta name="color:caption bg" content="#fafafa"/>
  90. <meta name="color:caption" content="#afafaf"/>
  91. <meta name="color:ask bg" content="#000000"/>
  92. <meta name="color:ask" content="#ffffff"/>
  93. <meta name="color:answer" content="#888888"/>
  94. <meta name="color:answer bg" content="#fafafa"/>
  95. <meta name="color:permalink bg" content="#000000"/>
  96. <meta name="color:permalink" content="#ffffff"/>
  97. <meta name="color:music info bg" content="#000000"/>
  98. <meta name="color:music info" content="#ffffff"/>
  99. <meta name="color:pagination bg" content="#ffffff"/>
  100. <meta name="color:pagination" content="#888888"/>
  101. <meta name="color:pagination bold" content="#cbf98e"/>
  102. <meta name="color:pagination border" content="#eeeeee"/>
  103. <meta name="color:scrollbar bgr" content="#ffffff"/>
  104. <meta name="color:scrollbar" content="#000000"/>
  105. <meta name="color:question bg" content="#fafafa"/>
  106. <meta name="color:question" content="#000000"/>
  107.  
  108.  
  109. <meta name="image:Background" content="http://static.tumblr.com/bj5zkci/3Nln409mj/crazykira18-21.gif"/>
  110. <meta name="image:topbar bg" content="http://static.tumblr.com/bj5zkci/gZ1n409ls/crazykira18-16.gif"/>
  111. <meta name="image:side bar img 1" content="http://static.tumblr.com/21338a8f493f04f1c305d4ae8233fb2a/bj5zkci/yxhn3ztgm/tumblr_static_2cm9oovffkro40s00ckcoc08c.gif"/>
  112. <meta name="image:side bar img 2" content="http://static.tumblr.com/c33a8ae9ebc420327e8c2eeaa88e47ac/bj5zkci/f4bn3zti3/tumblr_static_e5g60u0dc3s4o0k4408w4k8gs.gif"/>
  113. <meta name="image:side bar img 3" content="http://static.tumblr.com/908197dc6179deaf81335c02753ab4d5/bj5zkci/8Kcn3ztwm/tumblr_static_6e1xkloxango4ck444o08k808.gif"/>
  114. <meta name="image:logo" content="http://static.tumblr.com/bj5zkci/kAqn409oo/wow.png"/>
  115. <meta name="image:popup ask bg" content="http://static.tumblr.com/bj5zkci/3Nln409mj/crazykira18-21.gif"/>
  116.  
  117. <meta name="if:Show Captions" content="0"/>
  118. <meta name="if:Infinite Scroll" content"0"/>
  119. <meta name="if:askpopup" content"1"/>
  120. <meta name="if:500px" content""/>
  121. <meta name="if:250px" content""/>
  122. <meta name="if:400px" content"1"/>
  123.  
  124. <meta name="text:Link One URL" content="/"/>
  125. <meta name="text:Link One" content="link one"/>
  126. <meta name="text:Link Two URL" content="/"/>
  127. <meta name="text:Link Two" content="link two"/>
  128. <meta name="text:Link Three URL" content="/"/>
  129. <meta name="text:Link Three" content="link three"/>
  130. <meta name="text:Link Four URL" content="/"/>
  131. <meta name="text:Link Four" content="link three"/>
  132.  
  133.  
  134.  
  135.  
  136. <style type="text/css">
  137.  
  138. #tumblr_controls {position: fixed !important;}
  139. #tumblr_controls {-webkit-filter: invert(100%);}
  140. #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;}
  141. #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;}
  142. #tumblr_controls {top: 5px; right: 5px !important; }
  143.  
  144.  
  145. ::-webkit-scrollbar {
  146. width: 8px;
  147. height:3px;
  148. background:{color:scrollbar bg};
  149.  
  150. }
  151.  
  152. ::-webkit-scrollbar-thumb:vertical {
  153. height: 20px;
  154. background-color:{color:scrollbar};
  155.  
  156. }
  157.  
  158. /* Body */
  159.  
  160. body {
  161. font-family:calibri;
  162. font-size:10px;
  163. letter-spacing:1px;
  164. color:{color:Text};
  165. background:{color:Background};
  166. background-image:url('{image:Background}');
  167. background-repeat:repeat;
  168. background-attachment:fixed;
  169. word-wrap:break-word;
  170.  
  171. }
  172.  
  173. a {
  174. color:{color:Links};
  175. text-decoration:none;
  176.  
  177. }
  178.  
  179. a:hover {
  180. color:{color:Links Hover};
  181.  
  182. }
  183.  
  184. b, strong {
  185. color:{color:Bold};
  186.  
  187. }
  188.  
  189. i, em {
  190. color:{color:Italic};
  191.  
  192. }
  193.  
  194. u {
  195. color:{color:Underline};
  196.  
  197. }
  198.  
  199. h1 {
  200. font-family:helvetica sans serif;
  201. font-size:10px;
  202. text-transform:uppercase;
  203. text-align:left;
  204. background:{color:h1 bg};
  205. color:{color:h1};
  206. border-bottom:1px dotted {color:h1 border};
  207. padding:15px;
  208.  
  209. }
  210.  
  211. h1 a {
  212. color:{color:Links};
  213. text-decoration:none;
  214.  
  215. }
  216.  
  217. pre {
  218. font-size:10px;
  219. font-family:calibri;
  220. background:#fafafa;
  221. color:#888;
  222. padding:10px;
  223. letter-spacing:1px;
  224.  
  225. }
  226.  
  227. #quotes {
  228. margin-top:10px;
  229. font-family:helvetica sans serif;
  230. font-size:17px;
  231. text-align:center;
  232. letter-spacing:-1px;
  233. text-transform:uppercase;
  234.  
  235. }
  236.  
  237. /* Top Bar */
  238.  
  239. #topbar {
  240. position:fixed;
  241. z-index:999;
  242. width:300%;
  243. background:{color:top bar};
  244. top:0px;
  245. left:-100px;
  246. height:80px;
  247. background-image:url('{image:topbar bg}');
  248. background-repeat:repeat;
  249. background-attachment:fixed;
  250. border-bottom:1px solid {color:top bar border};
  251. }
  252.  
  253. @font-face {font-family:radiometry; src: url(http://static.tumblr.com/bj5zkci/4gDn3zrhj/radiometry.ttf) format("truetype"); }
  254.  
  255. @font-face {font-family:nexa bold; src: url(http://static.tumblr.com/bj5zkci/YfGn3zrg6/nexa_bold.otf) format("truetype"); }
  256.  
  257.  
  258. #logo img {
  259. position:fixed;
  260. z-index:9999;
  261. top:0px;
  262. left:250px;
  263. padding:14px;
  264.  
  265. }
  266.  
  267. #pulseline img {
  268. position:fixed;
  269. z-index:99999;
  270. top:10px;
  271. height:60px;
  272. left:350px;
  273.  
  274. }
  275.  
  276. #bigtit {
  277. position:fixed;
  278. z-index:99999;
  279. color:{color:title};
  280. top:20px;
  281. font-size:40px;
  282. letter-spacing:-2px;
  283. font-family:nexa bold;
  284. left:505px;
  285. padding-right:30px;
  286. border-right:1px solid {color:title};
  287.  
  288. }
  289.  
  290. #topnavie {
  291. position:fixed;
  292. top:20px;
  293. left:780px;
  294. z-index:99999;
  295.  
  296. }
  297.  
  298. #topnavie a {
  299. color:{color:top bar links};
  300. display:inline-block;
  301. margin:5px;
  302. font-size:25px;
  303. font-family:radiometry;
  304.  
  305. }
  306.  
  307. #topnavie a:hover {
  308. color:{color:top bar links hover};
  309.  
  310. }
  311.  
  312. #fade { /*--Transparent background layer--*/
  313. display: none; /*--hidden by default--*/
  314. background:{color:popup ask bg};
  315. background-image:url('{image:popup ask bg}');
  316. background-repeat:repeat;
  317. background-attachment:fixed;
  318. position: fixed; left: 0; top: 0;
  319. width:100%; height:100%;
  320. opacity: 1;
  321.  
  322. }
  323.  
  324. .popup_block {
  325. display: none; /*--hidden by default--*/
  326. background: #fff;
  327. padding: 20px;
  328. float: left;
  329. border:1px solid #eee;
  330. position: fixed;
  331. top: 50%; left: 50%;
  332. z-index: 99999;
  333. max-width:300px;
  334. /*--CSS3 Rounded Corners--*/
  335. -webkit-border-radius: 0px;
  336. -moz-border-radius: 0px;
  337. border-radius: 0px;
  338.  
  339. }
  340.  
  341. img.btn_close {
  342. float: right;
  343. margin: -38px -38px 0 0;
  344.  
  345. }
  346. /*--Making IE6 Understand Fixed Positioning--*/
  347. *html #fade {
  348. position: absolute;
  349.  
  350. }
  351.  
  352. *html .popup_block {
  353. position: absolute;
  354.  
  355. }
  356.  
  357. #calladoctor {
  358. font-size:30px;
  359. font-family:radiometry;
  360. color:{color:ask title};
  361. padding:20px;
  362. background:{color:ask title bg};
  363. border:1px solid #fff;
  364. letter-spacing:0px;
  365.  
  366. }
  367.  
  368.  
  369. .exoplanet a {
  370. padding: 3px;
  371. color: #237546;
  372. text-shadow: none;
  373. -webkit-transition: color 0.3s;
  374. -moz-transition: color 0.3s;
  375. transition: color 0.3s;
  376.  
  377. }
  378.  
  379. .exoplanet a::before,
  380. .exoplanet a::after {
  381. position: absolute;
  382. left: 0;
  383. width:100%;
  384. height: 2px;
  385. background: #fff;
  386. content: '';
  387. opacity: 0;
  388. -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  389. -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  390. transition: opacity 0.3s, transform 0.3s;
  391. -webkit-transform: translateY(-10px);
  392. -moz-transform: translateY(-10px);
  393. transform: translateY(-10px);
  394.  
  395. }
  396.  
  397. .exoplanet a::before {
  398. top: 0;
  399. -webkit-transform: translateY(-10px);
  400. -moz-transform: translateY(-10px);
  401. transform: translateY(-10px);
  402.  
  403. }
  404.  
  405. .exoplanet a::after {
  406. bottom: 0;
  407. -webkit-transform: translateY(10px);
  408. -moz-transform: translateY(10px);
  409. transform: translateY(10px);
  410.  
  411. }
  412.  
  413. .exoplanet a:hover,
  414. .exoplanet a:focus {
  415. color: #fff;
  416.  
  417. }
  418.  
  419. .exoplanet a:hover::before,
  420. .exoplanet a:focus::before,
  421. .exoplanet a:hover::after,
  422. .exoplanet a:focus::after {
  423. opacity: 1;
  424. -webkit-transform: translateY(0px);
  425. -moz-transform: translateY(0px);
  426. transform: translateY(0px);
  427.  
  428. }
  429.  
  430. /* Side bar */
  431.  
  432. #longbar {
  433. position:fixed;
  434. height:300%;
  435. background:{color:container bg};
  436. left:330px;
  437. top:-80px;
  438. width:200px;
  439. border-left:1px solid #fff;
  440. border-right:9px solid #fff;
  441.  
  442. }
  443.  
  444. #location {
  445. position:fixed;
  446. top:150px;
  447. left:230px;
  448.  
  449. }
  450.  
  451. #description {
  452. position:absolute;
  453. margin-top:200px;
  454. margin-left:140px;
  455. width:100px;
  456. background:{color:description bg};
  457. color:{color:description};
  458. font-family:verdana;
  459. text-transform:lowercase;
  460. line-height:9px;
  461. font-size:9px;
  462. padding:15px;
  463. border-radius:10px;
  464. }
  465.  
  466. #description a {
  467. color:{color:description};
  468. }
  469.  
  470. #descrtri {
  471. position:absolute;
  472. width: 0;
  473. height: 0;
  474. margin-left:30px;
  475. margin-top:13px;
  476. border-left: 20px solid transparent;
  477. border-right: 20px solid transparent;
  478. border-top: 20px solid {color:description bg};
  479.  
  480. }
  481.  
  482. #overdose img{
  483. margin-left:10px;
  484. border:1px solid {color:sidebar image border};
  485. width:150px; height:200px;
  486. padding:5px;
  487. background:{color:sidebar image bg};
  488. -webkit-border-radius: 100px;
  489. -webkit-border-top-right-radius: 20px;
  490. -webkit-border-bottom-left-radius: 20px;
  491. -moz-border-radius: 100px;
  492. -moz-border-radius-topright: 20px;
  493. -moz-border-radius-bottomleft: 20px;
  494. border-radius: 100px;
  495. border-top-right-radius: 20px;
  496. border-bottom-left-radius: 20px;
  497.  
  498. }
  499.  
  500. #navicons {
  501. position:absolute;
  502. margin-top:220px;
  503. float:left;
  504. {block:if250px}margin-left:171px;{/block:if250px}
  505. {block:if400px}margin-left:171px;{/block:if400px}
  506. {block:if500px}margin-left:171px;{/block:if500px}
  507.  
  508. }
  509.  
  510. #navicons img {
  511. display:block;
  512. margin-left:-85px;
  513. margin-top:4px;
  514. z-index:999999;
  515. padding:5px;
  516. background:{color:icons bg};
  517. border-radius:30px;
  518. border:2px solid {color:icons border};
  519. -webkit-transition: opacity 0.4s linear;
  520. -webkit-transition: all 0.4s ease-in-out;
  521. -moz-transition: all 0.4s ease-in-out;
  522. -o-transition: all 0.4s ease-in-out;
  523.  
  524. }
  525.  
  526. #navicons img:hover {
  527. transform:rotate(36000deg);
  528. -webkit-transform:rotate(36000deg);
  529. transition: all 15s ease;
  530. -webkit-transition: all 015s ease;
  531. -moz-transition: all 15s ease;
  532. -o-transition: all 15s ease;
  533. border-radius:15px;
  534. background:{color:nav icons bg hover};
  535. border:1px dashed {color: nav icons border hover};
  536.  
  537. }
  538.  
  539. /* Post & Post info */
  540.  
  541. #rapbyun {
  542. height:400%;
  543. margin-left:510px;
  544. margin-top:80px;
  545. background:{color:container bg};
  546. padding:20px;
  547. {block:if250px}width:500px; {/block:if250px}
  548. {block:if400px}width:500px;{/block:if400px}
  549. {block:if500px}width:600px;{/block:if500px}
  550.  
  551. }
  552.  
  553. #chapters {
  554. margin:30px;
  555. margin-top:20px;
  556. margin-bottom:60px;
  557. margin-left:20px;
  558. border:1px solid #eee;
  559. padding:30px;
  560. background:{color:post background};
  561. color:{color:post text};
  562. font-family:helvetica;
  563. font-size:10px;
  564. {block:if250px}width:250px; margin-left:120px;{/block:if250px}
  565. {block:if400px}width:400px;{/block:if400px}
  566. {block:if500px}width:500px;{/block:if500px}
  567.  
  568. }
  569.  
  570. #chapters a {
  571. color:{color:post link};
  572.  
  573. }
  574.  
  575. #chapters img{
  576. max-width:100%;
  577.  
  578. }
  579.  
  580. #info {
  581. position:absolute;
  582. text-align:center;
  583. text-transform:uppercase;
  584. background:{color:post info bg};
  585. margin-top:-40px;
  586. margin-left:-32px;
  587. padding:5px;
  588. color:{color:post info};
  589. font-size:8px;
  590. font-family:calibri;
  591. {block:if250px}width:210px;{/block:if250px}
  592. {block:if400px}width:auto;{/block:if400px}
  593. {block:if500px}width:460px;{/block:if500px}
  594. opacity:1;
  595. -webkit-transition: opacity 0.4s linear;
  596. -webkit-transition: all 0.4s ease-in-out;
  597. -moz-transition: all 0.4s ease-in-out;
  598. -o-transition: all 0.4s ease-in-out;
  599.  
  600. }
  601.  
  602. #info a {
  603. margin:15px;
  604. text-align:center;
  605. text-transform:uppercase;
  606. color:{color:post info};
  607.  
  608. }
  609.  
  610. #info a:hover {
  611. font-style:italic;
  612.  
  613. }
  614.  
  615. #caption {
  616. margin-top:-3px;
  617. color:{color:caption};
  618. background:{color:caption bg};
  619. padding:5px;
  620. word-wrap:break-word;
  621. font-size:11px;
  622. font-family:calibri;
  623.  
  624. }
  625.  
  626. /* Asks */
  627.  
  628. #ques {
  629. background:{color:question bg};
  630. color:{color:question};
  631. padding:10px;
  632. text-transform:uppercase;
  633. border-bottom:1px solid #eee;
  634. font-family:calibri;
  635. font-size:10px;
  636. letter-spacing:1px;
  637. text-align:left;
  638.  
  639. }
  640.  
  641.  
  642. #ques a {
  643. color:{color:question};
  644.  
  645. }
  646.  
  647. #replies{
  648. Color:{color:answer};
  649. background:{color:answer bg};
  650. text-align:right;
  651. padding:10px;
  652. font-size:10px;
  653. font-family:calibri;
  654.  
  655. }
  656.  
  657. /* Perma */
  658.  
  659. #permalink {
  660. position:absolute;
  661. margin-top:65px;
  662. padding:20px;
  663. color:{color:post text};
  664. background:{color:post background};
  665. font-size:9px;
  666. font-family:consolas;
  667. text-transform:uppercase;
  668. text-align:center;
  669. {block:if250px}width:480px; margin-left:-151px;{/block:if250px}
  670. {block:if400px}width:500px; margin-left:-70px;{/block:if400px}
  671. {block:if500px}width:600px;margin-left:-71px;{/block:if500px}
  672.  
  673. }
  674.  
  675. #permalink a {
  676. display:inline-block;
  677. color:#888;
  678. }
  679.  
  680. #notecounts {
  681. position:absolute;
  682. float:center;
  683. margin-top:135px;
  684. margin-left:-45px;
  685. font-family:consolas;
  686. font-size:9px;
  687. text-align:left;
  688. background:{color:post background};
  689. color:{color:post text};
  690. text-transform:uppercase;
  691. padding:20px;
  692. {block:if250px}width:480px; margin-left:-151px;{/block:if250px}
  693. {block:if400px}width:500px;margin-left:-70px;{/block:if400px}
  694. {block:if500px}width:600px;margin-left:-71px;{/block:if500px}
  695.  
  696. }
  697.  
  698. #notecounts a {
  699. color:{color:entry text};
  700.  
  701. }
  702.  
  703. #notecounts img {
  704. display:none;
  705.  
  706. }
  707.  
  708. ol.notecounts {
  709. list-style-type:square;
  710.  
  711. }
  712.  
  713. /* Music */
  714.  
  715. #audio {
  716. width:100%;
  717. margin-left:0px;
  718.  
  719. }
  720.  
  721. .tumblr_audio_player {
  722. height: 40px;
  723. {block:if250px}width:230px;{/block:if250px}
  724. {block:if400px}width:380px;{/block:if400px}
  725. {block:if500px}width:480px;{/block:if500px}
  726. border:10px solid {color:post background};
  727.  
  728. }
  729.  
  730. #muzik {
  731. background:{color:music info bg};
  732. color:{color:music info};
  733. padding:10px;
  734. font-family:calibri;
  735. font-size:10px;
  736. line-height:10px;
  737. letter-spacing:1px;
  738.  
  739. }
  740.  
  741. /* Pagination */
  742.  
  743. #pagi {
  744. position:fixed;
  745. bottom:0px;
  746. margin-left:20px;
  747. padding:10px;
  748. background:{color:pagination bg};
  749. text-align:center;
  750. color:{color:pagination};
  751. border-top:1px dotted {color:pagination border};
  752. {block:if250px}width:420px;{/block:if250px}
  753. {block:if400px}width:450px;{/block:if400px}
  754. {block:if500px}width:565px;{/block:if500px}
  755.  
  756. }
  757.  
  758. .jump_page {
  759. display:inline-block;
  760. padding: 4px 8px;
  761. color:{color:pagination};
  762. font-family:century gothic;
  763. font-size:11px;
  764. text-decoration:none;
  765.  
  766. }
  767.  
  768. .current_page, .jump_page:hover {
  769. padding: 4px 8px;
  770. color:{color:pagination bold};
  771. font-family:century gothic;
  772. font-size:10px;
  773. text-decoration:none;
  774.  
  775. }
  776.  
  777. /* Hover text */
  778.  
  779. #s-m-t-tooltip {
  780. z-index:999999;
  781. max-width:300px;
  782. margin-top:25px;
  783. margin-left:15px;
  784. padding-left:5px;
  785. padding-right:5px;
  786. padding-top:1px;
  787. padding-bottom:1px;
  788. background-color:#000;
  789. border:1px solid #fff;
  790. color:#fff;
  791. font-family:consolas;
  792. font-size:10px;
  793. letter-spacing:1px;
  794. text-transform:uppercase;
  795. line-height:13px;
  796.  
  797. }
  798.  
  799. /* theme credit */
  800.  
  801. #thmcredit {
  802. position:fixed;
  803. z-index:99999;
  804. bottom:5px;
  805. right:10px;
  806. background:#fff;
  807. font-size:9px;
  808. padding:5px;
  809. border-radius:30%;
  810. color:#000000;
  811. font-family:helvetica;
  812.  
  813. }
  814.  
  815. </style>
  816.  
  817. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  818. <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>
  819.  
  820.  
  821. </head>
  822. <body>
  823.  
  824.  
  825. <!-- top bar -->
  826. <div id="topbar"></div>
  827. <div id="longbar"></div>
  828. <div id="logo">
  829. <img src="{image:logo}"></div>
  830.  
  831. <div id="pulseline">
  832. <img src="http://static.tumblr.com/bj5zkci/bBJn3zv20/pulse-hi_copy.png"></div>
  833. <div id="topnavie">
  834. <div class="exoplanet">
  835. <a href="/">home</a>
  836.  
  837. {block:ifaskpopup}
  838. <a href="#?w=500" rel="01" class="poplight" title="ask" >ASK</a>
  839. {/block:ifaskpopup}
  840.  
  841. {block:ifnotaskpopup}
  842. <a href="/ask">ASK</a>
  843. {/block:ifnotaskpopup}
  844.  
  845. <a href="/archive">memories</a>
  846. </div>
  847. </div>
  848. <div id="bigtit">{title}</div>
  849.  
  850.  
  851. <div id="rapbyun">
  852.  
  853. <!-- Sidebar stuff -->
  854.  
  855. <div id="location">
  856. <div id="navicons">
  857.  
  858. <a href="{text:Link One URL}" title="{text:Link One}"><img src="http://static.tumblr.com/bj5zkci/iBIn3w05f/arrow-up.png"></a>
  859.  
  860. <a href="{text:Link Two URL}" title="{text:Link Two}"><img src="http://static.tumblr.com/bj5zkci/0LJn3w06k/plus.png"></a>
  861.  
  862. <a href="{text:Link Three URL}" title="{text:Link Three}"><img src="http://static.tumblr.com/bj5zkci/Bd7n3w08d/user.png"></a>
  863.  
  864. <a href="{text:Link Four URL}" title="{text:Link Four}"><img src="http://static.tumblr.com/bj5zkci/91Bn3w3f8/laptop.png"></a>
  865. </div>
  866.  
  867.  
  868. <div id="description">
  869. {description}
  870. <div id="descrtri"></div>
  871. </div>
  872.  
  873.  
  874. <div id="overdose">
  875. <script language="JavaScript">
  876. <!--
  877.  
  878. /*
  879. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  880. Over 400+ free JavaScripts here!
  881. Keep this notice intact please
  882. */
  883.  
  884. function random_imglink(){
  885. var myimages=new Array()
  886. //specify random images below. You can have as many as you wish
  887. myimages[1]="{image:side bar img 1}"
  888. myimages[2]="{image:side bar img 2}"
  889. myimages[3]="{image:side bar img 3}"
  890.  
  891. var ry=Math.floor(Math.random()*myimages.length)
  892. if (ry==0)
  893. ry=1
  894. document.write('<img src="'+myimages[ry]+'" border=0>')
  895. }
  896. random_imglink()
  897. //-->
  898. </script>
  899. </p>
  900. </div>
  901. </div>
  902.  
  903. {block:IfNotInfiniteScroll}
  904. <div id="pagi">
  905. {block:Pagination}
  906. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  907. {block:JumpPagination length="5"}
  908. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  909. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  910. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  911. {/block:Pagination}
  912. </div> {/block:IfNotInfiniteScroll}
  913.  
  914. <div class ="autopagerize_page_element">
  915.  
  916. <!-- Posts -->
  917.  
  918. {block:posts}
  919. <div id="chapters">
  920. {block:ContentSource}
  921. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  922. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  923. {/block:SourceLogo}
  924. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  925. {/block:ContentSource}
  926.  
  927. <!-- Post info -->
  928.  
  929. {block:IndexPage}
  930. <div id="info">
  931.  
  932. {block:NoteCount}
  933. <a href="{Permalink}" title="{NoteCount}">{NoteCount} notes</a>{/block:NoteCount}
  934.  
  935. <a href="{ReblogURL}" title="reblog">reblog</a>
  936.  
  937. {block:HasTags}
  938. <a href="{TagURL}" title="{block:Tags}#{Tag}{/block:Tags}">tags</a>
  939. {/block:HasTags}
  940.  
  941. </div>{/block:IndexPage}
  942.  
  943. <!-- the body -->
  944.  
  945. {block:text}{block:title}<h1>{title}</h1>{/block:title}{body}{/block:text}
  946.  
  947. {block:photo}
  948. {block:if250px}<img src="{PhotoURL-250}"/>{/block:if250px}
  949. {block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}
  950. {block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px}
  951. {block:ifShowCaptions}
  952. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  953. {/block:ifShowCaptions}{/block:photo}
  954.  
  955.  
  956. {block:Photoset}
  957. {block:if250px}{Photoset-250}{/block:if250px}
  958. {block:if400px}{Photoset-400}{/block:if400px}
  959. {block:if500px}{Photoset-500}{/block:if500px}
  960. {block:ifShowCaptions}
  961. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  962. {/block:ifShowCaptions}{/block:Photoset}
  963.  
  964. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}{/block:Quote}
  965.  
  966. {block:Link}
  967. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  968. {block:Description}{Description}{/block:Description} {/block:Link}
  969.  
  970. {block:Video}
  971. {block:if250px}{Video-250}{/block:if250px}
  972. {block:if400px}{Video-400}{/block:if400px}
  973. {block:if500px}{Video-500}{/block:if500px}
  974. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}{/block:Video}
  975.  
  976.  
  977. <!-- chat -->
  978.  
  979. {block:Chat}
  980. {block:Title}{Title}<br />{/block:Title}
  981. {block:Lines}
  982. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  983. {/block:Lines}
  984. {/block:Chat}
  985.  
  986. <!-- Music -->
  987.  
  988. {block:Audio}
  989. <div id="audio">{AudioPlayerWhite}</div>
  990. <div id="muzik">{block:Artist}<b>ARTIST: </b>{Artist}{/block:Artist}<br>
  991. {block:TrackName}<B>TRACK: </B>{TrackName}{/block:TrackName}<br>
  992. {block:Album}<B>ALBUM: </B>{Album}{/block:Album}<br></div>
  993. {block:caption}<div id="caption">{caption}</div>{/block:caption}
  994. {/block:Audio}
  995.  
  996. <!-- Asks -->
  997.  
  998. {block:Answer}
  999. <div id="ques"><b>{Asker} asked:</b>
  1000. {Question}</div>
  1001. <div id="replies">{Answer}</div>
  1002. {/block:Answer}
  1003.  
  1004. <!-- Perma -->
  1005.  
  1006. {block:PermalinkPage}
  1007. <div id="permalink">
  1008. {block:Date}<b>DATE:</b> {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date} <BR>
  1009. {block:NoteCount}
  1010. <a href="{Permalink}" title="{NoteCount}">{NoteCount}<b> notes</b></a>{/block:NoteCount} -
  1011. <a href="{ReblogURL}" title="reblog">reblog</a><BR>
  1012. {block:HasTags}
  1013. <a href="{TagURL}"><b>TAGS:</b> {block:Tags}#{Tag}{/block:Tags}</a><br>
  1014. {/block:HasTags}
  1015. {block:RebloggedFrom}
  1016. <a href="{ReblogParentURL}"><b>VIA:</b> {ReblogParentName}</a>
  1017. <a href="{ReblogRootURL}"><b>SOURCE:</b> {ReblogRootName}</a>
  1018. {/block:RebloggedFrom}</div>{/block:PermalinkPage}
  1019.  
  1020. {block:PostNotes}
  1021. <div id="notecounts">{PostNotes}</div>
  1022. {/block:PostNotes}
  1023.  
  1024. </div>
  1025. {/block:posts}
  1026.  
  1027. </div>
  1028. </body>
  1029.  
  1030. <!-- theme credit - DO NOT REMOVE - -->
  1031. <div id="thmcredit"><a href="http://dohdoro.tumblr.com" title="theme by dohdoro">dthm.</a></div>
  1032.  
  1033.  
  1034. <div id="01" class="popup_block">
  1035. <div id="calladoctor">
  1036. LOVE LETTERS.</div>
  1037. <iframe frameborder="0" scrolling="yes" width="100%" height="270px" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  1038.  
  1039.  
  1040. </div></div></div></div></div></div></div></div></div></div>
  1041.  
  1042. </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!