the49thname

Theme 13: Woodwork (light version)

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