the49thname

Theme 13: Woodwork (dark version)

Oct 13th, 2017
2,132
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.84 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!-- theme 13: woodwork (dark ver) / version 1.3 (edited 03/09/19)
  6.  
  7. themes by ro (the49thname) / the49ththeme.tumblr.com
  8. unnest captions script by magnusthemes & neothm @ tumblr
  9. modified pxu photoset script by shythemes & bychloethemes @ tumblr
  10. tumblr controls fix by cyantists @ tumblr
  11. don't remove the credit, use as a base code, or claim as your own work.
  12. edit as much as you want, and feel free to send me any queries/problems.
  13.  
  14. -->
  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="#fff"/>
  27. <meta name="color:italic" content="#ccc"/>
  28. <meta name="color:underline" content="#fff"/>
  29. <meta name="color:background" content="#0d0d0d"/>
  30. <meta name="color:scrollbar" content="#f2992e"/>
  31. <meta name="color:theme border bg" content="#000"/>
  32. <meta name="color:top title" content="#fff"/>
  33. <meta name="color:enter text" content="#fff"/>
  34. <meta name="color:enter bg" content="#f2992e"/>
  35. <meta name="color:nav links" content="#fff"/>
  36. <meta name="color:nav links hover" content="#f2992e"/>
  37. <meta name="color:sidebar bg" content="#000"/>
  38. <meta name="color:post bg" content="#000"/>
  39. <meta name="color:text" content="#fff"/>
  40. <meta name="color:link" content="#f2992e"/>
  41. <meta name="color:link hover" content="#fff"/>
  42. <meta name="color:perma link" content="#fff"/>
  43. <meta name="color:perma link hover" content="#f2992e"/>
  44. <meta name="color:tags" content="#fff"/>
  45. <meta name="color:tags hover" content="#f2992e"/>
  46. <meta name="color:border" content="#fff"/>
  47. <meta name="color:h1 text" content="#fff"/>
  48. <meta name="color:tooltip text" content="#000"/>
  49. <meta name="color:tooltip bg" content="#f2992e"/>
  50. <meta name="color:selection text" content="#000"/>
  51. <meta name="color:selection bg" content="#f2992e"/>
  52.  
  53. <!-- image options -->
  54.  
  55. <meta name="image:bg" content=""/>
  56. <meta name="image:header" content="https://78.media.tumblr.com/73603cdf2281d66486e0bfd61330cc0c/tumblr_oxrq42iWT41uptww3o2_1280.png"/>
  57.  
  58. <!-- text options -->
  59.  
  60. <meta name="text:Link 1" content="Link 1"/>
  61. <meta name="text:Link 1 URL" content=""/>
  62. <meta name="text:Link 2" content="Link 2"/>
  63. <meta name="text:Link 2 URL" content=""/>
  64. <meta name="text:Link 3" content="Link 3"/>
  65. <meta name="text:Link 3 URL" content=""/>
  66. <meta name="text:Link 4" content="Link 4"/>
  67. <meta name="text:Link 4 URL" content=""/>
  68. <meta name="text:Link 5" content="Link 5"/>
  69. <meta name="text:Link 5 URL" content=""/>
  70. <meta name="text:Link 6" content="Link 6"/>
  71. <meta name="text:Link 6 URL" content=""/>
  72. <meta name="text:Link 7" content="Link 7"/>
  73. <meta name="text:Link 7 URL" content=""/>
  74. <meta name="text:Link 8" content="Link 8"/>
  75. <meta name="text:Link 8 URL" content=""/>
  76.  
  77. <!-- toggle options -->
  78.  
  79. <meta name="if:show header" content="1"/>
  80. <meta name="if:show sidebar links" content="1"/>
  81. <meta name="if:400px posts" content="0"/>
  82. <meta name="if:show captions" content="1"/>
  83. <meta name="if:show tags" content="1"/>
  84. <meta name="if:show like reblog buttons" content="1"/>
  85.  
  86. <!-- fonts -->
  87.  
  88. <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet">
  89.  
  90. <!-- font awesome script -->
  91.  
  92. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  93.  
  94. <!-- jquery scripts -->
  95.  
  96. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  97.  
  98. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  99.  
  100. <!-- tooltip scripts -->
  101.  
  102. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  103.  
  104. <script>
  105. (function($){
  106. $(document).ready(function(){
  107. $("a[title]").style_my_tooltips({
  108. tip_follows_cursor:true,
  109. tip_delay_time:90,
  110. tip_fade_speed:600,
  111. attribute:"title"
  112. });
  113. });
  114. })(jQuery);
  115. </script>
  116.  
  117. <style type="text/css">
  118.  
  119. iframe.tmblr-iframe {
  120. top:3px!important;
  121. right:0!important;
  122. /* delete from here
  123. filter:invert(1);
  124. -webkit-filter:invert(1);
  125. -o-filter:invert(1);
  126. -moz-filter:invert(1);
  127. -ms-filter:invert(1);
  128. to here if your blog has a dark background */
  129. transform:scale(0.6);
  130. transform-origin:100% 0;
  131. -webkit-transform:scale(0.8);
  132. -webkit-transform-origin:100% 0;
  133. -o-transform:scale(0.8);
  134. -o-transform-origin:100% 0;
  135. -moz-transform:scale(0.8);
  136. -moz-transform-origin:100% 0;
  137. -ms-transform:scale(0.8);
  138. -ms-transform-origin:100% 0;
  139. z-index:99999999999999!important;
  140. }
  141.  
  142. ::-webkit-scrollbar-thumb {
  143. position:relative;
  144. height:auto;
  145. background-color:{color:scrollbar};
  146. z-index:9999;
  147. }
  148.  
  149. ::-webkit-scrollbar {
  150. width:5px;
  151. height:5px;
  152. background-color:{color:theme border bg};
  153. }
  154.  
  155. /* basics */
  156.  
  157. body {
  158. color:{color:text};
  159. background-color:{color:background};
  160. font-family:'Roboto', sans-serif;
  161. font-size:10px;
  162. margin:0;
  163. line-height:14px;
  164. letter-spacing:1px;
  165. text-align:justify;
  166. word-wrap:break-word;
  167. background-image:url('{image:bg}');
  168. background-position:left top;
  169. background-attachment:fixed;
  170. background-repeat:repeat;
  171. }
  172.  
  173. small {font-size:9px;}
  174.  
  175. pre {
  176. margin:0px 10px;
  177. padding:5px;
  178. border:1px solid {color:border};
  179. word-wrap:break-word;
  180. white-space:pre-wrap;
  181. white-space:-moz-pre-wrap;
  182. white-space:-pre-wrap;
  183. white-space:-o-pre-wrap;
  184. }
  185.  
  186. blockquote {
  187. margin:5px 0px 5px 20px;
  188. padding:2px 0px 2px 5px;
  189. border-left:1px solid {color:border};
  190. }
  191.  
  192. b, strong {color:{color:bold};}
  193.  
  194. i, em {color:{color:italic};}
  195.  
  196. u {color:{color:underline};text-transform:none;}
  197.  
  198. a {
  199. color:{color:link};
  200. text-transform:uppercase;
  201. text-decoration:none;
  202. -moz-transition-duration:1s;
  203. -webkit-transition-duration:1s;
  204. -o-transition-duration:1s;
  205. }
  206.  
  207. a:hover {
  208. color:{color:link hover};
  209. -moz-transition-duration:1s;
  210. -webkit-transition-duration:1s;
  211. -o-transition-duration:1s;
  212. }
  213.  
  214. p {margin:10px;}
  215.  
  216. p:empty {display:none;}
  217.  
  218. hr {width:200px;border-top:1px solid {color:border};}
  219.  
  220. h1 {
  221. color:{color:h1 text};
  222. border-bottom:1px solid {color:border};
  223. margin:0px 0px 10px 0px;
  224. padding:10px;
  225. font-size:14px;
  226. font-family:'Roboto', sans-serif;
  227. text-align:center;
  228. text-transform:uppercase;
  229. letter-spacing:1px;
  230. }
  231.  
  232. h1 a {color:{color:link};}
  233.  
  234. h1 a:hover {color:{color:link hover};}
  235.  
  236. h2 {
  237. margin:0px;
  238. padding:10px;
  239. text-align:center;
  240. font-size:14px;
  241. word-spacing:2px;
  242. line-height:17px;
  243. text-transform:uppercase;
  244. font-family:'Roboto', sans-serif;
  245. }
  246.  
  247. /* border & nav */
  248.  
  249. #border1 {
  250. position:fixed;
  251. top:0;
  252. left:0;
  253. width:50px;
  254. height:100vh;
  255. background-color:{color:theme border bg};
  256. z-index:999;
  257. }
  258.  
  259. #border2 {
  260. position:fixed;
  261. top:0;
  262. left:0;
  263. width:100%;
  264. height:50px;
  265. background-color:{color:theme border bg};
  266. z-index:999;
  267. }
  268.  
  269. #border3 {
  270. position:fixed;
  271. top:0;
  272. right:0;
  273. width:50px;
  274. height:100vh;
  275. background-color:{color:theme border bg};
  276. z-index:999;
  277. }
  278.  
  279. #border4 {
  280. position:fixed;
  281. bottom:0;
  282. right:0;
  283. width:100%;
  284. height:50px;
  285. background-color:{color:theme border bg};
  286. z-index:999;
  287. }
  288.  
  289. #toptitle {
  290. position:fixed;
  291. top:0;
  292. left:0;
  293. width:100%;
  294. height:50px;
  295. font-size:20px;
  296. line-height:50px;
  297. font-weight:500;
  298. text-align:center;
  299. text-transform:uppercase;
  300. z-index:9999;
  301. }
  302.  
  303. #toptitle a {color:{color:top title};letter-spacing:5px;}
  304.  
  305. #toptitle a:hover {color:{color:link};letter-spacing:7px;}
  306.  
  307. #nav {
  308. position:fixed;
  309. bottom:0;
  310. left:0;
  311. width:100%;
  312. height:50px;
  313. line-height:50px;
  314. text-align:center;
  315. z-index:9999;
  316. }
  317.  
  318. #nav a {
  319. display:inline-block;
  320. margin:0px 30px;
  321. color:{color:nav links};
  322. font-size:20px;
  323. font-weight:500;
  324. }
  325.  
  326. #nav a:hover {color:{color:nav links hover};}
  327.  
  328. /* header */
  329.  
  330. #headercont {
  331. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  332. {block:ifnotshowheader}display:none;{/block:ifnotshowheader}
  333. }
  334.  
  335. #header {
  336. width:100%;
  337. height:calc(100vh - 50px);
  338. background-color:{color:background};
  339. background:url({image:header}) top center;
  340. -webkit-background-size:cover;
  341. -moz-background-size:cover;
  342. -o-background-size:cover;
  343. background-size:cover;
  344. z-index:1!important;
  345. }
  346.  
  347. #scroll {
  348. position:absolute;
  349. bottom:20vh;
  350. left:50%;
  351. width:200px;
  352. margin-left:-100px;
  353. padding:20px;
  354. box-sizing:border-box;
  355. color:{color:enter text};
  356. background-color:rgba(0, 0, 0, 0.5);
  357. box-shadow:inset 0 0 0 0 {color:enter bg};
  358. border:1px solid {color:enter text};
  359. font-size:30px;
  360. text-align:center;
  361. -webkit-transition:all ease 0.8s;
  362. -moz-transition:all ease 0.8s;
  363. transition:all ease 0.8s;
  364. }
  365.  
  366. #scroll:hover {color:{color:enter text};box-shadow:inset 0 100px 0 0 {color:enter bg};}
  367.  
  368. /* sidebar */
  369.  
  370. .sidebarcont {
  371. {block:ifshowheader}
  372. {block:IndexPage}
  373. position:absolute;
  374. margin-top:100px;
  375. {/block:IndexPage}
  376. {block:PermalinkPage}
  377. position:fixed;
  378. top:100px;
  379. {/block:PermalinkPage}
  380. {/block:ifshowheader}
  381. {block:ifnotshowheader}
  382. position:fixed;
  383. top:100px;
  384. {/block:ifnotshowheader}
  385. right:100px;
  386. width:200px;
  387. z-index:9;
  388. }
  389.  
  390. .sticky {position:fixed;top:0;}
  391.  
  392. #desc, #sidebarnav {
  393. width:200px;
  394. background-color:{color:sidebar bg};
  395. margin-bottom:10px;
  396. padding:10px;
  397. box-sizing:border-box;
  398. text-transform:uppercase;
  399. }
  400.  
  401. #sidebarnav {
  402. {block:ifnotshowsidebarlinks}
  403. display:none;
  404. {/block:ifnotshowsidebarlinks}
  405. }
  406.  
  407. #sidebarnav a {
  408. display:block;
  409. padding:5px 0px;
  410. border-bottom:1px solid {color:link};
  411. }
  412.  
  413. #sidebarnav a:hover {
  414. padding:5px 10px;
  415. border-bottom:1px solid {color:link hover};
  416. }
  417.  
  418. #pagination {width:200px;font-size:15px;text-align:center;}
  419.  
  420. #pagination a {
  421. display:inline-block;
  422. background-color:{color:sidebar bg};
  423. margin:0px 10px;
  424. padding:10px;
  425. }
  426.  
  427. /* posts */
  428.  
  429. #themecontainer {
  430. position:relative;
  431. top:0;
  432. width:100%;
  433. min-height:100vh;
  434. overflow:hidden;
  435. }
  436.  
  437. #container {
  438. position:relative;
  439. {block:if400pxposts}
  440. width:450px;
  441. {/block:if400pxposts}
  442. {block:ifnot400pxposts}
  443. width:550px;
  444. {/block:ifnot400pxposts}
  445. margin:100px auto;
  446. z-index:99;
  447. }
  448.  
  449. .posts {
  450. {block:if400pxposts}
  451. width:400px;
  452. {/block:if400pxposts}
  453. {block:ifnot400pxposts}
  454. width:500px;
  455. {/block:ifnot400pxposts}
  456. background-color:{color:post bg};
  457. {block:IndexPage}
  458. margin:0px auto 80px auto;
  459. {/block:IndexPage}
  460. {block:PermalinkPage}
  461. margin:0px auto 40px auto;
  462. {/block:PermalinkPage}
  463. padding:10px;
  464. }
  465.  
  466. .tumblr_parent {
  467. margin:0px 0px 10px 0px;
  468. padding:0px;
  469. border-left:none;
  470. border-bottom:1px solid {color:border};
  471. }
  472.  
  473. .tumblr_parent:last-child {margin-bottom:0px;border-bottom:none;}
  474.  
  475. .tumblr_avatar {
  476. display:inline-block;
  477. width:25px;
  478. height:25px;
  479. border-radius:50%;
  480. vertical-align:middle;
  481. margin:0px 10px;
  482. }
  483.  
  484. .tumblr_parent a.tumblr_blog {display:inline-block;vertical-align:-2px;}
  485.  
  486. .posts ul, ol {margin-left:15px;padding:0px!important;}
  487.  
  488. .posts li {margin:0px 10px;}
  489.  
  490. .posts img:not(.tumblr_avatar) {
  491. display:block;
  492. {block:if400pxposts}
  493. max-width:400px;
  494. {/block:if400pxposts}
  495. {block:ifnot400pxposts}
  496. max-width:500px;
  497. {/block:ifnot400pxposts}
  498. height:auto;
  499. margin:0px;
  500. vertical-align:middle;
  501. }
  502.  
  503. #youtube_iframe, video {
  504. {block:if400pxposts}
  505. max-width:400px;
  506. {/block:if400pxposts}
  507. {block:ifnot400pxposts}
  508. max-width:500px;
  509. {/block:ifnot400pxposts}
  510. vertical-align:middle;
  511. }
  512.  
  513. .tumblr_parent img:not(.tumblr_avatar), .tumblr_parent #youtube_iframe, .tumblr_parent video {
  514. margin-top:10px
  515. }
  516.  
  517. blockquote:not(.tumblr_parent) img,
  518. blockquote:not(.tumblr_parent) #youtube_iframe,
  519. blockquote:not(.tumblr_parent) video {
  520. max-width:calc(100% - 25px)!important;
  521. margin:0px 0px 0px 10px!important;
  522. }
  523.  
  524. .caption {
  525. margin-top:10px;
  526. {block:ifnotshowcaptions}
  527. {block:IndexPage}
  528. display:none;
  529. {/block:IndexPage}
  530. {/block:ifnotshowcaptions}
  531. }
  532.  
  533. #source {
  534. margin-top:10px;
  535. padding:10px 10px 0px 10px;
  536. border-top:1px solid {color:border};
  537. text-align:center;
  538. }
  539.  
  540. #audio {
  541. font-family:'Roboto Condensed', sans-serif;
  542. font-size:10px;
  543. line-height:25px;
  544. text-align:center;
  545. }
  546.  
  547. #albumart {
  548. width:100px;
  549. height:100px;
  550. margin:10px auto;
  551. }
  552.  
  553. #albumart img {border-radius:50%;}
  554.  
  555. #audioplayerbg {
  556. position:absolute;
  557. width:100px;
  558. height:100px;
  559. {block:if400pxposts}margin-left:150px;{/block:if400pxposts}
  560. {block:ifnot400pxposts}margin-left:200px;{/block:ifnot400pxposts}
  561. padding:10px;
  562. box-sizing:border-box;
  563. background-color:#fff;
  564. border-radius:50%;
  565. opacity:0.7;
  566. -moz-transition-duration:1s;
  567. -webkit-transition-duration:1s;
  568. -o-transition-duration:1s;
  569. }
  570.  
  571. #audioplayerbg:hover {
  572. opacity:0.4;
  573. -moz-transition-duration:1s;
  574. -webkit-transition-duration:1s;
  575. -o-transition-duration:1s;
  576. }
  577.  
  578. #audioplayer {
  579. width:30px;
  580. height:30px;
  581. margin:28px 0px 0px 25px;
  582. overflow:hidden;
  583. }
  584.  
  585. #audioinfo {text-transform:uppercase;}
  586.  
  587. .audiocaption {border-top:1px solid {color:border};margin-top:10px;}
  588.  
  589. .audiocaption .tumblr_parent {padding-top:10px;}
  590.  
  591. .audiocaption:empty {display:none;}
  592.  
  593. .chat ol {margin:0px;padding:5px 0px!important;}
  594.  
  595. .line {list-style:none;padding:5px 0px;}
  596.  
  597. .line:last-child {padding-bottom:0px;}
  598.  
  599. .label {font-weight:bold;}
  600.  
  601. .ask {
  602. padding:10px;
  603. border-bottom:1px solid {color:border};
  604. text-align:center;
  605. }
  606.  
  607. .askericon {
  608. width:64px;
  609. height:64px;
  610. margin:5px auto;
  611. }
  612.  
  613. .askericon img {
  614. border-radius:50%;
  615. opacity:1;
  616. -moz-transition-duration:1s;
  617. -webkit-transition-duration:1s;
  618. -o-transition-duration:1s;
  619. }
  620.  
  621. .askericon img:hover {
  622. opacity:0.5;
  623. -moz-transition-duration:1s;
  624. -webkit-transition-duration:1s;
  625. -o-transition-duration:1s;
  626. }
  627.  
  628. .asker {
  629. margin-bottom:10px;
  630. font-size:15px;
  631. font-family:'Roboto', sans-serif;
  632. text-align:center;
  633. text-transform:uppercase;
  634. }
  635.  
  636. .replier {
  637. margin:20px 0px 10px 0px;
  638. font-size:15px;
  639. font-family:'Roboto', sans-serif;
  640. text-align:center;
  641. text-transform:uppercase;
  642. }
  643.  
  644. .answer img:not(.answericon) {padding-top:5px;}
  645.  
  646. .replies {border-top:1px solid {color:border};margin-top:10px;}
  647.  
  648. .replies .tumblr_parent:first-of-type .tumblr_avatar {margin-top:10px;}
  649.  
  650. .replies .tumblr_parent:first-of-type a.tumblr_blog {vertical-align:-6px;}
  651.  
  652. .replies:empty {display:none;}
  653.  
  654. #perma {
  655. margin-top:10px;
  656. {block:IndexPage}
  657. padding:10px 10px 0px 10px;
  658. {/block:IndexPage}
  659. {block:PermalinkPage}
  660. padding:10px;
  661. border-bottom:1px solid {color:border};
  662. {/block:PermalinkPage}
  663. border-top:1px solid {color:border};
  664. text-align:center;
  665. letter-spacing:2px;
  666. }
  667.  
  668. #perma a {
  669. color:{color:perma link};
  670. font-size:9px;
  671. padding:5px;
  672. }
  673.  
  674. #perma a:hover {color:{color:perma link hover};}
  675.  
  676. .buttons {
  677. position:absolute;
  678. {block:if400pxposts}
  679. margin:-11px 0px 0px 325px;
  680. {/block:if400pxposts}
  681. {block:ifnot400pxposts}
  682. margin:-11px 0px 0px 425px;
  683. {/block:ifnot400pxposts}
  684. {block:ifnotshowlikereblogbuttons}
  685. display:none;
  686. {/block:ifnotshowlikereblogbuttons}
  687. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  688. }
  689.  
  690. #likebutton, #reblogbutton {display:inline-block;padding:5px;}
  691.  
  692. #tags {
  693. word-wrap:break-word;
  694. text-align:center;
  695. text-transform:uppercase;
  696. {block:ifnotshowtags}
  697. {block:IndexPage}
  698. display:none;
  699. {/block:IndexPage}
  700. {/block:ifnotshowtags}
  701. }
  702.  
  703. #tags a {
  704. color:{color:tags};
  705. padding:0px 5px;
  706. font-size:8px;
  707. text-transform:none;
  708. }
  709.  
  710. #tags a:first-child {padding-left:0px;}
  711.  
  712. #tags a:hover {color:{color:tags hover};}
  713.  
  714. ol.notes {list-style-type:none;margin:10px 0px 0px 0px;}
  715.  
  716. ol.notes li.note {margin-top:5px;padding:5px 0px;line-height:10px;}
  717.  
  718. ol.notes li.note img.avatar {
  719. display:inline-block;
  720. width:20px;
  721. height:20px;
  722. margin-right:10px;
  723. vertical-align:middle;
  724. border-radius:50%;
  725. }
  726.  
  727. ol.notes li.note blockquote {padding:2px 5px;margin:5px 0px 0px 35px;}
  728.  
  729. /* extras */
  730.  
  731. #s-m-t-tooltip {
  732. display:block;
  733. color:{color:tooltip text};
  734. background:{color:tooltip bg};
  735. border:1px solid {color:tooltip text};
  736. max-width:150px;
  737. margin:24px 14px 7px 12px;
  738. padding:2px 5px 2px 5px;
  739. font-size:9px;
  740. line-height:11px;
  741. font-family:'Roboto Condensed', sans-serif;
  742. text-align:left;
  743. text-transform:uppercase;
  744. word-wrap:break-word;
  745. z-index:9999999999;
  746. }
  747.  
  748. ::selection {color:{color:selection text};background:{color:selection bg};}
  749.  
  750. /* credit - do not remove, alter, or move to another page */
  751.  
  752. #credit {
  753. position:fixed;
  754. bottom:14px;
  755. right:10px;
  756. text-align:center;
  757. z-index:9999;
  758. }
  759.  
  760. #credit a {
  761. color:{color:background};
  762. background-color:{color:scrollbar};
  763. padding:4px;
  764. font-size:10px;
  765. }
  766.  
  767. #credit a:hover {color:{color:scrollbar};background-color:{color:background};}
  768.  
  769. </style>
  770. </head>
  771. <body>
  772.  
  773. <div id="toptitle"><a href="/" title="return home">{Title}</a></div>
  774.  
  775. <div id="nav">
  776. <a href="/" title="return home">01</a>
  777. <a href="/ask" title="ask">02</a>
  778. <a href="/archive" title="past">03</a>
  779. <a href="{text:Link 1 URL}" title="{text:Link 1}">04</a>
  780. <a href="{text:Link 2 URL}" title="{text:Link 2}">05</a>
  781. <a href="{text:Link 3 URL}" title="{text:link 3}">06</a>
  782. </div>
  783.  
  784. <div id="border1"></div>
  785. <div id="border2"></div>
  786. <div id="border3"></div>
  787. <div id="border4"></div>
  788.  
  789. <div id="headercont">
  790. <a id="scroll" href="#">Enter</a>
  791. <div id="header"></div>
  792. </div>
  793.  
  794. <div class="sidebarcont">
  795. <div id="desc">{Description}</div>
  796. <div id="sidebarnav">
  797. <a href="{text:Link 4 URL}"><c class="fa fa-star"></c> {text:Link 4}</a>
  798. <a href="{text:Link 5 URL}"><c class="fa fa-star"></c> {text:Link 5}</a>
  799. <a href="{text:Link 6 URL}"><c class="fa fa-star"></c> {text:Link 6}</a>
  800. <a href="{text:Link 7 URL}"><c class="fa fa-star"></c> {text:Link 7}</a>
  801. <a href="{text:Link 8 URL}"><c class="fa fa-star"></c> {text:Link 8}</a>
  802. </div>
  803. {block:Pagination}
  804. <div id="pagination">
  805. {block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">Forth</a>{/block:NextPage}
  806. </div>
  807. {/block:Pagination}
  808. </div>
  809.  
  810. <div id="themecontainer">
  811. <div id="container">
  812. {block:Posts}
  813. <div class="posts">
  814.  
  815. {block:Text}
  816. {block:RebloggedFrom}
  817. {block:Title}<h1>{Title}</h1>{/block:Title}
  818. <div class="text">{Body}</div>
  819. {/block:RebloggedFrom}
  820. {block:NotReblog}
  821. {block:Title}<h1>{Title}</h1>{/block:Title}
  822. {Body}
  823. {/block:NotReblog}
  824. {/block:Text}
  825.  
  826. {block:Quote}
  827. <h2>&quot;{Quote}&quot;</h2>
  828. {block:Source}<div id="source">{Source}</div>{/block:Source}
  829. {/block:Quote}
  830.  
  831. {block:Link}
  832. <h1><a href="{URL}"><< {Name} >></a></h1>
  833. {block:Description}{block:RebloggedFrom}<div class="text">{Description}</div>{/block:RebloggedFrom}{block:NotReblog}{Description}{/block:NotReblog}{/block:Description}{/block:Link}
  834.  
  835. {block:Chat}
  836. {block:Title}
  837. <h1>{Title}</h1>
  838. {/block:Title}
  839. <div class="chat">
  840. <ol>{block:Lines}
  841. <li class="line {Alt}">
  842. {block:Label}
  843. <span class="label">
  844. <b>{Label}</b></span>
  845. {/block:Label}{Line}</li>
  846. {/block:Lines}
  847. </ol></div>
  848. {/block:Chat}
  849.  
  850. {block:Photo}
  851. {LinkOpenTag}{block:if400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxposts}{block:ifnot400pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:ifnot400pxposts}{LinkCloseTag}{block:Caption}{block:RebloggedFrom}<div class="text caption">{Caption}</div>{/block:RebloggedFrom}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{/block:Caption}
  852. {/block:Photo}
  853.  
  854. {block:Photoset}
  855. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo">{block:if400pxposts}<img src="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>{/block:if400pxposts}{block:ifnot400pxposts}<img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>{/block:ifnot400pxposts}</div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{block:Caption}{block:RebloggedFrom}<div class="text caption">{Caption}</div>{/block:RebloggedFrom}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{/block:Caption}
  856. {/block:Photoset}
  857.  
  858. {block:Video}
  859. {block:if400pxposts}{Video-400}{/block:if400pxposts}{block:ifnot400pxposts}{Video-500}{/block:ifnot400pxposts}{block:Caption}{block:RebloggedFrom}<div class="text caption">{Caption}</div>{/block:RebloggedFrom}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{/block:Caption}
  860. {/block:Video}
  861.  
  862. {block:Audio}
  863. <div id="audio">
  864. <div id="audioplayerbg"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  865. <div id="albumart"><span{block:AlbumArt} style="display:none;"{block:AlbumArt}><img src="https://68.media.tumblr.com/9b78d1e07567414cae86f9e454b1e9f7/tumblr_inline_o39hgzRFff1rrt3vb_540.png" width="100"/></span>{block:AlbumArt}<img src="{AlbumArtURL}" width="100"/>{/block:AlbumArt}</div>
  866. <div id="audioinfo">
  867. <span{block:TrackName} style="display:none;"{block:TrackName}><b>Song:</b> unknown</span>{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}
  868. <br><span{block:Artist} style="display:none;"{block:Artist}><b>Artist:</b> unknown</span>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  869. <br><span{block:Album} style="display:none;"{block:Album}><b>Album:</b> unknown</span>{block:Album}<b>Album:</b> {Album}{/block:Album}
  870. <br>{block:PlayCount}<b>Play count:</b> {PlayCount}{/block:PlayCount}
  871. </div></div>
  872. {block:Caption}{block:RebloggedFrom}<div class="text caption audiocaption">{Caption}</div>{/block:RebloggedFrom}{block:NotReblog}<div class="caption audiocaption">{Caption}</div>{/block:NotReblog}{/block:Caption}
  873. {/block:Audio}
  874.  
  875. {block:Answer}
  876. <div class="askericon"><a href="{AskerURL}"><img src="{AskerPortraitURL-64}"/></a></div>
  877. <div class="ask"><div class="asker">{Asker} asked:</div>{Question}</div>
  878. <div class="answer">{block:Answerer}<div class="replier">{Answerer} replied:</div>{/block:Answerer}{Answer}</div>
  879. {block:Answerer}<div class="replies text">{Replies}</div>{/block:Answerer}
  880. {/block:Answer}
  881.  
  882. {block:Date}
  883.  
  884. {block:IndexPage}<div id="perma">
  885.  
  886. <div class="buttons">
  887. <div id="likebutton">{LikeButton size="15" color="white"}</div>
  888. <div id="reblogbutton">{ReblogButton size="15" color="white"}</div>
  889. </div>
  890.  
  891. <a href="{Permalink}" title="{DayofMonthWithZero}.{MonthNumberWithZero}.{ShortYear}">{TimeAgo}</a>
  892. <a href="{Permalink}">{NoteCountwithLabel}</a>
  893. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  894. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">©</a>{/block:ContentSource}
  895. <br/>{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  896. </div>
  897. {/block:IndexPage}
  898.  
  899. {block:PermalinkPage}<div id="perma">
  900. <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>
  901. <a href="{Permalink}">{NoteCountwithLabel}</a>
  902. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  903. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">©</a>{/block:ContentSource}
  904. <br>{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  905. </div>{/block:PermalinkPage}
  906.  
  907. {/block:Date}
  908.  
  909. {block:PostNotes}{PostNotes}{/block:PostNotes}
  910.  
  911. </div>
  912. {/block:Posts}
  913. </div>
  914. </div> <!-- #themecontainer end -->
  915.  
  916. <!-- pxu photosets scripts -->
  917.  
  918. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  919.  
  920. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  921.  
  922. <script src="//static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  923.  
  924. <!-- unnest captions script -->
  925.  
  926. <script src="//static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  927.  
  928. <!-- jquery -->
  929.  
  930. <script type="text/javascript">
  931. $(document).ready(function(){
  932. $('.posts').unnest({
  933. yourCaption: ".text",
  934. //your caption selector, the div wrapping {Caption}
  935. wrapName: ".tumblr_parent",
  936. //the name of the captions’ new wrapper
  937. newCaptionUsername: true,
  938. //if the user adds a new caption, following a series of captions, show their username above the caption
  939. originalPostCaptionUsername: false,
  940. //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  941. tumblrAvatars: true,
  942. //”dashboard style” caption, have the avatar of the blog next to the username
  943. tumblrAvatarClass: ".tumblr_avatar",
  944. //class of the avatar next to the username
  945. usernameColon: false
  946. //if turned to false, removes the colon at the end of usernames
  947. });
  948. $('.photo-slideshow').pxuPhotoset({
  949. lightbox: true,
  950. rounded: false,
  951. gutter: '5px',
  952. borderRadius: '0px',
  953. photoset: '.photo-slideshow',
  954. photoWrap: '.photo-data',
  955. photo: '.pxu-photo'
  956. });
  957. {block:ifshowheader}
  958. {block:IndexPage}
  959. var containerPosition = jQuery('#themecontainer').offset().top;
  960. jQuery('#scroll').click(function(){
  961. jQuery('html, body').animate({scrollTop:containerPosition}, 'slow');
  962. return false;
  963. });
  964. var winH = $(window).height() - 50;
  965. var sticky = "sticky";
  966. $(window).scroll(function() {
  967. if( $(window).scrollTop() > winH ) {
  968. $(".sidebarcont").addClass(sticky);
  969. } else {
  970. $(".sidebarcont").removeClass(sticky);
  971. }
  972. });
  973. {/block:IndexPage}
  974. {/block:ifshowheader}
  975. });
  976. </script>
  977.  
  978. <div id="credit"><a href="//the49thname.tumblr.com/" title="made by the49thname">49</a>
  979. </div>
  980.  
  981. </body>
  982. </html>
Advertisement
Add Comment
Please, Sign In to add comment