API tools faq
paste
Advertisement
BOOdalinski

TOP NAV (Tumblr Theme)

BOOdalinski
Jun 26th, 2019
229
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.92 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. TOP NAV by BOOdalinski
  8.  
  9. ------------------------------------------------------------------------>
  10.  
  11. <meta charset="utf-8">
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  13. <meta name="theme-color" content="#35465D">
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. <link rel="stylesheet" href="https://static.tumblr.com/mftixld/AmMpjzwer/main-min.css">
  18.  
  19. <title>{Title}</title>
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}">
  22. {/block:Description}
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  25. <meta name="if:Show Search" content="">
  26. <meta name="if:Navbar Uppercase" content="">
  27.  
  28. <meta name="text:Background Size" content="cover">
  29. <meta name="image:Background" content="https://static.tumblr.com/…"/>
  30.  
  31. <meta name="select:Body Font Size" content="15px">
  32. <meta name="select:Body Font Size" content="10px">
  33. <meta name="select:Body Font Size" content="11px">
  34. <meta name="select:Body Font Size" content="12px">
  35. <meta name="select:Body Font Size" content="13px">
  36. <meta name="select:Body Font Size" content="14px">
  37. <meta name="select:Body Font Size" content="16px">
  38. <meta name="select:Body Font Size" content="17px">
  39. <meta name="select:Body Font Size" content="18px">
  40.  
  41. <meta name="select:Navbar Font Size" content="12px">
  42. <meta name="select:Navbar Font Size" content="10px">
  43. <meta name="select:Navbar Font Size" content="11px">
  44. <meta name="select:Navbar Font Size" content="13px">
  45. <meta name="select:Navbar Font Size" content="14px">
  46. <meta name="select:Navbar Font Size" content="15px">
  47. <meta name="select:Navbar Font Size" content="16px">
  48.  
  49. <meta name="select:Navbar Font Weight" content="400">
  50. <meta name="select:Navbar Font Weight" content="300">
  51. <meta name="select:Navbar Font Weight" content="700">
  52.  
  53. <meta name="select:Navbar Letter Spacing" content="0.25px">
  54. <meta name="select:Navbar Letter Spacing" content="0px">
  55. <meta name="select:Navbar Letter Spacing" content="0.5px">
  56. <meta name="select:Navbar Letter Spacing" content="0.75px">
  57. <meta name="select:Navbar Letter Spacing" content="1px">
  58. <meta name="select:Navbar Letter Spacing" content="1.5px">
  59.  
  60. <meta name="select:Post Width" content="640px"/>
  61. <meta name="select:Post Width" content="700px"/>
  62. <meta name="select:Post Width" content="750px"/>
  63. <meta name="select:Post Width" content="800px"/>
  64. <meta name="select:Post Width" content="900px"/>
  65.  
  66. <!-- POST BOX-SHADOW -->
  67. <meta name="select:Post Shadow" content="none" title="No Shadow"/>
  68. <meta name="select:Post Shadow" content="rgba(0, 0, 0, 0.1) 0px 1px 1px 0px" title="Flat" />
  69. <meta name="select:Post Shadow" content="0 1px 2px #00000010" title="Subtle"/>
  70. <meta name="select:Post Shadow" content="0 0.125em 0.313em rgba(50,50,93,.09), 0 0.063em 0.125em rgba(0,0,0,.07);" title="Sharp" />
  71. <meta name="select:Post Shadow" content="0 1px 2px rgba(0,0,0,0.15);" title="Crisp" />
  72. <meta name="select:Post Shadow" content="0 2px 4px rgba(0, 0, 0, 0.12)" title="Float" />
  73. <meta name="select:Post Shadow" content="rgba(0, 0, 0, .15) 0 1px 3px;" title="Bold" />
  74.  
  75. <meta name="color:Posts" content="#FFFFFF">
  76. <meta name="color:Navbar" content="#F8F8F8">
  77. <meta name="color:Nav Links" content="#888888">
  78. <meta name="color:Accent" content="#888888">
  79. <meta name="color:Link Hover" content="#007AFF">
  80. <meta name="color:Answer Posts" content="#007AFF">
  81. <meta name="color:Text" content="#555555">
  82. <meta name="color:Bold" content="#222222">
  83.  
  84. <meta name="text:Header Font" content="Lato">
  85. <meta name="text:Body Font" content="Source Sans Pro">
  86. <meta name="text:Navbar Font" content="Source Sans Pro">
  87.  
  88. <meta name="text:Home Label" content="Home"/>
  89. <meta name="text:Ask Label" content="Ask"/>
  90.  
  91. <link href="https://fonts.googleapis.com/css?family={text:Body Font}:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap" rel="stylesheet">
  92. <link href="https://fonts.googleapis.com/css?family={text:Header Font}:300,300i,400,400i,700,700i&display=swap" rel="stylesheet">
  93. <link href="https://fonts.googleapis.com/css?family={text:Navbar Font}:300,300i,400,400i,700,700i&display=swap" rel="stylesheet">
  94.  
  95.  
  96. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  97. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  98. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  99. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  100. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  101.  
  102.  
  103.  
  104. <style type="text/css">
  105.  
  106. * {
  107. -moz-osx-font-smoothing:grayscale;
  108. -webkit-font-smoothing:antialiased;
  109. font-smoothing:antialiased;
  110. }
  111.  
  112. /*-----------------------------------------------------------HEADER----*/
  113.  
  114. .avatar-circle {border-radius:100%;}
  115. .avatar-square {border-radius:4px;}
  116. .banner {text-align:center;margin:100px auto;}
  117. .blogtitle {
  118. font-size:28px;
  119. letter-spacing:5px;
  120. text-transform:uppercase;
  121. font-family:{text:Header Font};
  122. font-weight:bold;
  123. margin:50px auto;
  124. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  125. {block:TagPage}display:none;{/block:TagPage}
  126. }
  127. .description {font-size:12px;color:{TitleColor}80;}
  128.  
  129. /*-----------------------------------------------------------NAVBAR----*/
  130.  
  131. /*----RESPONSIVE NAVBAR----*/
  132.  
  133. @media screen and (max-width:700px) {
  134. .nav-links a, form.search, form.search .query, .hcontrols .lnr {
  135. font-size:calc({select:Navbar Font Size} - 10%);}
  136. .nav-links a {display:inline-block;}
  137. form.search, form.search .query {display:block;width:15vw;}
  138. img.avatar-circle, img.avatar-square {display:none}
  139. }
  140.  
  141. @media screen and (min-width:700px) {
  142. .nav-links a {
  143. display:inline-block;
  144. font-size:{select:Navbar Font Size};}
  145. form.search .query, form.search, .hcontrols .lnr {
  146. font-size:{select:Navbar Font Size};}
  147. img.avatar-circle, img.avatar-square {
  148. display:inline-block;
  149. vertical-align:top;
  150. height:24px;
  151. width:24px;
  152. }
  153. /*----SEARCH ANIMATION----*/
  154. form.search:focus, form.search .query:focus {
  155. width:30vw;
  156. -webkit-animation: load 200ms;
  157. -moz-animation: load 200ms;
  158. -o-animation: load 200ms;
  159. animation: load 200ms;
  160. animation-timing-function: ease-in-out;
  161. }
  162. @-webkit-keyframes load {
  163. 0% {width:15vw;}
  164. 50% {width:20vw;}
  165. 100% {width:30vw;}}
  166. @-moz-keyframes load {
  167. 0% {width:15vw;}
  168. 50% {width:20vw;}
  169. 100% {width:30vw;}}
  170. @-o-keyframes load {
  171. 0% {width:15vw;}
  172. 50% {width:20vw;}
  173. 100% {width:30vw;}}
  174. @keyframes load {
  175. 0% {width:15vw;}
  176. 50% {width:20vw;}
  177. 100% {width:30vw;}}
  178. }
  179.  
  180.  
  181. nav {
  182. padding:.5em 0 .5em 0;
  183. transition: top 0.3s;
  184. top:-40px;
  185. z-index:999;
  186. position:fixed;
  187. width:100vw;
  188. background:{color:Navbar};
  189. border-bottom:1px solid {color:Posts};
  190. word-break:break-word;
  191. height:auto;
  192. }
  193. .nav-links a {
  194. margin-left:1em;
  195. margin-right:1em;
  196. font-family:{text:Navbar Font};
  197. font-weight:{select:Navbar Font Weight};
  198. letter-spacing:{select:Navbar Letter Spacing};
  199. text-transform:{block:ifNavbarUppercase}uppercase{/block:ifNavbarUppercase};
  200. }
  201. .nav-links a {color:{color:Nav Links};}
  202. .nav-links a:hover {color:{color:Link Hover};}
  203. .nav-links {width:100vw;list-style-type:none;}
  204. .nav-links .label.current-page {
  205. color:{color:Link Hover};
  206. }
  207.  
  208. /*----SEARCH----*/
  209. ::placeholder {color:{TitleColor};background:transparent;opacity: 1;}
  210. :-ms-input-placeholder {color:{TitleColor};background:transparent;}
  211. ::-ms-input-placeholder {color:{TitleColor};background:transparent;}
  212. form.search .query:focus {outline:none;color:{TitleColor}}
  213. form.search {
  214. display:inline-block;
  215. background:{TitleColor}20;
  216. padding-left:4px;
  217. padding-right:4px;
  218. border-radius:2em;
  219. }
  220. form.search .query {
  221. border:none;
  222. padding-left:4px;
  223. padding-right:4px;
  224. background:transparent;
  225. color:{color:Bold};
  226. font-family:{text:Navbar Font};
  227. font-weight:{select:Navbar Font Weight};
  228. letter-spacing:{select:Navbar Letter Spacing};
  229. {block:ifNavbarItalic}
  230. font-style:italic;
  231. {/block:ifNavbarItalic}
  232. }
  233.  
  234. /*------------------------------------------------------MAIN LAYOUT----*/
  235.  
  236. article {
  237. width:auto;
  238. margin:5% auto;}
  239.  
  240. .posts{
  241. text-align:left;
  242. width:{select:Post Width};
  243. margin:5% auto;
  244. max-width:80vw;
  245. background:{color:Posts};
  246. padding:1em;
  247. border-radius:4px;
  248. box-shadow:{select:Post Shadow};
  249. }
  250.  
  251. body {
  252. color: {color:Text};
  253. background:{BackgroundColor} url('{image:Background}');
  254. background-attachment:fixed;
  255. background-position:center;
  256. background-size:{text:Background Size};
  257. font-size:{select:Body Font Size};
  258. width:100%;
  259. font-family:{text:Body Font}, Helvetica Neue, sans-serif;
  260. line-height:160%;
  261. text-decoration: none;
  262. }
  263.  
  264. /*----POSTS TAGGED BY----*/
  265. .tag-page {
  266. text-align:center;
  267. font-size:1.2em;
  268. font-family:{text:Body Font};
  269. color:{TitleColor};
  270. font-weight:400;
  271. margin-top:3em;
  272. }
  273.  
  274. /*------------------------------------------------------------POSTS----*/
  275.  
  276. /*----HEADERS and TITLES----*/
  277. .post-content h2 b, .post-content h2 strong {color:#000000;}
  278. .post-content h1 {margin-bottom:1em;text-align:center;}
  279. .post-content h1, .post-content h2 {
  280. color:{TitleColor};
  281. font-family:{text:Header Font}, Helvetica Neue, sans-serif;
  282. font-weight:700;
  283. }
  284. .post-title a:hover {color:{color:Link Hover};}
  285. .post-title a {
  286. color:{TitleColor};
  287. font:bold 1.2em {text:Header Font}, Helvetica Neue, sans-serif;
  288. text-transform:none;
  289. width:auto;
  290. }
  291.  
  292. /*----POST CONTENT----*/
  293. b, strong {color:{color:Bold};font-weight:600;}
  294. hr {width:100%;margin-left:0px;border:.1px dashed {color:Text}40;}
  295. code:not(blockquote code) {
  296. background:{color:Text}20;
  297. padding:0px 4px;
  298. border-radius:2px;
  299. opacity:0.8;}
  300. blockquote code {font-family:Source Code Pro, monospace;font-size:0.8em;}
  301. .caption small {font-size:80%}
  302. .caption blockquote code {
  303. font-family:Source Code Pro, Consolas, monospace;
  304. font-size:0.8em;
  305. }
  306.  
  307. /*----LINKS----*/
  308. a {color:{TitleColor};transition:all 200ms ease-in-out;}
  309. a:hover {color:{color:Link Hover};}
  310. a, a:hover {text-decoration:none;}
  311. p a {font-weight:normal;transition: all 200ms ease-in-out;}
  312. p a:hover {color:{color:Link Hover};}
  313. .post-content a {color:{TitleColor};}
  314. .post-content a:hover {color:{color:Link Hover};}
  315.  
  316. /*----LISTS----*/
  317. ul, menu, dir {list-style-type: circle;}
  318. li + ul {list-style-type:none;}
  319. li + ul li:before {content:'•';padding:.5em;color:{color:Bold};}
  320. hr {width:100%;margin-left:0px;border:.1px dashed {color:Text}40;}
  321.  
  322. /*----BLOCKQUOTES----*/
  323. .post-content blockquote b,
  324. .post-content blockquote strong {color:{color:Text};}
  325. .post-content blockquote {
  326. color:{color:Text}90;
  327. border-left:1px solid {color:Text}20;
  328. margin-left:2em;
  329. padding-left:1em;
  330. }
  331.  
  332. /*----READ MORE----*/
  333. .read_more_container {text-align:center;}
  334. a.read_more:hover {
  335. color:{color:Link Hover};
  336. border:.5px solid {color:Link Hover};
  337. }
  338. a.read_more {
  339. color:{TitleColor};
  340. font-family:{text:Header Font}, Helvetica Neue, arial, sans-serif;
  341. text-transform:uppercase;
  342. background:white;
  343. text-align:center;
  344. letter-spacing:1.5px;
  345. font-size:calc({select:Body Font Size} - 20%);
  346. font-weight:500;
  347. text-decoration:none;
  348. padding:5px;
  349. border:.5px solid {TitleColor};
  350. border-radius:3px;
  351. transition: all 200ms ease-in-out;
  352. box-shadow: 0 1px 2px #00000010;
  353. }
  354.  
  355. /*-------------------------------------------------------POST TYPES----*/
  356.  
  357. /*----LINK----*/
  358. .link-wrapper {
  359. background:{color:Text}20;
  360. border:1px solid {color:Text}30;
  361. border-radius:4px;
  362. box-shadow: 0 1px 2px #00000010;
  363. transition: all 200ms ease-in-out;
  364. }
  365. .link-wrapper:hover {border-color:{color:Link Hover}60;background:{color:Link Hover}20;}
  366. .link-text-wrapper{color:{color:Text};transition: all 200ms ease-in-out;}
  367. .link-text-wrapper:hover {color:{color:Link Hover};}
  368. .link-title::after {display:none;}
  369.  
  370. /*----ASK----*/
  371. .note-item .avatar img {border-radius:2em;padding:2px;}
  372. .note-item-answerer .avatar img {border:1px solid {color:Text}30;}
  373. .note-item-asker .avatar img {border:1px solid {color:Answer Posts}30;}
  374. .note-item .text:after {display:none;}
  375. .note-item .text {font-size:{select:Body Font Size};line-height:150%;}
  376. .note-item-asker .text {
  377. background:{color:Answer Posts}20;
  378. border: 1px solid {color:Answer Posts}20;
  379. color:{color:Answer Posts};
  380. }
  381. .note-item-answerer .text {
  382. background:{color:Text}10;
  383. border: 1px solid {color:Text}10;
  384. color:{color:Text}90;
  385. }
  386. .note-item .text .answerer,
  387. .note-item .text .asker {
  388. color:{color:Bold};
  389. font-style:italic;
  390. font-size:calc({select:Body Font Size} - 20%);
  391. }
  392.  
  393. /*----CHAT----*/
  394. .conversation .chat {font-family:{text:Body Font};margin-bottom:8px;}
  395. .conversation .label {
  396. color:{color:Bold};
  397. font-family:{text:Header Font};
  398. font-size:calc({select:Body Font Size} - 20%);
  399. font-weight:700;
  400. text-transform:uppercase;
  401. letter-spacing:1.25px;
  402. }
  403.  
  404. /*----PHOTO and VIDEO----*/
  405. img{height:auto;width:auto;margin:0 auto;}
  406. .video-wrapper {height:auto;max-width:700px;margin:0 auto;}
  407. .video .posts {min-width:700px;}
  408.  
  409. /*----QUOTES----*/
  410. .quote .source {margin-top:10px;position:relative;font-size:calc({select:Body Font Size} - 20%);text-align:right;}
  411. .quote .source:before {content: "";display:none;}
  412. .quote .post-content blockquote:before {letter-spacing:1px;}
  413. .quote .post-content blockquote:after {margin-left:0;letter-spacing:1px;}
  414. .quote .post-content blockquote {
  415. color:{color:Bold};
  416. border:none;
  417. font-family:{text:Header Font}, Helvetica Neue, sans-serif;
  418. font-size:calc({select:Body Font Size} + 150%);
  419. font-weight:bold;
  420. line-height:160%;
  421. margin:0;
  422. padding:0 5px 0 0;
  423. quotes: "“" "”" "‘" "’";
  424. word-break:break-word;
  425. }
  426.  
  427. /*----REBLOG----*/
  428. .post-avatar-image {border-radius:100%;padding:1px;border:1px solid {color:Borders};}
  429.  
  430. /*------------------------------------------------------POST FOOTER----*/
  431.  
  432. /*----TAGS----*/
  433. a.meta-item.tag-link:before {content:'';} /* removes the # */
  434. a.meta-item.tag-link{
  435. color:{color:Accent};
  436. border:1px solid {color:Accent}40;
  437. padding: 0.3em 0.8em;
  438. text-transform:none;
  439. border-radius:2em;
  440. transition: all 200ms ease-in-out;
  441. margin:.5em;
  442. }
  443.  
  444. a.meta-item.tag-link:hover {
  445. color:{color:Link Hover};
  446. border-color:{color:Link Hover}60;
  447. }
  448.  
  449. /*----LIKE and REBLOG----*/
  450. .post-controls {color:{TitleColor};transition: all 200ms ease-in-out;}
  451. .post-controls .control .like_button:hover,
  452. .post-controls .control .reblog_button:hover,
  453. .post-controls .control .share:hover {
  454. color: {color:Link Hover};
  455. transition: all 200ms ease-in-out;
  456. }
  457. .reblog-link:hover:before {color:{TitleColor};}
  458.  
  459. /*----POST NOTES----*/
  460. .date-notes, .post-notes, .post-extra {font-family:{text:Body Font};}
  461. .date-notes {font-size:.8em;transition: all 200ms ease-in-out;}
  462. .post-notes {color:{TitleColor};}
  463. .post-extra {
  464. font-size: calc({select:Body Font Size} - 33.333%);
  465. width:auto;
  466. line-height:130%;
  467. }
  468.  
  469. a.meta-item.post-notes:hover {color:{color:Link Hover};}
  470. a.meta-item.post-notes {
  471. color:{TitleColor};
  472. transition:all 200ms ease-in-out;
  473. }
  474.  
  475. /*----PERMALINK POST NOTES----*/
  476. .post-notes ol li {list-style:none;}
  477. .post-notes ol.notes li.note {padding:1em;color:{color:Text}90;}
  478. .like .avatar_frame:after {padding:2px;}
  479. .reply .avatar_frame:after {padding:2px;}
  480. .reblog:not(.original_post) .avatar_frame:after {padding:2px;}
  481. .post-notes ol.notes li.note img.avatar {
  482. height:26px;
  483. width:26px;
  484. border-radius:2px;
  485. margin-right:5px;
  486. }
  487. .post-notes ol.notes li.note span.action {font-weight:normal;}
  488. .post-notes ol.notes li.note .answer_content {font-weight:normal;}
  489. .post-notes ol.notes li.note blockquote a {
  490. text-decoration:none;
  491. color:{color:Text}90;
  492. }
  493. .post-notes ol.notes li.note blockquote {
  494. border-left:1px solid {color:Text}20;
  495. margin-left:4em;
  496. padding-left:1em;
  497. }
  498.  
  499. /*-----------------------------------------------------------FOOTER----*/
  500.  
  501. /*----PAGINATION----*/
  502. .pagination {margin:5% 0 5% 0;text-align:center;}
  503. .pagination .lnr {font-size:10px;}
  504. .jump_page {color:{TitleColor};background-color:{BackgroundColor};}
  505. .jump_page, .current_page, .jump_page:hover {
  506. font-family:{text:Header Font};
  507. font-size:12px;
  508. text-decoration:none;
  509. margin:0 2px;
  510. }
  511. .current_page, .jump_page:hover {
  512. color:{color:Link Hover};
  513. background-color:{color:Link Hover}20;
  514. }
  515.  
  516. /*----SCROLL TO TOP----*/
  517. #totop {
  518. z-index:900;
  519. cursor:pointer;
  520. width:51px;
  521. height:51px;
  522. bottom:10px;
  523. right:10px;
  524. position:fixed;
  525. display:none;
  526. text-decoration:none;
  527. overflow:hidden;
  528. border:none;
  529. }
  530.  
  531. /*----TUMBLR CONTROLS by Cyantists----*/
  532. iframe.tmblr-iframe {
  533. z-index:9999999999;
  534. top:0;
  535. left:auto;
  536. padding-right:2em;
  537. opacity:0;
  538. filter:invert(1) contrast(200%);
  539. -webkit-filter:invert(1) contrast(200%);
  540. -o-filter:invert(1) contrast(200%);
  541. -moz-filter:invert(1) contrast(200%);
  542. -ms-filter:invert(1) contrast(200%);
  543. transform:scale(.7);
  544. transform-origin:right top;
  545. vertical-align:top;
  546. transition:all 200ms ease-in-out;
  547. }
  548. iframe.tmblr-iframe:hover {opacity:0.4;}
  549. .hcontrols .lnr {color:{color:Navbar Links};}
  550. .hcontrols {
  551. padding:.5em 0 .5em 0;
  552. position:fixed;
  553. top:0;
  554. right:0;
  555. z-index:999999999;
  556. width:24px;
  557. height:24px;
  558. display:inline-block;
  559. vertical-align:top;
  560. }
  561.  
  562. </style>
  563. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  564. <script type="text/javascript">
  565. $(function() {
  566. $(window).scroll(function() {
  567. if($(this).scrollTop() != 0) {
  568. $('#totop').fadeIn();
  569. }
  570. else {
  571. $('#totop').fadeOut();
  572. }
  573. });
  574.  
  575. $('#totop').click(function() {
  576. $('body,html').animate({scrollTop:0},800);
  577. });
  578. });
  579. </script>
  580.  
  581. <!-----------------------------------------------------------------------
  582.  
  583. ASK FORM
  584.  
  585. Want to add text to your ask page? Here's a quick tutorial!
  586.  
  587. STEP 1 - Create you desired content in HTML format
  588.  
  589. Example: <p><strong>Question 1?<strong></p><ul><li>Answer 1.</li></ul>
  590.  
  591. STEP 2 - Insert the text within the '' of $('#ask_form').before('');
  592.  
  593. ex: $('#ask_form').before('<p><strong>Question 1?<strong></p><ul><li>Answer 1.</li></ul>');
  594.  
  595. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  596.  
  597. QUICK TIPS...
  598.  
  599. TIP 1 - Make sure there are no spaces between the elements.
  600.  
  601. Do: <p><strong>Question 1?<strong></p><ul><li>Answer 1.</li></ul>
  602. Don't: <p><strong>Question 1?<strong></p>
  603. <ul><li>Answer 1.</li></ul>
  604.  
  605. TIP 2 - Avoid using contractions. The script will read it as you closing the .before('') content. As a result, your content will not appear.
  606.  
  607.  
  608. ------------------------------------------------------------------------>
  609.  
  610. <script type="text/javascript">
  611. $(document).ready(function(){
  612. $('#ask_form').before('');
  613. });
  614. </script>
  615.  
  616. <!----------------------------------------------------------ASK FORM---->
  617.  
  618. </head>
  619. <body>
  620. <div id="totop"><span class="lnr lnr-chevron-up"></span></div>
  621. <div class="hcontrols"><i class="lnr lnr-cog"></i></div>
  622.  
  623. <!-----------------------------------------------------------NAVBAR---->
  624. <header>
  625. <div class="banner">
  626. {block:ShowTitle}
  627. <div class="blogtitle"><a href="/">{Title}</a></div>
  628. {/block:ShowTitle}
  629.  
  630. {block:ShowDescription}
  631. <div class="description">{Description}</div>
  632. {/block:ShowDescription}
  633. </div>
  634.  
  635. <nav id="navbar">
  636. <div class="nav-links">
  637.  
  638. <a href="/">
  639. <img class="avatar-{AvatarShape}" src="{PortraitURL-128}">
  640. </a>
  641.  
  642. {block:ifShowSearch}
  643. <form action="/search" method="get" class="search">
  644. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="Search">
  645. </form>
  646. {/block:ifShowSearch}
  647.  
  648. <a href="/" class="label label-home
  649. {block:HomePage}current-page{/block:HomePage}">
  650. {text:Home Label}</a>
  651.  
  652. {block:AskEnabled}
  653. <a href="/ask" class="label
  654. {block:AskPage}current-page{/block:AskPage}">{text:Ask Label}</a>
  655. {/block:AskEnabled}
  656.  
  657. {block:SubmissionsEnabled}
  658. <a href="/submit" class="label
  659. {block:SubmitPage}current-page{/block:SubmitPage}">Submit</a>
  660. {/block:SubmissionsEnabled}
  661.  
  662. {block:HasPages}
  663. {block:Pages}
  664. <a href="{URL}" class="label {CurrentState} {ExternalState}">
  665. {Label}</a>
  666. {/block:Pages}
  667. {/block:HasPages}
  668.  
  669. </div> <!-- nav-links -->
  670. <script>
  671. // When the user scrolls down 20px from the top of the document, slide down the navbar
  672. window.onscroll = function() {scrollFunction()};
  673.  
  674. function scrollFunction() {
  675. if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  676. document.getElementById("navbar").style.top = "0";
  677. } else {
  678. document.getElementById("navbar").style.top = "-50px";
  679. }
  680. }
  681. </script>
  682. </nav>
  683. </header>
  684.  
  685. <!-------------------------------------------------------------POSTS---->
  686.  
  687. <main>
  688.  
  689. {block:TagPage}<div class="tag-page">Posts Tagged "{Tag}"</div>{/block:TagPage}
  690. {block:Posts}
  691. <article class="{block:Text}text {/block:Text}{block:Photoset}photoset {/block:Photoset}{block:Photo}photo {/block:Photo}{block:RebloggedFrom}reblog {/block:RebloggedFrom}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Audio}audio {/block:Audio}{block:Video}video {/block:Video}{block:Answer}answer {/block:Answer}">
  692.  
  693. <div class="posts" id="{PostID}">
  694.  
  695. {block:Text}
  696. <div class="post-content">
  697. {block:Title}
  698. <h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>
  699. {/block:Title}
  700. {block:NotReblog}
  701. <div class="body-text">{Body}</div>
  702. {/block:NotReblog}
  703.  
  704. {block:RebloggedFrom}
  705. <div class="reblog-list">
  706.  
  707. {block:Reblogs}
  708. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  709.  
  710. <div class="post-reblog-header">
  711. {block:HasAvatar}
  712. <div class="post-avatar">
  713. <div class="post-avatar-wrapper">
  714. {block:HasPermalink}
  715. <a class="post-avatar-link
  716. {block:isNotOriginalEntry} sub-icon-reblog
  717. {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  718. <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  719. {/block:HasPermalink}
  720.  
  721. {block:HasNoPermalink}
  722. <span class="reblog-avatar
  723. {block:IsDeactivated} inactive{/block:IsDeactivated}
  724. {block:isNotOriginalEntry} sub-icon-reblog
  725. {/block:isNotOriginalEntry}">
  726. <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  727. {/block:HasNoPermalink}
  728.  
  729. </div> <!-- post-avatar-wrapper -->
  730. </div> <!-- post-avatar -->
  731. {/block:HasAvatar}
  732.  
  733. {block:HasPermalink}
  734. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  735. {Username}</a>
  736. {/block:HasPermalink}
  737.  
  738. {block:HasNoPermalink}
  739. <span class="post-tumblelog-name
  740. {block:IsDeactivated} inactive{/block:IsDeactivated}">
  741. {Username}</span>
  742. {/block:HasNoPermalink}
  743. </div> <!-- post-reblog-header -->
  744.  
  745. <div class="post-reblog-content">
  746. <div class="post-body">{Body}</div>
  747. </div> <!-- post-reblog-content -->
  748.  
  749. </div> <!-- original-reblog-content -->
  750. {/block:Reblogs}
  751. </div> <!-- reblog-list -->
  752. {/block:RebloggedFrom}
  753. </div> <!-- post-content -->
  754. {/block:Text}
  755.  
  756. <!------------------------------------------------------------ANSWER---->
  757.  
  758. {block:Answer}
  759. <div class="post-content">
  760.  
  761. <div class="note-item note-item-asker">
  762. <div class="text">
  763. <p class="asker"><strong>{Asker}</strong> asked:</p>
  764. <div class="asker-question">{Question}</div>
  765. </div> <!-- text -->
  766. <div class="avatar">
  767. <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  768. </div> <!-- avatar -->
  769. </div> <!-- note-item note-item-asker -->
  770.  
  771. {block:Answerer}
  772. <div class="note-item note-item-answerer">
  773. <div class="text">
  774. <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  775. <div class="answerer-answer">{Answer}</div>
  776. </div> <!-- text -->
  777.  
  778. <div class="avatar">
  779. <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  780. </div> <!-- avatar -->
  781. </div> <!-- note-item note-item-answerer -->
  782. {/block:Answerer}
  783.  
  784. {block:NotReblog}
  785. <div class="replies">{Replies}</div>
  786. {/block:NotReblog}
  787.  
  788. {block:RebloggedFrom}
  789. <div class="reblog-list">
  790.  
  791. {block:Reblogs}
  792. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  793.  
  794. <div class="post-reblog-header">
  795. {block:HasAvatar}
  796. <div class="post-avatar">
  797. <div class="post-avatar-wrapper">
  798. {block:HasPermalink}
  799. <a class="post-avatar-link
  800. {block:isNotOriginalEntry} sub-icon-reblog
  801. {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  802. <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  803. {/block:HasPermalink}
  804.  
  805. {block:HasNoPermalink}
  806. <span class="reblog-avatar
  807. {block:IsDeactivated} inactive{/block:IsDeactivated}
  808. {block:isNotOriginalEntry} sub-icon-reblog
  809. {/block:isNotOriginalEntry}">
  810. <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  811. {/block:HasNoPermalink}
  812.  
  813. </div> <!-- post-avatar-wrapper -->
  814. </div> <!-- post-avatar -->
  815. {/block:HasAvatar}
  816.  
  817. {block:HasPermalink}
  818. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  819. {Username}</a>
  820. {/block:HasPermalink}
  821.  
  822. {block:HasNoPermalink}
  823. <span class="post-tumblelog-name
  824. {block:IsDeactivated} inactive{/block:IsDeactivated}">
  825. {Username}</span>
  826. {/block:HasNoPermalink}
  827. </div> <!-- post-reblog-header -->
  828.  
  829. <div class="post-reblog-content">
  830. <div class="post-body">{Body}</div>
  831. </div> <!-- post-reblog-content -->
  832.  
  833. </div> <!-- original-reblog-content -->
  834. {/block:Reblogs}
  835. </div> <!-- reblog-list -->
  836. {/block:RebloggedFrom}
  837. </div> <!-- post-content -->
  838. {/block:Answer}
  839.  
  840. <!-------------------------------------------------------------QUOTE---->
  841.  
  842. {block:Quote}
  843. <div class="post-content">
  844. <blockquote class="{Length}">{Quote}</blockquote>
  845. {block:Source}
  846. <div class="source">{Source}</div>
  847. {/block:Source}
  848. </div>
  849. {/block:Quote}
  850.  
  851. <!-------------------------------------------------------------LINK---->
  852.  
  853. {block:Link}
  854. <div class="post-content
  855. {block:Description} with-caption{/block:Description}
  856. {block:Thumbnail} with-thumbnail{/block:Thumbnail}">
  857. <div class="link-wrapper">
  858. <a {Target} href="{URL}" class="link link-container">
  859. {block:Thumbnail}<div class="link-thumbnail">
  860. <img src="{Thumbnail-HighRes}" alt="" /></div>
  861. {/block:Thumbnail}
  862.  
  863. <div class="link-text-wrapper clearfix">
  864. <div class="link-text">
  865. {block:Host}
  866. <div class="link-host" style="font-weight:normal;font-size:10px;">{Host}</div>
  867. {/block:Host}
  868. <h1 class="link-title">{Name} . . .</h1>
  869. {block:Excerpt}
  870. <div class="link-excerpt">{Excerpt}</div>
  871. {/block:Excerpt}
  872. {block:Author}
  873. <div class="link-author">{Author}</div>
  874. {/block:Author}
  875. </div> <!-- link-text -->
  876. </div> <!-- link-text-wrapper clearfix -->
  877. </a> <!-- link -->
  878. </div> <!-- link-wrapper -->
  879.  
  880. {block:NotReblog}
  881. <div class="caption">{Description}</div>
  882. {/block:NotReblog}
  883.  
  884. {block:RebloggedFrom}
  885. <div class="reblog-list">
  886.  
  887. {block:Reblogs}
  888. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  889.  
  890. <div class="post-reblog-header">
  891. {block:HasAvatar}
  892. <div class="post-avatar">
  893. <div class="post-avatar-wrapper">
  894. {block:HasPermalink}
  895. <a class="post-avatar-link
  896. {block:isNotOriginalEntry} sub-icon-reblog
  897. {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  898. <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  899. {/block:HasPermalink}
  900.  
  901. {block:HasNoPermalink}
  902. <span class="reblog-avatar
  903. {block:IsDeactivated} inactive{/block:IsDeactivated}
  904. {block:isNotOriginalEntry} sub-icon-reblog
  905. {/block:isNotOriginalEntry}">
  906. <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  907. {/block:HasNoPermalink}
  908.  
  909. </div> <!-- post-avatar-wrapper -->
  910. </div> <!-- post-avatar -->
  911. {/block:HasAvatar}
  912.  
  913. {block:HasPermalink}
  914. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  915. {Username}</a>
  916. {/block:HasPermalink}
  917.  
  918. {block:HasNoPermalink}
  919. <span class="post-tumblelog-name
  920. {block:IsDeactivated} inactive{/block:IsDeactivated}">
  921. {Username}</span>
  922. {/block:HasNoPermalink}
  923. </div> <!-- post-reblog-header -->
  924.  
  925. <div class="post-reblog-content">
  926. <div class="post-body">{Body}</div>
  927. </div> <!-- post-reblog-content -->
  928.  
  929. </div> <!-- original-reblog-content -->
  930. {/block:Reblogs}
  931. </div> <!-- reblog-list -->
  932. {/block:RebloggedFrom}
  933. </div> <!-- post-content -->
  934. {/block:Link}
  935.  
  936. <!--------------------------------------------------------------CHAT---->
  937.  
  938. {block:Chat}
  939. <div class="post-content">
  940.  
  941. {block:Title}
  942. <h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>
  943. {/block:Title}
  944.  
  945. <div class="conversation">
  946. {block:Lines}
  947. <div class="chat chat-{Alt}" style="margin-bottom:8px;">
  948. {block:Label}<span class="label">{Label}</span>{/block:Label}
  949. {Line}<hr></hr>
  950. </div>
  951. {/block:Lines}
  952. </div> <!-- conversation -->
  953.  
  954. {block:RebloggedFrom}
  955. <div class="reblog-list">
  956.  
  957. {block:Reblogs}
  958. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  959.  
  960. <div class="post-reblog-header">
  961. {block:HasAvatar}
  962. <div class="post-avatar">
  963. <div class="post-avatar-wrapper">
  964. {block:HasPermalink}
  965. <a class="post-avatar-link
  966. {block:isNotOriginalEntry} sub-icon-reblog
  967. {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  968. <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  969. {/block:HasPermalink}
  970.  
  971. {block:HasNoPermalink}
  972. <span class="reblog-avatar
  973. {block:IsDeactivated} inactive{/block:IsDeactivated}
  974. {block:isNotOriginalEntry} sub-icon-reblog
  975. {/block:isNotOriginalEntry}">
  976. <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  977. {/block:HasNoPermalink}
  978.  
  979. </div> <!-- post-avatar-wrapper -->
  980. </div> <!-- post-avatar -->
  981. {/block:HasAvatar}
  982.  
  983. {block:HasPermalink}
  984. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  985. {Username}</a>
  986. {/block:HasPermalink}
  987.  
  988. {block:HasNoPermalink}
  989. <span class="post-tumblelog-name
  990. {block:IsDeactivated} inactive{/block:IsDeactivated}">
  991. {Username}</span>
  992. {/block:HasNoPermalink}
  993. </div> <!-- post-reblog-header -->
  994.  
  995. <div class="post-reblog-content">
  996. <div class="post-body">{Body}</div>
  997. </div> <!-- post-reblog-content -->
  998.  
  999. </div> <!-- original-reblog-content -->
  1000. {/block:Reblogs}
  1001. </div> <!-- reblog-list -->
  1002. {/block:RebloggedFrom}
  1003. </div> <!-- post-content -->
  1004. {/block:Chat}
  1005.  
  1006.  
  1007. <!-------------------------------------------------------------PHOTO---->
  1008.  
  1009. {block:Photo}
  1010. <figure class="post-content {block:HighRes}high-res{/block:HighRes}" data-photo-width="{PhotoWidth-HighRes}">
  1011.  
  1012. <div class="photo-wrapper">
  1013. <div class="photo-wrapper-inner">
  1014. {LinkOpenTag}
  1015. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}"{block:LivePhoto}data-live-photo="{LivePhotoURL}" data-live-photo-still-image-time="{LivePhotoStillImageTime}"{/block:LivePhoto}>
  1016. {LinkCloseTag}
  1017. </div> <!-- photo-wrapper-inner -->
  1018. </div> <!-- photo-wrapper -->
  1019.  
  1020. {block:NotReblog}
  1021. <figcaption class="caption" style="border:none;">{Caption}</figcaption>
  1022. {/block:NotReblog}
  1023.  
  1024. {block:RebloggedFrom}
  1025. <div class="reblog-list">
  1026.  
  1027. {block:Reblogs}
  1028. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1029.  
  1030. <div class="post-reblog-header">
  1031. {block:HasAvatar}
  1032. <div class="post-avatar">
  1033. <div class="post-avatar-wrapper">
  1034. {block:HasPermalink}
  1035. <a class="post-avatar-link
  1036. {block:isNotOriginalEntry} sub-icon-reblog
  1037. {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1038. <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  1039. {/block:HasPermalink}
  1040.  
  1041. {block:HasNoPermalink}
  1042. <span class="reblog-avatar
  1043. {block:IsDeactivated} inactive{/block:IsDeactivated}
  1044. {block:isNotOriginalEntry} sub-icon-reblog
  1045. {/block:isNotOriginalEntry}">
  1046. <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1047. {/block:HasNoPermalink}
  1048.  
  1049. </div> <!-- post-avatar-wrapper -->
  1050. </div> <!-- post-avatar -->
  1051. {/block:HasAvatar}
  1052.  
  1053. {block:HasPermalink}
  1054. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  1055. {Username}</a>
  1056. {/block:HasPermalink}
  1057.  
  1058. {block:HasNoPermalink}
  1059. <span class="post-tumblelog-name
  1060. {block:IsDeactivated} inactive{/block:IsDeactivated}">
  1061. {Username}</span>
  1062. {/block:HasNoPermalink}
  1063. </div> <!-- post-reblog-header -->
  1064.  
  1065. <div class="post-reblog-content">
  1066. <div class="post-body">{Body}</div>
  1067. </div> <!-- post-reblog-content -->
  1068.  
  1069. </div> <!-- original-reblog-content -->
  1070. {/block:Reblogs}
  1071. </div> <!-- reblog-list -->
  1072. {/block:RebloggedFrom}
  1073. </figure> <!-- post-content -->
  1074. {/block:Photo}
  1075.  
  1076. <!----------------------------------------------------------PHOTOSET---->
  1077.  
  1078. {block:Photoset}
  1079. <figure class="post-content photoset">{Photoset}
  1080.  
  1081. {block:NotReblog}
  1082. <figcaption class="caption">{Caption}</figcaption>
  1083. {/block:NotReblog}
  1084.  
  1085. {block:RebloggedFrom}
  1086. <div class="reblog-list">
  1087.  
  1088. {block:Reblogs}
  1089. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1090.  
  1091. <div class="post-reblog-header">
  1092. {block:HasAvatar}
  1093. <div class="post-avatar">
  1094. <div class="post-avatar-wrapper">
  1095. {block:HasPermalink}
  1096. <a class="post-avatar-link
  1097. {block:isNotOriginalEntry} sub-icon-reblog
  1098. {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1099. <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  1100. {/block:HasPermalink}
  1101.  
  1102. {block:HasNoPermalink}
  1103. <span class="reblog-avatar
  1104. {block:IsDeactivated} inactive{/block:IsDeactivated}
  1105. {block:isNotOriginalEntry} sub-icon-reblog
  1106. {/block:isNotOriginalEntry}">
  1107. <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1108. {/block:HasNoPermalink}
  1109.  
  1110. </div> <!-- post-avatar-wrapper -->
  1111. </div> <!-- post-avatar -->
  1112. {/block:HasAvatar}
  1113.  
  1114. {block:HasPermalink}
  1115. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  1116. {Username}</a>
  1117. {/block:HasPermalink}
  1118.  
  1119. {block:HasNoPermalink}
  1120. <span class="post-tumblelog-name
  1121. {block:IsDeactivated} inactive{/block:IsDeactivated}">
  1122. {Username}</span>
  1123. {/block:HasNoPermalink}
  1124. </div> <!-- post-reblog-header -->
  1125.  
  1126. <div class="post-reblog-content">
  1127. <div class="post-body">{Body}</div>
  1128. </div> <!-- post-reblog-content -->
  1129.  
  1130. </div> <!-- original-reblog-content -->
  1131. {/block:Reblogs}
  1132. </div> <!-- reblog-list -->
  1133. {/block:RebloggedFrom}
  1134. </figure> <!-- post-content -->
  1135. {/block:Photoset}
  1136.  
  1137. <!-------------------------------------------------------------AUDIO---->
  1138.  
  1139. {block:Audio}
  1140. <div class="post-content">
  1141. <div class="audio_container">
  1142. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  1143. </div>
  1144.  
  1145. {block:NotReblog}
  1146. <div class="caption">{Caption}</div>
  1147. {/block:NotReblog}
  1148.  
  1149. {block:RebloggedFrom}
  1150. <div class="reblog-list">
  1151.  
  1152. {block:Reblogs}
  1153. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1154.  
  1155. <div class="post-reblog-header">
  1156. {block:HasAvatar}
  1157. <div class="post-avatar">
  1158. <div class="post-avatar-wrapper">
  1159. {block:HasPermalink}
  1160. <a class="post-avatar-link
  1161. {block:isNotOriginalEntry} sub-icon-reblog
  1162. {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1163. <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  1164. {/block:HasPermalink}
  1165.  
  1166. {block:HasNoPermalink}
  1167. <span class="reblog-avatar
  1168. {block:IsDeactivated} inactive{/block:IsDeactivated}
  1169. {block:isNotOriginalEntry} sub-icon-reblog
  1170. {/block:isNotOriginalEntry}">
  1171. <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1172. {/block:HasNoPermalink}
  1173.  
  1174. </div> <!-- post-avatar-wrapper -->
  1175. </div> <!-- post-avatar -->
  1176. {/block:HasAvatar}
  1177.  
  1178. {block:HasPermalink}
  1179. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  1180. {Username}</a>
  1181. {/block:HasPermalink}
  1182.  
  1183. {block:HasNoPermalink}
  1184. <span class="post-tumblelog-name
  1185. {block:IsDeactivated} inactive{/block:IsDeactivated}">
  1186. {Username}</span>
  1187. {/block:HasNoPermalink}
  1188. </div> <!-- post-reblog-header -->
  1189.  
  1190. <div class="post-reblog-content">
  1191. <div class="post-body">{Body}</div>
  1192. </div> <!-- post-reblog-content -->
  1193.  
  1194. </div> <!-- original-reblog-content -->
  1195. {/block:Reblogs}
  1196. </div> <!-- reblog-list -->
  1197. {/block:RebloggedFrom}
  1198. </div> <!-- post-content -->
  1199. {/block:Audio}
  1200.  
  1201. <!-------------------------------------------------------------VIDEO---->
  1202.  
  1203. {block:Video}
  1204. <figure class="post-content">
  1205. <div class="video-wrapper">{Video-700}</div>
  1206.  
  1207. {block:NotReblog}
  1208. <figcaption class="caption" style="border:none;">{Caption}</figcaption>
  1209. {/block:NotReblog}
  1210.  
  1211. {block:RebloggedFrom}
  1212. <div class="reblog-list">
  1213.  
  1214. {block:Reblogs}
  1215. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1216.  
  1217. <div class="post-reblog-header">
  1218. {block:HasAvatar}
  1219. <div class="post-avatar">
  1220. <div class="post-avatar-wrapper">
  1221. {block:HasPermalink}
  1222. <a class="post-avatar-link
  1223. {block:isNotOriginalEntry} sub-icon-reblog
  1224. {/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1225. <img class="post-avatar-image" src="{PortraitURL-64}"></a>
  1226. {/block:HasPermalink}
  1227.  
  1228. {block:HasNoPermalink}
  1229. <span class="reblog-avatar
  1230. {block:IsDeactivated} inactive{/block:IsDeactivated}
  1231. {block:isNotOriginalEntry} sub-icon-reblog
  1232. {/block:isNotOriginalEntry}">
  1233. <img class="post-avatar-image" src="{PortraitURL-64}"></span>
  1234. {/block:HasNoPermalink}
  1235.  
  1236. </div> <!-- post-avatar-wrapper -->
  1237. </div> <!-- post-avatar -->
  1238. {/block:HasAvatar}
  1239.  
  1240. {block:HasPermalink}
  1241. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">
  1242. {Username}</a>
  1243. {/block:HasPermalink}
  1244.  
  1245. {block:HasNoPermalink}
  1246. <span class="post-tumblelog-name
  1247. {block:IsDeactivated} inactive{/block:IsDeactivated}">
  1248. {Username}</span>
  1249. {/block:HasNoPermalink}
  1250. </div> <!-- post-reblog-header -->
  1251.  
  1252. <div class="post-reblog-content">
  1253. <div class="post-body">{Body}</div>
  1254. </div> <!-- post-reblog-content -->
  1255.  
  1256. </div> <!-- original-reblog-content -->
  1257. {/block:Reblogs}
  1258. </div> <!-- reblog-list -->
  1259. {/block:RebloggedFrom}
  1260. </figure> <!-- post-content -->
  1261. {/block:Video}
  1262.  
  1263. <!--------------------------------------------------------POST EXTRA---->
  1264.  
  1265. <section class="inline-meta post-extra{block:RebloggedFrom} has-reblog
  1266. {/block:RebloggedFrom}{block:ContentSource} has-source
  1267. {/block:ContentSource}{block:HasTags} has-tags{/block:HasTags}">
  1268.  
  1269. {block:ContentSource}
  1270. <a class="meta-item source-link" href="{SourceURL}">
  1271. {lang:Source}: {SourceTitle}</a>
  1272. {/block:ContentSource}
  1273.  
  1274. {block:HasTags} <!-----TAGS---->
  1275. {block:Tags}
  1276. <a class="meta-item tag-link" href="{TagURL}" name="{Tag}">{Tag}</a>
  1277. {/block:Tags}
  1278. {/block:HasTags}
  1279. </section> <!-- inline-meta post-extra -->
  1280.  
  1281. </section>
  1282.  
  1283. {block:Date}
  1284. <section class="panel">
  1285. <footer class="post-footer">
  1286. <section class="panel">
  1287. <section class="inline-meta date-notes">
  1288. <div class="date-note-wrapper">
  1289. {block:NoteCount}
  1290. <span>
  1291. <a href="{Permalink}#notes" class="meta-item post-notes">
  1292. {NoteCountWithLabel}</a>
  1293. </span>
  1294. {/block:NoteCount}
  1295.  
  1296. <a href="{Permalink}" title="{TimeAgo}"
  1297. class="meta-item post-date">
  1298. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  1299. </div>
  1300. </section> <!-- inline-meta date-notes -->
  1301.  
  1302. <section class="post-controls">
  1303. <div class="controls-wrapper">
  1304. <div class="control reblog-control">
  1305. {ReblogButton size="24" color="black"}</div>
  1306. <div class="control like-control">
  1307. {LikeButton size="24" color="black"}</div>
  1308. </div> <!-- controls-wrapper -->
  1309. </section> <!-- post-controls -->
  1310. </section> <!-- panel -->
  1311.  
  1312. {block:PermalinkPage}
  1313. <div class="post-notes">
  1314. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  1315. </div>
  1316. {/block:PermalinkPage}
  1317. </footer> <!-- post-footer -->
  1318. </section> <!-- panel -->
  1319. {/block:Date}
  1320.  
  1321. {block:PermalinkPage}
  1322. {block:Date}
  1323. {block:IfDisqusShortname}
  1324. <section class="comments">
  1325. <div id="disqus_thread"></div>
  1326. <script type="text/javascript">
  1327. (function() {
  1328. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1329. dsq.src = 'https://{text:Disqus Shortname}.disqus.com/embed.js';
  1330. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1331. })();
  1332. </script>
  1333. <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  1334. <a href="https://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1335. </section> <!-- comments -->
  1336. {/block:IfDisqusShortname}
  1337. {/block:Date}
  1338. {/block:PermalinkPage}
  1339.  
  1340. <!---------------------------------------------------------------------->
  1341.  
  1342. </article><!-- end of article -->
  1343. </div><!-- end of .posts -->
  1344. {/block:Posts}
  1345.  
  1346. <!---------------------------------------------------------------------->
  1347. {block:Pagination}
  1348. <div class="pagination">
  1349. {block:PreviousPage}
  1350. <a href="{PreviousPage}" class="jump_page">
  1351. <i class="lnr lnr-arrow-left"></i></a>
  1352. {/block:PreviousPage}
  1353.  
  1354. {block:JumpPagination length="5"}
  1355. {block:CurrentPage}
  1356. <span class="current_page">{PageNumber}</span>
  1357. {/block:CurrentPage}
  1358. {block:JumpPage}
  1359. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1360. {/block:JumpPage}
  1361. {/block:JumpPagination}
  1362.  
  1363. {block:NextPage}
  1364. <a href="{NextPage}" class="jump_page">
  1365. <i class="lnr lnr-arrow-right"></i></a>
  1366. {/block:NextPage}
  1367. </div><!-- end of .pagination -->
  1368.  
  1369. <div><p style="letter-spacing:.5px;text-align:center;font-size:10px;margin-top:1em;color:{color:Text}60;"><i>Theme by </i><a href="https://pastebin.com/zDNjGr3u">BOO</a></p></div>
  1370. {/block:Pagination}
  1371.  
  1372.  
  1373.  
  1374. </main><!-- end of main -->
  1375.  
  1376. </body>
  1377. </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!