API tools faq
paste
Advertisement
cassiem

most recent theme

cassiem
Aug 27th, 2014
197
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.90 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. Theme 20 - Rise and Fall (magnusthemes)
  7. Don't steal, don't remove the credit and follow the rules or I'll shoot you with a Dominator
  8.  
  9. -->
  10.  
  11. <head>
  12.  
  13. <!-- these are the custom fonts -->
  14. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300' rel='stylesheet' type='text/css'>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21.  
  22. <script src="http://static.tumblr.com/p0knose/OtNn6c1tv/modernizr.custom.97074.js"></script>
  23.  
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <meta name="color:background" content="#ffffff"/>
  29. <meta name="color:links" content="#aaa"/>
  30. <meta name="color:links hover" content="#fff" />
  31. <meta name="color:scrollbar" content="#000" />
  32. <meta name="color:scrollbar background" content="#fff" />
  33. <meta name="color:text" content="#000000"/>
  34. <meta name="color:content borders" content="#333" />
  35. <meta name="color:posts" content="#ffffff"/>
  36. <meta name="color:bold" content="#000" />
  37. <meta name="color:italic" content="#000" />
  38. <meta name="color:permalinks and asks" content="#fefefe" />
  39. <meta name="color:chat odd" content="#eee" />
  40. <meta name="color:chat even" content="#fff" />
  41. <meta name="color:music info text" content="#eee" />
  42. <meta name="color:tooltips" content="#fff" />
  43. <meta name="color:tooltips background" content="#000" />
  44. <meta name="color:post title" content="#000" />
  45. <meta name="color:sidebar" content="#aaa" />
  46. <meta name="color:custom links" content="#eee" />
  47. <meta name="color:custom links bg" content="#333" />
  48. <meta name="color:custom links hover" content="#eee" />
  49. <meta name="color:custom links hover bg" content="#333" />
  50. <meta name="color:description" content="#888" />
  51. <meta name="color:title" content="#fff" />
  52. <meta name="color:pagination" content="#fff" />
  53. <meta name="color:pagination bg" content="#aaa" />
  54.  
  55. <meta name="image:background" content=""/>
  56. <meta name="image:render" content="" />
  57. <meta name="image:top left sidebar" content="" />
  58. <meta name="image:top right sidebar" content="" />
  59. <meta name="image:bottom left sidebar" content="" />
  60. <meta name="image:bottom right sidebar" content="" />
  61.  
  62. <meta name="if:billy player" content="1" />
  63. <meta name="if:white transparency" content="1" />
  64. <meta name="if:white icons" content="0" />
  65. <meta name="if:monochrome images" content="0" />
  66. <meta name="if:500px posts" content="0" />
  67. <meta name="if:white audio player" content="1" />
  68. <meta name="if:infinite scroll" content="0" />
  69. <meta name="if:fading images" content="0" />
  70.  
  71. <meta name="text:quote" content="" />
  72. <meta name="text:billy code" content="" />
  73. <meta name="text:link 1" content=""/>
  74. <meta name="text:link 1 url" content=""/>
  75. <meta name="text:link 2" content=""/>
  76. <meta name="text:link 2 url" content=""/>
  77. <meta name="text:link 3" content=""/>
  78. <meta name="text:link 3 url" content=""/>
  79. <meta name="text:link 4" content=""/>
  80. <meta name="text:link 4 url" content=""/>
  81. <meta name="text:link 5" content=""/>
  82. <meta name="text:link 5 url" content=""/>
  83. <meta name="text:link 6" content=""/>
  84. <meta name="text:link 6 url" content=""/>
  85.  
  86. <style type="text/css">
  87.  
  88. /* CUSTOM THINGIES */
  89.  
  90. ::-webkit-scrollbar {height:5px; width:5px;}
  91.  
  92. ::-webkit-scrollbar-track-piece {
  93. background-color:{color:scrollbar background};
  94. }
  95.  
  96. ::-webkit-scrollbar-thumb {
  97. width: 5px; height:5px;
  98. background-color:{color:scrollbar};
  99. }
  100.  
  101. /* this is for the fancy tooltips */
  102.  
  103. #s-m-t-tooltip{
  104. max-width:400px;
  105. z-index:999999999999999999999999999999999999999999999999999;
  106. margin:24px 14px 7px 12px;
  107. padding:5px;
  108. padding-bottom:2px;
  109. opacity:0.8;
  110. background:{color:tooltips background};
  111. border-radius:0px;
  112. -moz-box-shadow:0px 0px 3px #232323;
  113. -webkit-box-shadow:0px 0px 3px #232323;
  114. box-shadow:0px 0px 3px #232323;
  115. font-size:10px;
  116. color:{color:tooltips};
  117. }
  118.  
  119. /* BORING BASICS */
  120.  
  121. body{
  122. background-image:url('{image:background}');
  123. word-wrap:break-word;
  124. overflow:auto;
  125. background-attachment: fixed;
  126. background-repeat: repeat;
  127. background-color: {color:background};
  128. margin-left:0px;
  129. margin-top:0px;
  130. color:{color:text};
  131. font-family: 'Open Sans', helvetica neue, sans-serif;
  132. letter-spacing:0px;
  133. font-size:10px;
  134. line-height:150%;
  135. }
  136.  
  137. a{
  138. text-decoration:none;
  139. color:{color:links};
  140. transition:0.2s;
  141. -webkit-transition:0.2s;
  142. -moz-transition:0.2s;
  143. -o-transition:0.2s;
  144. -ms-transition:0.2s;
  145. }
  146.  
  147. a:hover {color:{color:links hover};}
  148.  
  149. i, italic, em{color:{color:italic}; text-transform:italic;}
  150. b, bold, strong{color:{color:bold}; font-weight:600;}
  151.  
  152. img{border:none;}
  153. img:hover {border:none;}
  154. iframe:hover {border:none;}
  155.  
  156. blockquote {
  157. margin:10px 0px;
  158. margin-left:10px;
  159. display:block;
  160. border-left:2px solid {color:content borders};
  161. padding:0px 10px;
  162. }
  163.  
  164. blockquote img {max-width:100%!important;}
  165.  
  166. pre {
  167. background:{color:permalinks and asks};
  168. padding:10px;
  169. font-family:'Inconsolata', consolas, monospace;
  170. }
  171.  
  172. /* these are the tumblr buttons */
  173.  
  174. iframe#tumblr_controls {
  175. right:3px !important;
  176. position:fixed !important;
  177. opacity: 0.2;
  178. transition: all 0.4s ease-in-out;
  179. -webkit-transition: all 0.4s ease-in-out;
  180. -moz-transition: all 0.4s ease-in-out;
  181. -o-transition: all 0.4s ease-in-out;
  182. -ms-transition: all 0.4s ease-in-out;
  183. }
  184.  
  185. iframe#tumblr_controls:hover {opacity: 0.5;}
  186.  
  187. /* POSTS */
  188.  
  189. #postmargin{
  190. margin-left:400px;
  191. margin-top:10px;
  192. z-index:9999999;
  193. padding: 20px;
  194. padding-bottom:0;
  195. {block:if500pxposts}width:560px;{/block:if500pxposts}
  196. {block:ifnot500pxposts}width:460px;{/block:ifnot500pxposts}
  197. }
  198.  
  199. .posts{
  200. {block:if500pxposts}width:540px;{/block:if500pxposts}
  201. {block:ifnot500pxposts}width:440px;{/block:ifnot500pxposts}
  202. padding:0px;
  203. margin-left:10px;
  204. margin-bottom:20px;
  205. background:{color:posts};
  206. }
  207.  
  208. .container {padding:20px;}
  209.  
  210. .posts img{
  211. max-width:100%;
  212. transition:0.6s;
  213. -webkit-transition:0.6s;
  214. -moz-transition:0.6s;
  215. -o-transition:0.6s;
  216. -ms-transition:0.6s;
  217. {block:ifmonochromeimages}
  218. filter:grayscale(100%);
  219. -webkit-filter:grayscale(100%);
  220. -moz-filter:grayscale(100%);
  221. -o-filter:grayscale(100%);
  222. -ms-filter:grayscale(100%);
  223. transition:0.3s;
  224. -webkit-transition:0.3s;
  225. -moz-transition:0.3s;
  226. -o-transition:0.3s;
  227. -ms-transition:0.3s;
  228. }
  229.  
  230. .posts img:hover {
  231. filter:grayscale(0%);
  232. -webkit-filter:grayscale(0%);
  233. -moz-filter:grayscale(0%);
  234. -o-filter:grayscale(0%);
  235. -ms-filter:grayscale(0%);
  236. {/block:ifmonochromeimages}
  237. }
  238.  
  239. .posts iframe{
  240. transition:0.6s;
  241. -webkit-transition:0.6s;
  242. -moz-transition:0.6s;
  243. -o-transition:0.6s;
  244. -ms-transition:0.6s;
  245. max-width:100%;
  246. {block:ifmonochromeimages}
  247. filter:grayscale(100%);
  248. -webkit-filter:grayscale(100%);
  249. -moz-filter:grayscale(100%);
  250. -o-filter:grayscale(100%);
  251. -ms-filter:grayscale(100%);
  252. }
  253.  
  254. .posts iframe:hover {
  255. filter:grayscale(0%);
  256. -webkit-filter:grayscale(0%);
  257. -moz-filter:grayscale(0%);
  258. -o-filter:grayscale(0%);
  259. -ms-filter:grayscale(0%);
  260. {/block:ifmonochromeimages}
  261. }
  262.  
  263. {block:iffadingimages}
  264. .posts img, .posts iframe {opacity:0.6;}
  265. .posts img:hover, .posts iframe:hover {opacity:1;}
  266. {/block:iffadingimages}
  267.  
  268. #quote{
  269. padding:5px;
  270. font-size:18px;
  271. padding-top:10px;
  272. text-align:center;
  273. letter-spacing:0px;
  274. line-height:150%;
  275. font-family:'yanone kaffeesatz', sans-serif;
  276. margin-bottom:15px;
  277. }
  278.  
  279. #link{
  280. text-align:center;
  281. padding:5px;
  282. border-left:20px solid {color:content borders};
  283. background:{color:permalinks and asks};
  284. line-height:130%;
  285. font-size:17px;
  286. letter-spacing:0px;
  287. }
  288.  
  289. /* PERMALINK BAR */
  290.  
  291. #permalink{
  292. {block:if500pxposts}width:520px;{/block:if500pxposts}
  293. {block:ifnot500pxposts}width:420px;{/block:ifnot500pxposts}
  294. padding:10px;
  295. margin-top:10px;
  296. background:{color:permalinks and asks};
  297. font-size:9px;
  298. padding-top:10px;
  299. line-height:110%;
  300. padding-bottom:10px;
  301. height:auto;
  302. text-align:right;
  303. }
  304.  
  305. /* POST TITLE */
  306.  
  307. .jrc {
  308. margin:5px;
  309. color:{color:post title};
  310. letter-spacing:0px;
  311. font-family:'yanone kaffeesatz', sans-serif;
  312. }
  313.  
  314. #ask img {width:50px; height:50px;}
  315.  
  316. /* MUSIC POSTS */
  317.  
  318. #musicinfo{
  319. color:{color:music info text};
  320. padding-left:10px;
  321. margin-left:100px;
  322. line-height:160%;
  323. font-weight:normal;
  324. padding-top:2.5px;
  325. overflow:hidden;
  326. padding-bottom:2.5px;
  327. border-bottom:1px dashed {color:content borders};
  328. {block:if500pxposts}width:390px;{/block:if500pxposts}
  329. {block:ifnot500pxposts}width:290px;{/block:ifnot500pxposts}
  330. margin-top:0; margin-bottom:1px;
  331. }
  332.  
  333. .audiocaption {
  334. margin-top:20px;
  335. }
  336.  
  337. .albumart {
  338. position: absolute;
  339. width:100px;
  340. height:100px;
  341. background:url(http://i.imgur.com/zlbTeHo.jpg);
  342. background-size:100px 100px;
  343. background-position:fixed;
  344. background-repeat:no-repeat;
  345. }
  346.  
  347. .tplayer {
  348. width: 20px;
  349. height: 30px;
  350. overflow: hidden;
  351. position: relative;
  352. z-index: 1;
  353. margin:15px 20px;
  354. transition:0.4s;
  355. -webkit-transition:0.4s;
  356. -moz-transition:0.4s;
  357. -o-transition:0.4s;
  358. -ms-transition:0.4s;
  359. }
  360.  
  361. .playercontainer {
  362. {block:ifnotwhiteaudioplayer}
  363. background-color: #000;
  364. {/block:ifnotwhiteaudioplayer}
  365. {block:ifwhiteaudioplayer}
  366. background-color:#fff;
  367. {/block:ifwhiteaudioplayer}
  368. position: absolute;
  369. opacity:0.6;
  370. z-index: 1;
  371. margin:20px;
  372. padding:0;
  373. transition:0.4s;
  374. -webkit-transition:0.4s;
  375. -moz-transition:0.4s;
  376. -o-transition:0.4s;
  377. -ms-transition:0.4s;
  378. }
  379.  
  380. .playercontainer:hover {opacity:0.8;}
  381.  
  382. /* CHAT POSTS */
  383.  
  384. .label {
  385. color:{color:chat even};
  386. padding:5px;
  387. margin-bottom:5px;
  388. border-bottom:1px dashed {color:content borders};
  389. }
  390.  
  391. .label:nth-of-type(odd) {
  392. color:{color:chat even};
  393. }
  394.  
  395. .label:nth-of-type(even) {
  396. color:{color:chat odd};
  397. }
  398.  
  399. /* NOTES */
  400.  
  401. ol.notes{
  402. {block:if500pxposts}width:520px;{/block:if500pxposts}
  403. {block:ifnot500pxposts}width:420px;{/block:ifnot500pxposts}
  404. max-height:200px;
  405. overflow:auto;
  406. padding-left:10px;
  407. padding-right:10px;
  408. padding-top:10px;
  409. padding-bottom:10px;
  410. list-style-type:none;
  411. font-size:9px;
  412. background-color:{color:permalinks and asks};
  413. }
  414.  
  415. ol.notes li.note{
  416. border-top:1px dotted #cccccc;
  417. padding:2px;
  418. font-size:9px;
  419. }
  420.  
  421. ol.notes li.note img{padding:0px !important;}
  422. ol.notes li.note img.avatar{margin-right:5px; width:0px; height:0px;}
  423.  
  424. ol.notes li.note a img.avatar{
  425. padding:0px;
  426. border-width:0px;
  427. border:none;
  428. }
  429.  
  430. ol.notes li.note img{
  431. padding:0px;
  432. border-width:0px;
  433. border:none;
  434. }
  435.  
  436. ol.notes li.note span.action {font-weight:bold; color:gray;}
  437. ol.notes li.note.answer_content {font-weight:300;}
  438. ol.notes li.note.blockquote {padding:1px 1px; margin:1px 0px 0px 1px;}
  439. ol.notes li.note.blockquote a {text-decoration:none;}
  440.  
  441. /* IMPORTANT */
  442.  
  443. #jan {bottom:5px; right:5px; position:fixed; z-index:99999;}
  444.  
  445. /* SIDEBAR */
  446.  
  447. .boxes {
  448. list-style: none;
  449. position: relative;
  450. margin: 20px auto;
  451. padding: 0;
  452. }
  453. .boxes li {
  454. float: left;
  455. margin: 5px;
  456. background: {color:sidebar};
  457. width:140px;
  458. height:140px;
  459. padding: 8px;
  460. position: relative;
  461. box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  462. }
  463. .boxes li,
  464. .boxes li img {
  465. display: block;
  466. position: relative;
  467. width:140px; height:140px;
  468. }
  469. .boxes li {
  470. overflow: hidden;
  471. }
  472. .boxes li div {
  473. position: absolute;
  474. z-index:99999;
  475. {block:ifwhitetransparency}background:rgba(255, 255, 255, 0.5); {/block:ifwhitetransparency}
  476. {block:ifnotwhitetransparency}background:rgba(0, 0, 0, 0.5); {/block:ifnotwhitetransparency}
  477. width: 120px;
  478. margin:10px; margin-top:18px; margin-left:18px;
  479. height: 120px;
  480. }
  481. .boxes li div div {
  482. display:inline-block;
  483. margin: 10px;
  484. font-weight: normal;
  485. background:transparent;
  486. text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  487. }
  488.  
  489. .boxes li div div {width:100px; height:100px;}
  490. .desc {overflow:auto; padding-right:10px; line-height:120%; text-align:justify; width:100px; background:transparent; color:{color:description};}
  491. .boxes li div span {text-align:center;}
  492. .boxes li div div::-webkit-scrollbar {width:3px; height:3px;}
  493. .boxes li div div::-webkit-scrollbar-track-piece {background:transparent;}
  494.  
  495. .links {position:absolute; width:100px; height:100px;}
  496. .links a:hover, .links:hover a:hover {background:{color:custom links hover bg}; color:{color:custom links hover}; opacity:0.8;}
  497. .links:hover a {opacity:0.25;}
  498. .links a {
  499. display:block;
  500. margin-bottom:2px;
  501. padding:0 10px;
  502. width:80px;
  503. background:{color:custom links bg};
  504. color:{color:custom links};
  505. height:15px;
  506. line-height:15px;
  507. text-transform:uppercase;
  508. text-align:center;
  509. opacity:0.6;
  510. transition:0.5s ease-in-out;
  511. -webkit-transition:0.5s ease-in-out;
  512. -moz-transition:0.5s ease-in-out;
  513. -o-transition:0.5s ease-in-out;
  514. -ms-transition:0.5s ease-in-out;
  515. }
  516.  
  517. .title {position:absolute; width:100px; height:100px; color:{color:title}; background:transparent; font-size:20px; text-align:center; font-family:'Yanone Kaffeesatz', sans-serif; line-height:120%; text-transform:uppercase;}
  518. .quo {font-size:13px; line-height:120%; margin-top:-15px; display:block; text-transform:lowercase; font-weight:300;}
  519.  
  520. .base {width:80px; height:80px; position:absolute; padding:10px; z-index:99999; opacity:0.6;}
  521.  
  522. /* ICON LINKS */
  523.  
  524. .base a {
  525. display:inline-block;
  526. background:{color:custom links bg};
  527. color:{color:custom links};
  528. height:30px;
  529. padding:0;
  530. width:30px;
  531. margin:5px;
  532. font-size:15px;
  533. overflow:hidden;
  534. border-radius:2px;
  535. transition:0.5s ease-in-out;
  536. -webkit-transition:0.5s ease-in-out;
  537. -moz-transition:0.5s ease-in-out;
  538. -o-transition:0.5s ease-in-out;
  539. -ms-transition:0.5s ease-in-out;
  540. }
  541.  
  542. .base a:hover, .base:hover a:hover {background:{color:custom links hover bg}; color:{color:custom links hover};}
  543.  
  544. .base a img {width:18px; margin:6px; height:auto; position:absolute; opacity:0.9;
  545. transition:0.5s ease-in-out;
  546. -webkit-transition:0.5s ease-in-out;
  547. -moz-transition:0.5s ease-in-out;
  548. -o-transition:0.5s ease-in-out;
  549. -ms-transition:0.5s ease-in-out;}
  550.  
  551. .base a:hover img {margin-top:20px; opacity:0;}
  552.  
  553. .base b, .base i {font-size:6px; text-transform:uppercase; opacity:0; margin-top:8px; margin-left:0px; display:block; color:{color:custom links hover}; text-align:center;
  554. transition:0.5s ease-in-out;
  555. -webkit-transition:0.5s ease-in-out;
  556. -moz-transition:0.5s ease-in-out;
  557. -o-transition:0.5s ease-in-out;
  558. -ms-transition:0.5s ease-in-out;}
  559.  
  560. .base a:hover b, .base a:hover i {opacity:1;}
  561. .base i {width:55px; height:20px; display:block; margin-top:0px; margin-left:-22.5px; padding:6px 0; background:{color:custom links bg};}
  562.  
  563. #pages {position:fixed; width:100px; padding:5px 8px; right:30px; background:{color:pagination bg}; bottom:70px; height:15px; line-height:15px; text-align:center; color:{color:pagination};}
  564. #pages a {color:{color:pagination};}
  565.  
  566. #sidebar {position:fixed; width:350px; height:300px; top:100px; left:50px;}
  567.  
  568. #render {position:fixed; z-index:-999; bottom:0; right:0;}
  569. #render img {max-height:100%; max-width:350px;}
  570.  
  571. {CustomCSS}
  572. </style>
  573.  
  574. {block:ifinfinitescroll}
  575. <!-- INFINITE SCROLL SCRIPT -->
  576. <script src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  577. {/block:ifinfinitescroll}
  578.  
  579. <!-- STYLE-MY-TOOLTIPS SCRIPTS -->
  580. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  581. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  582.  
  583. <script>
  584. (function($){
  585. $(document).ready(function(){
  586. $("a[title]").style_my_tooltips({
  587. tip_follows_cursor:true,
  588. tip_delay_time:0,
  589. tip_fade_speed:0,
  590. attribute:"title"
  591. });
  592. });
  593. })(jQuery);
  594. </script>
  595.  
  596. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  597. <script type="text/javascript" src="http://static.tumblr.com/p0knose/yt3n68l3i/jquery.hoverdir.js"></script>
  598. <script type="text/javascript">
  599. $(function() {
  600. $('#boxes > li').each( function() { $(this).hoverdir(); } );
  601. });
  602. </script>
  603.  
  604. </head>
  605. <body>
  606.  
  607. <div id="jan"><a href="http://magnusthemes.tumblr.com" title="magnusthemes"><img src="http://i.imgur.com/sm6ogVP.png" /></a></div>
  608.  
  609. <section id="sidebar">
  610. <ul id="boxes" class="boxes">
  611. <li>
  612. <img src="{image:top left sidebar}" />
  613. <div><div class="desc">{Description}</div></div>
  614. </li>
  615. <li>
  616. <img src="{image:top right sidebar}" />
  617. <div>
  618. <div class="links">
  619. {block:iflink1}<a href="{text:link 1 URL}">{text:link 1}</a>{/block:iflink1}
  620. {block:iflink2}<a href="{text:link 2 URL}">{text:link 2}</a>{/block:iflink2}
  621. {block:iflink3}<a href="{text:link 3 URL}">{text:link 3}</a>{/block:iflink3}
  622. {block:iflink4}<a href="{text:link 4 URL}">{text:link 4}</a>{/block:iflink4}
  623. {block:iflink5}<a href="{text:link 5 URL}">{text:link 5}</a>{/block:iflink5}
  624. {block:iflink6}<a href="{text:link 6 URL}">{text:link 6}</a>{/block:iflink6}
  625. </div></div>
  626. </li>
  627. <li>
  628. <img src="{image:bottom left sidebar}" />
  629. <div>
  630. <div class="base">
  631. {block:ifwhiteicons}
  632. <a href="/"><img src="http://i.imgur.com/xTfFxmI.png"/><b>home</b></a>
  633. <a href="/ask"><img src="http://i.imgur.com/OtrgaXz.png"/><b>ask</b></a>
  634. <a href="/archive"><img src="http://i.imgur.com/MP6CC67.png"/><b>past</b></a>
  635. {block:ifnotbillyplayer}
  636. <a href="http://magnusthemes.tumblr.com"><img src="http://i.imgur.com/OLERR0V.png"/><b>theme</b></a>
  637. {/block:ifnotbillyplayer}
  638. {block:ifbillyplayer}
  639. <a><img src="http://i.imgur.com/qXXpOzh.png"/><i>
  640. {text:billy code}
  641. </i></a>{/block:ifbillyplayer}
  642. {/block:ifwhiteicons}
  643. {block:ifnotwhiteicons}
  644. <a href="/"><img src="http://i.imgur.com/teggoAK.png"/><b>home</b></a>
  645. <a href="/ask"><img src="http://i.imgur.com/7wpxv8M.png"/><b>ask</b></a>
  646. <a href="/archive"><img src="http://i.imgur.com/NUUArfU.png"/><b>past</b></a>
  647. {block:ifnotbillyplayer}
  648. <a href="http://magnusthemes.tumblr.com"><img src="http://i.imgur.com/zRdlwbS.png"/><b>theme</b></a>
  649. {/block:ifnotbillyplayer}
  650. {block:ifbillyplayer}
  651. <a><img src="http://i.imgur.com/axWDHrA.png"/><i>
  652. {text:billy code}
  653. </i></a>{/block:ifbillyplayer}
  654. {/block:ifnotwhiteicons}
  655. </div>
  656. </li>
  657. <li>
  658. <img src="{image:bottom right sidebar}" />
  659. <div><div class="title"><br>
  660. {Title} </p>
  661. <span class="quo">{text:quote}</span>
  662. </div></div>
  663. </li>
  664. </ul>
  665. </section>
  666.  
  667. <div id="render">
  668. <img src="{image:render}"/>
  669. </div>
  670.  
  671.  
  672. {block:ifnotinfinitescroll}
  673. {block:Pagination}
  674. <div id="pages">
  675. {block:PreviousPage}<a href="{PreviousPage}">←</a>&nbsp;&nbsp;{/block:PreviousPage}
  676. {block:JumpPagination length="3"}
  677. {block:CurrentPage}<span class="current_page">✖</span>&nbsp;&nbsp;{/block:CurrentPage}
  678. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  679. {/block:JumpPagination}
  680. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  681. </div>
  682. {/block:Pagination}
  683. {/block:ifnotinfinitescroll}
  684.  
  685. <!-- POSTS -->
  686. <div id="btm"></div>
  687.  
  688. <div id="postmargin">
  689. <div class="autopagerize_page_element"><!-- FOR INFINITE SCROLLING -->
  690. {block:Posts}
  691. <div class="posts">
  692. <div class="container">
  693.  
  694. {block:Text}
  695. {block:Title}
  696. <div id="link">
  697. <div class="jrc">{Title}</div>
  698. </div>
  699. {/block:Title}
  700. {Body}
  701. {/block:Text}
  702.  
  703. {block:Photo}
  704. {block:if500pxposts}{LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}{/block:if500pxposts}
  705. {block:ifnot500pxposts}{LinkOpenTag}<img src="{PhotoURL-400}" width="400">{LinkCloseTag}{/block:ifnot500pxposts}
  706. {block:Caption}{Caption}{/block:Caption}
  707. {/block:Photo}
  708.  
  709. {block:Photoset}
  710. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  711. {block:ifnot500pxposts}{Photoset-400}{/block:ifnot500pxposts}
  712. {block:Caption}{Caption}{/block:Caption}
  713. {/block:Photoset}
  714.  
  715. {block:Quote}
  716. <div id="quote">
  717. <span style="font-size:26px; font-family:georgia;">“</span>{Quote}<span style="font-size:26px; font-family:georgia;">”</span>
  718. </div>
  719. <div style="text-align:right;">{block:Source} —{Source}{/block:Source}</div>
  720. {/block:Quote}
  721.  
  722. {block:Link}
  723. <div id="link" style="text-align:right;"><div class="jrc" style="text-align:right;">
  724. <a href="{URL}" {Target}>{Name} ▹</a>
  725. </div></div>
  726. {block:Description}{Description}{/block:Description}
  727. {/block:Link}
  728.  
  729. {block:Chat}
  730. {block:Title}<div id="link"><div class="jrc"><t>{Title}</t></div></div>{/block:Title}
  731. {block:Lines}<div class="label">
  732. {block:Label}<span>{Label}</span>{/block:Label} {Line}<br/></div>
  733. {/block:Lines}
  734. {/block:Chat}
  735.  
  736. {block:Audio}
  737. <div class="playercontainer">
  738. <div class="tplayer">
  739. {block:AudioPlayer}
  740.  
  741. {block:ifnotwhiteaudioplayer}
  742. {AudioPlayerBlack}
  743. {/block:ifnotwhiteaudioplayer}
  744.  
  745. {block:ifwhiteaudioplayer}
  746. {AudioPlayerWhite}
  747. {/block:ifwhiteaudioplayer}
  748.  
  749. {/block:AudioPlayer}
  750. </div>
  751. </div>
  752.  
  753. <div class="albumart">
  754. {block:AlbumArt}
  755. <img src="{AlbumArtURL}">
  756. {/block:AlbumArt}
  757. </div>
  758.  
  759. <div id="musicinfo">
  760. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  761. <div id="musicinfo">
  762. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</div>
  763. <div id="musicinfo">
  764. <b>Album:</b> {block:Album}{Album}{/block:Album}
  765. </div>
  766. <div id="musicinfo">
  767. <b>Plays:</b> {block:PlayCount}{PlayCount}{/block:PlayCount}
  768. </div>
  769. <div class="audiocaption">
  770. {block:Caption}{Caption}{/block:Caption}
  771. </div>
  772. {/block:Audio}
  773.  
  774. {block:Video}
  775. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  776. {block:ifnot500pxposts}{Video-400}{/block:ifnot500pxposts}
  777. {block:Caption}{Caption}{/block:Caption}
  778. {/block:Video}
  779.  
  780. {block:Answer}
  781. <div id="ask">
  782. <table>
  783. <tr>
  784. <td style="vertical-align:top;width:60px; height:60px; padding:0;">
  785. <img src="{AskerPortraitURL-64}" width="50" height="50"
  786. style="border:5px solid {color:permalinks and asks};">
  787. </td>
  788. <td style="font-size:25px; vertical-align:top; margin:-5px; color:{color:permalinks and asks}; padding:0; text-align:right;">
  789. <br><div style="margin-right:-10px;">◀</div>
  790. </td>
  791. <td style="vertical-align:top; background-color:{color:permalinks and asks}; padding:10px; padding-left:20px; margin-left:-10px; min-height:30px; width:380px;">
  792. <strong>{Asker} inquired:</strong><br> {Question}
  793. </td>
  794. </tr>
  795. </table>
  796. </div>
  797. <br>
  798.  
  799. {Answer}
  800. {/block:Answer}
  801. </div><!-- CONTAINER -->
  802.  
  803. <div id="permalink">
  804.  
  805. {block:Date}
  806. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumber}/{ShortYear}</a>
  807. at <a href="{Permalink}">{24Hour}:{Minutes}{AmPm}</a>
  808. {/block:Date}
  809.  
  810. {block:NoteCount}
  811. with <a href="{Permalink}">{NoteCount}</a> notes
  812. {/block:NoteCount}
  813.  
  814. {block:RebloggedFrom}
  815. - <a href="{ReblogRootURL}">source</a> - <a href="{ReblogParentURL}">from</a>
  816. {/block:RebloggedFrom}
  817.  
  818. {block:indexpage}- <a href="{ReblogURL}">reblog</a>{/block:indexpage}
  819.  
  820.  
  821. {block:HasTags}<div style="margin-right:1px;">
  822. <br>
  823. {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}
  824. </div>
  825. {/block:HasTags}
  826.  
  827. </div><!-- PERMALINK -->
  828.  
  829.  
  830. <div class="notes">
  831. {block:PostNotes}
  832. <a name="notes">{PostNotes}</a>
  833. {/block:PostNotes}
  834. </div><!-- NOTES -->
  835.  
  836. </div><!-- POSTS -->
  837. {/block:Posts}
  838. </div><!-- AUTOPAGERIZE -->
  839. </div><!-- POSTMARGIN -->
  840. <!-- POSTS -->
  841.  
  842. <!-- Start of StatCounter Code for Tumblr -->
  843. <script type="text/javascript">
  844. var sc_project=9936436;
  845. var sc_invisible=1;
  846. var sc_security="c7ceb0e5";
  847. var scJsHost = (("https:" == document.location.protocol) ?
  848. "https://secure." : "http://www.");
  849. document.write("<sc"+"ript type='text/javascript' src='" +
  850. scJsHost+
  851. "statcounter.com/counter/counter.js'></"+"script>");
  852. </script>
  853. <noscript><div class="statcounter"><a title="tumblr visit
  854. counter" href="http://statcounter.com/tumblr/"
  855. target="_blank"><img class="statcounter"
  856. src="http://c.statcounter.com/9936436/0/c7ceb0e5/1/"
  857. alt="tumblr visit counter"></a></div></noscript>
  858. <!-- End of StatCounter Code for Tumblr -->
  859.  
  860. </body>
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!