API tools faq
paste
Advertisement
southrd

Lexicon

southrd
Jun 6th, 2016
1,123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <!--
  6.  
  7. LEXICON
  8.  
  9. Coded with love by littlethms @ tumblr
  10. Support @ littlethms/ask
  11. June 06, 2016
  12.  
  13. CREDITS
  14. * Dropdown by Acuite
  15. Please don't remove credit.
  16.  
  17. INSPIRATION
  18. * Odeysseus
  19.  
  20. -->
  21.  
  22. <title>{Title}</title>
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. <link rel="shortcut icon" href="{Favicon}">
  25. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  26.  
  27. <link href='https://fonts.googleapis.com/css?family={select:Body Font}:300,400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  28. <link href='https://fonts.googleapis.com/css?family={select:Head Font}:300,400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  29.  
  30. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  31. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  32. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  33. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  34. </script>
  35. <script type="text/javascript">
  36. $(document).ready(function(){
  37. $(".nav-body").hide();
  38. $(".nav-head").click(function(){
  39. $(this).next(".nav-body").slideToggle('fast');
  40. }); }); </script>
  41.  
  42. <meta name="viewport" content="width=device-width, initial-scale=1">
  43. <meta name="image:Header" content="#eee">
  44. <meta name="color:Border" content="#eee">
  45. <meta name="color:Background" content="#fff">
  46. <meta name="color:Text" content="#555">
  47. <meta name="color:Link" content="#777">
  48. <meta name="color:Link Hover" content="#333">
  49. <meta name="if:Contained Posts" content="0">
  50. <meta name="if:Show Extra Navigation Bar" content="1">
  51. <meta name="if:Show Sidebar" content="0">
  52. <meta name="if:Show Footer Text" content="1">
  53.  
  54. <!-- FONTS -->
  55. <meta name="select:Body Font" content="Source Sans Pro"/>
  56. <meta name="select:Body Font" content="PT Sans"/>
  57. <meta name="select:Body Font" content="Crimson Text"/>
  58. <meta name="select:Body Font" content="Lato"/>
  59. <meta name="select:Body Font" content="Roboto"/>
  60. <meta name="select:Head Font" content="Playfair Display"/>
  61. <meta name="select:Head Font" content="Libre Baskerville"/>
  62. <meta name="select:Head Font" content="Georgia"/>
  63. <meta name="select:Head Font" content="Abril Fatface"/>
  64. <meta name="select:Head Font" content="Karla"/>
  65.  
  66. <!-- SIZES -->
  67. <meta name="text:Post Width" content="600"/>
  68. <meta name="text:Sidebar Width" content="200"/>
  69. <meta name="text:Margin" content="100"/>
  70.  
  71. <!-- HEADER -->
  72. <meta name="if:Show Header" content="1">
  73. <meta name="text:Title Text" content="Start Writing">
  74. <meta name="select:Head Title Margin" content="5%">
  75. <meta name="select:Head Title Margin" content="10%">
  76. <meta name="select:Head Title Margin" content="15%">
  77. <meta name="select:Head Title Margin" content="20%">
  78.  
  79. <!-- NAV BAR -->
  80. <meta name="color:Navigation" content="#fff">
  81. <meta name="color:Navigation Links" content="#333">
  82. <meta name="color:Navigation Links Hover" content="#9cbaba">
  83. <meta name="if:Home" content="1">
  84. <meta name="if:Ask" content="1">
  85. <meta name="if:Submit" content="0">
  86. <meta name="if:Archive" content="0">
  87. <meta name="if:Link1" content="0">
  88. <meta name="if:Link2" content="0">
  89. <meta name="if:Link3" content="0">
  90. <meta name="text:Home Name" content="Home">
  91. <meta name="text:Ask Name" content="Ask">
  92. <meta name="text:Submit Name" content="Submit">
  93. <meta name="text:Archive Name" content="Archive">
  94. <meta name="text:Disclaimer Text" content="Put your disclaimer here.">
  95. <meta name="text:Read More Text" content="Continue Reading">
  96. <meta name="text:Search Bar Text" content="Search & Browse">
  97. <meta name="text:Link 1 URL" content="/">
  98. <meta name="text:Link 1 Name" content="Link 1">
  99. <meta name="text:Link 2 URL" content="/">
  100. <meta name="text:Link 2 Name" content="Link 2">
  101. <meta name="text:Link 3 URL" content="/">
  102. <meta name="text:Link 3 Name" content="Link 3">
  103.  
  104. <!-- FOOTER CONTENT -->
  105. <meta name="if:Footer Copyright" content="1">
  106. <meta name="if:Footer Disclaimer" content="0">
  107. <meta name="if:Footer Links" content="0">
  108.  
  109. <!-- DATE -->
  110. <meta name="if:Other Permalink Location" content="0">
  111.  
  112. <style type="text/css">
  113.  
  114. /* Presets */
  115.  
  116. body {
  117. font-size:13px;
  118. font-weight:400;
  119. font-family:{select:Body Font};
  120. text-align:justify;
  121. letter-spacing:0.3px;
  122. line-height:170%;
  123. color:{color:Text};
  124. background:{color:Background};
  125. margin:0;
  126. -moz-osx-font-smoothing:grayscale;
  127. -webkit-font-smoothing:antialiased;
  128. font-smoothing:antialiased;
  129. }
  130.  
  131. a {
  132. font-weight:700;
  133. color:{color:Link};
  134. text-decoration:none;
  135. -webkit-transition:all .2s linear;
  136. transition:all .2s linear;
  137. }
  138.  
  139. a:hover {
  140. color:{color:Link Hover};
  141. }
  142.  
  143. blockquote {
  144. margin-left:10px;
  145. padding:0 10px;
  146. border-left:1px solid {color:Border};
  147. }
  148.  
  149. blockquote, ol, ul, p, pre {
  150. margin:0 0 .6em;
  151. }
  152.  
  153. h1, h2, h3, h4, h5, h6 {
  154. margin:1em auto 0.6em;
  155. font-size:18px;
  156. font-weight:inherit;
  157. font-family:{select:Head Font};
  158. }
  159.  
  160. header #headtitle, aside h1 {
  161. font-family: {select:Head Font};
  162. font-size:20px;
  163. text-align:center;
  164. text-transform:uppercase;
  165. }
  166.  
  167. .more a, .nav-head, .nav-body, .nav-body .st h3, .nav-body .str a, .footer-info, .footer-info ul li a, .footer-nav a {
  168. color:{color:Navigation Links};
  169. text-transform:uppercase;
  170. letter-spacing:1px;
  171. font-size:10.5px;
  172. }
  173.  
  174. p {
  175. margin-top:9px;
  176. }
  177.  
  178. img {
  179. border:0;
  180. max-width:100%;
  181. min-width:auto;
  182. height:auto;
  183. }
  184.  
  185. hr {
  186. background-color:{color:Border};
  187. margin:1em 0;
  188. height:1px;
  189. border:0;
  190. -moz-box-sizing:border-box;
  191. box-sizing:border-box;
  192. }
  193.  
  194. .more a {
  195. padding-top:20px;
  196. font-weight:400;
  197. color:#333;
  198. display:inline-block;
  199. border-top:1px solid #eee;
  200. }
  201.  
  202. .more a:hover {
  203. color:{color:Link Hover};
  204. }
  205.  
  206. .cred, .cred a {
  207. font-size:8px;
  208. letter-spacing:1px;
  209. text-transform:uppercase;
  210. bottom:10px;
  211. right:20px;
  212. position:fixed;
  213. color:#aaa;
  214. }
  215.  
  216.  
  217. /* Navigation */
  218.  
  219. nav {
  220. width:100%;
  221. display:block;
  222. background-color:{color:Navigation};
  223. padding:10px 0px 10px;
  224. z-index:888;
  225. text-align:center;
  226. border-bottom:1px solid #eee;
  227.  
  228. {block:ifnotShowHeader}
  229. top:50px;
  230. {/block:ifnotShowHeader}
  231.  
  232. }
  233.  
  234. nav a {
  235. font-weight:400;
  236. font-size:11px;
  237. font-family:{select:Body Font};
  238. text-transform:uppercase;
  239. letter-spacing:1.5px;
  240. color:{color:Navigation Links};
  241. margin-right:10px;
  242. }
  243.  
  244. nav ul {
  245. padding: 0;
  246. text-align:center;
  247. }
  248.  
  249. nav ul li {
  250. list-style-type:none;
  251. margin:0 0 0 -4px;
  252. display:inline-block;
  253. }
  254.  
  255. nav ul li a {
  256. position: relative;
  257. display:inline-block;
  258. padding: 0 12px;
  259. z-index:999;
  260. }
  261.  
  262. nav ul li a:hover {
  263. color:{color:Navigation Links Hover};
  264. }
  265.  
  266. nav ul li:hover > ul {
  267. display: block;
  268. }
  269.  
  270. nav ul ul {
  271. min-width:150px;
  272. z-index:888;
  273. padding:0px 0px 0px 4px;
  274. position:absolute;
  275. display:none;
  276. background:{color:Navigation};
  277. border:1px solid {color:Border};
  278. }
  279.  
  280. nav ul ul li:last-child {
  281. border-bottom:none;
  282. }
  283.  
  284. nav ul ul li {
  285. border-bottom:1px solid {color:Border};
  286. display: block;
  287. float: none;
  288. position: relative;
  289. padding:6px;
  290. }
  291.  
  292. nav ul ul li a {
  293. padding: 0 12px;
  294. }
  295.  
  296. nav ul ul li a:hover {
  297. color:{color:Navigation Links Hover};
  298. }
  299. nav ul ul li:hover {
  300. background-color:{color:Border};
  301. -webkit-transition:all .2s linear;
  302. transition:all .2s linear;
  303. }
  304.  
  305.  
  306.  
  307. /*Nav-Head, Nav-Body Cover */
  308.  
  309. .nav-head {
  310. border-bottom:1px solid {color:Border};
  311. padding:0px 20px 5px;
  312. text-align:right;
  313. cursor:pointer;
  314. }
  315.  
  316. .nav-body {
  317. margin-top:-5px;
  318. padding:5px 5px 20px;
  319. background:{color:Border};
  320. }
  321.  
  322. .nav-body hr {margin:2px 0; border:0; height:0.5px; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#ddd}
  323.  
  324. .nav-body .st, .st h3 {text-align:center;}
  325.  
  326. .nav-body .st {width:18%; margin-right:5px; display:inline-block; vertical-align:top !important;}
  327.  
  328. /* Change width to
  329. 47% for 2 columns
  330. 32% for 3 columns
  331. 23% for 4 columns
  332. 18% for 5 columns
  333. */
  334.  
  335. .nav-body .st h3 {margin-bottom:0px; font-weight:700;}
  336.  
  337. .nav-body .st h2, .nav-body .st h2 a {text-align:right; text-transform:none;font-family:{select:Head Font}; font-style:italic; font-size:12px; font-weight:400 !important; letter-spacing:0; line-height:140%; margin:20px 0 10px 0;}
  338.  
  339. .nav-body .str {text-align:left; vertical-align:top !important; display:inline-block; padding:0 3px;}
  340.  
  341. .nav-body .str a {margin:2px; font-weight:400;}
  342.  
  343. .nav-body .str a:hover {color:#aaa;}
  344.  
  345. .nav-body input[type=text] {padding:5px 8px; font-size:10px; background:#eee; border-radius:40px; border:1px solid #ddd; !important; -webkit-appearance:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; font-style:italic; }
  346.  
  347. .nav-body input[type=text]:focus { border:0; color:#222; -webkit-appearance:none; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;border-radius:40px;}
  348.  
  349.  
  350.  
  351. /* Header */
  352. {block:ifnotShowHeader}
  353. header img {display:none;}
  354. header #headtitle {margin-top:{select:Head Title Margin};height:30px;}
  355. {/block:ifnotShowHeader}
  356.  
  357. header img { margin:0 auto 0; border-bottom:1px {color:Navigation} solid; width:100%;height:250px;}
  358.  
  359.  
  360.  
  361. /* Container */
  362. .main, footer {
  363. margin:0 auto;
  364.  
  365. {block:ifShowSidebar}
  366. width:calc({text:Post Width}px + {text:Margin}px + {text:Sidebar Width}px);
  367. {/block:ifShowSidebar}
  368. {block:ifnotShowSidebar}
  369. width:{text:Post Width}px
  370. {/block:ifnotShowSidebar};
  371.  
  372. display:block;
  373. position:Relative;
  374.  
  375. {block:ifContainedPosts}
  376. border:1px solid #eee;
  377. {/block:ifContainedPosts}
  378. }
  379.  
  380.  
  381.  
  382. /* Entries */
  383. .content {
  384. position: relative;
  385. width:{text:Post Width}px;
  386. background-color:{color:background};
  387. display:inline-block;
  388. margin: calc({text:Margin}px / 2) {text:Margin}px 0 0;
  389. }
  390. .content .title {
  391. font-family:{select:Body Font};
  392. font-size:25px;
  393. font-style:italic;
  394. font-weight:300 !important;
  395. text-align:center;
  396. text-align:center;
  397. line-height:130%;
  398. margin-bottom:0px;
  399. padding:15px 0;
  400. }
  401.  
  402. .entry {
  403. background:{color:Background};
  404. position:relative;
  405. border-radius:6px;
  406. }
  407.  
  408. {block:ifOtherPermalinkLocation}
  409.  
  410. .entry {
  411. margin-bottom:{text:Margin}px;
  412. }
  413.  
  414. .entry:first-child {
  415. margin-top:-{text:Margin}px ;
  416. }
  417. {/block:ifOtherPermalinkLocation}
  418.  
  419. {block:ifContainedPosts}
  420. .entry .text {
  421. padding:0 20px;
  422. }
  423. {/block:ifContainedPosts}
  424.  
  425. .entry img {
  426. min-width:100%;
  427. max-width:100%;
  428. }
  429.  
  430.  
  431. /* Sidebar */
  432. aside {
  433. width:{text:Sidebar Width}px;
  434. height:100%;
  435. display:inline-block;
  436. position:relative;
  437. margin-top:calc({text:Margin}px / 3);
  438. float:right;
  439. text-align:justify;
  440. }
  441.  
  442. .aside-block {
  443. margin-bottom:calc({text:Margin}px / 2);
  444. border-bottom:1px solid {color:Border};
  445. padding-bottom:20px;
  446. }
  447.  
  448. {block:ifContainedPosts}
  449. .aside-text {
  450. padding-right:20px;
  451. }
  452. {/block:ifContainedPosts}
  453.  
  454. aside h1 {
  455. font-size:15px;
  456. }
  457.  
  458. aside .li {
  459. display:block;
  460. }
  461.  
  462. aside .li a {
  463. border-bottom:1px solid #eee;
  464. display:block;
  465. margin:2px;
  466. padding:2px;
  467. }
  468.  
  469. aside .li a:hover {
  470. padding-left:10px;
  471. }
  472.  
  473.  
  474.  
  475. /*Permalink */
  476. .date {
  477. margin:calc({text:Margin}px / 5) 0 {text:Margin}px 0;
  478. padding-top:20px;
  479. font-size: 9px;
  480. font-family:{select:Body Font};
  481. font-weight:400 !important;
  482. letter-spacing:1.5px;
  483. line-height:150%;
  484. text-align:center;
  485. position: relative;
  486. border-top:1px solid #eee;
  487. }
  488.  
  489. .date a {
  490. margin-bottom:30px;
  491. color:#333;
  492. font-weight:400;
  493. line-height:.1em;
  494. text-transform:uppercase;
  495. position:relative;
  496. display:block;
  497. }
  498.  
  499. .date-other {
  500. margin:{text:Margin}px 0 0 0;
  501. padding-top:15px;
  502. font-size: 9px;
  503. font-weight:400 !important;
  504. text-align:center;
  505. letter-spacing:1.5px;
  506. line-height:150%;
  507. position: relative;
  508. }
  509.  
  510. .date-other a {
  511. color:{color:Navigation Links};
  512. background:{color:Background};
  513. text-transform:uppercase;
  514. font-weight:400;
  515. line-height:.1em;
  516. position:relative;
  517. display:block;
  518. margin-bottom:calc({text:Margin}px / 3);
  519. }
  520.  
  521.  
  522. a.tag:after {
  523. content:", ";
  524. }
  525.  
  526. a.tag:last-child:after {
  527. content:"";
  528. }
  529.  
  530.  
  531.  
  532. /* Chat */
  533. .chat {
  534. padding:0;
  535. list-style-type:none;
  536. }
  537.  
  538. .chat .label {
  539. font-weight:bold;
  540. font-family:{select:Body Font};
  541. text-transform:uppercase;
  542. letter-spacing:1px;
  543. font-size:10px;
  544. }
  545.  
  546. .line {
  547. margin-top:10px;
  548. border-bottom:1px solid #f5f5f5;
  549. padding-bottom:10px;
  550. }
  551.  
  552. .line:last-child{
  553. border:none;
  554. }
  555.  
  556.  
  557.  
  558. /* Quotes */
  559. .quoted {
  560. font-weight:400;
  561. font-size:23px;
  562. font-style:italic;
  563. line-height:130%;
  564. }
  565.  
  566. .source {
  567. font-family:{select:Body Font};
  568. font-size:10px;
  569. text-align:center;
  570. letter-spacing:1px;
  571. text-transform:uppercase;
  572. }
  573.  
  574.  
  575.  
  576. /*Answers */
  577. .question {
  578. color:#555;
  579. font-weight:300;
  580. font-size:12px;
  581. font-family:{select:Body Font};
  582. margin-bottom:10px;
  583. display:inline-block;
  584. width:40%;
  585. margin-right:15px;
  586. vertical-align:middle !important;
  587. text-align:right;
  588. }
  589.  
  590. .ans {
  591. border-left:1px solid #eee;
  592. padding-left:15px;
  593. display:inline-block;
  594. width:53%;
  595. vertical-align:middle !important;
  596. }
  597.  
  598. .sender, .sender a {
  599. color:#555;
  600. font-family:{select:Body Font};
  601. letter-spacing:0px;
  602. font-style:italic;
  603. font-size:16px;
  604. text-transform:lowercase;
  605. text-align:right;
  606. font-weight:400 !important;
  607. }
  608.  
  609. .sender {
  610. margin-bottom:7px;
  611. padding-bottom:5px;
  612. border-bottom:1px solid #eee;
  613. }
  614.  
  615. .media {
  616. position:relative;
  617. display:inline-block;
  618. width:100%;}
  619.  
  620.  
  621. iframe#tumblr_controls {
  622. display:none;
  623. white-space:nowrap;
  624. filter: invert(100%);
  625. -webkit-filter: invert(100%);
  626. -moz-filter: invert(100%);
  627. -o-filter: invert(100%);
  628. -ms-filter: invert(100%);
  629. opacity:0.4;
  630. }
  631.  
  632.  
  633. /*Footer*/
  634. footer {
  635. padding:10px;
  636. margin-bottom:calc({text:Margin}px * 1.1);
  637. background:#f5f5f5;
  638. color:#222;
  639. height:60px;
  640. {block:ifShowSidebar}
  641. {block:ifContainedPosts}
  642. width:calc({text:Post Width}px + {text:Margin}px + {text:Sidebar Width}px - 20px);
  643. border:none;
  644. {/block:ifContainedPosts}
  645. {/block:ifShowSidebar}
  646. {block:ifnotShowSidebar}
  647. {block:ifContainedPosts}
  648. width:calc({text:Post Width}px - 20px);
  649. border:none;
  650. {/block:ifContainedPosts}
  651. {/block:ifnotShowSidebar}
  652. }
  653.  
  654. .footer-nav {
  655. display:inline-block;
  656. float:right;
  657. margin-top:20px;
  658. padding-bottom:20px;
  659. vertical-align:middle;
  660. }
  661.  
  662. .footer-nav a, .footer-info b, .current_page {
  663. color:{color:Navigation Links};
  664. margin-right:15px;
  665. }
  666.  
  667. .footer-info {
  668. float:left;
  669. padding:20px 0 20px 15px;
  670. display:inline-block;
  671. vertical-align:middle;
  672. }
  673.  
  674. .footer-info ul {
  675. margin-left:-30px;
  676. }
  677.  
  678. .footer-info ul li {
  679. display: inline-block;
  680. margin-right:10px;
  681. }
  682.  
  683.  
  684. /*Post Notes*/
  685.  
  686. .pnotes {
  687. display:block;
  688. height:300px;
  689. font-size:12px;
  690. }
  691.  
  692. .pnotes .block{
  693. border-radius:6px;
  694. margin:100px auto !important;
  695. margin-left:-100px;
  696. }
  697.  
  698. .pnotes ol, .pnotes ul{
  699. width:{text:Post Width}px;
  700. list-style:none;
  701. margin-bottom:100px !important;
  702. padding-bottom:100px;
  703. }
  704.  
  705. .pnotes li {
  706. text-align:left;
  707. font-size:10px;
  708. letter-spacing:0px; list-style:none; width:45%;background:#fff; margin:1px; display:inline-block; vertical-align:middle;line-height:140%;}
  709.  
  710. .pnotes img{
  711. display:none;
  712. }
  713.  
  714. .pnotes a {
  715. font-size:11px !important;
  716. }
  717.  
  718. </style>
  719. </head>
  720. <body>
  721.  
  722. <div class="main"> <!-- LEAVE THIS ALONE -->
  723.  
  724.  
  725. <!-- NAVIGATION -->
  726.  
  727. <header>
  728.  
  729. {block:ifShowHeader}
  730. <img src="{image:Header}">
  731. {/block:ifShowHeader}
  732.  
  733. {block:ifnotShowHeader}
  734. <div id="headtitle">{text:Title Text}</div>
  735. {/block:ifnotShowHeader}
  736.  
  737. </header>
  738.  
  739. <nav>
  740. <center>
  741. <ul>
  742. {block:ifHome}
  743. <li><a href="/"></span>{text:Home Name}</a></li>
  744. {/block:ifHome}
  745. {block:ifAsk}
  746. <li><a href="/ask">{text:Ask Name}</a></li>
  747. {/block:ifAsk}
  748. {block:ifSubmit}
  749. <li><a href="/submit">{text:Submit Name}</a></li>
  750. {/block:ifSubmit}
  751. {block:ifArchive}
  752. <li><a href="/archive">{text:Archive Name}</a></li>
  753. {/block:ifArchive}
  754. {block:ifLink1}
  755. <li><a href="{text:Link 1 URL}">{text:Link 1 Name}</a>
  756. <ul>
  757. <li><a href="/">Link</a></li>
  758. <li><a href="/">Link</a></li>
  759. <li><a href="/">Link</a></li>
  760. </ul>
  761. </li>
  762. {/block:ifLink1}
  763. {block:ifLink2}
  764. <li><a href="{text:Link 2 URL}">{text:Link 2 Name}</a></li>
  765. {/block:ifLink2}
  766. {block:ifLink3}
  767. <li><a href="{text:Link 3 URL}">{text:Link 3 Name}</a></li>
  768. {/block:ifLink3}
  769. </ul>
  770. </center>
  771. </nav>
  772.  
  773. {block:ifShowExtraNavigationBar}
  774. <p class="nav-head">
  775. <span style="float:left">
  776. <i class="fa fa-bars" aria-hidden="true"></i>
  777. </span>
  778. <span class="r">{text:Search Bar Text}</span>
  779. </p>
  780.  
  781. <div class="nav-body">
  782. <div class="st">
  783. <h3>CATEGORY 1</h3>
  784. <div class="str">
  785. <a href="/">Link</a><br>
  786. <a href="/">Link</a><br>
  787. <a href="/">Link</a><br>
  788. <a href="/">Link</a><br>
  789. <a href="/">Link</a><br>
  790. </div>
  791. </div>
  792. <div class="st">
  793. <h3>CATEGORY 2</h3>
  794. <div class="str">
  795. <a href="/">Link</a><br>
  796. <a href="/">Link</a><br>
  797. <a href="/">Link</a><br>
  798. <a href="/">Link</a><br>
  799. <a href="/">Link</a><br>
  800. </div>
  801. </div>
  802. <div class="st">
  803. <h3>CATEGORY 3</h3>
  804. <div class="str">
  805. <a href="/">Link</a><br>
  806. <a href="/">Link</a><br>
  807. <a href="/">Link</a><br>
  808. <a href="/">Link</a><br>
  809. <a href="/">Link</a><br>
  810. </div>
  811. </div>
  812. <div class="st">
  813. <h3>CATEGORY 4</h3>
  814. <div class="str">
  815. <a href="/">Link</a><br>
  816. <a href="/">Link</a><br>
  817. <a href="/">Link</a><br>
  818. <a href="/">Link</a><br>
  819. <a href="/">Link</a><br>
  820. </div>
  821. </div>
  822. <div class="st">
  823. <div class="str">
  824. <h2>{text:Disclaimer Text}</h2>
  825. <form action="/search" method="get"><input type="text" name="q" value="" placeholder="Search..." autocomplete="off" /></form>
  826. </div>
  827. </div>
  828. </div>
  829. {/block:ifShowExtraNavigationBar}
  830.  
  831. {block:ifShowSidebar}
  832. <aside>
  833.  
  834. <div class="aside-block">
  835. <h1>About</h1>
  836. <div class="aside-text">
  837. {Description}
  838. </div>
  839. </div>
  840.  
  841. <div class="aside-block" style="border-bottom:none">
  842. <h1>Links</h1>
  843. <div class="aside-text">
  844. <div class="li">
  845. <a href="/link">Link</a>
  846. <a href="/link">Link</a>
  847. <a href="/link">Link</a>
  848. <a href="/link">Link</a>
  849. <a href="/link">Link</a>
  850. <a href="/link">Link</a>
  851. <a href="/link">Link</a>
  852. <a href="/link">Link</a>
  853. </div>
  854. </div>
  855. </div>
  856.  
  857. <div class="aside-block">
  858. <h1>Text Box</h1>
  859. <div class="aside-text">
  860. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis ac orci tincidunt blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  861. </div>
  862. </div>
  863. </aside>
  864. {/block:ifShowSidebar}
  865.  
  866. <!--Content-->
  867. <div class="content">
  868.  
  869. {block:Posts}
  870.  
  871. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}"><section class="post">
  872.  
  873. {block:ifOtherPermalinkLocation}
  874. {block:Date}
  875. <div class="date-other">
  876. <a href="{Permalink}">
  877. {Month} {DayOfMonthWithZero}, {Year} /
  878. {NoteCountWithLabel}
  879. </a>
  880. </div>
  881. {/block:Date}
  882. {/block:ifOtherPermalinkLocation}
  883.  
  884. {block:Audio}
  885. <div class="audio">
  886. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  887. </div>
  888. {/block:Audio}
  889.  
  890. {block:Photo}
  891. <div class="media">
  892. {LinkOpenTag}
  893. <img src="{PhotoURL-HighRes}">{LinkCloseTag}</div>
  894. {/block:Photo}
  895.  
  896. {block:Photoset}
  897. <div class="media photoset">
  898. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  899. {block:Photos}
  900. <div class="photo-data">
  901. <div class="pxu-photo">
  902. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  903. </div>
  904. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  905. {/block:Photos}
  906. </div>
  907. </div>
  908. {/block:Photoset}
  909.  
  910. {block:Video}
  911. <div class="media video">{Video-500}</div>
  912. {/block:Video}
  913.  
  914. {block:Answer}
  915. <div class="question">
  916. <div class="sender">{Asker}</div>
  917. <span class="inquiry">{Question}</span>
  918. </div>
  919. <div class="ans">{Answer}</div>
  920. {/block:Answer}
  921.  
  922. {block:Chat}
  923. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  924. <ul class="chat text">
  925. {block:Lines} <li class="line">
  926. {block:Label}
  927. <span class="label">{Label}&nbsp; </span>
  928. {/block:Label}
  929. <br>{Line}</li>
  930. {/block:Lines}
  931. </ul>
  932. {/block:Chat}
  933.  
  934. {block:Link}
  935. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  936. {block:Description}
  937. <div class="text">{Description}</div>
  938. {/block:Description}
  939. {/block:Link}
  940.  
  941. {block:Quote}
  942. <h1 class="title">{Quote}</h1><hr>
  943. {block:Source}<div class="source">{Source}</div>{/block:Source}
  944. {/block:Quote}
  945.  
  946. {block:Text}
  947. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  948. <div class="text">{Body}
  949. {block:More}
  950. <center><br><div class="more">
  951. <a href="{Permalink}">{text:Read More Text}</a>
  952. </div></center><br>
  953. {/block:More}
  954. </div>
  955. {/block:Text}
  956.  
  957. {block:Caption}
  958. <div class="caption text">
  959. {Caption}
  960. {block:More}
  961. <center><br><div class="more">
  962. <a href="{Permalink}">{text:Read More Text}</a>
  963. </div></center><br>
  964. {/block:More}
  965. </div>
  966. {/block:Caption}
  967.  
  968. </section>
  969.  
  970. {block:PermalinkPage}<br>
  971. {block:HasTags}
  972. {block:Tags}
  973. <a class="tag" href="{TagURL}">{Tag}</a>&nbsp;
  974. {/block:Tags}
  975. {/block:HasTags}
  976. {/block:PermalinkPage}
  977.  
  978. </article>
  979.  
  980. {block:ifnotOtherPermalinkLocation}
  981. {block:Date}
  982. <div class="date">
  983. <a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}
  984. /
  985. {NoteCountWithLabel}</a>
  986. </div>
  987. {/block:Date}
  988. {/block:ifnotOtherPermalinkLocation}
  989.  
  990. {/block:Posts}
  991.  
  992. </div>
  993.  
  994. {block:IndexPage}
  995. <footer>
  996.  
  997. <div class="footer-info">
  998. {block:ifShowFooterText}
  999. {block:ifFooterCopyright}
  1000. {Title} &copy;&nbsp;{CopyrightYears}
  1001. {/block:ifFooterCopyright}
  1002. {block:ifFooterDisclaimer}
  1003. <b>{text:Disclaimer Text}</b>
  1004. {/block:ifFooterDisclaimer}
  1005. {block:ifFooterLinks}
  1006. <ul><b>
  1007. {block:ifHome}
  1008. <li><a href="/"></span>{text:Home Name}</a></li>
  1009. {/block:ifHome}
  1010. {block:ifAsk}
  1011. <li><a href="/ask">{text:Ask Name}</a></li>
  1012. {/block:ifAsk}
  1013. {block:ifSubmit}
  1014. <li><a href="/submit">{text:Submit Name}</a></li>
  1015. {/block:ifSubmit}
  1016. {block:ifArchive}
  1017. <li><a href="/archive">{text:Archive Name}</a></li>
  1018. {/block:ifArchive}
  1019. </ul></b>
  1020. {/block:ifFooterLinks}
  1021. {/block:ifShowFooterText}
  1022. {block:ifnotShowFooterText}
  1023. Theme by <a href="http://littlethms.tumblr.com/">Little Themes</a>
  1024. {block:ifnotShowFooterText}
  1025.  
  1026. </div>
  1027. <div class="footer-nav">
  1028. {block:Pagination}
  1029. {block:PreviousPage}
  1030. <a href="{PreviousPage}">Previous</a>
  1031. {/block:PreviousPage}
  1032.  
  1033. {block:JumpPagination length="3"}
  1034.  
  1035. {block:CurrentPage}
  1036. <span class="current_page">{PageNumber}</span>
  1037. {/block:CurrentPage}
  1038.  
  1039. {block:JumpPage}
  1040. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1041. {/block:JumpPage}
  1042.  
  1043. {/block:JumpPagination}
  1044.  
  1045. {block:NextPage}
  1046. <a href="{NextPage}">Next</a>
  1047. {/block:NextPage}
  1048. {/block:Pagination}
  1049. </div>
  1050. </footer>
  1051. {/block:IndexPage}
  1052.  
  1053. {block:PermalinkPage}
  1054. {block:PostNotes}
  1055. <div class="pnotes">
  1056. <div class="aside-block">{PostNotes}</div>
  1057. </div>
  1058. {/block:PostNotes}
  1059. {/block:PermalinkPage}
  1060.  
  1061. <div class="cred"><a href="http://littlethms.tumblr.com/">Lthms</a></div>
  1062.  
  1063.  
  1064. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1065. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1066. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1067.  
  1068.  
  1069. <script>
  1070. $(document).ready(function(){
  1071. $('.photo-slideshow').pxuPhotoset({
  1072. lightbox: true,
  1073. rounded: false,
  1074. gutter: '1px',
  1075. photoset: '.photo-slideshow',
  1076. photoWrap: '.photo-data',
  1077. photo: '.pxu-photo'
  1078. });
  1079. var $container = $('.content');
  1080. {block:ifInfiniteScroll}
  1081. $container.infinitescroll({
  1082. itemSelector: '.entry',
  1083. navSelector: '.pagination',
  1084. nextSelector: '.next',
  1085. loadingImg: '',
  1086. loadingText: '<em></em>',
  1087. bufferPx: 2000
  1088. },
  1089. function( newElements ) {
  1090. var $newElems = $( newElements );
  1091. $newElems.find('.photo-slideshow').pxuPhotoset({
  1092. lightbox: true,
  1093. rounded: false,
  1094. gutter: '1px',
  1095. photoset: '.photo-slideshow',
  1096. photoWrap: '.photo-data',
  1097. photo: '.pxu-photo'
  1098. });
  1099. resizeVideos();
  1100. });
  1101. {/block:ifInfiniteScroll}
  1102. });
  1103. </script>
  1104. </body>
  1105. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!