dohdoro

resonance

Mar 28th, 2014
4,704
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.43 KB | None | 0 0
  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. <!-- RESONANCE THEME BY DOHDORO ----//*********
  6.  
  7. ***DO NOT REMOVE THE CREDIT PLEASE.
  8. ***DO NOT COMBINE MY CODES WITH SOMEONE ELSES
  9. ***DO NOT REDISTRIBUTE AND CLAIM AS YOURS
  10. ***DO NOT USE AS BASE --->
  11.  
  12. <head>
  13. <title>{Title}</title>
  14. {block:IfInfiniteScroll}
  15. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  16. {/block:IfInfiniteScroll}
  17.  
  18. <link rel="shortcut icon" href="{favicon}" />
  19.  
  20. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  21. <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>
  22.  
  23.  
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#afafaf"/>
  27. <meta name="color:Bold" content="#000000"/>
  28. <meta name="color:underline" content="#000000"/>
  29. <meta name="color:Italic" content="#000000"/>
  30. <meta name="color:links" content="#888888"/>
  31. <meta name="color:links hover" content="#000000"/>
  32. <meta name="color:scrollbar bg" content=""/>
  33. <meta name="color:scrollbar" content="#888888"/>
  34. <meta name="color:pagination border" content="#eeeeee"/>
  35. <meta name="color:pagination" content="#888888"/>
  36. <meta name="color:pagination bold" content="#000000"/>
  37. <meta name="color:h1" content="#888888"/>
  38. <meta name="color:h1 border" content="#eeeeee"/>
  39. <meta name="color:bar border" content="#eeeeee"/>
  40. <meta name="color:bar bg" content="#ffffff"/>
  41. <meta name="color:title bg" content="#000000"/>
  42. <meta name="color:title" content="#ffffff"/>
  43. <meta name="color:description" content="#000000"/>
  44. <meta name="color:post bg" content="#ffffff"/>
  45. <meta name="color:post border" content="#eeeeee"/>
  46. <meta name="color:icon bg" content="#ffffff"/>
  47. <meta name="color:icon bg hover" content="#000000"/>
  48. <meta name="color:icon border hover" content="#ffffff"/>
  49. <meta name="color:post info bg" content="#fafafa"/>
  50. <meta name="color:post info" content="#888888"/>
  51. <meta name="color:post info border" content="#eeeeee"/>
  52. <meta name="color:post info hover bg" content="#888888"/>
  53. <meta name="color:post info hover" content="#ffffff"/>
  54. <meta name="color:caption bg" content="#ffffff"/>
  55. <meta name="color:caption" content="#888888"/>
  56. <meta name="color:caption border" content="#eeeeee"/>
  57. <meta name="color:permalink bg" content="#fafafa"/>
  58. <meta name="color:permalink" content="#888888"/>
  59. <meta name="color:pagination bg" content="#ffffff"/>
  60. <meta name="color:pagination" content="#888888"/>
  61. <meta name="color:pagination border" content="#eeeeee"/>
  62. <meta name="color:pagination bg hover" content="#000000"/>
  63. <meta name="color:pagination hover" content="#ffffff"/>
  64.  
  65. <meta name="text:link 1 URL" content=""/>
  66. <meta name="text:link 1" content="link"/>
  67. <meta name="text:link 2 URL" content=""/>
  68. <meta name="text:link 2" content="link"/>
  69. <meta name="text:link 3 URL" content=""/>
  70. <meta name="text:link 3" content="link"/>
  71. <meta name="text:link 4 URL" content=""/>
  72. <meta name="text:link 4" content="link"/>
  73.  
  74.  
  75. <meta name="image:Background" content=""/>
  76. <meta name="image:side picture" content=""/>
  77.  
  78. <meta name="if:Show Captions" content="0">
  79. <meta name="if:Infinite Scroll" content"0">
  80. <meta name="if:250" content""/>
  81. <meta name="if:400" content"1"/>
  82. <meta name="if:500" content""/>
  83.  
  84.  
  85. <style type="text/css">
  86.  
  87. #tumblr_controls {position: fixed !important;}
  88. #tumblr_controls {-webkit-filter: invert(100%);}
  89. #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;}
  90. #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;}
  91.  
  92.  
  93. ::-webkit-scrollbar {
  94. width: 8px;
  95. height:3px;
  96. background:{color:scrollbar bg};
  97.  
  98. }
  99.  
  100. ::-webkit-scrollbar-thumb:vertical {
  101. height: 20px;
  102. background-color:{color:scrollbar};
  103.  
  104. }
  105.  
  106. body {
  107. font-family:helvetica;
  108. word-wrap:break-word;
  109. font-size:10px;
  110. color:{color:Text};
  111. background:{color:Background};
  112. background-image:url('{image:Background}');
  113. background-repeat:repeat;
  114. background-attachment:fixed;
  115.  
  116. }
  117.  
  118. a {
  119. color:{color:Links};
  120. text-decoration:none;
  121.  
  122. }
  123.  
  124. a:hover {
  125. color:{color:Links Hover};
  126.  
  127. }
  128.  
  129. b, strong{
  130. color:{color:Bold};
  131.  
  132. }
  133.  
  134. i, em {
  135. color:{color:Italic};
  136.  
  137. }
  138.  
  139. u {
  140. color:{color:underline};
  141.  
  142. }
  143.  
  144. h1 {
  145. font-family:arial;
  146. font-size:10px;
  147. text-transform:uppercase;
  148. letter-spacing:1px;
  149. font-weight:lighter;
  150. text-align:center;
  151. color:{color:h1};
  152. border-bottom:1px solid {color:h1 border};
  153. padding:10px;
  154.  
  155. }
  156.  
  157. h1 a{
  158. color:{color:Post Links};
  159. text-decoration:none;
  160.  
  161. }
  162.  
  163. #linkbar {
  164. position:fixed;
  165. z-index:99999;
  166. width:230px;
  167. height:1300px;
  168. top:-20px;
  169. left:0px;
  170. background:#000;
  171.  
  172. }
  173.  
  174. #blrlnks {
  175. z-index:99999;
  176. margin-left:50px;
  177. margin-top:300px;
  178.  
  179. }
  180.  
  181. #blrlnks a {
  182. display:block;
  183. line-height:24px;
  184. color:transparent;
  185. text-shadow: 3px 3px 4px #eee;
  186. font-size:30px;
  187. font-family:devil breeze demi;
  188. text-transform:uppercase;
  189. -webkit-transition: all 0.4s ease-in-out;
  190. -moz-transition: all 0.4s ease-in-out;
  191. -o-transition: all 0.4s ease-in-out;
  192. -ms-transition: all 0.4s ease-in-out;
  193. transition: all 0.4s ease-in-out;
  194.  
  195. }
  196.  
  197. #blrlnks a:hover {
  198. color:transparent;
  199. letter-spacing:4px;
  200. padding:10px;
  201. text-shadow: 0px 0px 1px #fff;
  202. -webkit-transition: all .2s ease-in-out;
  203. -moz-transition: all .2s ease-in-out;
  204. -o-transition: all .2s ease-in-out;
  205. -ms-transition: all .2s ease-in-out;
  206. transition: all .2s ease-in-out;
  207.  
  208. }
  209.  
  210. #secondbarr {
  211. position:fixed;
  212. left:230px;
  213. top:-30px;
  214. width:240px;
  215. height:150%;
  216. background:{color:bar bg};
  217. border-right:1px solid {color:bar border};
  218.  
  219. }
  220.  
  221. #resonance {
  222. position:fixed;
  223. margin-top:35px;
  224. margin-left:65px;
  225. width:200px;
  226. height:auto;
  227.  
  228. }
  229.  
  230. #ttle {
  231. margin-top:290px;
  232. margin-left:-30px;
  233. width:150px;
  234. font-family:helvetica sans serif;
  235. font-size:30px;
  236. letter-spacing:-2px;
  237. line-height:16px;
  238. text-align:center;
  239. background:{color:title bg};
  240. color:{color:title};
  241. padding:10px;
  242. padding-bottom:15px;
  243. border-radius:10px;
  244.  
  245. }
  246.  
  247. #tri {
  248. position:absolute;
  249. margin-top:12px;
  250. margin-left:50px;
  251. width: 0;
  252. height: 0;
  253. border-left: 20px solid transparent;
  254. border-right: 20px solid transparent;
  255. border-top: 20px solid {color:title bg};
  256.  
  257. }
  258.  
  259. #descript {
  260. display:block;
  261. text-align:center;
  262. margin-left:-45px;
  263. margin-top:30px;
  264. width:200px;
  265. height:100px;
  266. height:auto;
  267. font-family:helvetica;
  268. font-size:9px;
  269. line-height:10px;
  270. letter-spacing:1px;
  271. text-transform:none;
  272. color:{color:description};
  273.  
  274. }
  275.  
  276. #descript a {
  277. color:{color:Links};
  278.  
  279. }
  280.  
  281. #entr {
  282. margin:30px;
  283. padding:20px;
  284. font-size:10px;
  285. font-size:helvetica;
  286. margin-left:520px;
  287. background:{color:post bg};
  288. border:1px solid {color:post border};
  289. {block:if250}width:250px; margin-left:530px;{/block:if250}
  290. {block:if400}width:400px;{/block:if400}
  291. {block:if500}width:500px;{/block:if500}
  292.  
  293. }
  294.  
  295. #entr a{
  296. color:{color:Post Links Hover};
  297.  
  298. }
  299.  
  300. #entr img{
  301. width:100%;
  302.  
  303. }
  304.  
  305. #iconinfo {
  306. position:absolute;
  307. background:{color:post bg};
  308. {block:if250}margin-left:258px;{/block:if250}
  309. {block:if400}margin-left:408px;{/block:if400}
  310. {block:if500}margin-left:508px;{/block:if500}
  311.  
  312. }
  313.  
  314. #iconinfo img {
  315. display:block;
  316. background:{color:icon bg};
  317. border:1px solid {color:post border};
  318. border-radius:30px;
  319. padding:5px;
  320. margin:5px;
  321. width:7px;
  322. height:7px;
  323. -webkit-transition: opacity 0.4s linear;
  324. -webkit-transition: all 0.4s ease-in-out;
  325. -moz-transition: all 0.4s ease-in-out;
  326. -o-transition: all 0.4s ease-in-out;
  327.  
  328. }
  329.  
  330. #iconinfo img:hover {
  331. background:{color:icon bg hover};
  332. border:1px dashed {color:icon border hover};
  333.  
  334. }
  335.  
  336. #infobar {
  337. display:inline-block;
  338. background:{color:post info bg};
  339. padding:10px;
  340. {block:if250}width:230px;{/block:if250}
  341. {block:if400}width:380px;{/block:if400}
  342. {block:if500}width:480px;{/block:if500}
  343. margin-top:4px;
  344. border-top:1px dotted {color:post info border};
  345. color:{color:post info};
  346. font-family:lilfont;
  347. font-size:8px;
  348. letter-spacing:1px;
  349. text-align:center;
  350. text-transform:uppercase;
  351.  
  352. }
  353.  
  354. #infobar a {
  355. margin-top:20px;
  356. margin:10px;
  357. color:{color:post info};
  358. transition-duration: 0.5s;
  359. -moz-transition-duration: 0.5s;
  360. -webkit-transition-duration: 0.5s;
  361. -o-transition-duration: 0.5s;
  362.  
  363. }
  364.  
  365. #infobar a:hover {
  366. background:{color:post info hover bg};
  367. color:{color:post info hover};
  368.  
  369. }
  370.  
  371. @font-face {font-family:lilfont; src: url(http://static.tumblr.com/bj5zkci/I3Yn23fn9/04b_03__.ttf) format("truetype"); }
  372.  
  373.  
  374. #quotes {
  375. font-family:helvetica sans serif;
  376. font-size:17px;
  377. text-align:center;
  378. letter-spacing:0px;
  379. text-transform:uppercase;
  380.  
  381. }
  382.  
  383. #audio {
  384. width:100%;
  385. margin-left:0px;
  386.  
  387. }
  388.  
  389. .tumblr_audio_player {
  390. height: 40px;
  391. width: 380px;
  392. border:10px solid #fff;
  393. {block:if250}width:240px;{/block:if250}
  394. {block:if400}width:390px;{/block:if400}
  395. {block:if500}width:490px;{/block:if500}
  396.  
  397. }
  398.  
  399. #conversation {
  400. Color:{color:reply};
  401. background:{color:reply bg};
  402. text-align:center;
  403. padding:15px;
  404. font-size:10px;
  405. font-family:helvetica;
  406.  
  407. }
  408.  
  409. #caption {
  410. margin-top:7px;
  411. color:{color:caption};
  412. background:{color:caption bg};
  413. padding:5px;
  414. word-wrap:break-word;
  415. border-top:1px solid {color:caption border};
  416. {block:if250}width:240px;{/block:if250}
  417. {block:if400}width:390px;{/block:if400}
  418. {block:if500}width:490px;{/block:if500}
  419.  
  420. }
  421.  
  422. #permalink {
  423. position:absolute;
  424. {block:if250}width:230px;{/block:if250}
  425. {block:if400}width:380px;{/block:if400}
  426. {block:if500}width:480px;{/block:if500}
  427. height:auto;
  428. margin-left:-10px;
  429. margin-top:45px;
  430. padding:20px;
  431. color:{color:permalink};
  432. background:{color:permalink bg};
  433. font-size:8px;
  434. font-family:lilfont;
  435. text-transform:uppercase;
  436. text-align:left;
  437.  
  438.  
  439. }
  440.  
  441. #notecounts {
  442. {block:if250}width:230px;{/block:if250}
  443. {block:if400}width:380px;{/block:if400}
  444. {block:if500}width:480px;{/block:if500}
  445. border-top:1px solid #fff;
  446. margin-left:-20px;
  447. margin-top:50px;
  448. font-family:lilfont;
  449. font-size:8px;
  450. text-align:left;
  451. background:{color:permalink bg};
  452. color:{color:permalink};
  453. padding:20px;
  454.  
  455. }
  456.  
  457. #notecounts img {
  458. display:none;
  459.  
  460. }
  461.  
  462. ol.notecounts {
  463. list-style-type:square;
  464.  
  465. }
  466.  
  467. #s-m-t-tooltip {
  468. max-width:300px;
  469. margin-top:25px;
  470. margin-left:15px;
  471. padding-left:5px;
  472. padding-right:5px;
  473. padding-top:1px;
  474. padding-bottom:1px;
  475. z-index:999999;
  476. background-color:#000;
  477. color:#fff;
  478. font-family:lilfont;
  479. font-size:8px;
  480. letter-spacing:1px;
  481. text-transform:uppercase;
  482. line-height:13px;
  483. border:0px double #eee;
  484. -webkit-box-shadow: 0px 0px 0px #000;
  485. -moz-box-shadow: 0px 0px 0px #000;
  486. box-shadow: 0px 0px 0px #000;
  487. -webkit-border-radius: 50px;
  488. -moz-border-radius: 50px;
  489. border-radius: 50px;
  490.  
  491. }
  492.  
  493. #pagi {
  494. position:fixed;
  495. margin-top:315px;
  496. margin-left:440px;
  497.  
  498. }
  499.  
  500. .jump_page {
  501. display:block;
  502. padding: 4px 8px;
  503. color:{color:pagination};
  504. margin:10px;
  505. border-radius:30px;
  506. background:{color:pagination bg};
  507. border:1px solid {color:pagination border};
  508. font-family:arial;
  509. font-size:9px;
  510. text-decoration:none;
  511. -webkit-transition: opacity 0.4s linear;
  512. -webkit-transition: all 0.4s ease-in-out;
  513. -moz-transition: all 0.4s ease-in-out;
  514. -o-transition: all 0.4s ease-in-out;
  515.  
  516. }
  517.  
  518. .current_page {
  519. padding: 4px 8px;
  520. color:{color:pagination};
  521. margin:10px;
  522. border-radius:30px;
  523. background:{color:pagination bg};
  524. border:1px solid {color:pagination border};
  525. font-family:arial;
  526. font-size:9px;
  527. text-decoration:none;
  528.  
  529. }
  530.  
  531. .jump_page:hover {
  532. background:{color:pagination bg hover};
  533. color:{color:pagination hover};
  534. }
  535.  
  536. #thmcredit a {
  537. position:fixed;
  538. z-index:9999;
  539. bottom:5px;
  540. right:10px;
  541. background:#fff;
  542. font-size:8px;
  543. color:#888;
  544. font-family:lilfont;
  545.  
  546. }
  547.  
  548. @font-face {font-family:intro devil breeze; src: url(http://static.tumblr.com/bj5zkci/GKnn35syo/devil_breeze_demi.ttf) format("truetype"); }
  549.  
  550. </style></head>
  551.  
  552. <body>
  553.  
  554. <div id="linkbar">
  555. <div id="blrlnks">
  556. <a href="/">HOME</a>
  557. <a href="/ask">MSG</a>
  558. <a href="/archive">ARCHIVE</a>
  559. <a href="{text:link 1 URL}">{text:link 1}</a>
  560. <a href="{text:link 2 URL}">{text:link 2}</a>
  561. <a href="{text:link 3 URL}">{text:link 3}</a>
  562. <a href="{text:link 4 URL}">{text:link 4}</a>
  563. </div>
  564. </div>
  565.  
  566. <div id="secondbarr">
  567. <div id="resonance">
  568. <div id="ttle">{title}<div id="tri"></div></div>
  569. <div id="descript">
  570. {description}
  571. </div>
  572. </div></div></div>
  573.  
  574.  
  575. {block:IfNotInfiniteScroll}
  576. <div id="pagi">
  577.  
  578. {block:Pagination}
  579. {block:JumpPagination length="3"}
  580. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  581. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  582. {/block:Pagination}
  583. </div>
  584.  
  585. {/block:IfNotInfiniteScroll}
  586.  
  587.  
  588. <div class ="autopagerize_page_element">
  589. {block:posts}
  590. {block:ContentSource}
  591. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  592. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  593. {/block:SourceLogo}
  594. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  595. {/block:ContentSource}
  596. <div id="entr">
  597.  
  598.  
  599. {block:IndexPage}
  600. <div id="iconinfo">
  601.  
  602. <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/LNbn35xut/reb.png"></a>
  603.  
  604. {block:HasTags}
  605. <a href="{TagURL}" title="{block:Tags}#{Tag}{/block:Tags}"><img src="http://static.tumblr.com/bj5zkci/hJpn35x8a/tag.png"></a>{/block:HasTags}
  606.  
  607. {block:RebloggedFrom}
  608. <a href="{ReblogParentURL}" title="via:{ReblogParentName}"><img src="http://static.tumblr.com/bj5zkci/75dn35x6x/tumblr_inline_n2aih4x7ur1r7v6wt.png"</a>
  609. <a href="{ReblogRootURL}" title="source:{ReblogRootName}"><img src="http://static.tumblr.com/bj5zkci/VKLn35xvl/w2.png"></a>
  610. {/block:RebloggedFrom}
  611. </div>
  612. {/block:IndexPage}
  613.  
  614. {block:text}{block:title}<h1>{title}</h1>{/block:title}{body}{/block:text}
  615.  
  616. {block:photo}
  617. {block:if250}<img src="{PhotoURL-250}"/>{/block:if250}
  618. {block:if400}<img src="{PhotoURL-400}"/>{/block:if400}
  619. {block:if500}<img src="{PhotoURL-500}"/>{/block:if500}
  620. {block:ifShowCaptions}
  621. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  622. {/block:ifShowCaptions}{/block:photo}
  623.  
  624.  
  625. {block:Photoset}
  626. {block:if250}{Photoset-250}{/block:if250}
  627. {block:if400}{Photoset-400}{/block:if400}
  628. {block:if500}{Photoset-500}{/block:if500}
  629. {block:ifShowCaptions}
  630. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  631. {/block:ifShowCaptions}{/block:Photoset}
  632.  
  633. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}{/block:Quote}
  634.  
  635.  
  636. {block:Link}
  637. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  638. {block:Description}{Description}{/block:Description} {/block:Link}
  639.  
  640. {block:Chat}
  641. {block:Title}<h1>{Title}</h1>{/block:Title}
  642. {block:Lines}
  643. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br/>
  644. {/block:Lines}
  645. {/block:Chat}
  646.  
  647. {block:Audio}<div id="audio">{AudioPlayerWhite}</div>
  648. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}{/block:Audio}
  649.  
  650. {block:Video}{Video-400}
  651. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}{/block:Video}
  652.  
  653. {block:Answer}
  654. <h1>{Asker} asked:
  655. {Question}</h1>
  656. <div id="conversation">{Answer}</div>
  657. {/block:Answer}
  658.  
  659. <div id="infobar">
  660.  
  661. {block:Date}{TimeAgo}.{/block:Date}
  662.  
  663.  
  664. {block:NoteCount}
  665. <a href="{Permalink}" title="{NoteCount}">{NoteCount} notes</a>{/block:NoteCount}</div>
  666.  
  667.  
  668. {block:PermalinkPage}
  669. <div id="permalink">
  670. {block:Date} <b>DATE:</b> {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}<BR>
  671.  
  672. {block:NoteCount}
  673. <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}
  674. <a href="{ReblogURL}">reblog</a><BR>
  675. {block:HasTags}
  676. <a href="{TagURL}"><b>TAGS:</b>{block:Tags}#{Tag}{/block:Tags}</a><br>
  677. {/block:HasTags}
  678. {block:RebloggedFrom}
  679. <a href="{ReblogParentURL}"><b>via:</b> {ReblogParentName}</a>
  680. <a href="{ReblogRootURL}"><b>source:</b> {ReblogRootName}</a>
  681. {/block:RebloggedFrom}
  682.  
  683. {block:PostNotes}
  684. <div id="notecounts">{PostNotes}</div>
  685. {/block:PostNotes} </div>{/block:PermalinkPage}
  686.  
  687. </div>
  688. {/block:posts}
  689.  
  690. <div id="thmcredit">
  691. <a href="http://dohdoro.tumblr.com" title="theme by dohdoro">DTHM.</a></div>
  692.  
  693. </body>
  694. </html>
Advertisement
Add Comment
Please, Sign In to add comment