API tools faq
paste
the49thname

Theme 04: The Bravery (non-tab version)

the49thname
Nov 27th, 2015
1,505
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <head>
  4.  
  5. <!-- theme 04: the bravery (non-tab version) / version 1.4 (edited 03/09/19)
  6.  
  7. themes by ro (the49thname) / the49ththeme.tumblr.com
  8. tumblr controls fix by cyantists @ tumblr
  9. don't remove the credit, use as a base code, or claim as your own work.
  10. edit as much as you want, and feel free to send me any queries/problems.
  11.  
  12. -->
  13.  
  14. <html xlmns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19.  
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!-- colour options -->
  25.  
  26. <meta name="color:bold" content="#000"/>
  27. <meta name="color:italic" content="#ccc"/>
  28. <meta name="color:underline" content="#888"/>
  29. <meta name="color:background" content="#f6f6f6"/>
  30. <meta name="color:header bg" content="#ddd"/>
  31. <meta name="color:nav bg" content="#666"/>
  32. <meta name="color:header link" content="#fff"/>
  33. <meta name="color:header link hover" content="#fe89b3"/>
  34. <meta name="color:scrollbar" content="#fe89b3"/>
  35. <meta name="color:text" content="#888"/>
  36. <meta name="color:title" content="#000"/>
  37. <meta name="color:desc bg" content="#fff"/>
  38. <meta name="color:link" content="#fe89b3"/>
  39. <meta name="color:link hover" content="#888"/>
  40. <meta name="color:perma link" content="#fff"/>
  41. <meta name="color:perma link hover" content="#fe89b3"/>
  42. <meta name="color:perma link bg" content="#666"/>
  43. <meta name="color:tags" content="#fff"/>
  44. <meta name="color:tags hover" content="#fe89b3"/>
  45. <meta name="color:border" content="#fe89b3"/>
  46. <meta name="color:h1 text" content="#fff"/>
  47. <meta name="color:h1 bg" content="#fe89b3"/>
  48. <meta name="color:ask text" content="#fff"/>
  49. <meta name="color:ask bg" content="#666"/>
  50. <meta name="color:reply bg" content="#f6f6f6"/>
  51. <meta name="color:tooltip text" content="#fff"/>
  52. <meta name="color:tooltip bg" content="#fe89b3"/>
  53. <meta name="color:selection text" content="#fff"/>
  54. <meta name="color:selection bg" content="#fe89b3"/>
  55.  
  56. <!-- text options -->
  57.  
  58. <meta name="text:Link 1" content="Link 1"/>
  59. <meta name="text:Link 1 URL" content=""/>
  60. <meta name="text:Link 2" content="Link 2"/>
  61. <meta name="text:Link 2 URL" content=""/>
  62. <meta name="text:Link 3" content="Link 3"/>
  63. <meta name="text:Link 3 URL" content=""/>
  64.  
  65. <!-- image options -->
  66.  
  67. <meta name="image:bg" content=""/>
  68. <meta name="image:header" content="//68.media.tumblr.com/f4a9d5625cfbb69d4b6e14ce92087298/tumblr_nxgw3pYoMi1ryc2oyo1_1280.png"/>
  69.  
  70. <!-- toggle options -->
  71.  
  72. <meta name="if:small header" content="0"/>
  73. <meta name="if:full height header" content="0"/>
  74. <meta name="if:header image" content="1"/>
  75. <meta name="if:400px posts" content="0"/>
  76. <meta name="if:post buttons" content="1"/>
  77. <meta name="if:show caption" content="1"/>
  78. <meta name="if:show tags" content="1"/>
  79.  
  80. <!-- fonts -->
  81.  
  82. <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet">
  83.  
  84. <!-- jquery scripts -->
  85.  
  86. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  87.  
  88. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  89.  
  90. <!-- tooltip scripts -->
  91.  
  92. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  93.  
  94. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  95.  
  96. <script>
  97. (function($){
  98. $(document).ready(function(){
  99. $("a[title]").style_my_tooltips({
  100. tip_follows_cursor:true,
  101. tip_delay_time:90,
  102. tip_fade_speed:600,
  103. attribute:"title"
  104. });
  105. });
  106. })(jQuery);
  107. </script>
  108.  
  109. <style type="text/css">
  110.  
  111. iframe.tmblr-iframe {
  112. z-index:99999999999999!important;
  113. top:3px!important;
  114. right:0!important;
  115. transform:scale(0.6);
  116. transform-origin:100% 0;
  117. -webkit-transform:scale(0.8);
  118. -webkit-transform-origin:100% 0;
  119. -o-transform:scale(0.8);
  120. -o-transform-origin:100% 0;
  121. -moz-transform:scale(0.8);
  122. -moz-transform-origin:100% 0;
  123. -ms-transform:scale(0.8);
  124. -ms-transform-origin:100% 0;
  125. }
  126.  
  127. ::-webkit-scrollbar-thumb {
  128. z-index:9999999;
  129. position:relative;
  130. height:auto;
  131. background-color:{color:scrollbar};
  132. }
  133.  
  134. ::-webkit-scrollbar {
  135. height:5px;
  136. width:5px;
  137. background-color:{color:background};
  138. }
  139.  
  140. /* basics */
  141.  
  142. body {
  143. color:{color:text};
  144. background-color:{color:background};
  145. font-family:'Roboto', sans-serif;
  146. font-size:10px;
  147. margin:0;
  148. line-height:14px;
  149. letter-spacing:1px;
  150. text-align:justify;
  151. word-wrap:break-word;
  152. background-image:url('{image:bg}');
  153. background-position:left top;
  154. background-attachment:fixed;
  155. background-repeat:repeat;
  156. }
  157.  
  158. small {font-size:9px;}
  159.  
  160. pre {
  161. word-wrap:break-word;
  162. padding:5px;
  163. margin:0px 10px;
  164. border:1px solid {color:border};
  165. white-space:pre-wrap;
  166. white-space:-moz-pre-wrap;
  167. white-space:-pre-wrap;
  168. white-space:-o-pre-wrap;
  169. }
  170.  
  171. blockquote {
  172. margin:0px 0px 0px 20px;
  173. padding:2px 0px 2px 5px;
  174. border-left:1px solid {color:border};
  175. }
  176.  
  177. #posts blockquote img {max-width:100%;height:auto;}
  178.  
  179. b, strong {color:{color:bold};}
  180.  
  181. i, em {color:{color:italic};}
  182.  
  183. u {color:{color:underline};text-transform:none;}
  184.  
  185. a {
  186. color:{color:link};
  187. text-transform:uppercase;
  188. text-decoration:none;
  189. -moz-transition-duration:1s;
  190. -webkit-transition-duration:1s;
  191. -o-transition-duration:1s;
  192. }
  193.  
  194. a:hover {
  195. color:{color:link hover};
  196. -moz-transition-duration:1s;
  197. -webkit-transition-duration:1s;
  198. -o-transition-duration:1s;
  199. }
  200.  
  201. p {margin:10px;}
  202.  
  203. h1 {
  204. font-size:14px;
  205. font-family:'Roboto', sans-serif;
  206. text-align:left;
  207. text-transform:uppercase;
  208. letter-spacing:1px;
  209. color:{color:h1 text};
  210. background-color:{color:h1 bg};
  211. padding:10px;
  212. margin-top:0px;
  213. }
  214.  
  215. h1 a {
  216. color:{color:h1 text};
  217. -moz-transition-duration:1s;
  218. -webkit-transition-duration:1s;
  219. -o-transition-duration:1s;
  220. }
  221.  
  222. h1 a:hover {
  223. color:{color:nav bg};
  224. -moz-transition-duration:1s;
  225. -webkit-transition-duration:1s;
  226. -o-transition-duration:1s;
  227. }
  228.  
  229. h2 {
  230. text-align:center;
  231. font-size:12px;
  232. word-spacing:2px;
  233. line-height:17px;
  234. padding:5px 10px;
  235. text-transform:uppercase;
  236. font-family:'Roboto', sans-serif;
  237. }
  238.  
  239. /* header */
  240.  
  241. #hdr {
  242. width:100%;
  243. {block:iffullheightheader}
  244. height:100vh;
  245. {/block:iffullheightheader}
  246. {block:ifnotfullheightheader}
  247. {block:ifsmallheader}
  248. height:250px;
  249. {/block:ifsmallheader}
  250. {block:ifnotsmallheader}
  251. height:400px;
  252. {/block:ifnotsmallheader}
  253. {/block:ifnotfullheightheader}
  254. position:absolute;
  255. top:0;
  256. left:0;
  257. {block:ifheaderimage}
  258. background: url({image:header}) top center;
  259. -webkit-background-size:cover;
  260. -moz-background-size:cover;
  261. -o-background-size:cover;
  262. background-size:cover;
  263. {/block:ifheaderimage}
  264. {block:ifnotheaderimage}
  265. background-color:{color:header bg};
  266. {/block:ifnotheaderimage}
  267. }
  268.  
  269. #info {
  270. width:100%;
  271. {block:ifsmallheader}
  272. height:250px;
  273. {/block:ifsmallheader}
  274. {block:ifnotsmallheader}
  275. height:400px;
  276. {/block:ifnotsmallheader}
  277. position:absolute;
  278. z-index:9;
  279. text-align:center;
  280. }
  281.  
  282. #infotext {
  283. width:300px;
  284. padding:10px;
  285. {block:ifnotfullheightheader}
  286. {block:ifsmallheader}
  287. margin-top:70px;
  288. {/block:ifsmallheader}
  289. {block:ifnotsmallheader}
  290. margin-top:250px;
  291. {/block:ifnotsmallheader}
  292. margin-left:auto;
  293. margin-right:auto;
  294. {/block:ifnotfullheightheader}
  295. {block:iffullheightheader}
  296. position:absolute;
  297. top:50%;
  298. left:50%;
  299. margin-top:-35px;
  300. margin-left:-150px;
  301. {/block:iffullheightheader}
  302. background-color:{color:desc bg};
  303. }
  304.  
  305. .title {
  306. font-size:30px;
  307. line-height:25px;
  308. font-family:'Roboto Condensed', sans-serif;
  309. font-weight:700;
  310. text-align:center;
  311. text-transform:uppercase;
  312. letter-spacing:8px;
  313. color:{color:title};
  314. padding:5px;
  315. }
  316.  
  317. .desc {color:{color:text};font-size:10px;}
  318.  
  319. .nav {
  320. {block:ifnotfullheightheader}
  321. position:absolute;
  322. {block:ifsmallheader}
  323. top:250px;
  324. {/block:ifsmallheader}
  325. {block:ifnotsmallheader}
  326. top:400px;
  327. {/block:ifnotsmallheader}
  328. {/block:ifnotfullheightheader}
  329. {block:iffullheightheader}
  330. position:fixed;
  331. top:0;
  332. {/block:iffullheightheader}
  333. width:100%;
  334. height:35px;
  335. background-color:{color:nav bg};
  336. text-align:center;
  337. display:inline-block;
  338. z-index:9999;
  339. }
  340.  
  341. .nav-fixed {position:fixed;top:0;}
  342.  
  343. .nav a {
  344. font-family:'Roboto Condensed', sans-serif;
  345. font-size:13px;
  346. line-height:33px;
  347. text-transform:uppercase;
  348. letter-spacing:1px;
  349. color:{color:header link};
  350. padding:0px 14px;
  351. -moz-transition-duration:1s;
  352. -webkit-transition-duration:1s;
  353. -o-transition-duration:1s;
  354. }
  355.  
  356. .nav a:hover {
  357. color:{color:header link hover};
  358. -moz-transition-duration:1s;
  359. -webkit-transition-duration:1s;
  360. -o-transition-duration:1s;
  361. }
  362.  
  363. /* posts */
  364.  
  365. .pagination {
  366. text-align:center;
  367. padding:0px 0px 50px 0px;
  368. font-size:20px!important;
  369. font-family:'Roboto Condensed', sans-serif;
  370. }
  371.  
  372. .pagination a {
  373. padding:20px 2px;
  374. color:{color:text}!important;
  375. -moz-transition-duration:1s;
  376. -webkit-transition-duration:1s;
  377. -o-transition-duration:1s;
  378. }
  379.  
  380. .pagination a:hover {
  381. color:{color:header link hover}!important;
  382. -moz-transition-duration:1s;
  383. -webkit-transition-duration:1s;
  384. -o-transition-duration:1s;
  385. }
  386.  
  387. #container {
  388. position:relative;
  389. {block:if400pxposts}
  390. width:550px;
  391. {/block:if400pxposts}
  392. {block:ifnot400pxposts}
  393. width:650px;
  394. {/block:ifnot400pxposts}
  395. height:100%;
  396. margin-left:auto;
  397. margin-right:auto;
  398. {block:ifnotfullheightheader}
  399. {block:ifsmallheader}
  400. top:355px;
  401. {/block:ifsmallheader}
  402. {block:ifnotsmallheader}
  403. top:505px;
  404. {/block:ifnotsmallheader}
  405. {/block:ifnotfullheightheader}
  406. {block:iffullheightheader}
  407. top:calc(100vh + 105px);
  408. {/block:iffullheightheader}
  409. overflow:hidden;
  410. }
  411.  
  412. #posts {
  413. background-color:#fff;
  414. {block:if400pxposts}
  415. width:400px;
  416. {/block:if400pxposts}
  417. {block:ifnot400pxposts}
  418. width:500px;
  419. {/block:ifnot400pxposts}
  420. padding:10px;
  421. margin-left:auto;
  422. margin-right:auto;
  423. {block:IndexPage}margin-bottom:80px;{/block:IndexPage}
  424. {block:PermalinkPage}margin-bottom:40px;{/block:PermalinkPage}
  425. }
  426.  
  427. .buttons {
  428. position:absolute;
  429. {block:if400pxposts}
  430. margin-left:425px;
  431. {/block:if400pxposts}
  432. {block:ifnot400pxposts}
  433. margin-left:525px;
  434. {/block:ifnot400pxposts}
  435. margin-top:-8px;
  436. display:block;
  437. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  438. }
  439.  
  440. #likebutton {
  441. background-color:{color:nav bg};
  442. padding:5px;
  443. margin-bottom:10px;
  444. width:30px;
  445. height:30px;
  446. overflow:hidden;
  447. box-sizing:border-box;
  448. }
  449.  
  450. #reblogbutton {
  451. background-color:{color:nav bg};
  452. padding:5px;
  453. width:30px;
  454. height:30px;
  455. overflow:hidden;
  456. box-sizing:border-box;
  457. }
  458.  
  459. #posts ul, ol {margin-left:15px;padding:0px!important;}
  460.  
  461. #posts li {margin:0px 10px;}
  462.  
  463. #posts img {
  464. {block:if400pxposts}
  465. max-width:400px;
  466. {/block:if400pxposts}
  467. {block:ifnot400pxposts}
  468. max-width:500px;
  469. {/block:ifnot400pxposts}
  470. }
  471.  
  472. #posts iframe, #posts video {max-width:100%;}
  473.  
  474. #source {margin-top:15px;text-align:right;}
  475.  
  476. .caption {
  477. {block:ifnotshowcaption}
  478. {block:IndexPage}display:none;{/block:IndexPage}
  479. {/block:ifnotshowcaption}
  480. }
  481.  
  482. #audio {
  483. width:100%;
  484. height:100px;
  485. padding:10px 0px;
  486. color:{color:header link};
  487. background-color:{color:nav bg};
  488. font-family:'Roboto Condensed', sans-serif;
  489. font-size:10px;
  490. line-height:25px;
  491. overflow:hidden;
  492. }
  493.  
  494. #audio b {color:{color:header link hover};}
  495.  
  496. #audioplayerbg {
  497. background:#fff;
  498. width:80px;
  499. height:80px;
  500. margin-left:10px;
  501. padding:10px;
  502. overflow:hidden;
  503. position:absolute;
  504. opacity:0.4;
  505. -moz-transition-duration:1s;
  506. -webkit-transition-duration:1s;
  507. -o-transition-duration:1s;
  508. }
  509.  
  510. #audioplayerbg:hover {
  511. opacity:0.7;
  512. -moz-transition-duration:1s;
  513. -webkit-transition-duration:1s;
  514. -o-transition-duration:1s;
  515. }
  516.  
  517. #audioplayer {
  518. width:30px;
  519. height:30px;
  520. overflow:hidden;
  521. margin-top:25px;
  522. margin-left:25px;
  523. }
  524.  
  525. #albumart {float:left;margin:0px 10px;}
  526.  
  527. #audioinfo {
  528. position:absolute;
  529. {block:if400pxposts}
  530. width:260px;
  531. {/block:if400pxposts}
  532. {block:ifnot400pxposts}
  533. width:360px;
  534. {/block:ifnot400pxposts}
  535. max-height:100px;
  536. overflow:auto;
  537. margin-left:125px;
  538. padding-right:10px;
  539. text-transform:uppercase;
  540. }
  541.  
  542. .chat ol {margin:0px!important;list-style:none;}
  543.  
  544. .line {list-style:none;padding:5px 0px;}
  545.  
  546. .label {text-decoration:bold;}
  547.  
  548. .askericon {
  549. width:64px;
  550. height:64px;
  551. float:left;
  552. border:10px solid {color:header link hover};
  553. margin-right:10px;
  554. }
  555.  
  556. .asker {
  557. text-align:left;
  558. font-size:15px;
  559. font-family: 'Roboto', sans-serif;
  560. text-transform:uppercase;
  561. margin-bottom:10px;
  562. }
  563.  
  564. .ask {
  565. text-align:left;
  566. color:{color:ask text};
  567. background-color:{color:ask bg};
  568. height:64px;
  569. padding:10px;
  570. overflow:auto;
  571. }
  572.  
  573. .answer {
  574. text-align:left;
  575. padding:10px;
  576. margin-top:10px;
  577. background-color:{color:reply bg};
  578. }
  579.  
  580. #posts .answer img {max-width:100%;height:auto;margin:0px;}
  581.  
  582. .replier {
  583. text-align:left;
  584. font-size:15px;
  585. font-family: 'Roboto', sans-serif;
  586. text-transform:uppercase;
  587. margin:10px 0px 10px 10px;
  588. }
  589.  
  590. .replies {margin-top:10px;}
  591.  
  592. #perma {
  593. padding:10px;
  594. letter-spacing:2px;
  595. text-align:center;
  596. background-color:{color:perma link bg};
  597. margin-top:10px;
  598. }
  599.  
  600. #perma a {
  601. color:{color:perma link};
  602. font-size:9px;
  603. padding:5px;
  604. -moz-transition-duration:1s;
  605. -webkit-transition-duration:1s;
  606. -o-transition-duration:1s;
  607. }
  608.  
  609. #perma a:hover {
  610. color:{color:perma link hover};
  611. -moz-transition-duration:1s;
  612. -webkit-transition-duration:1s;
  613. -o-transition-duration:1s;
  614. }
  615.  
  616. #tags {
  617. text-align:center;
  618. word-wrap:break-word;
  619. margin:5px 0px 0px 5px;
  620. {block:ifnotshowtags}
  621. {block:IndexPage}display:none;{/block:IndexPage}
  622. {/block:ifnotshowtags}
  623. }
  624.  
  625. #tags a {
  626. padding:0px 5px;
  627. font-size:8px;
  628. text-transform:none;
  629. color:{color:tags};
  630. -moz-transition-duration:1s;
  631. -webkit-transition-duration:1s;
  632. -o-transition-duration:1s;
  633. }
  634.  
  635. #tags a:hover {
  636. color:{color:tags hover};
  637. -moz-transition-duration:1s;
  638. -webkit-transition-duration:1s;
  639. -o-transition-duration:1s;
  640. }
  641.  
  642. ol.notes {
  643. margin-top:15px;
  644. list-style-type:none;
  645. padding:10px 25px 10px 25px;
  646. text-align:center;
  647. }
  648.  
  649. ol.notes li.note {
  650. padding:10px;
  651. text-align:center;
  652. line-height:140%;
  653. margin-top:10px;
  654. }
  655.  
  656. ol.notes li.note img.avatar {display:none!important;}
  657.  
  658. ol.notes li.note blockquote {padding:2px 5px;margin:5px 0px 0px 35px;}
  659.  
  660. /* extras */
  661.  
  662. #s-m-t-tooltip {
  663. z-index:9999999999;
  664. color:{color:tooltip text};
  665. background:{color:tooltip bg};
  666. font-size:9px;
  667. line-height:11px;
  668. font-family: 'Roboto Condensed', sans-serif;
  669. letter-spacing:1px;
  670. text-transform:uppercase;
  671. max-width:150px;
  672. word-wrap:break-word;
  673. padding:2px 5px 2px 5px;
  674. display:block;
  675. margin:24px 14px 7px 12px;
  676. }
  677.  
  678. ::selection {color:{color:selection text};background:{color:selection bg};}
  679.  
  680. /* credit - do not remove, alter, or move to another page */
  681.  
  682. #credit {
  683. position:fixed;
  684. bottom:14px;
  685. right:10px;
  686. text-align:center;
  687. z-index:9999999;
  688. }
  689.  
  690. #credit a {
  691. font-size:10px;
  692. color:{color:background};
  693. background-color:{color:scrollbar};
  694. padding:4px;
  695. -moz-transition-duration:1s;
  696. -webkit-transition-duration:1s;
  697. -o-transition-duration:1s;
  698. }
  699.  
  700. #credit a:hover {
  701. color:{color:scrollbar};
  702. background-color:{color:background};
  703. -moz-transition-duration:1s;
  704. -webkit-transition-duration:1s;
  705. -o-transition-duration:1s;
  706. }
  707.  
  708. </style>
  709. </head>
  710. <body>
  711.  
  712. <div id="hdr"></div>
  713.  
  714. {block:iffullheightheader}
  715. <div id="infotext">
  716. <div class="title">{Title}</div>
  717. <div id="desc" style="text-align:justify;word-wrap:break-word;margin-top:10px">{Description}</div>
  718. </div>
  719. {/block:iffullheightheader}
  720.  
  721. {block:ifnotfullheightheader}
  722. <div id="info">
  723. <div id="infotext">
  724. <div class="title">{Title}</div>
  725. <div id="desc" style="text-align:justify;word-wrap:break-word;margin-top:10px">{Description}</div>
  726. </div>
  727. </div>
  728. {/block:ifnotfullheightheader}
  729.  
  730. <div class="nav">
  731. <a href="/">Home</a>
  732. <a href="/ask">Ask</a>
  733. <a href="/archive">Past</a>
  734. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  735. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  736. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  737. </div>
  738.  
  739. <div id="container">
  740. {block:Posts}
  741. <div id="posts">
  742.  
  743. {block:ifpostbuttons}
  744. <div class="buttons">
  745. <div id="likebutton">{LikeButton size="20" color="white"}</div>
  746. <div id="reblogbutton">{ReblogButton size="20" color="white"}</div>
  747. </div>
  748. {/block:ifpostbuttons}
  749.  
  750. {block:Text}
  751. {block:Title}<h1>{Title}</h1>{/block:Title}
  752. {Body}
  753. {/block:Text}
  754.  
  755. {block:Quote}
  756. <h2>{Quote}</h2>
  757. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  758. {/block:Quote}
  759.  
  760. {block:Link}
  761. <h1><a href="{URL}">{Name}</a></h1>
  762. {block:Description}{Description}{/block:Description}
  763. {/block:Link}
  764.  
  765. {block:Chat}
  766. {block:Title}
  767. <h1>{Title}</h1>
  768. {/block:Title}
  769. <div class="chat">
  770. <ol>{block:Lines}
  771. <li class="line {Alt}">
  772. {block:Label}
  773. <span class="label">
  774. <b>{Label}</b></span>
  775. {/block:Label}{Line}</li>
  776. {/block:Lines}
  777. </ol></div>
  778. {/block:Chat}
  779.  
  780. {block:Photo}
  781. {LinkOpenTag}<center>{block:if400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxposts}{block:ifnot400pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:ifnot400pxposts}</center>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  782. {/block:Photo}
  783.  
  784. {block:Photoset}
  785. <center>{block:if400pxposts}{Photoset-400}{/block:if400pxposts}{block:ifnot400pxposts}{Photoset-500}{/block:ifnot400pxposts}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  786. {/block:Photoset}
  787.  
  788. {block:Video}
  789. <center>{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:ifnot400pxposts}{Video-500}{/block:ifnot400pxposts}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  790. {/block:Video}
  791.  
  792. {block:Audio}
  793. <div id="audio">
  794. <div id="audioplayerbg"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  795. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  796. <div id="audioinfo">
  797. <span{block:TrackName} style="display:none;"{block:TrackName}><b>Song:</b> unknown</span>{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}
  798. <br><span{block:Artist} style="display:none;"{block:Artist}><b>Artist:</b> unknown</span>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  799. <br><span{block:Album} style="display:none;"{block:Album}><b>Album:</b> unknown</span>{block:Album}<b>Album:</b> {Album}{/block:Album}
  800. <br>{block:PlayCount}<b>Play count:</b> {PlayCount}{/block:PlayCount}
  801. </div></div>
  802. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  803. {/block:Audio}
  804.  
  805. {block:Answer}
  806. <div class="askericon"><img src="{AskerPortraitURL-64}"></div>
  807. <div class="ask"><div class="asker">{Asker} asked:</div>{Question}</div>
  808. <div class="answer">{block:Answerer}<div class="replier">{Answerer} replied:</div>{/block:Answerer}{Answer}</div>
  809. {block:Answerer}<div class="replies">{Replies}</div>{/block:Answerer}
  810. {/block:Answer}
  811.  
  812. {block:Date}
  813.  
  814. {block:IndexPage}<div id="perma">
  815. <a href="{Permalink}" title="{DayofMonth}{DayofMonthSuffix} {Month} {Year}">{block:Date}{TimeAgo}{/block:Date}</a>
  816. <a href="{Permalink}">{NoteCountwithLabel}</a>
  817. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  818. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">©</a>{/block:ContentSource}
  819. <br>{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  820. </div>{/block:IndexPage}
  821.  
  822. {block:PermalinkPage}<div id="perma">
  823. <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>
  824. <a href="{Permalink}">{NoteCountwithLabel}</a>
  825. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  826. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">©</a>{/block:ContentSource}
  827. <br>{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  828. </div>{/block:PermalinkPage}
  829.  
  830. {/block:Date}
  831.  
  832. {block:PostNotes}{PostNotes}{/block:PostNotes}
  833.  
  834. </div>
  835.  
  836. {/block:Posts}
  837.  
  838. {block:Pagination}
  839. <div class="pagination">
  840. {block:PreviousPage}<a href="{PreviousPage}">Back</a> /{/block:PreviousPage}
  841. {block:NextPage}<a href="{NextPage}">Forth</a>{/block:NextPage}</div>
  842. {/block:Pagination}
  843.  
  844. </div>
  845.  
  846. {block:ifnotfullheightheader}
  847. <!-- sticky navbar jquery -->
  848.  
  849. {block:ifsmallheader}
  850. <script>
  851. $(document).ready(function(){
  852. $(window).bind('scroll', function(){
  853. if($(window).scrollTop() > 250){
  854. $('.nav').addClass('nav-fixed');
  855. }
  856.  
  857. else{
  858. $('.nav').removeClass('nav-fixed');
  859. }
  860. });
  861. });
  862. </script>
  863. {/block:ifsmallheader}
  864.  
  865. {block:ifnotsmallheader}
  866. <script>
  867. $(document).ready(function(){
  868. $(window).bind('scroll', function(){
  869. if($(window).scrollTop() > 400){
  870. $('.nav').addClass('nav-fixed');
  871. }
  872.  
  873. else{
  874. $('.nav').removeClass('nav-fixed');
  875. }
  876. });
  877. });
  878. </script>
  879. {/block:ifnotsmallheader}
  880. {/block:ifnotfullheightheader}
  881.  
  882. <div id="credit"><a href="//the49thname.tumblr.com/" title="made by the49thname">49</a>
  883. </div>
  884.  
  885. </body>
  886. </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!