API tools faq
paste
the49thname

Theme 03: Ghost Towns

the49thname
Nov 5th, 2015
7,335
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <head>
  4.  
  5. <!-- theme 03: ghost towns / version 1.3 (edited 03/09/19)
  6.  
  7. themes by ro (the49thname) / the49ththeme.tumblr.com
  8. tumblr controls fix by cyantists @ tumblr
  9. don't remove the credit, use as a base code, or claim as your own work.
  10. edit as much as you want, and feel free to send me any queries/problems.
  11.  
  12. -->
  13.  
  14. <html xlmns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19.  
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!-- colour options -->
  25.  
  26. <meta name="color:bold" content="#000"/>
  27. <meta name="color:italic" content="#ccc"/>
  28. <meta name="color:underline" content="#888"/>
  29. <meta name="color:background" content="#fff"/>
  30. <meta name="color:scrollbar" content="#ff4141"/>
  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:sidebar text" content="#888"/>
  35. <meta name="color:nav links" content="#888"/>
  36. <meta name="color:nav links bg" content="#f6f6f6"/>
  37. <meta name="color:nav links hover" content="#fff"/>
  38. <meta name="color:nav links bg hover" content="#ff4141"/>
  39. <meta name="color:posts" content="#fff"/>
  40. <meta name="color:tags" content="#ccc"/>
  41. <meta name="color:border" content="#ccc"/>
  42. <meta name="color:h1 text" content="#fff"/>
  43. <meta name="color:h1 bg" content="#ff6767"/>
  44. <meta name="color:ask bg" content="#f6f6f6"/>
  45. <meta name="color:tooltip text" content="#fff"/>
  46. <meta name="color:tooltip bg" content="#ff4141"/>
  47. <meta name="color:selection text" content="#fff"/>
  48. <meta name="color:selection bg" content="#ff4141"/>
  49.  
  50. <!-- text options -->
  51.  
  52. <meta name="text:tumblr username" content="username goes here"/>
  53. <meta name="text:nav height" content="360"/>
  54. <meta name="text:updates tab height" content="200"/>
  55. <meta name="text:Search Label" content="search tags"/>
  56.  
  57. <meta name="text:Link 1" content="Link 1"/>
  58. <meta name="text:Link 1 URL" content="Link 1 URL"/>
  59. <meta name="text:Link 2" content="Link 2"/>
  60. <meta name="text:Link 2 URL" content="Link 2 URL"/>
  61.  
  62. <!-- image options -->
  63.  
  64. <meta name="image:bg" content=""/>
  65. <meta name="image:icon" content="https://68.media.tumblr.com/3dd89806f838c71259b375ac3974f67d/tumblr_inline_nt8dslXvuk1rrt3vb_540.png"/>
  66. <meta name="image:profile img" content="https://68.media.tumblr.com/20cc5ebe8d91f8a3661db447a7cde8bb/tumblr_inline_nt8e0xvrlV1rrt3vb_540.png"/>
  67.  
  68. <!-- toggle options -->
  69.  
  70. <meta name="if:500px posts" content="1"/>
  71. <meta name="if:search box" content="1"/>
  72. <meta name="if:click to show nav" content="1"/>
  73. <meta name="if:pop up pages" content="1"/>
  74. <meta name="if:updates tab" content="1"/>
  75. <meta name="if:show caption" content="1"/>
  76. <meta name="if:hover perma" content="0"/>
  77. <meta name="if:show tags" content="1"/>
  78.  
  79. <!-- fonts -->
  80.  
  81. <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet">
  82.  
  83. <!-- search box scripts -->
  84.  
  85. {block:ifsearchbox}
  86. <script type="text/javascript" src="//static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  87. {/block:ifsearchbox}
  88.  
  89. <!-- popup page scripts -->
  90.  
  91. <script type="text/javascript" src="//static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  92.  
  93. <script type="text/javascript"
  94. src="//ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  95.  
  96. <!-- tooltip jquery scripts -->
  97.  
  98. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  99.  
  100. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  101.  
  102. <script>
  103. (function($){
  104. $(document).ready(function(){
  105. $("a[title]").style_my_tooltips({
  106. tip_follows_cursor:true,
  107. tip_delay_time:90,
  108. tip_fade_speed:600,
  109. attribute:"title"});});
  110. })(jQuery);
  111. </script>
  112.  
  113. <style type="text/css">
  114.  
  115. iframe.tmblr-iframe {
  116. z-index:99999999999999!important;
  117. top:3px!important;
  118. right:0!important;
  119. opacity:0.4;
  120. filter:invert(1);
  121. -webkit-filter:invert(1);
  122. -o-filter:invert(1);
  123. -moz-filter:invert(1);
  124. -ms-filter:invert(1);
  125. transform:scale(0.6);
  126. transform-origin:100% 0;
  127. -webkit-transform:scale(0.8);
  128. -webkit-transform-origin:100% 0;
  129. -o-transform:scale(0.8);
  130. -o-transform-origin:100% 0;
  131. -moz-transform:scale(0.8);
  132. -moz-transform-origin:100% 0;
  133. -ms-transform:scale(0.8);
  134. -ms-transform-origin:100% 0;
  135. }
  136.  
  137. iframe.tmblr-iframe:hover {opacity:0.6!important;}
  138.  
  139. ::-webkit-scrollbar-thumb {z-index:9999999;position:relative;height:auto;background-color:{color:scrollbar};}
  140. ::-webkit-scrollbar {height:5px;width:5px;background-color:transparent;}
  141.  
  142. /* basics */
  143.  
  144. body {
  145. color:{color:text};
  146. background-color:{color:background};
  147. font-family:'Roboto', sans-serif;
  148. font-size:10px;
  149. margin:0;
  150. line-height:14px;
  151. letter-spacing:1px;
  152. text-align:justify;
  153. word-wrap:break-word;
  154. background-image:url('{image:bg}');
  155. background-position:left top;
  156. background-attachment:fixed;
  157. background-repeat:repeat;
  158. }
  159.  
  160. small {font-size:9px;}
  161.  
  162. pre {
  163. word-wrap:break-word;
  164. padding:5px;
  165. margin:0px 10px;
  166. border:1px solid {color:border};
  167. white-space:pre-wrap;
  168. white-space:-moz-pre-wrap;
  169. white-space:-pre-wrap;
  170. white-space:-o-pre-wrap;
  171. }
  172.  
  173. blockquote {
  174. margin:0px 0px 0px 20px;
  175. padding:2px 0px 2px 5px;
  176. border-left:1px solid {color:border};
  177. }
  178.  
  179. #posts blockquote img {max-width:100%;height:auto;}
  180.  
  181. b, strong {color:{color:bold};}
  182.  
  183. i, em {color:{color:italic};}
  184.  
  185. u {color:{color:underline};text-transform:none;}
  186.  
  187. a {
  188. color:{color:link};
  189. text-transform:uppercase;
  190. text-decoration:none;
  191. -moz-transition-duration:1s;
  192. -webkit-transition-duration:1s;
  193. -o-transition-duration:1s;
  194. }
  195.  
  196. a:hover {
  197. color:{color:link hover};
  198. -moz-transition-duration:1s;
  199. -webkit-transition-duration:1s;
  200. -o-transition-duration:1s;
  201. }
  202.  
  203. p {margin:10px;}
  204.  
  205. h1 {
  206. font-size:14px;
  207. font-family:'Roboto', sans-serif;
  208. text-align:left;
  209. text-transform:uppercase;
  210. letter-spacing:1px;
  211. color:{color:h1 text};
  212. background-color:{color:h1 bg};
  213. padding:10px;
  214. margin-top:0px;
  215. }
  216.  
  217. h1 a {
  218. color:{color:h1 text};
  219. -moz-transition-duration:1s;
  220. -webkit-transition-duration:1s;
  221. -o-transition-duration:1s;
  222. }
  223.  
  224. h1 a:hover {
  225. color:{color:text};
  226. -moz-transition-duration:1s;
  227. -webkit-transition-duration:1s;
  228. -o-transition-duration:1s;
  229. }
  230.  
  231. h2 {
  232. text-align:center;
  233. font-size:12px;
  234. word-spacing:2px;
  235. line-height:17px;
  236. padding:5px 10px;
  237. text-transform:uppercase;
  238. font-family:'Roboto', sans-serif;
  239. }
  240.  
  241. /* sidebar */
  242.  
  243. .icon {
  244. width:80px;
  245. height:80px;
  246. position:fixed;
  247. top:100px;
  248. left:300px;
  249. z-index:9;
  250. }
  251.  
  252. .icon img {
  253. width:80px;
  254. height:80px;
  255. border-radius:20px;
  256. opacity:1;
  257. -moz-transition-duration:1s;
  258. -webkit-transition-duration:1s;
  259. -o-transition-duration:1s;
  260. }
  261.  
  262. {block:ifclicktoshownav}
  263. .icon img:hover {
  264. opacity:0.7;
  265. -moz-transition-duration:1s;
  266. -webkit-transition-duration:1s;
  267. -o-transition-duration:1s;
  268. }
  269. {/block:ifclicktoshownav}
  270.  
  271. .pagination {
  272. top:110px;
  273. left:245px;
  274. width:170px;
  275. padding:10px;
  276. position:fixed;
  277. }
  278.  
  279. #pga {float:left;}
  280.  
  281. #pgb {float:right;}
  282.  
  283. #pga a, #pgb a {
  284. font-family: 'Roboto Condensed', sans-serif;
  285. font-size:45px!important;
  286. line-height:35px;
  287. color:{color:nav links bg hover};
  288. -moz-transition-duration:1s;
  289. -webkit-transition-duration:1s;
  290. -o-transition-duration:1s;
  291. }
  292.  
  293. #pga a:hover, #pgb a:hover {
  294. color:{color:text};
  295. -moz-transition-duration:1s;
  296. -webkit-transition-duration:1s;
  297. -o-transition-duration:1s;
  298. }
  299.  
  300. .sfm input { /* search box */
  301. color:{color:nav links};
  302. background-color:{color:nav links bg};
  303. font-size:8px;
  304. border:0px;
  305. text-transform:uppercase;
  306. margin-top:0px;
  307. letter-spacing:1px;
  308. padding:4px 8px;
  309. font-family: 'Roboto', sans-serif;
  310. position:fixed;
  311. top:190px;
  312. left:290px;
  313. width:90px;
  314. }
  315.  
  316. .linkscont {
  317. width:80px;
  318. position:fixed;
  319. top:100px;
  320. left:300px;
  321. }
  322.  
  323. .linkscont label {
  324. position:relative;
  325. z-index:20;
  326. height:80px;
  327. cursor:help;
  328. }
  329.  
  330. .linkscont input{display:none;}
  331.  
  332. .linkscont article {
  333. {block:ifclicktoshownav}
  334. overflow:hidden;
  335. height:0px;
  336. {/block:ifclicktoshownav}
  337. {block:ifnotclicktoshownav}
  338. overflow:visible;
  339. height:relative;
  340. {/block:ifnotclicktoshownav}
  341. width:150px;
  342. position:absolute;
  343. z-index:10;
  344. transition:
  345. height 0.8s ease-in-out,
  346. box-shadow 0.6s linear;
  347. left:-30px;
  348. {block:ifsearchbox}margin-top:105px;{/block:ifsearchbox}
  349. {block:ifnotsearchbox}margin-top:80px;{/block:ifnotsearchbox}
  350. }
  351.  
  352. .linkscont input:checked ~ article {
  353. transition:
  354. height 1.0s ease-in-out,
  355. box-shadow 0.1s linear;
  356. }
  357.  
  358. .linkscont article p {
  359. color:{color:text};
  360. font-family:'Roboto', sans-serif;
  361. font-size:10px;
  362. padding:2px 10px;
  363. text-align:justify;
  364. }
  365.  
  366. .linkscont input:checked ~ article.ac-large {height:{text:nav height}px;}
  367.  
  368. #nav {
  369. width:110px;
  370. height:relative;
  371. text-align:center;
  372. margin-left:20px;
  373. margin-top:10px;
  374. }
  375.  
  376. #nav a {
  377. display:block;
  378. padding:5px 0px;
  379. margin-top:5px;
  380. margin-bottom:5px;
  381. font-size:10px;
  382. letter-spacing:2px;
  383. text-transform:uppercase;
  384. font-family:'Roboto Condensed', sans-serif;
  385. color:{color:nav links};
  386. background-color:{color:nav links bg};
  387. -moz-transition-duration:1s;
  388. -webkit-transition-duration:1s;
  389. -o-transition-duration:1s;
  390. }
  391.  
  392. #nav a:hover {
  393. color:{color:nav links hover};
  394. background-color:{color:nav links bg hover};
  395. -moz-transition-duration:1s;
  396. -webkit-transition-duration:1s;
  397. -o-transition-duration:1s;
  398. }
  399.  
  400. /* updates tab */
  401.  
  402. .menu {cursor:help!important;}
  403.  
  404. .down {
  405. height:0px;
  406. overflow:hidden;
  407. -webkit-transition:all 0.6s;
  408. -moz-transition:all 0.3s;
  409. -ms-transition:all 0.6s;
  410. -o-transition:all 0.6s;
  411. transition:all 0.6s;
  412. }
  413.  
  414. .up {
  415. height:{text:updates tab height}px;
  416. z-index:10000000000;
  417. overflow:visible;
  418. -webkit-transition:all 0.6s;
  419. -moz-transition:all 0.3s;
  420. -ms-transition:all 0.6s;
  421. -o-transition:all 0.6s;
  422. transition:all 0.6s;
  423. }
  424.  
  425. #updates {
  426. width:200px;
  427. z-index:10;
  428. left:0;
  429. bottom:0;
  430. position:fixed;
  431. overflow:auto;
  432. background-color:{color:ask bg};
  433. color:{color:text};
  434. }
  435.  
  436. #cont {
  437. font-size:9px;
  438. font-family:'Roboto Condensed', sans-serif;
  439. text-align:left;
  440. text-transform:uppercase;
  441. letter-spacing:1px;
  442. }
  443.  
  444. /* pop up pages */
  445.  
  446. #fade {
  447. display:none;
  448. background:#000;
  449. position:fixed;
  450. left:0;
  451. top:0;
  452. width:100%;
  453. height:100%;
  454. opacity:.70;
  455. z-index:999;
  456. }
  457.  
  458. .popup_block {
  459. display:none;
  460. background:#fff;
  461. padding:20px;
  462. float:center;
  463. position:fixed;
  464. top:50%;
  465. left:50%;
  466. z-index:999999999;
  467. }
  468.  
  469. #faq {
  470. width:500px;
  471. height:200px;
  472. overflow:auto;
  473. }
  474.  
  475. #about {
  476. width:500px;
  477. max-height:500px;
  478. overflow:auto;
  479. }
  480.  
  481. #profile {
  482. width:150px;
  483. height:150px;
  484. float:right;
  485. padding:10px;
  486. margin-right:10px;
  487. }
  488.  
  489. #profiledesc {
  490. position:relative;
  491. width:250px;
  492. height:relative;
  493. padding:10px;
  494. margin:20px 0px 40px 10px;
  495. color:{color:text};
  496. background-color:#f6f6f6;
  497. text-transform:uppercase;
  498. font-size:9px;
  499. word-wrap:break-word;
  500. text-align:left;
  501. }
  502.  
  503. #profiledesc b {color:{color:nav links bg hover};}
  504.  
  505. /* posts */
  506.  
  507. #container {
  508. {block:if500pxposts}
  509. width:600px;
  510. {/block:if500pxposts}
  511. {block:ifnot500pxposts}
  512. width:500px;
  513. {/block:ifnot500pxposts}
  514. margin-left:500px;
  515. margin-top:50px;
  516. overflow:hidden;
  517. }
  518.  
  519. #posts {
  520. background-color:{color:posts};
  521. {block:if500pxposts}
  522. width:500px;
  523. {/block:if500pxposts}
  524. {block:ifnot500pxposts}
  525. width:400px;
  526. {/block:ifnot500pxposts}
  527. margin-left:auto;
  528. margin-right:auto;
  529. padding:50px 50px 0px 50px;
  530. {block:IndexPage}
  531. {block:ifnothoverperma}margin-bottom:80px;{/block:ifnothoverperma}
  532. {block:ifhoverperma}margin-bottom:40px;{/block:ifhoverperma}
  533. {/block:IndexPage}
  534. {block:PermalinkPage}margin-bottom:40px;{/block:PermalinkPage}
  535. }
  536.  
  537. #posts img {
  538. {block:if500pxposts}
  539. max-width:500px;
  540. {/block:if500pxposts}
  541. {block:ifnot500pxposts}
  542. max-width:400px;
  543. {/block:ifnot500pxposts}
  544. }
  545.  
  546. #posts ul, ol {margin-left:15px;padding:0px!important;}
  547.  
  548. #posts li {margin:0px 10px;}
  549.  
  550. #posts img {max-width:500px;}
  551.  
  552. #posts p img {margin:0px 10px;}
  553.  
  554. #source {margin-top:15px;text-align:right;}
  555.  
  556. #posts iframe, #posts video {max-width:100%!important;}
  557.  
  558. #caption {
  559. {block:ifnotshowcaption}
  560. {block:IndexPage}display:none;{/block:IndexPage}
  561. {/block:ifnotshowcaption}
  562. }
  563.  
  564. #audio {
  565. width:100%;
  566. height:100px;
  567. padding:10px 0px;
  568. color:{color:text};
  569. background-color:{color:ask bg};
  570. font-family:'Roboto Condensed', sans-serif;
  571. font-size:10px;
  572. line-height:25px;
  573. overflow:hidden;
  574. }
  575.  
  576. #audio b {color:{color:h1 bg};}
  577.  
  578. #audioplayerbg {
  579. background:#fff;
  580. width:80px;
  581. height:80px;
  582. margin-left:10px;
  583. padding:10px;
  584. overflow:hidden;
  585. position:absolute;
  586. opacity:0.4;
  587. -moz-transition-duration:1s;
  588. -webkit-transition-duration:1s;
  589. -o-transition-duration:1s;
  590. }
  591.  
  592. #audioplayerbg:hover {
  593. opacity:0.7;
  594. -moz-transition-duration:1s;
  595. -webkit-transition-duration:1s;
  596. -o-transition-duration:1s;
  597. }
  598.  
  599. #audioplayer {
  600. width:30px;
  601. height:30px;
  602. overflow:hidden;
  603. margin-top:25px;
  604. margin-left:25px;
  605. }
  606.  
  607. #albumart {float:left;margin:0px 10px;}
  608.  
  609. #audioinfo {
  610. position:absolute;
  611. width:360px;
  612. max-height:100px;
  613. overflow:auto;
  614. margin-left:125px;
  615. padding-right:10px;
  616. text-transform:uppercase;
  617. }
  618.  
  619. .chat ol {margin:0px!important;list-style:none;}
  620.  
  621. .line {list-style:none;padding:5px 0px;}
  622.  
  623. .label {text-decoration:bold;}
  624.  
  625. .asker {
  626. text-align:right;
  627. font-size:15px;
  628. font-family: 'Roboto', sans-serif;
  629. padding:5px;
  630. text-transform:uppercase;
  631. }
  632.  
  633. .ask {
  634. margin-top:5px;
  635. padding:10px;
  636. text-align:right;
  637. background-color:{color:ask bg};
  638. }
  639.  
  640. .answer {
  641. text-align:left;
  642. padding:10px;
  643. margin-top:10px;
  644. background-color:{color:ask bg};
  645. }
  646.  
  647. #posts .answer img {max-width:100%;height:auto;margin:0px;}
  648.  
  649. .replier {
  650. text-align:left;
  651. font-size:15px;
  652. font-family: 'Roboto', sans-serif;
  653. padding:5px;
  654. text-transform:uppercase;
  655. margin-top:10px;
  656. }
  657.  
  658. .replies {margin-top:10px;}
  659.  
  660. #perma {
  661. border-top:1px solid {color:ask bg};
  662. text-transform:normal;
  663. font-style:normal;
  664. letter-spacing:2px;
  665. text-align:right;
  666. padding:0px;
  667. margin-top:20px;
  668. {block:ifhoverperma}
  669. {block:IndexPage}opacity:0;{/block:IndexPage}
  670. {/block:ifhoverperma}
  671. -moz-transition-duration:1s;
  672. -webkit-transition-duration:1s;
  673. -o-transition-duration:1s;
  674. }
  675.  
  676. #perma a {font-size:10px;}
  677.  
  678. {block:ifhoverperma}
  679. #posts:hover #perma {
  680. opacity:1;
  681. -moz-transition-duration:1s;
  682. -webkit-transition-duration:1s;
  683. -o-transition-duration:1s;
  684. }
  685. {/block:ifhoverperma}
  686.  
  687. #tags {
  688. {block:ifnotshowtags}
  689. {block:IndexPage}display:none;{/block:IndexPage}
  690. {/block:ifnotshowtags}
  691. text-align:right;
  692. word-wrap:break-word;
  693. {block:IndexPage}
  694. padding:0px 0px 20px 0px;
  695. {/block:IndexPage}
  696. {block:PermalinkPage}
  697. padding:0px;
  698. {/block:PermalinkPage}
  699. }
  700.  
  701. #tags a {
  702. padding:0px 5px;
  703. font-size:8px;
  704. text-transform:none;
  705. display:inline-block;
  706. color:{color:tags};
  707. -moz-transition-duration:1s;
  708. -webkit-transition-duration:1s;
  709. -o-transition-duration:1s;
  710. }
  711.  
  712. #tags a:hover {
  713. color:{color:link hover};
  714. -moz-transition-duration:1s;
  715. -webkit-transition-duration:1s;
  716. -o-transition-duration:1s;
  717. }
  718.  
  719. ol.notes {
  720. margin-top:15px;
  721. list-style-type:none;
  722. padding:10px 25px 10px 25px;
  723. text-align:center;
  724. border-top:1px solid {color:ask bg};
  725. }
  726.  
  727. ol.notes li.note {
  728. padding:10px;
  729. text-align:center;
  730. line-height:140%;
  731. margin-top:10px;
  732. }
  733.  
  734. ol.notes li.note img.avatar {display:none!important;}
  735.  
  736. ol.notes li.note blockquote {padding:2px 5px;margin:5px 0px 0px 35px;}
  737.  
  738. /* extras */
  739.  
  740. #s-m-t-tooltip {
  741. z-index:9999999999;
  742. background:{color:tooltip bg};
  743. color:{color:tooltip text};
  744. font-size:9px;
  745. line-height:11px;
  746. font-family: 'Roboto Condensed', sans-serif;
  747. letter-spacing:1px;
  748. text-transform:uppercase;
  749. max-width:150px;
  750. word-wrap:break-word;
  751. padding:2px 5px 2px 5px;
  752. display:block;
  753. margin:24px 14px 7px 12px;
  754. }
  755.  
  756. ::selection {color:{color:selection text};background:{color:selection bg};}
  757.  
  758. /* credit - do not remove, alter, or move to another page */
  759.  
  760. #credit {
  761. position:fixed;
  762. bottom:14px;
  763. right:10px;
  764. width:relative;
  765. height:relative;
  766. text-align:center;
  767. z-index:9999999;
  768. }
  769.  
  770. #credit a {
  771. font-size:10px;
  772. color:{color:background};
  773. background-color:{color:scrollbar};
  774. padding:4px;
  775. -moz-transition-duration:1s;
  776. -webkit-transition-duration:1s;
  777. -o-transition-duration:1s;
  778. }
  779.  
  780. #credit a:hover {
  781. color:{color:scrollbar};
  782. background-color:{color:background};
  783. -moz-transition-duration:1s;
  784. -webkit-transition-duration:1s;
  785. -o-transition-duration:1s;
  786. }
  787.  
  788. </style>
  789. </head>
  790. <body>
  791.  
  792. <div class="pagination">
  793. <div id="pga">
  794. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  795. </div>
  796. <div id="pgb">
  797. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  798. </div>
  799. </div>
  800.  
  801. {block:ifsearchbox}
  802. <form class="sfm" onsubmit="return tagSearch(this)">
  803. <input type="text" name="tag" value="{text:Search Label}" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" />
  804. </form>
  805. {/block:ifsearchbox}
  806.  
  807. <section class="linkscont">
  808. <div><input id="linkscont-1" name="cont-1" type="checkbox"/>
  809. {block:ifclicktoshownav}
  810. <label for="linkscont-1"><div class="icon"><img src="{image:icon}"></div></label>
  811. {/block:ifclicktoshownav}
  812. {block:ifnotclicktoshownav}
  813. <div class="icon"><img src="{image:icon}"></div>
  814. {/block:ifnotclicktoshownav}
  815. <article class="ac-large">
  816.  
  817. <p>{Description}</p>
  818.  
  819. <div id="nav">
  820. <a href="/">home</a>
  821. {block:ifpopuppages}
  822. <a href="#?w=500" rel="02" class="poplight">ask</a>
  823. <a href="#?w=500" rel="03" class="poplight">about</a>
  824. {/block:ifpopuppages}
  825. {block:ifnotpopuppages}
  826. <a href="/ask">ask</a>
  827. {/block:ifnotpopuppages}
  828. <a href="/submit">submit</a>
  829. <a href="/archive">past</a>
  830. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  831. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  832. {block:ifupdatestab}<a class="menu">updates</a>{/block:ifupdatestab}
  833. </div>
  834.  
  835. </div>
  836.  
  837. <div><!--...--></div>
  838. </section>
  839.  
  840. {block:ifupdatestab}
  841. <div class="down" id="updates">
  842. <div id="cont">
  843.  
  844. <p>Updates go here.</p>
  845.  
  846. </div>
  847. </div>
  848. {/block:ifupdatestab}
  849.  
  850. <div id="container">
  851. {block:Posts}
  852. <div id="posts">
  853.  
  854. {block:Text}
  855. {block:Title}<h1>{Title}</h1>{/block:Title}
  856. {Body}
  857. {/block:Text}
  858.  
  859. {block:Quote}
  860. <h2>{Quote}</h2>
  861. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  862. {/block:Quote}
  863.  
  864. {block:Link}
  865. <h1><a href="{URL}">{Name}</a></h1>
  866. {block:Description}{Description}{/block:Description}
  867. {/block:Link}
  868.  
  869. {block:Chat}
  870. {block:Title}
  871. <h1>{Title}</h1>
  872. {/block:Title}
  873. <div class="chat">
  874. <ol>{block:Lines}
  875. <li class="line {Alt}">
  876. {block:Label}
  877. <span class="label">
  878. <b>{Label}</b></span>
  879. {/block:Label}{Line}</li>
  880. {/block:Lines}
  881. </ol></div>
  882. {/block:Chat}
  883.  
  884. {block:Photo}
  885. {LinkOpenTag}<center>{block:if500pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:if500pxposts}{block:ifnot500pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:ifnot500pxposts}</center>{LinkCloseTag}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  886. {/block:Photo}
  887.  
  888. {block:Photoset}
  889. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}{block:ifnot500pxposts}{Photoset-400}{/block:ifnot500pxposts}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  890. {/block:Photoset}
  891.  
  892. {block:Video}
  893. {block:if500pxposts}{Video-500}{/block:if500pxposts}{block:ifnot500pxposts}{Video-400}{/block:ifnot500pxposts}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  894. {/block:Video}
  895.  
  896. {block:Audio}
  897. <div id="audio">
  898. <div id="audioplayerbg"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  899. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  900. <div id="audioinfo">
  901. <span{block:TrackName} style="display:none;"{block:TrackName}><b>Song:</b> unknown</span>{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}
  902. <br><span{block:Artist} style="display:none;"{block:Artist}><b>Artist:</b> unknown</span>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  903. <br><span{block:Album} style="display:none;"{block:Album}><b>Album:</b> unknown</span>{block:Album}<b>Album:</b> {Album}{/block:Album}
  904. <br>{block:PlayCount}<b>Play count:</b> {PlayCount}{/block:PlayCount}
  905. </div></div>
  906. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  907. {/block:Audio}
  908.  
  909. {block:Answer}
  910. <div class="asker">{Asker} asked:</div>
  911. <div class="ask">{Question}</div>
  912. {block:Answerer}<div class="replier">{Answerer} replied:</div>{/block:Answerer}<div class="answer">{Answer}</div>
  913. {block:Answerer}<div class="replies">{Replies}</div>{/block:Answerer}
  914. {/block:Answer}
  915.  
  916. {block:Date}
  917.  
  918. {block:IndexPage}
  919. <div id="perma">
  920. <div style="text-align:left;position:relative;float:left;margin-top:23px;margin-left:25px;">{LikeButton size="25" color="gray"}</div> <div style="text-align:left;position:relative;float:left;margin-left:30px;margin-top:23px;">{ReblogButton size="25" color="gray"}</div>
  921. <br><br><a href="{Permalink}" title="{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}">{block:Date}{TimeAgo}{/block:Date} @ {NoteCountWithLabel}</a>
  922. <br>{block:RebloggedFrom}&emsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  923. {block:ContentSource}&emsp;<a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  924. <br>{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  925. </div>
  926. {/block:IndexPage}
  927.  
  928. {block:PermalinkPage}
  929. <div id="perma">
  930. <br><a href="{Permalink}" title="{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}">{block:Date}{TimeAgo}{/block:Date} @ {NoteCountWithLabel}</a>
  931. <br>{block:RebloggedFrom}&emsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  932. {block:ContentSource}&emsp;<a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  933. <br>{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  934. </div>
  935. {/block:PermalinkPage}
  936.  
  937. {/block:Date}
  938.  
  939. {block:PostNotes}{PostNotes}{/block:PostNotes}
  940.  
  941. </div>
  942. {/block:Posts}
  943. </div>
  944.  
  945. {block:ifpopuppages}
  946. <div id="02" class="popup_block">
  947. <p><iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="//www.tumblr.com/ask_form/{text:tumblr username}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  948. <div id="faq">
  949. <p>FAQ goes here. Here's an example of how it could look.</p>
  950. <p><b>Question:</b>
  951. <blockquote>Answer</blockquote>
  952. </p>
  953. <p>If it gets too long a scrollbar will appear so don't worry!!</p>
  954. </div>
  955. </div>
  956.  
  957. <div id="03" class="popup_block">
  958. <div id="about">
  959.  
  960. <div id="profile"><img src="{image:profile img}" style="width:150px;"></div>
  961. <div id="profiledesc">
  962. <p><b>Name:</b>
  963. <br><b>Age:</b>
  964. <br><b>Gender:</b>
  965. <br><b>Nationality:</b>
  966. <br><b>Occupation:</b>
  967. <br><b>Interests:</b>
  968. <br><b>Blog type:</b>
  969. </p>
  970. </div>
  971.  
  972. <p>You can put more content here. If it gets too long a scrollbar will appear so don't worry!!</p>
  973.  
  974. </div>
  975. </div>
  976. {/block:ifpopuppages}
  977.  
  978. <!-- updates tab jquery -->
  979.  
  980. {block:ifupdatestab}
  981. <script type="text/javascript">
  982. $(document).ready(function(){
  983. $(".menu").click(function(){
  984. $(".down").toggleClass("up");
  985. });
  986. });
  987. </script>
  988. {/block:ifupdatestab}
  989.  
  990. <!-- pop up page jquery -->
  991.  
  992. <script>
  993. $(document).ready(function() {
  994. //
  995. $('a.poplight[href^=#]').click(function() {
  996. var popID = $(this).attr('rel'); //Get Popup Name
  997. var popURL = $(this).attr('href'); //Get Popup href to define size
  998. var query= popURL.split('?');
  999. var dim= query[1].split('&');
  1000. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1001. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  1002. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1003. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1004. //Apply Margin to Popup
  1005. $('#' + popID).css({
  1006. 'margin-top' : -popMargTop,
  1007. 'margin-left' : -popMargLeft
  1008. });
  1009. $('body').append('<div id="fade"></div>');
  1010. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  1011. return false;
  1012. });
  1013. $('a.close, #fade').live('click', function() {
  1014. $('#fade , .popup_block').fadeOut(function() {
  1015. $('#fade, a.close').remove(); //fade them both out
  1016. });
  1017. return false;
  1018. });
  1019. });
  1020. </script>
  1021.  
  1022. <div id="credit"><a href="//the49thname.tumblr.com/" title="made by the49thname">49</a></div>
  1023.  
  1024. </body>
  1025. </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!