API tools faq
paste
the49thname

Theme 14: Broken Crown (light version)

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