API tools faq
paste
Advertisement
silbrigthemes

Brutal (Theme #8)

silbrigthemes
Aug 18th, 2018 (edited)
1,265
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 79.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--
  5.  
  6. BRUTAL
  7. Theme #8 by silbrigthemes
  8.  
  9. >> Ruthlessness is the brutality of arrogance.
  10.  
  11. A single column layout, responsive with a full-size header.
  12.  
  13. Rules
  14.  
  15. 1) Do not claim as your own.
  16. 2) Do not delete or alter credit.
  17. 3) Do not use as a base code.
  18. 4) Do not edit beyond recognition.
  19. 5) Do not steal (parts of) the code.
  20.  
  21. If you encounter any problems or need help with the customization, feel free to send me a message about it.
  22.  
  23. Have fun!
  24.  
  25. -->
  26.  
  27. <head>
  28.  
  29. <meta charset="utf-16">
  30. <title>{Title}</title>
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}" />
  33. {/block:Description}
  34. <link rel="shortcut icon" href="{Favicon}"/>
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  36. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  37.  
  38. <!-- Necessary for the theme to be responsive. -->
  39. <meta name="viewport" content="width=device-width, initial-scale=1">
  40.  
  41. <!-- Necessary for the icon font to work. -->
  42. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  43.  
  44. <!-- Necessary for the scripts to work. -->
  45. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  46.  
  47. <!-- Necessary for responsive videos. | by nouvae -->
  48. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  49.  
  50. <!-- Changes the toolbar color on mobile. -->
  51. <meta name="theme-color" content="#0000ff"/>
  52.  
  53. <!-- CSS Photosets, by annasthms and espoirthemes -->
  54. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  55. <link href="https://static.tumblr.com/0podkko/xIbplezmo/modified_photosets.css" rel="stylesheet">
  56. <script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  57. <script>initPhotosets();</script>
  58.  
  59. <!-- Tooltip Script -->
  60. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  61. <script>
  62. (function($){
  63. $(document).ready(function(){
  64. $("[title]").style_my_tooltips({
  65. tip_follows_cursor:true,
  66. tip_delay_time:200,
  67. tip_fade_speed:300
  68. }
  69. );
  70. });
  71. })(jQuery);
  72. </script>
  73.  
  74. <!-- Change Audio iframe color script, by @roxiesthemes. -->
  75. <script>
  76. $(document).ready(function() {
  77. $('iframe.tumblr_audio_player').load( function() {
  78. $('iframe.tumblr_audio_player').contents().find("head")
  79. .append($("<style type='text/css'> .audio-player{background:{color:Posts} !important} </style>"));
  80. $('iframe.tumblr_audio_player').contents().find("head")
  81. .append($("<style type='text/css'> .track-name{color:{color:Text} !important} </style>"));
  82. $('iframe.tumblr_audio_player').contents().find("head")
  83. .append($("<style type='text/css'> .track-artist{color:{color:Text} !important} </style>"));
  84. $('iframe.tumblr_audio_player').contents().find("head")
  85. .append($("<style type='text/css'> .play-pause{color:{color:Accent} !important} </style>"));
  86. });
  87. });
  88. </script>
  89.  
  90. <link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,400,700&amp;subset=cyrillic,cyrillic-ext,latin-ext,vietnamese" rel="stylesheet">
  91. <link href="https://fonts.googleapis.com/css?family=Dancing+Script:400,700&amp;subset=latin-ext,vietnamese" rel="stylesheet">
  92.  
  93. <!-- Custom Fonts. -->
  94. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
  95.  
  96. <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
  97.  
  98. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
  99.  
  100. <meta name="if:Show Captions" content="1"/>
  101. <meta name="if:Show Tags" content="1"/>
  102.  
  103. <meta name="text:Custom URL 1" content="/"/>
  104. <meta name="text:Custom Link 1" content="Custom Link 1"/>
  105. <meta name="text:Custom URL 2" content="/"/>
  106. <meta name="text:Custom Link 2" content="Custom Link 2"/>
  107. <meta name="text:Custom URL 3" content="/"/>
  108. <meta name="text:Custom Link 3" content="Custom Link 3"/>
  109. <meta name="text:Custom URL 4" content="/"/>
  110. <meta name="text:Custom Link 4" content="Custom Link 4"/>
  111. <meta name="text:Custom URL 5" content="/"/>
  112. <meta name="text:Custom Link 5" content="Custom Link 5"/>
  113.  
  114. <meta name="color:Accent" content="#0000ff"/>
  115. <meta name="color:Background" content="#f7f7f8"/>
  116. <meta name="color:Other" content="#000"/>
  117. <meta name="color:Posts" content="#fff"/>
  118. <meta name="color:Scrollbar Background" content="#e7e7e8"/>
  119. <meta name="color:Text" content="#333"/>
  120.  
  121. <meta name="select:Font Size" content="1em" title="16px"/>
  122. <meta name="select:Font Size" content="14px" title="14px"/>
  123. <meta name="select:Font Size" content="12px" title="12px"/>
  124.  
  125. <meta name="select:Body Font" content="Open Sans" title="Open Sans"/>
  126. <meta name="select:Body Font" content="Roboto" title="Roboto"/>
  127. <meta name="select:Body Font" content="Roboto Mono" title="Roboto Mono"/>
  128.  
  129. <meta name="select:Title Font" content="Roboto Mono" title="Roboto Mono"/>
  130. <meta name="select:Title Font" content="Roboto" title="Roboto"/>
  131. <meta name="select:Title Font" content="Open Sans" title="Open Sans"/>
  132.  
  133. <style>
  134.  
  135. body{
  136. margin:0;
  137. top:0;
  138. left:0;
  139. background-color:{color:Background};
  140. font-size:{select:Font Size};
  141. color:{color:Text};
  142. font-family:"Open Sans", Verdana;
  143. overflow-x:hidden;
  144. text-align:justify;
  145. }
  146.  
  147. /* Custom Scrollbar */
  148. ::-webkit-scrollbar{
  149. width:10px;
  150. background-color:{color:Scrollbar Background};
  151. border:4px solid {color:Posts};
  152. }
  153.  
  154. ::-webkit-scrollbar-thumb{
  155. width:10px;
  156. background-color:{color:Accent};
  157. border:4px solid {color:Posts};
  158. }
  159.  
  160. /* Custom Text Selection */
  161. ::selection{
  162. background-color:{color:Accent};
  163. color:{color:Posts};
  164. text-shadow:none;
  165. border-bottom:none;
  166. }
  167.  
  168. ::-moz-selection{
  169. background-color:{color:Accent};
  170. color:{color:Posts};
  171. text-shadow:none;
  172. border-bottom:none;
  173. }
  174.  
  175. ::-o-selection{
  176. background-color:{color:Accent};
  177. color:{color:Posts};
  178. text-shadow:none;
  179. border-bottom:none;
  180. }
  181.  
  182. ::-webkit-selection{
  183. background-color:{color:Accent};
  184. color:{color:Posts};
  185. text-shadow:none;
  186. border-bottom:none;
  187. }
  188.  
  189. /* Custom Tooltips */
  190. #s-m-t-tooltip{
  191. max-width:300px;
  192. margin:15px;
  193. padding:0.5em;
  194. background-color: {color:Background};
  195. z-index:9999999999999;
  196. font-size:calc({select:Font Size} - 4px);
  197. text-transform:uppercase;
  198. font-weight:300;
  199. font-family:{select:Title Font};
  200. }
  201.  
  202. a{
  203. color:{color:Accent};
  204. border-bottom:2px solid {color:Accent};
  205. text-decoration:none;
  206. transition:0.5s;
  207. -moz-transition:0.5s;
  208. -o-transition:0.5s;
  209. -webkit-transition:0.5s;
  210. }
  211.  
  212. a:hover{
  213. border-bottom:2px solid {color:Text};
  214. cursor:pointer;
  215. transition:0.5s;
  216. -moz-transition:0.5s;
  217. -o-transition:0.5s;
  218. -webkit-transition:0.5s;
  219. }
  220.  
  221. .title{
  222. font-size:calc({select:Font Size} * 2.5);
  223. width:100%;
  224. border-bottom:4px solid {color:Accent};
  225. font-family:{select:Title Font};
  226. font-weight:400;
  227. color:{color:Other};
  228. margin-bottom:0.5em;
  229. text-align:left;
  230. }
  231.  
  232. h1{
  233. font-size:calc({select:Font Size} * 1.5);
  234. font-family:{select:Title Font};
  235. font-weight:300;
  236. }
  237.  
  238. h2{
  239. font-size:calc({select:Font Size} * 1.25);
  240. font-weight:300;
  241. }
  242.  
  243. hr{
  244. width:80%;
  245. border:none;
  246. background:{color:Text};
  247. height:4px;
  248. }
  249.  
  250. b, strong{
  251. font-weight:700;
  252. color:{color:Other};
  253. }
  254.  
  255. i, em{
  256. font-weight:300;
  257. font-style:italic;
  258. color:{color:Other};
  259. }
  260.  
  261. u{
  262. text-decoration:none;
  263. border-bottom:2px solid {color:Text};
  264. }
  265.  
  266. p:empty{
  267. display:none;
  268. }
  269.  
  270. pre{
  271. font-size:calc({select:Font Size} - 2px);
  272. font-family:{select:Title Font}, Courier;
  273. padding-left:0.25em;
  274. padding-top:0.125em;
  275. padding-right:0.25em;
  276. padding-bottom:0.125em;
  277. background-color:{color:Background};
  278. word-wrap:break-all;
  279. white-space:pre-wrap;
  280. }
  281.  
  282. mark{
  283. background-color:{color:Text};
  284. color:{color:Posts};
  285. padding:0 0.25em;
  286. }
  287.  
  288. /** SPECIAL FONTS **/
  289. /* Quirky Font */
  290. p.npf_quirky{
  291. font-family: 'Dancing Script', cursive;
  292. font-size:calc({select:Font Size} * 1.5);
  293.  
  294. }
  295.  
  296. /* Chat Font */
  297. p.npf_chat{
  298. font-family:Courier;
  299.  
  300. }
  301.  
  302. /* Quote Font */
  303. p.npf_quote{
  304. font-family:"Cormorant Garamond", "Palatino";
  305. font-size:calc({select:Font Size} * 1.5);
  306.  
  307. }
  308.  
  309. /* Colored Text */
  310. .npf_color_joey {
  311. color:red; /* red text */
  312. }
  313.  
  314. .npf_color_monica {
  315. color:#ff8000; /* orange text */
  316. }
  317.  
  318. .npf_color_phoebe {
  319. color:#ffd500; /* yellow text */
  320. }
  321.  
  322. .npf_color_ross {
  323. color:#00b136; /* green text */
  324. }
  325.  
  326. .npf_color_rachel {
  327. color:#0000ff; /* blue text */
  328. }
  329.  
  330. .npf_color_chandler {
  331. color:#9500ff; /* purple text */
  332. }
  333.  
  334. .npf_color_niles {
  335. color: #ff00ff; /* pink text */
  336. }
  337.  
  338. header{
  339. width:100vw;
  340. height:100vh;
  341. top:0;
  342. left:0;
  343. position:absolute;
  344. background-color:{color:Posts};
  345. display:flex;
  346. align-items:center;
  347. justify-content:center;
  348. z-index:100!important;
  349. }
  350.  
  351. #h-contain{
  352. width:50vw;
  353. height:40vh;
  354. display:flex;
  355. align-items:center;
  356. justify-content:center;
  357. flex-direction:column;
  358. }
  359.  
  360. #h-info{
  361. display:flex;
  362. align-items:center;
  363. justify-content:center;
  364. margin-top:30vh;
  365. }
  366.  
  367. #h-icon img{
  368. border-radius:50%;
  369. margin-right:1em;
  370. }
  371.  
  372. #h-stats{
  373. margin-left:1em;
  374. width:60%;
  375. }
  376.  
  377. #h-title{
  378. font-size:calc({select:Font Size} * 3);
  379. font-family:{select:Title Font};
  380. border-bottom:4px solid {color:Accent};
  381. }
  382.  
  383. #h-desc{
  384. font-size:calc({select:Font Size} * 1.25);
  385. margin-top:0.25em;
  386. }
  387.  
  388. #h-down{
  389. margin-top:30vh;
  390. width:3em;
  391. height:3em;
  392. border-radius:50%;
  393. border:4px solid {color:Text};
  394. display:flex;
  395. align-items:center;
  396. justify-content:center;
  397. transition:0.5s;
  398. -moz-transition:0.5s;
  399. -o-transition:0.5s;
  400. -webkit-transition:0.5s;
  401. }
  402.  
  403. #h-down:hover{
  404. transform:translateY(1em);
  405. cursor:pointer;
  406. transition:0.5s;
  407. -moz-transition:0.5s;
  408. -o-transition:0.5s;
  409. -webkit-transition:0.5s;
  410. }
  411.  
  412. a.hd{
  413. color:{color:Text};
  414. text-decoration:none;
  415. border-bottom:none;
  416. }
  417.  
  418. /* Important! */
  419. /* Without these, the header will appear on every site. */
  420. .item-wrapper{
  421. display:none;
  422. }
  423.  
  424. .page-1{
  425. display:block;
  426. }
  427.  
  428. #else{
  429. width:100vw;
  430. height:100vh;
  431. z-index:-300!important;
  432. {block:SearchPage}
  433. height:0px;
  434. {/block:SearchPage}
  435. {block:TagPage}
  436. height:0px;
  437. {/block:TagPage}
  438. {block:PermalinkPage}
  439. height:0px;
  440. {/block:PermalinkPage}
  441. {block:HasPages}
  442. {block:Pages}
  443. height:0px;
  444. {/block:Pages}
  445. {/block:HasPages}
  446. }
  447.  
  448. #sidebar{
  449. width:30vw;
  450. height:100vh;
  451. top:0;
  452. left:0;
  453. position:fixed;
  454. background-color:{color:Posts};
  455. display:flex;
  456. align-items:center;
  457. justify-content:center;
  458. flex-direction:column;
  459. }
  460.  
  461. #s-info{
  462. width:calc(80% - 1em);
  463. padding:0.5em;
  464. display:flex;
  465. align-items:center;
  466. justify-content:center;
  467. }
  468.  
  469. #s-icon img{
  470. width:80px;
  471. height:80px;
  472. border-radius:50%;
  473. margin-right:1em;
  474. }
  475.  
  476. #s-title{
  477. font-size:calc({select:Font Size} * 2);
  478. color:{color:Other};
  479. font-family:{select:Title Font};
  480. border-bottom:4px solid {color:Accent};
  481. margin-bottom:0.25em;
  482. }
  483.  
  484. /* Searchbar */
  485. .sfm input {
  486. background-color: {color:Background};
  487. font-size: calc({select:Font Size} - 4px);
  488. border: 0px;
  489. text-transform: uppercase;
  490. color: {color:Text};
  491. letter-spacing: 1px;
  492. padding: 4px 8px;
  493. width:calc(100% - 16px);
  494. font-family: {select:Body Font}, Verdana;
  495. margin-top:4px;
  496. }
  497.  
  498. #s-nav{
  499. width:50%;
  500. margin-left:25%;
  501. margin-top:0.5em;
  502. border-top:4px solid {color:Accent};
  503. padding-top:0.5em;
  504. }
  505.  
  506. .nav-cont{
  507. display:flex;
  508. align-items:center;
  509. justify-content:center;
  510. margin-bottom:0.25em;
  511. }
  512.  
  513. .navbox{
  514. width:28px;
  515. height:28px;
  516. border-radius:50%;
  517. border:2px solid {color:Accent};
  518. display:flex;
  519. align-items:center;
  520. justify-content:center;
  521. margin-right:0.5em;
  522. color:{color:Text};
  523. transition:0.5s;
  524. -moz-transition:0.5s;
  525. -o-transition:0.5s;
  526. -webkit-transition:0.5s;
  527. }
  528.  
  529. .navbox:hover{
  530. border:2px solid {color:Text};
  531. transition:0.5s;
  532. -moz-transition:0.5s;
  533. -o-transition:0.5s;
  534. -webkit-transition:0.5s;
  535. }
  536.  
  537. .navtitle{
  538. width:80%;
  539. border-bottom:2px solid {color:Text};
  540. color:{color:Text};
  541. transition:0.5s;
  542. -moz-transition:0.5s;
  543. -o-transition:0.5s;
  544. -webkit-transition:0.5s;
  545. }
  546.  
  547. .navtitle:hover{
  548. border-bottom:2px solid {color:Accent};
  549. transition:0.5s;
  550. -moz-transition:0.5s;
  551. -o-transition:0.5s;
  552. -webkit-transition:0.5s;
  553. }
  554.  
  555. /** FULL-SIZE NAVIGATION **/
  556. /* The Overlay (background) */
  557. .overlay {
  558. height: 100%;
  559. width: 0;
  560. position: fixed;
  561. z-index: 100!important;
  562. left: 0;
  563. top: 0;
  564. background-color: {color:Background};
  565. overflow-x: hidden;
  566. transition: 0.5s;
  567. -moz-transition:0.5s;
  568. -o-transition:0.5s;
  569. -webkit-transition:0.5s;
  570. }
  571.  
  572. /* Position the content inside the overlay */
  573. .overlay-content {
  574. position: relative;
  575. top: 25%;
  576. width: 100%;
  577. text-align: center;
  578. margin-top: 30px;
  579. }
  580.  
  581. /* The navigation links inside the overlay */
  582. .overlay a {
  583. padding: 8px;
  584. text-decoration: none;
  585. border-bottom:none;
  586. font-size: calc({select:Font Size} * 2);
  587. color: {color:Accent};
  588. display: block;
  589. transition: 0.5s;
  590. -moz-transition:0.5s;
  591. -o-transition:0.5s;
  592. -webkit-transition:0.5s;
  593. }
  594.  
  595. /* When you mouse over the navigation links, change their color */
  596. .overlay a:hover, .overlay a:focus {
  597. color: {color:Text};
  598. border-bottom:none;
  599. transition: 0.5s;
  600. -moz-transition:0.5s;
  601. -o-transition:0.5s;
  602. -webkit-transition:0.5s;
  603. }
  604.  
  605. /* Position the close button (top right corner) */
  606. .overlay .closebtn {
  607. position: absolute;
  608. top: 20px;
  609. right: 45px;
  610. font-size: calc({select:Font Size} * 3.75);
  611. }
  612.  
  613. #main{
  614. width:70vw;
  615. height:0;
  616. display:flex;
  617. align-items:flex-start;
  618. justify-content:space-between;
  619. flex-direction:column;
  620. }
  621.  
  622. #posts{
  623. width:70vw;
  624. height:auto;
  625. margin-left:30vw;
  626. margin-top:100vh;
  627. {block:SearchPage}
  628. margin-top:0px;
  629. {/block:SearchPage}
  630. {block:TagPage}
  631. margin-top:0px;
  632. {/block:TagPage}
  633. {block:PermalinkPage}
  634. margin-top:0px;
  635. {/block:PermalinkPage}
  636. {block:HasPages}
  637. {block:Pages}
  638. margin-top:0px;
  639. {/block:Pages}
  640. {/block:HasPages}
  641. }
  642.  
  643. article{
  644. width:calc(50vw - 2em);
  645. padding:1em;
  646. background-color:{color:Posts};
  647. margin-top:3em;
  648. margin-bottom:3em;
  649. margin-left:10vw;
  650. }
  651.  
  652. article img{
  653. max-width:100%;
  654. }
  655.  
  656. /* Photoset Grid */
  657. .photoset-grid{
  658. grid-gap:16px;
  659. }
  660.  
  661. figure.tmblr-full{
  662. max-width:100%;
  663. height:auto;
  664. }
  665.  
  666. /** CUSTOM LIGHTBOX **/
  667. /* Custom Lightbox */
  668. .vignette, #vignette {
  669. opacity:0;
  670. }
  671. .lightbox-image, #tumblr_lightbox img {
  672. box-shadow:none!important;
  673. border-radius:0!important;
  674. max-width:none;
  675. }
  676.  
  677. .tmblr-lightbox, #tumblr_lightbox {
  678. background-color:{color:Background}!important;
  679. }
  680.  
  681. a.tumblr-box{
  682. border-bottom:none;
  683. }
  684.  
  685. /** QUOTE POST **/
  686. .quoted{
  687. font-size:calc({select:Font Size} * 1.5);
  688. font-family:{select:Title Font};
  689. font-weight:300;
  690. font-style:italic;
  691. border:4px solid {color:Accent};
  692. padding:0.25em 0.5em;
  693. }
  694.  
  695. .quote-source{
  696. margin-top:0.5em;
  697. padding-top:0.5em;
  698. }
  699.  
  700. /** AUDIO POST **/
  701. .audio > iframe{
  702. width:100%;
  703. max-width:calc(100% - 8px);
  704. border:4px solid {color:Accent};
  705. }
  706.  
  707. /** VIDEO POST **/
  708. .video > iframe{
  709. width:100%;
  710. max-width:100%;
  711. }
  712.  
  713. .video iframe{
  714. width:100%;
  715. max-width:100%;
  716. }
  717.  
  718. .video > iframe.instagram-media{
  719. width:100%;
  720. max-width:100%;
  721. }
  722.  
  723. /** CHATS **/
  724. /* Containers */
  725. .chatterbox{
  726. width:100%;
  727. overflow:hidden;
  728. }
  729.  
  730. .chat{
  731. width:100%;
  732. }
  733.  
  734. .chat .clear{
  735. clear:both;
  736. }
  737.  
  738. /* Odd Chat Elements (1,3,5,…) */
  739. .chat .label_odd, .line_odd{
  740. height:auto;
  741. width:60%;
  742. float:left;
  743. padding:0.25 1em;
  744. }
  745.  
  746. /* Odd Chat Lines (1,3,5,…) */
  747. .chat .line_odd{
  748. margin-bottom:0.5em;
  749. padding:0.25em 1em;
  750. background-color:{color:Background};
  751. border:4px solid {color:Background};
  752. }
  753.  
  754. /* Odd Chat Labels (1,3,5,…) */
  755. .chat .label_odd{
  756. font-weight:700;
  757. padding:0.25em 1em;
  758. margin-bottom:0.25em;
  759. border: 4px solid {color:Text};
  760. color:{color:Text};
  761. font-family:{select:Title Font};
  762. }
  763.  
  764. /* Even Chat Elements (2,4,6,…) */
  765. .chat .label_even, .line_even{
  766. width:60%;
  767. height:auto;
  768. float:right;
  769. text-align:right;
  770. padding:0.25 0.5em;
  771. margin-left:40%;
  772. }
  773.  
  774. /* Even Chat Lines (2,4,6,…) */
  775. .chat .line_even{
  776. padding:0.25em 0.5em;
  777. margin-bottom:0.5em;
  778. background-color:{color:Background};
  779. border:4px solid {color:Background};
  780. }
  781.  
  782. /* Even Chat Labels (2,4,6,…) */
  783. .chat .label_even{
  784. font-weight:700;
  785. padding:0.25em 0.5em;
  786. margin-bottom:0.25em;
  787. border:4px solid {color:Accent};
  788. color:{color:Accent};
  789. font-family:{select:Title Font};
  790. }
  791.  
  792. /** LINK POSTS **/
  793. /* Link */
  794. .link-posts a{
  795. text-decoration:none;
  796. border-bottom:none;
  797. }
  798.  
  799. /* Container */
  800. .link-posts{
  801. text-align:center;
  802. font-size:calc({select:Font Size} * 1.5);
  803. margin-top:0.5em;
  804. width:100%;
  805. }
  806.  
  807. /* Link Mark */
  808. .link-title{
  809. padding:0.25em 0.5em;
  810. font-style:italic;
  811. color:{color:Accent};
  812. border:4px solid {color:Accent};
  813. letter-spacing:1.5px;
  814. transition:0.5s;
  815. -moz-transition:0.5s;
  816. -o-transition:0.5s;
  817. -webkit-transition:0.5s;
  818. }
  819.  
  820. .link-title:hover{
  821. border:4px solid {color:Text};
  822. color:{color:Text};
  823. transition:0.5s;
  824. -moz-transition:0.5s;
  825. -o-transition:0.5s;
  826. -webkit-transition:0.5s;
  827. }
  828.  
  829. /* Link Container */
  830. .link-cont{
  831. display:flex;
  832. align-items:center;
  833. justify-content:center;
  834. width:100%;
  835. height:auto;
  836. }
  837.  
  838. /** QUESTION POSTS **/
  839. /* QUESTION */
  840. .question{
  841. width:calc(100% - 1.5em);
  842. margin-bottom:0.5em;
  843. padding:0.5em 0.75em;
  844. display:flex;
  845. align-items:flex-start;
  846. justify-content:flex-start;
  847. flex-direction:column;
  848. border:2px solid {color:Accent};
  849. color:{color:Accent};
  850. }
  851.  
  852. /* Question Username */
  853. .question-username{
  854. margin-bottom:1em;
  855. margin-top:0.5em;
  856. }
  857.  
  858. /* Question Username Link */
  859. a.asker{
  860. background-color:{color:Posts};
  861. color:{color:Accent};
  862. border:2px solid {color:Accent};
  863. padding:0.25em 0.5em;
  864. transition:0.5s;
  865. -moz-transition:0.5s;
  866. -o-transition:0.5s;
  867. -webkit-transition:0.5s;
  868. }
  869.  
  870. a.asker:hover{
  871. background-color:{color:Accent};
  872. color:{color:Posts};
  873. transition:0.5s;
  874. -moz-transition:0.5s;
  875. -o-transition:0.5s;
  876. -webkit-transition:0.5s;
  877. }
  878.  
  879. /* ANSWER */
  880. .answer{
  881. width:calc(100% - 1.5em);
  882. margin-top:1em;
  883. margin-bottom:0.5em;
  884. padding:0.5em 0.75em;
  885. display:flex;
  886. align-items:flex-start;
  887. justify-content:flex-start;
  888. flex-direction:column;
  889. border:2px solid {color:Text};
  890. }
  891.  
  892. /* Answer Username */
  893. .answer-username{
  894. margin-bottom:0.5em;
  895. margin-top:0.5em;
  896. }
  897.  
  898. /* Answer User Icon */
  899. .answer-username img{
  900. display:none;
  901. }
  902.  
  903. /* Answer Username Link */
  904. .answer-username a{
  905. text-decoration:none;
  906. border:2px solid {color:Text};
  907. background-color:{color:Posts};
  908. color:{color:Text};
  909. padding:0.25em 0.5em;
  910. transition:0.5s;
  911. -moz-transition:0.5s;
  912. -o-transition:0.5s;
  913. -webkit-transition:0.5s;
  914. }
  915.  
  916. /* Answer Username Link on Hover */
  917. .answer-username a:hover{
  918. background-color:{color:Text};
  919. color:{color:Posts};
  920. transition:0.5s;
  921. -moz-transition:0.5s;
  922. -o-transition:0.5s;
  923. -webkit-transition:0.5s;
  924. }
  925.  
  926. /*** USER SPECIFICATIONS ***/
  927. /* User Icon */
  928. .cimg{
  929. display:none;
  930. }
  931.  
  932. /* Username */
  933. .user{
  934. margin-top:1em;
  935. }
  936.  
  937. /* User Name Link */
  938. .user a{
  939. text-decoration:none;
  940. border-bottom:none;
  941. }
  942.  
  943. /* Username Mark */
  944. .user mark{
  945. padding:0.25em 0.5em;
  946. background-color:{color:Accent};
  947. color:{color:Posts};
  948. margin-right:0.5em;
  949. transition:0.5s;
  950. -moz-transition:0.5s;
  951. -o-transition:0.5s;
  952. -webkit-transition:0.5s;
  953. }
  954.  
  955. /* Username Mark on Hover */
  956. .user mark:hover{
  957. background-color:{color:Text};
  958. transition:0.5s;
  959. -moz-transition:0.5s;
  960. -o-transition:0.5s;
  961. -webkit-transition:0.5s;
  962. }
  963.  
  964. /*** PERMALINK PAGE ***/
  965. /* User Avatar */
  966. img.avatar{
  967. display:none;
  968. }
  969.  
  970. /* Notes List */
  971. ol.notes{
  972. list-style-type:none;
  973. margin-left:0px;
  974. border-bottom:none;
  975. }
  976.  
  977. /* Notes List on Hover */
  978. ol.notes:hover{
  979. border-bottom:none;
  980. }
  981.  
  982. /* Notes List Item */
  983. li.note{
  984. line-height:1.5em;
  985. margin-left:-2em;
  986. }
  987.  
  988. /* Liked by … */
  989. li.like:before{
  990. content:"\ea55";
  991. font-family:"honeybee";
  992. font-weight:400;
  993. position:relative;
  994. font-size:calc({select:Font Size} - 2px);
  995. padding:0.25em;
  996. z-index:10!important;
  997. }
  998.  
  999. /* Reblogged by … */
  1000. li.reblog:before{
  1001. content:"\ebc2";
  1002. font-family:"honeybee";
  1003. font-weight:900;
  1004. position:relative;
  1005. font-size:calc({select:Font Size} - 2px);
  1006. padding:0.25em;
  1007. z-index:10!important;
  1008. }
  1009.  
  1010. .reblog blockquote{
  1011. background-color:{color:Background};
  1012. }
  1013.  
  1014. .reblog blockquote a{
  1015. border-bottom:none;
  1016. }
  1017.  
  1018. .reblog blockquote a:hover{
  1019. border-bottom:none;
  1020. }
  1021.  
  1022. /* User Replied to … */
  1023. li.reply:before{
  1024. content:"\ebce";
  1025. font-family:"honeybee";
  1026. font-weight:400;
  1027. position:relative;
  1028. font-size:calc({select:Font Size} - 2px);
  1029. padding:0.25em;
  1030. z-index:10!important;
  1031. }
  1032.  
  1033. /* User Reply */
  1034. .answer_content{
  1035. background-color:{color:Background};
  1036. padding:0 0.25em;
  1037. }
  1038.  
  1039. /* Notes Link */
  1040. .notes a{
  1041. text-decoration:none;
  1042. color:{color:Text};
  1043. border-bottom:2px solid {color:Accent};
  1044. transition:0.5s;
  1045. -moz-transition:0.5s;
  1046. -o-transition:0.5s;
  1047. -webkit-transition:0.5s;
  1048. margin-bottom:0.25em;
  1049. }
  1050.  
  1051. /* Notes Link on Hover */
  1052. .notes a:hover{
  1053. border-bottom:2px solid {color:Text};
  1054. transition:0.5s;
  1055. -moz-transition:0.5s;
  1056. -o-transition:0.5s;
  1057. -webkit-transition:0.5s;
  1058. }
  1059.  
  1060. /*** POST FOOTER ***/
  1061. /* Complete Container */
  1062. .post-footer{
  1063. margin-top:1em;
  1064. padding-top:0.5em;
  1065. border-top:4px solid {color:Background};
  1066. }
  1067.  
  1068. .post-footer .clear{
  1069. clear:both;
  1070. }
  1071.  
  1072. /* Info Container */
  1073. .info, .tags{
  1074. display:flex;
  1075. justify-content:flex-start;
  1076. flex-direction:row;
  1077. flex-wrap:wrap;
  1078. }
  1079.  
  1080. .info .clear{
  1081. clear:both;
  1082. }
  1083.  
  1084. /* Links */
  1085. a.specs{
  1086. text-decoration:none;
  1087. border-bottom:none;
  1088. padding:4px 8px;
  1089. background-color:{color:Text};
  1090. color:{color:Posts};
  1091. margin-right:8px;
  1092. margin-bottom:8px;
  1093. transition:0.5s;
  1094. -moz-transition:0.5s;
  1095. -o-transition:0.5s;
  1096. -webkit-transition:0.5s;
  1097. }
  1098.  
  1099. a.specs:hover{
  1100. background-color:{color:Accent};
  1101. transition:0.5s;
  1102. -moz-transition:0.5s;
  1103. -o-transition:0.5s;
  1104. -webkit-transition:0.5s;
  1105. }
  1106.  
  1107. a.specs span{
  1108. font-size:calc({select:Font Size} - 2px);
  1109. }
  1110.  
  1111. /** LIKE BUTTON **/
  1112. /* Like Button */
  1113. .like_button {
  1114. display:inline-block;
  1115. position:relative;
  1116. padding-right:3px;
  1117. margin-top:-0.25em;
  1118. padding-top:0;
  1119. }
  1120.  
  1121. /* Like Button iFrame */
  1122. .like_button iframe {
  1123. height:100%;
  1124. left:0;
  1125. opacity:0;
  1126. position:absolute;
  1127. top:0;
  1128. width:100%;
  1129. z-index:10!important;
  1130. border-bottom:none;
  1131. }
  1132.  
  1133. /* Like Button Before Element */
  1134. .like_button::before{
  1135. content:"\ea55";
  1136. font-family:"honeybee";
  1137. font-weight:700;
  1138. position:relative;
  1139. font-size:calc({select:Font Size} - 2px);
  1140. z-index:10!important;
  1141. margin-right:0.25em;
  1142. }
  1143.  
  1144. /* Like Button After Element */
  1145. .like_button::after {
  1146. content:'like';
  1147. z-index:10!important;
  1148. }
  1149.  
  1150. /*** MORE ***/
  1151. /* Hides the tumblr app button, by @yeoli-thm */
  1152. .tmblr-iframe--app-cta-button {
  1153. display: none!important;
  1154. }
  1155.  
  1156. /* CUSTOM TUMBLR CONTROLS */
  1157. /* Hides standard tumblr controls */
  1158. body > iframe:first-child {
  1159. display: none !important;
  1160. }
  1161.  
  1162. /* Replacement for tumblr controls */
  1163. /* Container */
  1164. #big-box{
  1165. width:240px;
  1166. margin-left:calc(15vw - 120px);
  1167. height:40px;
  1168. position:fixed;
  1169. top:0.5em;
  1170. display:flex;
  1171. align-items:center;
  1172. justify-content:space-evenly;
  1173. }
  1174.  
  1175. /* Links */
  1176. a.tb{
  1177. text-decoration:none;
  1178. border-bottom:none;
  1179. }
  1180.  
  1181. .box{
  1182. width:32px;
  1183. height:32px;
  1184. border-radius:50%;
  1185. background-color:{color:Accent};
  1186. color:{color:Posts};
  1187. display:flex;
  1188. align-items:center;
  1189. justify-content:center;
  1190. margin-right:0.25em;
  1191. margin-left:0.25em;
  1192. transition:0.5s;
  1193. -moz-transition:0.5s;
  1194. -o-transition:0.5s;
  1195. -webkit-transition:0.5s;
  1196. }
  1197.  
  1198. .box:hover{
  1199. background:{color:Text};
  1200. transform:scale(1.1);
  1201. transition:0.5s;
  1202. -moz-transition:0.5s;
  1203. -o-transition:0.5s;
  1204. -webkit-transition:0.5s;
  1205. }
  1206.  
  1207. /* PAGINATION */
  1208. /* Container */
  1209. #pagi-box{
  1210. width:240px;
  1211. height:40px;
  1212. position:fixed;
  1213. margin-left:calc(15vw - 120px);
  1214. bottom:0.5em;
  1215. display:flex;
  1216. align-items:center;
  1217. justify-content:space-evenly;
  1218. }
  1219.  
  1220. /* Pagination Links */
  1221. a.pagi-link{
  1222. text-decoration:none;
  1223. border-bottom:none;
  1224. }
  1225.  
  1226. /* RESPONSIVE LAYOUT */
  1227. /* Large Screens */
  1228. @media only screen and (min-width:800px){
  1229. #nav-box{
  1230. display:none;
  1231. }
  1232.  
  1233. #mb-footer{
  1234. display:none;
  1235. }
  1236. }
  1237.  
  1238. /* Small Screens */
  1239. @media only screen and (max-width: 800px){
  1240. #h-down{
  1241. width:3em;
  1242. height:3em;
  1243. }
  1244.  
  1245. #sidebar{
  1246. display:none;
  1247. }
  1248.  
  1249. #main{
  1250. width:100vw;
  1251. margin-left:0;
  1252. }
  1253.  
  1254. #posts{
  1255. width:100vw;
  1256. margin-left:0;
  1257. margin-bottom:10vh;
  1258. }
  1259.  
  1260. article{
  1261. width:calc(80vw - 1em);
  1262. margin-left:10vw;
  1263. }
  1264.  
  1265. #big-box{
  1266. display:none;
  1267. }
  1268.  
  1269. #pagi-box{
  1270. display:none;
  1271. }
  1272.  
  1273. .box{
  1274. width:40px;
  1275. height:40px;
  1276. }
  1277.  
  1278. #mb-footer{
  1279. width:100vw;
  1280. height:10vh;
  1281. position:fixed;
  1282. bottom:0;
  1283. left:0;
  1284. z-index:50!important;
  1285. background-color:{color:Posts};
  1286. border-top:2px solid {color:Text};
  1287. }
  1288.  
  1289. .mbf-nav{
  1290. height:10vh;
  1291. width:20vw;
  1292. background-color:inherit;
  1293. color:{color:Text};
  1294. display:flex;
  1295. align-items:center;
  1296. justify-content:center;
  1297. transition:0.5s;
  1298. -moz-transition:0.5s;
  1299. -o-transition:0.5s;
  1300. -webkit-transition:0.5s;
  1301. }
  1302.  
  1303. .mbf-nav span{
  1304. font-size:calc({select:Font Size} + 4px);
  1305. }
  1306.  
  1307. .mbf-nav:hover{
  1308. background-color:{color:Background};
  1309. color:{color:Accent};
  1310. cursor:pointer;
  1311. transition:0.5s;
  1312. -moz-transition:0.5s;
  1313. -o-transition:0.5s;
  1314. -webkit-transition:0.5s;
  1315. }
  1316.  
  1317. a.mbf-link{
  1318. border-bottom:none;
  1319. }
  1320.  
  1321. #home, #mcredit, #mnav, #previous, #next{
  1322. position:fixed;
  1323. z-index:3000!important;
  1324. bottom:0;
  1325. }
  1326.  
  1327. #previous{
  1328. left:0;
  1329. }
  1330.  
  1331. #mcredit{
  1332. left:calc(25vw - 5vw - 4px);
  1333. border-left:2px solid {color:Text};
  1334. border-right:2px solid {color:Text};
  1335. }
  1336.  
  1337. #home{
  1338. left:calc(50vw - 10vw);
  1339. }
  1340.  
  1341. #mnav{
  1342. right:calc(25vw - 5vw - 4px);
  1343. border:none;
  1344. border-left:2px solid {color:Text};
  1345. border-right:2px solid {color:Text};
  1346. display:flex;
  1347. align-items:center;
  1348. justify-content:center;
  1349. }
  1350.  
  1351. /* Style The Dropdown Button */
  1352. .dropbtn {
  1353. background-color:inherit;
  1354. color:inherit;
  1355. font-size:inherit;
  1356. border:none;
  1357. cursor:pointer;
  1358. display:flex;
  1359. align-items:center;
  1360. justify-content:center;
  1361. }
  1362.  
  1363. /* The container <div> - needed to position the dropdown content */
  1364. .dropdown {
  1365. position: relative;
  1366. display: inline-block;
  1367. }
  1368.  
  1369. /* Dropdown Content (Hidden by Default) */
  1370. .dropdown-content {
  1371. display: none;
  1372. position: absolute;
  1373. background-color: #f9f9f9;
  1374. width:calc(20vw - 16px);
  1375. z-index: 1;
  1376. bottom:100%;
  1377. border:2px solid {color:Text};
  1378. padding:4px 8px;
  1379. }
  1380.  
  1381. /* Links inside the dropdown */
  1382. .dropdown-content a {
  1383. color:{color:Text};
  1384. padding:4px 0;
  1385. text-decoration:none;
  1386. display:block;
  1387. border-bottom:2px solid {color:Accent};
  1388. transition:0.5s;
  1389. -moz-transition:0.5s;
  1390. -o-transition:0.5s;
  1391. -webkit-transition:0.5s;
  1392. }
  1393.  
  1394. /* Change color of dropdown links on hover */
  1395. .dropdown-content a:hover {
  1396. color:{color:Accent};
  1397. border-bottom:2px solid {color:Text};
  1398. transition:0.5s;
  1399. -moz-transition:0.5s;
  1400. -o-transition:0.5s;
  1401. -webkit-transition:0.5s;
  1402. }
  1403.  
  1404. /* Show the dropdown menu on hover */
  1405. .dropdown:hover .dropdown-content {
  1406. display:block;
  1407. }
  1408.  
  1409. #next{
  1410. right:-4px;
  1411. }
  1412. }
  1413.  
  1414. @media only screen and (max-width: 450px){
  1415. .dropdown-content{
  1416. width:calc(80vw - 16px - 4px);
  1417. right:-2px;
  1418. }
  1419. }
  1420.  
  1421. </style>
  1422. </head>
  1423.  
  1424. <body>
  1425.  
  1426. {block:HomePage}
  1427. <div class="item-wrapper page-{CurrentPage}">
  1428. <header id="header">
  1429.  
  1430. <div id="h-contain">
  1431. <div id="h-info">
  1432. <div id="h-icon">
  1433. <img src="{PortraitURL-128}" alt="{Name}'s icon">
  1434. </div>
  1435. <div id="h-stats">
  1436. <div id="h-title">{Title}</div>
  1437. <div id="h-desc">{Description}</div>
  1438. </div>
  1439. </div>
  1440.  
  1441. <a href="#posts" title="access posts" class="hd">
  1442. <div id="h-down">
  1443. <span class="th th-down-arrow"></span>
  1444. </div>
  1445. </a>
  1446. </div>
  1447.  
  1448. </header>
  1449. </div>
  1450. {/block:HomePage}
  1451.  
  1452. <div id="else">
  1453. <div id="sidebar">
  1454.  
  1455. <div id="s-info">
  1456. <div id="s-icon">
  1457. <img src="{PortraitURL-128}" alt="{Name}'s icon">
  1458. </div>
  1459. <div id="s-stats">
  1460. <div id="s-title">{Title}</div>
  1461. <div id="s-desc">{Description}</div>
  1462. <form action="/search" method="get" class="sfm" name="theform">
  1463. <input type="text" name="q" value="SEARCH"/>
  1464. </form>
  1465. </div>
  1466. </div>
  1467.  
  1468. <div id="s-nav">
  1469.  
  1470. <!-- Index Link -->
  1471. <a href="/" title="index | refresh page" class="nav">
  1472. <div class="nav-cont">
  1473. <div class="navbox">
  1474. <span class="th th-home-o"></span>
  1475. </div>
  1476. <div class="navtitle">Index</div>
  1477. </div>
  1478. </a>
  1479.  
  1480. <!-- Ask Link -->
  1481. <a href="/ask" title="ask a question" class="nav">
  1482. <div class="nav-cont">
  1483. <div class="navbox">
  1484. <span class="th th-envelope-o"></span>
  1485. </div>
  1486. <div class="navtitle">Message</div>
  1487. </div>
  1488. </a>
  1489.  
  1490. <!-- Archive Link -->
  1491. <a href="/archive" title="browse archive" class="nav">
  1492. <div class="nav-cont">
  1493. <div class="navbox">
  1494. <span class="th th-box-2-o"></span>
  1495. </div>
  1496. <div class="navtitle">Archive</div>
  1497. </div>
  1498. </a>
  1499.  
  1500. <!-- Navigation Panel -->
  1501. <a onclick="openNav()" title="open navigation" class="nav">
  1502. <div class="nav-cont">
  1503. <div class="navbox">
  1504. <span class="th th-map-1-o"></span>
  1505. </div>
  1506. <div class="navtitle">Navigation</div>
  1507. </div>
  1508. </a>
  1509.  
  1510. <!-- The overlay -->
  1511. <div id="myNav" class="overlay">
  1512.  
  1513. <!-- Button to close the overlay navigation -->
  1514. <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  1515.  
  1516. <!-- Overlay content -->
  1517. <div class="overlay-content">
  1518. <a href="{text:Custom URL 1}" title="{text:Custom Link 1}">{text:Custom Link 1}</a>
  1519. <a href="{text:Custom URL 2}" title="{text:Custom Link 2}">{text:Custom Link 2}</a>
  1520. <a href="{text:Custom URL 3}" title="{text:Custom Link 3}">{text:Custom Link 3}</a>
  1521. <a href="{text:Custom URL 4}" title="{text:Custom Link 4}">{text:Custom Link 4}</a>
  1522. <a href="{text:Custom URL 5}" title="{text:Custom Link 5}">{text:Custom Link 5}</a>
  1523. </div>
  1524.  
  1525. </div>
  1526.  
  1527. <!-- Credit Link -->
  1528. <a href="https://silbrigthemes.tumblr.com/" title="theme by @silbrigthemes" class="nav">
  1529. <div class="nav-cont">
  1530. <div class="navbox">
  1531. <span class="th th-moon-o"></span>
  1532. </div>
  1533. <div class="navtitle">Credit</div>
  1534. </div>
  1535. </a>
  1536.  
  1537. </div>
  1538.  
  1539. </div>
  1540.  
  1541. <div id="main">
  1542. <div id="posts">
  1543.  
  1544. <!-- POSTS -->
  1545. {block:Posts}
  1546. <article>
  1547.  
  1548. <!-- TEXT POSTS -->
  1549. {block:Text}
  1550. {block:Title}
  1551. <div class="title">{Title}</div>
  1552. {/block:Title}
  1553. {block:Body}
  1554. {block:NotReblog}
  1555. <div class="text">{Body}</div>
  1556. {/block:NotReblog}
  1557. {block:RebloggedFrom}
  1558. {block:Reblogs}
  1559. <div class="username">
  1560. {block:HasAvatar}
  1561. {block:HasPermalink}
  1562. <a href="{Permalink}" target="_blank">
  1563. <img class="cimg" src="{PortraitURL-64}" alt="user icon"></a>
  1564. {/block:HasPermalink}
  1565. {block:HasNoPermalink}
  1566. <img class="cimg" src="{PortraitURL-64}" alt="user icon">
  1567. {/block:HasNoPermalink}
  1568. {/block:HasAvatar}
  1569. {block:HasPermalink}
  1570. <div class="user">
  1571. <a target="_blank" class="user" href="{Permalink}">
  1572. <mark><span class="th th-planet-2-o"></span> {Username}</mark>
  1573. </a>
  1574. </div>
  1575. {/block:HasPermalink}
  1576. {block:HasNoPermalink}
  1577. <span class="user"><mark><span class="th th-planet-2-o"></span> {Username}</mark></span>
  1578. {/block:HasNoPermalink}
  1579. </div>
  1580. <div class="text">{Body}</div>
  1581. {/block:Reblogs}
  1582. {/block:RebloggedFrom}
  1583.  
  1584.  
  1585. {/block:Body}
  1586. {/block:Text}
  1587.  
  1588. <!-- QUESTION POSTS -->
  1589. {block:Answer}
  1590. <div class="question">
  1591. <div class="question-username">
  1592. {Asker}
  1593. </div>
  1594. {Question}
  1595. </div>
  1596.  
  1597. {block:Answerer}
  1598. <div class="answer">
  1599. <div class="answer-username">
  1600. {Answerer}
  1601. </div>
  1602. {Answer}
  1603. </div>
  1604. {/block:Answerer}
  1605. {block:NotReblog}
  1606. <div>{Replies}</div>
  1607. {/block:NotReblog}
  1608. {block:RebloggedFrom}
  1609. {block:Reblogs}
  1610. <div class="username">
  1611. {block:HasAvatar}
  1612. {block:HasPermalink}
  1613. <a href="{Permalink}" target="_blank">
  1614. <img class="cimg" src="{PortraitURL-64}" alt="user icon"></a>
  1615. {/block:HasPermalink}
  1616. {block:HasNoPermalink}
  1617. <img class="cimg" src="{PortraitURL-64}" alt="user icon">
  1618. {/block:HasNoPermalink}
  1619. {/block:HasAvatar}
  1620. {block:HasPermalink}
  1621. <div class="user">
  1622. <a target="_blank" class="user" href="{Permalink}">
  1623. <mark><span class="th th-planet-2-o"></span> {Username}</mark>
  1624. </a>
  1625. </div>
  1626. {/block:HasPermalink}
  1627. {block:HasNoPermalink}
  1628. <span class="user"><mark><span class="th th-planet-2-o"></span> {Username}</mark></span>
  1629. {/block:HasNoPermalink}
  1630. </div>
  1631. <div class="text">{Body}</div>
  1632. {/block:Reblogs}
  1633. {/block:RebloggedFrom}
  1634. {/block:Answer}
  1635.  
  1636.  
  1637. <!-- QUOTE POSTS -->
  1638. {block:Quote}
  1639. <div class="quoted">
  1640. {Quote}
  1641. </div>
  1642. {block:Source}
  1643. <div class="quote-source">
  1644. – {Source}
  1645. </div>
  1646. {/block:Source}
  1647. {/block:Quote}
  1648.  
  1649. <!-- LINK POSTS -->
  1650. {block:Link}
  1651. <div class="link-posts">
  1652. <a href="{URL}">
  1653. <div class="link-cont">
  1654. <div class="link-title">
  1655. {Name}
  1656. </div>
  1657. </div>
  1658. </a>
  1659. </div>
  1660. {block:Description}
  1661. {block:NotReblog}
  1662. {Description}
  1663. {/block:NotReblog}
  1664. {block:RebloggedFrom}
  1665. {block:Reblogs}
  1666. {block:HasAvatar}
  1667. {block:HasPermalink}
  1668. <a href="{Permalink}" target="_blank">
  1669. <img class="cimg" src="{PortraitURL-64}" alt="user icon"></a>
  1670. {/block:HasPermalink}
  1671. {block:HasNoPermalink}
  1672. <img class="cimg" src="{PortraitURL-64}" alt="user icon">
  1673. {/block:HasNoPermalink}
  1674. {/block:HasAvatar}
  1675. {block:HasPermalink}
  1676. <div class="user">
  1677. <a target="_blank" class="user" href="{Permalink}">
  1678. <mark><span class="th th-planet-2-o"></span> {Username}</mark>
  1679. </a>
  1680. </div>
  1681. {/block:HasPermalink}
  1682. {block:HasNoPermalink}
  1683. <span class="user"> <mark><span class="th th-planet-2-o"></span> {Username}</mark> </span>
  1684. {/block:HasNoPermalink}
  1685. <div class="text">{Body}</div>
  1686. {/block:Reblogs}
  1687. {/block:RebloggedFrom}
  1688. {/block:Description}
  1689. {/block:Link}
  1690.  
  1691. <!-- CHAT POSTS -->
  1692. <div class="chatterbox">
  1693. {block:Chat}
  1694. <div class="chat clear">
  1695. {block:Title}
  1696. <div class="title">{Title}</div>
  1697. {/block:Title}
  1698. {block:Lines}
  1699. {block:Label}
  1700. <span class="label_{alt}">
  1701. {Label}
  1702. </span>
  1703. {/block:Label}
  1704. <div class="line_{alt}">
  1705. {Line}<br>
  1706. </div>
  1707. {/block:Lines}
  1708. </div>
  1709. {/block:Chat}
  1710. </div>
  1711.  
  1712. <!-- PHOTO POSTS -->
  1713. {block:Photo}
  1714. {LinkOpenTag}
  1715. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false" title="click to open lightbox">
  1716. <div class="photo">
  1717. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  1718. </div>
  1719. </a>
  1720. {LinkCloseTag}
  1721. {block:IfShowCaptions}
  1722. {block:Caption}
  1723. {block:NotReblog}{Caption}{/block:NotReblog}
  1724. {block:RebloggedFrom}
  1725. {block:Reblogs}
  1726. <div class="username">
  1727. {block:HasAvatar}
  1728. {block:HasPermalink}
  1729. <a href="{Permalink}" target="_blank">
  1730. <img class="cimg" src="{PortraitURL-64}" alt="user icon"></a>
  1731. {/block:HasPermalink}
  1732. {block:HasNoPermalink}
  1733. <img class="cimg" src="{PortraitURL-64}" alt="user icon">
  1734. {/block:HasNoPermalink}
  1735. {/block:HasAvatar}
  1736. {block:HasPermalink}
  1737. <div class="user">
  1738. <a target="_blank" class="user" href="{Permalink}">
  1739. <mark><span class="th th-planet-2-o"></span> {Username}</mark>
  1740. </a>
  1741. </div>
  1742. {/block:HasPermalink}
  1743. {block:HasNoPermalink}
  1744. <span class="user"><mark><span class="th th-planet-2-o"></span> {Username}</mark></span>
  1745. {/block:HasNoPermalink}
  1746. </div>
  1747. <div class="text">{Body}</div>
  1748. {/block:Reblogs}
  1749. {/block:RebloggedFrom}
  1750. {/block:Caption}
  1751. {/block:IfShowCaptions}
  1752. {/block:Photo}
  1753.  
  1754.  
  1755. <!-- PANORAMA POSTS -->
  1756. {block:Panorama}
  1757. {LinkOpenTag}
  1758. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false" title="click to open lightbox">
  1759. <div class="panorama">
  1760. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">
  1761. </div>
  1762. </a>
  1763. {LinkCloseTag}
  1764. {block:IfShowCaptions}
  1765. {block:Caption}
  1766. {block:NotReblog}
  1767. {Caption}
  1768. {/block:NotReblog}
  1769. {block:RebloggedFrom}
  1770. {block:Reblogs}
  1771. <div class="username">
  1772. {block:HasAvatar}
  1773. {block:HasPermalink}
  1774. <a href="{Permalink}" target="_blank" title="permalink page">
  1775. <img class="cimg" src="{PortraitURL-64}" alt="user icon"></a>
  1776. {/block:HasPermalink}
  1777. {block:HasNoPermalink}
  1778. <img class="cimg" src="{PortraitURL-64}" alt="user icon">
  1779. {/block:HasNoPermalink}
  1780. {/block:HasAvatar}
  1781. {block:HasPermalink}
  1782. <div class="user">
  1783. <a target="_blank" class="user" href="{Permalink}" title="permalink page">
  1784. <mark><span class="th th-planet-2-o"></span> {Username}</mark>
  1785. </a>
  1786. </div>
  1787. {/block:HasPermalink}
  1788. {block:HasNoPermalink}
  1789. <span class="user"><mark><span class="th th-planet-2-o"></span> {Username}</mark></span>
  1790. {/block:HasNoPermalink}
  1791. </div>
  1792. <div class="text">{Body}</div>
  1793. {/block:Reblogs}
  1794. {/block:RebloggedFrom}
  1795. {/block:Caption}
  1796. {/block:IfShowCaptions}
  1797. {/block:Panorama}
  1798.  
  1799.  
  1800.  
  1801. <!-- PHOTOSETS -->
  1802. {block:Photoset}
  1803. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">
  1804. {block:Photos}
  1805. <div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)" title="click to open lightbox">
  1806. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  1807. </div>
  1808. {/block:Photos}
  1809. </div><!-- photoset -->
  1810. {block:Caption}
  1811. {block:NotReblog}
  1812. {Caption}
  1813. {/block:NotReblog}
  1814. {block:RebloggedFrom}
  1815. {block:Reblogs}
  1816. <div class="username">
  1817. {block:HasAvatar}
  1818. {block:HasPermalink}
  1819. <a href="{Permalink}" target="_blank">
  1820. <img class="cimg" src="{PortraitURL-64}"></a>
  1821. {/block:HasPermalink}
  1822. {block:HasNoPermalink}
  1823. <img class="cimg" src="{PortraitURL-64}">
  1824. {/block:HasNoPermalink}
  1825. {/block:HasAvatar}
  1826. {block:HasPermalink}
  1827. <div class="user">
  1828. <a target="_blank" class="user" href="{Permalink}">
  1829. <mark><span class="th th-planet-2-o"></span> {Username}</mark>
  1830. </a>
  1831. </div>
  1832. {/block:HasPermalink}
  1833. {block:HasNoPermalink}
  1834. <span class="user"><mark><span class="th th-planet-2-o"></span> {Username}</mark></span>
  1835. {/block:HasNoPermalink}
  1836. </div>
  1837. <div class="text">{Body}</div>
  1838. {/block:Reblogs}
  1839. {/block:RebloggedFrom}
  1840. {/block:Caption}
  1841. {/block:Photoset}
  1842.  
  1843. <!-- AUDIO POSTS -->
  1844. {block:Audio}
  1845. {block:AudioEmbed}
  1846. <div class="audio">
  1847. {AudioEmbed}
  1848. </div>
  1849. {/block:AudioEmbed}
  1850. {block:Caption}
  1851. {block:NotReblog}
  1852. {Caption}
  1853. {/block:NotReblog}
  1854. {block:RebloggedFrom}
  1855. {block:Reblogs}
  1856. <div class="username">
  1857. {block:HasAvatar}
  1858. {block:HasPermalink}
  1859. <a href="{Permalink}" target="_blank">
  1860. <img class="cimg" src="{PortraitURL-64}" alt="user icon"></a>
  1861. {/block:HasPermalink}
  1862. {block:HasNoPermalink}
  1863. <img class="cimg" src="{PortraitURL-64}" alt="user icon">
  1864. {/block:HasNoPermalink}
  1865. {/block:HasAvatar}
  1866. {block:HasPermalink}
  1867. <div class="user">
  1868. <a target="_blank" class="user" href="{Permalink}">
  1869. <mark><span class="th th-planet-2-o"></span> {Username}</mark>
  1870. </a>
  1871. </div>
  1872. {/block:HasPermalink}
  1873. {block:HasNoPermalink}
  1874. <span class="user"><mark><span class="th th-planet-2-o"></span> {Username}</mark></span>
  1875. {/block:HasNoPermalink}
  1876. </div>
  1877. <div class="text">{Body}</div>
  1878. {/block:Reblogs}
  1879. {/block:RebloggedFrom}
  1880. {/block:Caption}
  1881. {/block:Audio}
  1882.  
  1883. <!-- VIDEO POSTS -->
  1884. {block:Video}
  1885. <div class="video">
  1886. {Video-500}
  1887. </div>
  1888. {block:Caption}
  1889. {block:NotReblog}
  1890. {Caption}
  1891. {/block:NotReblog}
  1892. {block:RebloggedFrom}
  1893. {block:Reblogs}
  1894. <div class="username">
  1895. {block:HasAvatar}
  1896. {block:HasPermalink}
  1897. <a href="{Permalink}" target="_blank">
  1898. <img class="cimg" src="{PortraitURL-64}" alt="user icon"></a>
  1899. {/block:HasPermalink}
  1900. {block:HasNoPermalink}
  1901. <img class="cimg" src="{PortraitURL-64}" alt="user icon">
  1902. {/block:HasNoPermalink}
  1903. {/block:HasAvatar}
  1904. {block:HasPermalink}
  1905. <div class="user">
  1906. <a target="_blank" class="user" href="{Permalink}">
  1907. <mark><span class="th th-planet-2-o"></span> {Username}</mark>
  1908. </a>
  1909. </div>
  1910. {/block:HasPermalink}
  1911. {block:HasNoPermalink}
  1912. <span class="user"><mark><span class="th th-planet-2-o"></span> {Username}</mark></span>
  1913. {/block:HasNoPermalink}
  1914. </div>
  1915. <div class="text">{Body}</div>
  1916. {/block:Reblogs}
  1917. {/block:RebloggedFrom}
  1918. {/block:Caption}
  1919. {/block:Video}
  1920.  
  1921. <!-- POST FOOTER -->
  1922. <div class="post-footer">
  1923. <div class="info">
  1924. <!-- TIME STAMP -->
  1925. {block:Date}
  1926. <a class="specs" href="{Permalink}" title="{Month} {DayOfMonth}, {Year}">
  1927. <span class="th th-clock-o" aria-hidden="true"></span> {TimeAgo}
  1928. </a>
  1929. {/block:Date}
  1930.  
  1931. <!-- NOTE COUNT -->
  1932. {block:NoteCount}
  1933. <a class="specs" href="{Permalink}" title="{NoteCountWithLabel}">
  1934. <span class="th th-information-o" aria-hidden="true"></span> {NoteCountWithLabel}
  1935. </a>
  1936. {/block:NoteCount}
  1937.  
  1938. <!-- VIA -->
  1939. {block:RebloggedFrom}
  1940. <a class="specs" href="{ReblogParentURL}" title="via">
  1941. <span class="th th-paper-plane-o" aria-hidden="true"></span> via
  1942. </a>
  1943. {/block:RebloggedFrom}
  1944.  
  1945. <!-- POST SOURCE -->
  1946. {block:ContentSource}
  1947. <a class="specs" href="{SourceURL}" title="source">
  1948. <span class="th th-location-3-o" aria-hidden="true"></span> source
  1949. </a>
  1950. {/block:ContentSource}
  1951.  
  1952. <!-- REBLOG BUTTON -->
  1953. <a class="specs" href="{ReblogURL}" title="reblog this post">
  1954. <span class="th th-reblog" aria-hidden="true"></span> reblog
  1955. </a>
  1956.  
  1957. <!-- LIKE BUTTON -->
  1958. <a class="liked specs" href="#" title="like this post">
  1959. {LikeButton}
  1960. </a>
  1961. </div>
  1962.  
  1963. <!-- TAGS -->
  1964. {block:HasTags}
  1965. <div class="tags">
  1966. {block:IfShowTags}
  1967. {block:Tags}
  1968. <a class="specs" href="{TagURL}" title="tagged as: {Tag}">
  1969. # {Tag}
  1970. </a>
  1971. {/block:Tags}
  1972. {block:IfShowTags}
  1973. {block:IfNotShowTags}
  1974. {block:PermalinkPage}
  1975. {block:Tags}
  1976. <a class="specs" href="{TagURL}" title="tagged as: {Tag}">
  1977. # {Tag}
  1978. </a>
  1979. {/block:Tags}
  1980. {/block:PermalinkPage}
  1981. {/block:IfNotShowTags}
  1982. </div>
  1983. {/block:HasTags}
  1984. </div> <!-- // end post footer -->
  1985.  
  1986. {block:PermalinkPage}
  1987. {block:NoteCount}
  1988. {block:PostNotes}
  1989. {PostNotes}
  1990. {/block:PostNotes}
  1991. {/block:NoteCount}
  1992. {/block:PermalinkPage}
  1993. </article>
  1994. {/block:Posts}
  1995. </div>
  1996. </div>
  1997. </div>
  1998. </div>
  1999.  
  2000. <!-- CUSTOM TUMBLR CONTROLS -->
  2001. <div id="big-box">
  2002. <a class="tb" href="https://www.tumblr.com/dashboard" title="go to dashboard">
  2003. <div class="box"><span class="th th-tumblr-o"></span></div>
  2004. </a>
  2005.  
  2006. <a class="tb" href="https://www.tumblr.com/message/{Name}" title="send {Name} a message">
  2007. <div class="box"><span class="th th-chat-bubbles"></span></div>
  2008. </a>
  2009.  
  2010. <a class="tb" href="https://www.tumblr.com/customize/{Name}?redirect_to=https%3A%2F%2F{Name}.tumblr.com" title="customize theme">
  2011. <div class="box"><span class="th th-pencil-o"></span></div>
  2012. </a>
  2013.  
  2014. <a class="tb" href="https://www.tumblr.com/settings/blog/{Name}" title="change settings">
  2015. <div class="box"><span class="th th-settings-o"></span></div>
  2016. </a>
  2017.  
  2018. <a class="tb" href="https://www.tumblr.com/follow/{Name}" title="follow {Name}">
  2019. <div class="box"><span class="th th-plus-1-o"></span></div>
  2020. </a>
  2021. </div>
  2022.  
  2023. <!-- PAGINATION -->
  2024. <div id="pagi-box">
  2025. {block:Pagination}
  2026. <!-- Previous Page -->
  2027. {block:PreviousPage}
  2028. <a class="pagi-link" href="{PreviousPage}" title="previous">
  2029. <div class="box">
  2030. <span class="th th-chevron-left"></span>
  2031. </div>
  2032. </a>
  2033. {/block:PreviousPage}
  2034.  
  2035. <!-- Jump Pagination -->
  2036. {block:JumpPagination length="3"}
  2037. {block:CurrentPage}
  2038. <span class="current_page">
  2039. <div class="box">{PageNumber}</div>
  2040. </span>
  2041. {/block:CurrentPage}
  2042. {block:JumpPage}
  2043. <a class="jump_page pagi-link" href="{URL}" title="Page {PageNumber}">
  2044. <div class="box">{PageNumber}</div>
  2045. </a>
  2046. {/block:JumpPage}
  2047. {/block:JumpPagination}
  2048.  
  2049. <!-- Next Page -->
  2050. {block:NextPage}
  2051. <a class="pagi-link" href="{NextPage}" title="next">
  2052. <div class="box">
  2053. <span class="th th-chevron-right"></span>
  2054. </div>
  2055. </a>
  2056. {/block:NextPage}
  2057. {/block:Pagination}
  2058. </div>
  2059.  
  2060. <!-- MOBILE FOOTER -->
  2061. <div id="mb-footer">
  2062. <!-- Previous Page -->
  2063. {block:Pagination}
  2064. {block:PreviousPage}
  2065. <a href="{PreviousPage}" title="previous page" class="mbf-link">
  2066. <div class="mbf-nav" id="previous">
  2067. <span class="th th-chevron-left"></span>
  2068. </div>
  2069. </a>
  2070. {/block:PreviousPage}
  2071. {/block:Pagination}
  2072.  
  2073. <!-- Theme Credit -->
  2074. <a href="https://silbrigthemes.tumblr.com/" title="theme credit" class="mbf-link">
  2075. <div class="mbf-nav" id="mcredit">
  2076. <span class="th th-moon-o"></span>
  2077. </div>
  2078. </a>
  2079.  
  2080. <!-- Index -->
  2081. <a href="/" title="index" class="mbf-link">
  2082. <div class="mbf-nav" id="home">
  2083. <span class="th th-home-o"></span>
  2084. </div>
  2085. </a>
  2086.  
  2087. <!-- Navigation -->
  2088. <div class="dropdown mbf-nav" id="mnav">
  2089. <button class="dropbtn">
  2090. <span class="th th-map-1-o"></span>
  2091. </button>
  2092. <div class="dropdown-content">
  2093. <!-- Ask Link -->
  2094. {block:AskEnabled}
  2095. <a href="/ask" title="{AskLabel}">
  2096. {AskLabel}
  2097. </a>
  2098. {/block:AskEnabled}
  2099. <!-- Submissions Link -->
  2100. {block:SubmissionsEnabled}
  2101. <a href="/submit" title="{SubmitLabel}">
  2102. {SubmitLabel}
  2103. </a>
  2104. {/block:SubmissionsEnabled}
  2105. <!-- Archive Link -->
  2106. <a href="/archive" title="archive">
  2107. Archive
  2108. </a>
  2109. <!-- Custom Links -->
  2110. <a href="{text:Custom URL 1}" title="{text:Custom Link 1}">{text:Custom Link 1}</a>
  2111. <a href="{text:Custom URL 2}" title="{text:Custom Link 2}">{text:Custom Link 2}</a>
  2112. <a href="{text:Custom URL 3}" title="{text:Custom Link 3}">{text:Custom Link 3}</a>
  2113. <a href="{text:Custom URL 4}" title="{text:Custom Link 4}">{text:Custom Link 4}</a>
  2114. <a href="{text:Custom URL 5}" title="{text:Custom Link 5}">{text:Custom Link 5}</a>
  2115.  
  2116. <a href="https://www.tumblr.com/dashboard" title="go to dashboard">
  2117. Tumblr Dashboard
  2118. </a>
  2119.  
  2120. <a href="https://www.tumblr.com/message/{Name}" title="send {Name} a message">
  2121. Tumblr Messenger
  2122. </a>
  2123.  
  2124. <a href="https://www.tumblr.com/customize/{Name}?redirect_to=https%3A%2F%2F{Name}.tumblr.com" title="customize theme">
  2125. Customize Theme
  2126. </a>
  2127.  
  2128. <a href="https://www.tumblr.com/settings/blog/{Name}" title="change settings">
  2129. Blog Settings
  2130. </a>
  2131.  
  2132. <a href="https://www.tumblr.com/follow/{Name}" title="follow {Name}">
  2133. Follow Blog
  2134. </a>
  2135. </div>
  2136. </div>
  2137.  
  2138. <!-- Next Page -->
  2139. {block:Pagination}
  2140. {block:NextPage}
  2141. <a href="{NextPage}" title="next page" class="mbf-link">
  2142. <div class="mbf-nav" id="next">
  2143. <span class="th th-chevron-right"></span>
  2144. </div>
  2145. </a>
  2146. {/block:NextPage}
  2147. {/block:Pagination}
  2148. </div>
  2149.  
  2150. <!-- SCRIPTS -->
  2151. <!-- Full-size navigation.-->
  2152. <script>
  2153. /* Open when someone clicks on the span element */
  2154. function openNav() {
  2155. document.getElementById("myNav").style.width = "100%";
  2156. document.getElementById("big-box").style.display = "none";
  2157. document.getElementById("pagi-box").style.display = "none";
  2158. document.getElementById("header").style.display = "none";
  2159. }
  2160.  
  2161. /* Close when someone clicks on the "x" symbol inside the overlay */
  2162. function closeNav() {
  2163. document.getElementById("myNav").style.width = "0%";
  2164. document.getElementById("big-box").style.display = "flex";
  2165. document.getElementById("pagi-box").style.display = "flex";
  2166. document.getElementById("header").style.display = "flex";
  2167. }
  2168. </script>
  2169.  
  2170. <!-- CSS PHOTOSETS SCRIPT -->
  2171. <!-- by annasthms and espoirthemes -->
  2172. <script>
  2173. function gatherData(images, arr) {
  2174. for (let i = 0; i < images.length; i++) {
  2175. let currentData = {
  2176. "width": images[i].getAttribute('data-width'),
  2177. "height": images[i].getAttribute('data-height'),
  2178. "low_res": images[i].getAttribute('data-lowres'),
  2179. "high_res": images[i].getAttribute('data-highres')
  2180. };
  2181. arr.push(currentData);
  2182. }
  2183. }
  2184. function getIndex(elem) {
  2185. let i = 0;
  2186. while( (elem = elem.previousElementSibling) != null ) i++;
  2187. return i;
  2188. }
  2189. function lightbox(elem) {
  2190. let currentPhotoset = elem.parentNode;
  2191. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  2192. let data = [];
  2193. gatherData(photosetPhotos, data);
  2194. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  2195. }
  2196. </script>
  2197.  
  2198. <!-- Responsive video iframes. | by nouvae -->
  2199. <script>
  2200. function flexFrame() {
  2201. $(".caption").each(function() {
  2202. $(this).find("iframe").wrap("<div class='iframe-flex'></div>"); // wrap iframe
  2203. flexibleFrames($(".iframe-flex"));
  2204. });
  2205. flexibleFrames($(".video"));
  2206. }
  2207.  
  2208. $(document).ready(flexFrame);
  2209. </script>
  2210.  
  2211. <!--Smooth Header Scrolling script. -->
  2212. <script type="text/javascript">
  2213. $(function() {
  2214. $('#h-down').click (function() {
  2215. $('html, body').animate({scrollTop: $('#posts').offset().top }, 2500);
  2216. return false;
  2217. });
  2218. });
  2219. </script>
  2220.  
  2221. <!-- Script for #posts. -->
  2222. {block:HomePage}
  2223. <script type="text/javascript">
  2224.  
  2225. if ({CurrentPage} > 1 ) {
  2226. $('#posts').css({'margin-top':'0px'});
  2227. $('header').css({'display':'none'});
  2228. }
  2229.  
  2230. </script>
  2231. {/block:HomePage}
  2232.  
  2233. </body>
  2234. </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!