API tools faq
paste
Advertisement
b0rn-to-be-wild

Theme: NOSTALGIA (#NoJsChallenge)

b0rn-to-be-wild
Sep 24th, 2018
3,918
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.42 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. ©borntobewildcodes.tumblr.com | Nostalgia (Created for #NoJsChallenge)
  4.  
  5. + Do not redistribute this theme or remove the credits.
  6. + Edit as long as you keep the credits intact
  7. + Contact me if you have any questions or concerns.
  8. + If you want a custom theme you can commission me.
  9. + Thanks for using my theme, I hope that you enjoy it.
  10.  
  11. Other credits:
  12.  
  13. - Google fonts
  14. - Font Awesome icons
  15.  
  16. ---->
  17.  
  18. <!DOCTYPE html>
  19. <head>
  20.  
  21. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  22.  
  23. <link rel="shortcut icon" href="{favicon}">
  24.  
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <meta name="image:Header background" content="1"/>
  29. <meta name="image:Background" content="1"/>
  30. <meta name="image:Avatar" content="1"/>
  31.  
  32. <meta name="color:Header background" content="#ffffff"/>
  33. <meta name="color:Background" content="#f6f6f6"/>
  34. <meta name="color:Menu background" content="#ffffff"/>
  35. <meta name="color:Blog title" content="#222222"/>
  36. <meta name="color:Main link" content="#222222"/>
  37. <meta name="color:Header title" content="#222222"/>
  38. <meta name="color:Description" content="#333333"/>
  39. <meta name="color:Search box text" content="#ffffff"/>
  40. <meta name="color:Navigation background" content="#000000"/>
  41. <meta name="color:Navigation link" content="#ffffff"/>
  42. <meta name="color:Navigation link subtitle" content="#777777"/>
  43. <meta name="color:Footer background" content="#ffffff"/>
  44. <meta name="color:Footer text" content="#222222"/>
  45. <meta name="color:Post background" content="#ffffff"/>
  46. <meta name="color:Link post background" content="#ffffff"/>
  47. <meta name="color:Ask bubble" content="#ffffff"/>
  48. <meta name="color:Accent" content="#FC92A2"/>
  49. <meta name="color:Title" content="#222222"/>
  50. <meta name="color:Text" content="#222222"/>
  51. <meta name="color:Link" content="#bbbbbb"/>
  52. <meta name="color:Hover" content="#97c5e0"/>
  53. <meta name="color:Bold" content="#000000"/>
  54. <meta name="color:Italic" content="#444444"/>
  55. <meta name="color:Post info" content="#777777"/>
  56. <meta name="color:Buttons" content="#bbbbbb"/>
  57. <meta name="color:Pagination" content="#222222"/>
  58. <meta name="color:Scrollbar" content="#222222"/>
  59. <meta name="color:Scrollbar background" content="#ffffff"/>
  60. <meta name="color:Lightbox background" content="#ffffff"/>
  61.  
  62. <meta name="select:Blog title font size" content="20px" title="20px">
  63. <meta name="select:Blog title font size" content="22px" title="22px">
  64. <meta name="select:Blog title font size" content="24px" title="24px">
  65. <meta name="select:Blog title font size" content="26px" title="26px">
  66. <meta name="select:Blog title font size" content="28px" title="28px">
  67. <meta name="select:Blog title font size" content="30px" title="30px">
  68.  
  69. <meta name="select:Header title font size" content="25px" title="25px">
  70. <meta name="select:Header title font size" content="27px" title="27px">
  71. <meta name="select:Header title font size" content="30px" title="30px">
  72. <meta name="select:Header title font size" content="32px" title="32px">
  73. <meta name="select:Header title font size" content="35px" title="35px">
  74. <meta name="select:Header title font size" content="37px" title="37px">
  75.  
  76. <meta name="select:Description font size" content="12px" title="12px">
  77. <meta name="select:Description font size" content="13px" title="13px">
  78. <meta name="select:Description font size" content="14px" title="14px">
  79. <meta name="select:Description font size" content="15px" title="15px">
  80. <meta name="select:Description font size" content="16px" title="16px">
  81.  
  82. <meta name="select:Title font" content="Julius Sans One" title="Julius Sans One">
  83. <meta name="select:Title font" content="Open Sans" title="Open Sans">
  84. <meta name="select:Title font" content="Lora" title="Lora">
  85. <meta name="select:Title font" content="Playfair Display" title="Playfair Display">
  86. <meta name="select:Title font" content="Montserrat" title="Montserrat">
  87.  
  88. <meta name="select:Title font size" content="22px" title="22px">
  89. <meta name="select:Title font size" content="25px" title="25px">
  90. <meta name="select:Title font size" content="27px" title="27px">
  91. <meta name="select:Title font size" content="30px" title="30px">
  92. <meta name="select:Title font size" content="32px" title="32px">
  93.  
  94. <meta name="font:Body font" content="Helvetica"/>
  95. <meta name="select:Body font size" content="12px" title="12px">
  96. <meta name="select:Body font size" content="13px" title="13px">
  97. <meta name="select:Body font size" content="14px" title="14px">
  98. <meta name="select:Body font size" content="15px" title="15px">
  99. <meta name="select:Body font size" content="16px" title="16px">
  100.  
  101. <meta name="select:Post width" content="400" title="400px">
  102. <meta name="select:Post width" content="450" title="450px">
  103. <meta name="select:Post width" content="500" title="500px">
  104.  
  105. <meta name="if:Left Sidebar" content="0"/>
  106. <meta name="if:Inverted Controls" content="0"/>
  107. <meta name="if:Menu Background Transparent" content="0" />
  108. <meta name="if:Show Search Box" content="1" />
  109. <meta name="if:Faded Images" content="0" />
  110. <meta name="if:Monochrome Images" content="0" />
  111. <meta name="if:Show Captions" content="1" />
  112. <meta name="if:Show Tags" content="1" />
  113. <meta name="if:Ask Enabled" content="1" />
  114. <meta name="if:Submissions Enabled" content="1" />
  115. <meta name="if:Show Archive Link" content="1" />
  116.  
  117. <meta name="if:Show Link One" content="1" />
  118. <meta name="if:Show Link Two" content="1" />
  119. <meta name="if:Show Link Three" content="1" />
  120. <meta name="if:Show Link Four" content="1" />
  121. <meta name="if:Show Link Five" content="1" />
  122.  
  123. <meta name="text:Link One Title" content="Link one" />
  124. <meta name="text:Link One Subtitle" content="Lorem Ipsum" />
  125. <meta name="text:Link One Url" content="http://"/>
  126. <meta name="text:Link Two Title" content="Link two"/>
  127. <meta name="text:Link Two Subtitle" content="Lorem Ipsum" />
  128. <meta name="text:Link Two Url" content="http://"/>
  129. <meta name="text:Link Three Title" content="Link three" />
  130. <meta name="text:Link Three Subtitle" content="Lorem Ipsum" />
  131. <meta name="text:Link Three Url" content="http://" />
  132. <meta name="text:Link Four Title" content="Link four" />
  133. <meta name="text:Link Four Subtitle" content="Lorem Ipsum" />
  134. <meta name="text:Link Four Url" content="http://" />
  135. <meta name="text:Link Five Title" content="Link five" />
  136. <meta name="text:Link Five Subtitle" content="Lorem Ipsum" />
  137. <meta name="text:Link Five Url" content="http://" />
  138.  
  139. <meta name="text:Blog alias" content="blogalias"/>
  140. <meta name="text:Header Title" content="Lorem ipsum sun dolor"/>
  141.  
  142. <!-- CSS -->
  143.  
  144. <style type="text/css">
  145.  
  146. /* ---------------------------- GENERAL ----------------------------- */
  147.  
  148. /* -------- BASICS ------- */
  149.  
  150. body {
  151. margin: 0;
  152. padding: 0;
  153. width: 100%;
  154. height: 100%;
  155. color: {color:text};
  156. font-family: {font:Body font};
  157. font-size: {select:Body font size};
  158. line-height:150%;
  159. background-color: {color:Header background};
  160. background-image:url({image:Header background});
  161. background-attachment: fixed;
  162. background-repeat: repeat;
  163. word-wrap:break-word;
  164. overflow-y:scroll;
  165. }
  166.  
  167. /* Tumblr lightbox */
  168.  
  169. .tmblr-lightbox {background:rgba({RGBcolor:Lightbox background}, .95)!important;}
  170.  
  171. .tmblr-lightbox img {opacity:0;}
  172.  
  173. .lightbox-caption {
  174. color:{color:Title}!important;
  175. font-family:inherit!important;
  176. font-size:1em!important;
  177. font-weight:normal!important;
  178. text-shadow:none!important;
  179. }
  180.  
  181. .lightbox-image {
  182. -moz-box-shadow:none!important;
  183. -webkit-box-shadow:none!important;
  184. box-shadow:none!important;
  185. -moz-border-radius:0px!important;
  186. -webkit-border-radius:0px!important;
  187. border-radius:0px!important;
  188. padding:0px!important;
  189. border:0!important;
  190. opacity:1!important;
  191. }
  192.  
  193. .vignette {opacity:0!Important;}
  194.  
  195.  
  196. /* Webkit scrollbar */
  197.  
  198. ::-webkit-scrollbar {
  199. width: 9px;
  200. height: 0px;
  201. }
  202.  
  203. ::-webkit-scrollbar-button:start:decrement,
  204. ::-webkit-scrollbar-button:end:increment {
  205. height: 0px;
  206. display: block;
  207. background-color: {color:Scrollbar background};
  208. border-bottom-right-radius:30px;
  209. }
  210.  
  211. ::-webkit-scrollbar-track-piece {
  212. background-color: {color:Scrollbar background};
  213. }
  214.  
  215. ::-webkit-scrollbar-thumb:vertical {
  216. height: 0px;
  217. background-color: {color:Scrollbar};
  218. border: 4px solid {color:Scrollbar background};
  219. }
  220.  
  221. /* Selection */
  222.  
  223. ::-moz-selection {
  224. background: {color:Hover};
  225. color: {color:Background};
  226. }
  227.  
  228. ::selection {
  229. background: {color:Hover};
  230. color: {color:Background};
  231. }
  232.  
  233. /* Tumblr controls */
  234.  
  235. .hcontrols {
  236. position:fixed;
  237. top:24px;
  238. right:36px;
  239. {block:ifLeftSidebar}
  240. right:auto!important;
  241. left:40px!important;
  242. padding-left:0;
  243. {/block:ifLeftSidebar}
  244. width:20px;
  245. height:20px;
  246. text-align:center;
  247. background:#fff;
  248. z-index:1000;
  249. cursor:pointer;
  250. }
  251.  
  252. .hcontrols i {
  253. font-size:18px;
  254. color:#000;
  255. line-height:20px;
  256. }
  257.  
  258. iframe.tmblr-iframe {
  259. top:15px!important;
  260. right:36px!important;
  261. padding-right:30px!important;
  262. {block:ifLeftSidebar}
  263. right:auto!important;
  264. left:-60px!important;
  265. padding-left:15px!important;
  266. padding-right:0!important;
  267. {/block:ifLeftSidebar}
  268. {block:ifInvertedControls}
  269. filter:invert(100%) hue-rotate(180deg);
  270. -webkit-filter:invert(100%) hue-rotate(180deg);
  271. -moz-filter:invert(100%) hue-rotate(180deg);
  272. -o-filter:invert(100%) hue-rotate(180deg);
  273. -ms-filter:invert(100%) hue-rotate(180deg);
  274. {/block:ifInvertedControls}
  275. transform:scale(0.7);
  276. transform-origin:100% 0;
  277. -webkit-transform:scale(0.7);
  278. -webkit-transform-origin:100% 0;
  279. -o-transform:scale(0.7);
  280. -o-transform-origin:100% 0;
  281. -moz-transform:scale(0.7);
  282. -moz-transform-origin:100% 0;
  283. -ms-transform:scale(0.7);
  284. -ms-transform-origin:100% 0;
  285. z-index:100000!important;
  286. opacity:0!important;
  287. }
  288.  
  289. iframe.tmblr-iframe:hover {
  290. opacity:0.9!important;
  291. }
  292.  
  293. img {
  294. opacity:1;
  295. border:0;
  296. text-decoration:none;
  297. max-width:100%;
  298. height:auto;
  299. display:block;
  300. }
  301.  
  302. /* Image style */
  303.  
  304. {block:IfFadedImages}
  305. img {
  306. -webkit-transition: opacity 0.8s linear;
  307. -moz-transition: opacity 0.8s linear;
  308. -o-transition: opacity 0.8s linear;
  309. -ms-transition: opacity 0.8s linear;
  310. opacity: 0.60;
  311. }
  312.  
  313. img:hover {
  314. -webkit-transition: opacity 0.8s linear;
  315. -moz-transition: opacity 0.8s linear;
  316. -o-transition: opacity 0.8s linear;
  317. -ms-transition: opacity 0.8s linear;
  318. opacity: 1;
  319. }
  320. {/block:IfFadedImages}
  321.  
  322. {block:IfMonochromeImages}
  323. img {
  324. -webkit-filter: grayscale(1);
  325. -webkit-transition: all 0.5s ease-in-out;
  326. -moz-transition: all 0.5s ease-in-out;
  327. -o-transition: all 0.5s ease-in-out;
  328. -ms-transition: all 0.5s ease-in-out;
  329. transition: all 0.5s ease-in-out;
  330. }
  331.  
  332. img:hover {
  333. filter: none;
  334. -webkit-filter: grayscale(0);
  335. -webkit-transition: all 0.3s ease-in-out;
  336. -moz-transition: all 0.3s ease-in-out;
  337. -o-transition: all 0.3s ease-in-out;
  338. }
  339. {/block:IfMonochromeImages}
  340.  
  341. blockquote {
  342. padding:.25em 0 .25em 15px;
  343. margin:.5em 0;
  344. border-left:1px solid {color:Accent};
  345. }
  346.  
  347. pre {
  348. padding:0;
  349. margin:0;
  350. line-height:inherit!important;
  351. background:transparent;
  352. font-family:inherit!Important;
  353. font-size:inherit!important;
  354. white-space:pre-wrap;
  355. white-space:-moz-pre-wrap;
  356. white-space:-pre-wrap;
  357. white-space:-o-pre-wrap;
  358. word-wrap:break-word;
  359. }
  360.  
  361. /* Fix */
  362.  
  363. iframe, img, embed, object, video {
  364. max-width: 100%;
  365. border: none;
  366. }
  367.  
  368. input, textarea, select, a { outline: none; }
  369.  
  370. /* Headings */
  371.  
  372. h1, h2, h3, h4 {
  373. margin:1.5em 0;
  374. font-size:1.5em;
  375. padding:0;
  376. color:{color:Title};
  377. font-weight:bold;
  378. }
  379.  
  380. h1 {
  381. font-size:{select:Title font size};
  382. }
  383.  
  384. .entry h1:first-child, .entry h2:first-child, .entry h3:first-child, .entry h4:first-child {margin-top:0;}
  385.  
  386. /* Paragraph */
  387.  
  388. p { margin:5px 0px;}
  389.  
  390. p:first-of-type { margin-top:0;}
  391.  
  392. p:last-of-type { margin-bottom:0;}
  393.  
  394. small, big, sub, pre {
  395. font-size:1em!important;
  396. line-height:1.4em!important;
  397. vertical-align:baseline!important;
  398. }
  399.  
  400. /* Bold and italic */
  401.  
  402. b, strong, b a, strong a {
  403. font-weight:bold!important;
  404. color: {color:Bold};
  405. transition:all .3s linear;
  406. -webkit-transition:all .3s linear;
  407. -o-transition:all .3s linear;
  408. -moz-transition:all .3s linear;
  409. }
  410.  
  411. i, em {
  412. color: {color:Italic};
  413. transition:all .3s linear;
  414. -webkit-transition:all .3s linear;
  415. -o-transition:all .3s linear;
  416. -moz-transition:all .3s linear;
  417. }
  418.  
  419. /* Links */
  420.  
  421. a {
  422. color:{color:Link};
  423. text-decoration:none;
  424. transition:all .3s linear;
  425. -webkit-transition:all .3s linear;
  426. -o-transition:all .3s linear;
  427. -moz-transition:all .3s linear;
  428. }
  429.  
  430. a, a img {cursor:pointer;}
  431.  
  432. a:hover {
  433. color:{color:Hover}!important;
  434. text-decoration:none;
  435. }
  436.  
  437. ul, ol, li {
  438. margin: 5px 10px;
  439. padding: 0px;
  440. transition:all .3s linear;
  441. -webkit-transition:all .3s linear;
  442. -o-transition:all .3s linear;
  443. -moz-transition:all .3s linear;
  444. }
  445.  
  446. /* Line break */
  447.  
  448. hr {
  449. border:none;
  450. box-shadow:0;
  451. margin:2em auto;
  452. width:75px;
  453. border-top:1px solid {color:Accent};
  454. }
  455.  
  456. /*-- CREDIT --*/
  457.  
  458. #credit {
  459. position:fixed;
  460. top:24px;
  461. right:10px;
  462. width:21px;
  463. height:21px;
  464. z-index:100000;
  465. {block:IfLeftSidebar}
  466. left:15px!important;
  467. right:auto!important;
  468. {/block:IfLeftSidebar}
  469. }
  470.  
  471. /*-- MENU --*/
  472.  
  473. #menu {
  474. position:fixed;
  475. top:0;
  476. left:0;
  477. {block:IfLeftSidebar}
  478. left:auto;
  479. right:0;
  480. {/block:IfLeftSidebar}
  481. width:calc({select:Post width}px + 140px)!important;
  482. height:50px;
  483. padding:10px 25px;
  484. background:{color:Menu background};
  485. {block:ifMenuBackgroundTransparent}
  486. background:transparent;
  487. {/block:ifMenuBackgroundTransparent}
  488. z-index:1000;
  489. }
  490.  
  491. #menu.clear {
  492. clear: both;
  493. }
  494.  
  495. /* Blog title */
  496.  
  497. #blog_title {
  498. float:left;
  499. display:inline-block;
  500. margin:0;
  501. height:40px;
  502. line-height:50px;
  503. color:{color:Blog title};
  504. font-family:{select:Title font};
  505. font-weight:600;
  506. font-size:{select:Blog title font size};
  507. border-bottom:2px solid {color:Accent};
  508. letter-spacing:1px;
  509. z-index:10;
  510. }
  511.  
  512. /* Main links */
  513.  
  514. #main_links {
  515. margin:10px 0;
  516. float:right;
  517. height:30px;
  518. line-height:30px;
  519. text-align:right;
  520. z-index:100;
  521. }
  522.  
  523. #main_links a {
  524. display:inline-block;
  525. margin:0px;
  526. padding:0px 10px;
  527. font-size:12px;
  528. letter-spacing:1px;
  529. color:{color:Main link};
  530. -webkit-transition: all .3s ease;
  531. -moz-transition: all .3s ease;
  532. -o-transition: all .3s ease;
  533. transition: all .3s ease;
  534. }
  535.  
  536. #main_links a:hover {
  537. color:{color:Hover};
  538. background:{color:Accent};
  539. }
  540.  
  541. /*------------------------------- CONTAINER -----------------------------*/
  542.  
  543. #container {
  544. position:absolute;
  545. top:70px;
  546. {block:IndexPage}
  547. top:100vh;
  548. {/block:IndexPage}
  549. left:0;
  550. {block:IfLeftSidebar}
  551. left:auto;
  552. right:0;
  553. {/block:IfLeftSidebar}
  554. width:calc({select:Post width}px + 191px)!important;
  555. background:{color:Background};
  556. background-image:url({image:Background});
  557. background-attachment: fixed;
  558. background-repeat: repeat;
  559. overflow:hidden;
  560. }
  561.  
  562. /* ---------------------------- HEADER --------------------------- */
  563.  
  564. #header {
  565. position:absolute;
  566. margin:0;
  567. {block:IfLeftSidebar}
  568. left:auto;
  569. right:0;
  570. {/block:IfLeftSidebar}
  571. width:calc({select:Post width}px + 190px)!important;
  572. height:100vh;
  573. z-index:10;
  574. overflow:hidden;
  575. }
  576.  
  577. #section {
  578. position:absolute;
  579. top:calc(50% + 35px);
  580. width:calc(100% - 150px);
  581. padding:75px;
  582. z-index:100;
  583. -webkit-transform:translateY(-50%);
  584. -moz-transform:translateY(-50%);
  585. -ms-transform:translateY(-50%);
  586. -o-transform:translateY(-50%);
  587. transform:translateY(-50%);
  588. }
  589.  
  590. /* Header title */
  591.  
  592. #header_title {
  593. color:{color:Header title};
  594. font-family:{select:Title font};
  595. font-size:{select:Header title font size};
  596. line-height:150%;
  597. font-weight:600;
  598. letter-spacing:1px;
  599. }
  600.  
  601. /* Description */
  602.  
  603. #description {
  604. margin-top:15px;
  605. margin-bottom:25px;
  606. padding-right:10px;
  607. max-height:400px;
  608. font-size:{select:Description font size};
  609. line-height:150%;
  610. color:{color:Description};
  611. text-align:justify;
  612. overflow:hidden;
  613. overflow-y:auto;
  614. }
  615.  
  616. /* Scroll down */
  617.  
  618. #down a {
  619. margin:0;
  620. padding:7px 10px;
  621. font-size:{select:Description font size};
  622. color:{color:Description};
  623. letter-spacing:1px;
  624. border:2px solid {color:Accent};
  625. }
  626.  
  627. #down i {
  628. color:{color:Description};
  629. }
  630.  
  631. #down a:hover, #down a:hover i {
  632. color:{color:Hover};
  633. background:{color:Accent};
  634. }
  635.  
  636. /*--------- SIDEBAR ---------*/
  637.  
  638. #sidebar {
  639. position:fixed;
  640. top:0;
  641. right:0;
  642. {block:IfLeftSidebar}
  643. right:auto;
  644. left:0;
  645. {/block:IfLeftSidebar}
  646. width:calc(100vw - {select:Post width}px - 200px)!important;
  647. height:100vw;
  648. z-index:100;
  649. }
  650.  
  651. /* Avatar */
  652.  
  653. #avatar {
  654. position:absolute;
  655. margin-top:0;
  656. margin-left:0;
  657. {block:IfLeftSidebar}
  658. margin-left:40%;
  659. {/block:IfLeftSidebar}
  660. width:60%;
  661. height:100vh;
  662. {block:IfShowSearchBox}
  663. height:calc(100vh - 70px);
  664. {/block:IfShowSearchBox}
  665. overflow:hidden;
  666. }
  667.  
  668. #avatar img {
  669. width:100%;
  670. height:100%;
  671. }
  672.  
  673. /* Search box */
  674.  
  675. #search {
  676. position:absolute;
  677. margin-left:0;
  678. margin-top:calc(100vh - 70px);
  679. {block:IfLeftSidebar}
  680. margin-left:40%;
  681. {/block:IfLeftSidebar}
  682. width:60%;
  683. height:70px;
  684. text-align:center;
  685. background:{color:Accent};
  686. }
  687.  
  688. #search input[type=text]{
  689. color:{color:Search box text};}
  690. input::-webkit-input-placeholder{
  691. color:{color:Search box text};}
  692. input::-moz-placeholder{
  693. color:{color:Search box text};}
  694. input:-moz-placeholder{
  695. color:{color:Search box text};}
  696. input:-ms-input-placeholder{
  697. color:{color:Search box text};}
  698.  
  699. /* Search icon */
  700.  
  701. #search i {
  702. position:absolute;
  703. width:30px;
  704. margin-left:-30px;
  705. margin-top:30px;
  706. z-index:1000;
  707. color:{color:Search box text};
  708. }
  709.  
  710. /* Navigation */
  711.  
  712. #navigation {
  713. position:absolute;
  714. margin-top:0;
  715. margin-left:60%;
  716. {block:IfLeftSidebar}
  717. margin-left:0;
  718. {/block:IfLeftSidebar}
  719. width:40%;
  720. height:100vh;
  721. text-align:center;
  722. z-index:100;
  723. overflow:hidden;
  724. background:{color:Navigation background};
  725. }
  726.  
  727. #navi_links {
  728. position:absolute;
  729. top:50%;
  730. width:calc(100% - 40px);
  731. padding:40px;
  732. line-height:22px;
  733. text-align:left;
  734. -webkit-transform:translateY(-50%);
  735. -moz-transform:translateY(-50%);
  736. -ms-transform:translateY(-50%);
  737. -o-transform:translateY(-50%);
  738. transform:translateY(-50%);
  739. }
  740.  
  741. #navi_links a {
  742. display:block;
  743. margin:10px;
  744. padding-left:20px;
  745. color:{color:Navigation link};
  746. font-size:15px;
  747. font-weight:600;
  748. letter-spacing:1px;
  749. }
  750.  
  751. #navi_links a:before {
  752. position:absolute;
  753. content: "◆";
  754. margin-top:0;
  755. margin-left:-20px;
  756. color:{color:Accent};
  757. font-size:15px;
  758. font-weight:600;
  759. transition:all .3s linear;
  760. -webkit-transition:all .3s linear;
  761. -o-transition:all .3s linear;
  762. -moz-transition:all .3s linear;
  763. }
  764.  
  765. #navi_links a span {
  766. display:block;
  767. color:{color:Navigation link subtitle};
  768. font-size:12px;
  769. font-weight:400;
  770. letter-spacing:0px;
  771. }
  772.  
  773. #navi_links a:hover, #navi_links a:hover::before {
  774. color:{color:Accent}!important;
  775. }
  776.  
  777. /* ---------------------------- FOOTER --------------------------- */
  778.  
  779. #footer {
  780. margin:0;
  781. width:calc(100% - 40px);
  782. height:70px;
  783. line-height:70px;
  784. padding:0 20px;
  785. color:{color:Footer text};
  786. background:{color:Footer background};
  787. text-align:center;
  788. z-index:100;
  789. }
  790.  
  791. #footer a {
  792. color:{color:Footer text};
  793. }
  794.  
  795. /* ---------- POSTS AND ENTRIES ---------- */
  796.  
  797. #posts {
  798. margin-top:0;
  799. margin-left:auto;
  800. margin-right:auto;
  801. width:calc({select:Post width}px + 120px)!important;
  802. min-height:600px;
  803. overflow:hidden;
  804. }
  805.  
  806. .entry {
  807. display: inline-block;
  808. float: left;
  809. margin:50px 20px;
  810. width: {select:Post width}px;
  811. padding:40px;
  812. height:auto;
  813. background:{color:Post background};
  814. }
  815.  
  816. .entry img { max-width: 100%; }
  817.  
  818. /*--------------------------- RESPONSIVE DESIGN ---------------------------*/
  819.  
  820. @media only screen and (max-width: 960px) {
  821.  
  822. #credit {
  823. top:auto!important;
  824. bottom:10px!important;
  825. }
  826.  
  827. .hcontrols {
  828. top:auto!important;
  829. bottom:11px!important;
  830. }
  831.  
  832. iframe.tmblr-iframe {
  833. top:auto!important;
  834. bottom:-14px!important;
  835. }
  836.  
  837. #menu {
  838. width:calc(100vw - 59px)!important;
  839. {block:ifMenuBackgroundTransparent}
  840. background:{color:Menu background};
  841. {/block:ifMenuBackgroundTransparent}
  842. }
  843.  
  844. #sidebar {
  845. position:relative!important;
  846. margin-top:70px;
  847. width:100vw!important;
  848. height:70px!important;
  849. }
  850.  
  851. #avatar {
  852. margin:0!important;
  853. width:70px!important;
  854. height:70px!important;
  855. }
  856.  
  857. #avatar img {
  858. width:100%;
  859. height:auto;
  860. }
  861.  
  862. #search {
  863. margin-top:0px!important;
  864. bottom:auto!important;
  865. margin-left:70px!important;
  866. width:150px!important;
  867. }
  868.  
  869. #navigation {
  870. position:relative!important;
  871. margin-top:0!important;
  872. margin-left:70px!important;
  873. width:calc(100vw - 70px)!important;
  874. {block:IfShowSearchBox}
  875. margin-left:220px!important;
  876. width:calc(100vw - 220px)!important;
  877. {/block:IfShowSearchBox}
  878. height:70px!important;
  879. }
  880.  
  881. #navi_links {
  882. width:calc(100% - 20px)!important;
  883. margin-top:0px!important;
  884. padding:0 20px!important;
  885. line-height:13px!important;
  886. }
  887.  
  888. #navi_links a {
  889. display:inline-block;
  890. font-size:12px!important;
  891. }
  892.  
  893. #navi_links a span {
  894. display:none!important;
  895. }
  896.  
  897. #header {
  898. width:100vw!important;
  899. }
  900.  
  901. #section {
  902. top:calc(50% - 70px)!important;
  903. }
  904.  
  905. #container {
  906. width:100vw!important;
  907. }
  908.  
  909.  
  910. }
  911. /* End media screen 960 */
  912.  
  913.  
  914. @media only screen and (max-width: 414px) {
  915.  
  916. #sidebar {
  917. height:auto!important;
  918. }
  919.  
  920. #navigation {
  921. height:100px;
  922. }
  923.  
  924. #posts {
  925. width:100%!important;
  926. overflow:hidden;
  927. }
  928.  
  929. .entry {
  930. display: inline-block;
  931. float: left;
  932. margin:30px 20px;
  933. width:calc(100% - 80px)!important;
  934. height:auto;
  935. padding:20px;
  936. font-size:2.6vw!important;
  937. }
  938.  
  939. #blog_title, #header_title, .quote, .title {
  940. font-size:3.5vw!important;
  941. }
  942.  
  943. #main_links a, #navi_links a, #description, #down a, .topinfo, .topinfo i, .tags, #pagination, #permapag, #footer {
  944. font-size:2.6vw!important;
  945. }
  946.  
  947. }
  948. /* End media screen 414 */
  949.  
  950.  
  951. /* Caption */
  952.  
  953. .comment {
  954. padding:0;
  955. list-style:none;
  956. }
  957.  
  958. .comment:last-of-type { padding-bottom:0!important;}
  959.  
  960. .user {
  961. display:inline-block;
  962. line-height:1em;
  963. margin-bottom:.75em;
  964. }
  965.  
  966. .caption {
  967. margin-top:5px;
  968. }
  969.  
  970. .captioned .comment:first-of-type { margin-top:2em;}
  971.  
  972. /* -------- POSTS STYLES ------- */
  973.  
  974. /* Titles */
  975.  
  976. .title {
  977. margin:0;
  978. margin-bottom:10px;
  979. color:{color:Title};
  980. font-family:{select:Title Font};
  981. font-size:{select:Title font size};
  982. line-height:150%;
  983. }
  984.  
  985. .title a { color:{color:Title}; }
  986.  
  987. .title a:hover { color:{color:Link}; }
  988.  
  989. .tex li, .tex blockquote { text-align:left; }
  990.  
  991. /* Quote posts */
  992.  
  993. .quote {
  994. margin: 0;
  995. padding: 0;
  996. font-family: {select:Title font};
  997. font-size: {select:Title font size};
  998. line-height:150%;
  999. color: {color:Italic};
  1000. text-align: left;
  1001. letter-spacing: 2px;
  1002. }
  1003.  
  1004. .source {
  1005. margin-top:15px;
  1006. }
  1007.  
  1008. /* Link posts */
  1009.  
  1010. .linkthumb img {
  1011. width:100%;
  1012. }
  1013.  
  1014. .linkp {
  1015. background: {color:Link post background};
  1016. padding:10px;
  1017. }
  1018.  
  1019. .linkp i {
  1020. color: {color:Title};
  1021. }
  1022.  
  1023. /* Chat posts */
  1024.  
  1025. .line {
  1026. margin: 5px 0;
  1027. line-height: 18px;
  1028. letter-spacing:1px;
  1029. }
  1030.  
  1031. .label {
  1032. margin-right:5px;
  1033. font-weight:bold;
  1034. }
  1035.  
  1036. /* Ask Posts */
  1037.  
  1038. .asker {
  1039. margin: 0;
  1040. width: 100%;
  1041. height: auto;
  1042. }
  1043.  
  1044. .bubble {
  1045. width: calc(100% - 65px);
  1046. height: auto;
  1047. min-height: 35px;
  1048. padding: 10px;
  1049. line-height: 20px;
  1050. background: {color:Ask bubble};
  1051. z-index: 10;
  1052. }
  1053.  
  1054. .triangle {
  1055. position: absolute;
  1056. margin-left: calc(100% - 247px);
  1057. width: 0;
  1058. z-index:0;
  1059. border-left: 8px solid {color:Ask bubble};
  1060. border-bottom: 8px solid transparent;
  1061. border-top: 8px solid transparent;
  1062. }
  1063.  
  1064. .asker img {
  1065. float: right;
  1066. margin-right: 0px;
  1067. max-width: 30px;
  1068. border: 1.5px solid {color:Ask bubble};
  1069. border-radius: 2px;
  1070. z-index:1000;
  1071. opacity:1;
  1072. }
  1073.  
  1074. .answer {
  1075. margin: 10px 0;
  1076. margin-bottom: 0;
  1077. }
  1078.  
  1079. /* ----------------------- POST INFO ----------------------------- */
  1080.  
  1081. .topinfo {
  1082. margin:0px;
  1083. margin-bottom:15px;
  1084. width:100%;
  1085. height:30px;
  1086. line-height:30px;
  1087. font-size:14px;
  1088. background:{color:Post info background};
  1089. overflow:hidden;
  1090. }
  1091.  
  1092. .topinfo a {
  1093. display:inline-block;
  1094. margin-right:10px;
  1095. color:{color:Post info};
  1096. }
  1097.  
  1098. .topinfo i {
  1099. margin-right:10px;
  1100. font-size:14px;
  1101. color:{color:Accent};
  1102. }
  1103.  
  1104. /* Date */
  1105.  
  1106. .topinfod {
  1107. float: left;
  1108. margin:0;
  1109. margin-right:10px;
  1110. width:100px;
  1111. height:20px;
  1112. padding:5px;
  1113. line-height:20px;
  1114. text-align:center;
  1115. text-transform:uppercase;
  1116. color:{color:Post background};
  1117. background:{color:Accent};
  1118. }
  1119.  
  1120. .topinfod a {
  1121. margin:auto;
  1122. color:{color:Post background};
  1123. }
  1124.  
  1125. /* Bottom info */
  1126.  
  1127. .botinfo {
  1128. margin:0px;
  1129. margin-top:15px;
  1130. width:100%;
  1131. height:auto;
  1132. padding-top:15px;
  1133. font-size:14px;
  1134. line-height:25px;
  1135. color: {color:Text};
  1136. background:{color:Post info background};
  1137. border-top:2px solid {color:Accent};
  1138. overflow:hidden;
  1139. }
  1140.  
  1141. .botinfo.clear {
  1142. clear: both;
  1143. }
  1144.  
  1145. .botinfo a {
  1146. margin-right: 25px;
  1147. color:{color:Post info};
  1148. }
  1149.  
  1150. .botinfo i {
  1151. margin-right:10px;
  1152. color:{color:Accent};
  1153. }
  1154.  
  1155. /* Tags */
  1156.  
  1157. .tags {
  1158. float:left;
  1159. width:calc(100% - 90px);
  1160. {block:IndexPage}
  1161. {block:ifNotShowTags}
  1162. display: none;
  1163. {/block:ifNotShowTags}
  1164. {/block:IndexPage}
  1165. }
  1166.  
  1167. .notec {
  1168. float: left;
  1169. }
  1170.  
  1171. /* Butttons */
  1172.  
  1173. .buttons {
  1174. float:right;
  1175. margin-top:0px;
  1176. margin-right:-3px;
  1177. width:77px;
  1178. height:26px;
  1179. line-height:26px;
  1180. z-index:100;
  1181. list-style:none;
  1182. {block:ifDisqusShortname}
  1183. width: 103px;
  1184. {/block:ifDisqusShortname}
  1185. {block:PermalinkPage}
  1186. width:52px;
  1187. {/block:PermalinkPage}
  1188. }
  1189.  
  1190. .buttons li {
  1191. display:inline-block;
  1192. margin:0;
  1193. margin-left:2px;
  1194. margin-right:0;
  1195. width:20px;
  1196. height:26px;
  1197. padding:0px;
  1198. text-align:center;
  1199. }
  1200.  
  1201. .perma i {
  1202. font-size:13px;
  1203. color:{color:Buttons};
  1204. }
  1205.  
  1206. .reblog i {
  1207. margin-top:2px;
  1208. margin-left:-3px;
  1209. font-size:17px;
  1210. color:{color:Buttons};
  1211. }
  1212.  
  1213. .like .like_button {
  1214. position:absolute;
  1215. width:100%;
  1216. height:100%;
  1217. }
  1218.  
  1219. .like .like_button iframe {
  1220. position:absolute;
  1221. top:0;
  1222. bottom:0;
  1223. left:0;
  1224. right:0;
  1225. width:100%;
  1226. height:100%;
  1227. z-index:10;
  1228. opacity:0.0000001;
  1229. }
  1230.  
  1231. .like i {
  1232. font-size:15px;
  1233. color:{color:Buttons};
  1234. }
  1235.  
  1236. .like .liked + i {
  1237. font-size:14px;
  1238. color:#D95E40;
  1239. }
  1240.  
  1241. /* Permalink pagination */
  1242.  
  1243. .permapag {
  1244. margin-top: 15px;
  1245. margin-left: 0px;
  1246. font-size: 15px;
  1247. }
  1248.  
  1249. .permapag a {
  1250. margin:10px;
  1251. margin-top: 20px;
  1252. padding:5px;
  1253. color:{color:Link};
  1254. }
  1255.  
  1256. /* Post notes */
  1257.  
  1258. #notes {
  1259. margin: 15px 0;
  1260. width: 500px;
  1261. font-size: 12px;
  1262. color: {color:Text};
  1263. }
  1264.  
  1265. ol.notes {
  1266. padding: 0px;
  1267. margin: 5px 0px;
  1268. list-style-type: none;
  1269. }
  1270.  
  1271. ol.notes li.note {
  1272. padding: 5px;
  1273. }
  1274.  
  1275. ol.notes li.note img.avatar {
  1276. float:left;
  1277. vertical-align: -5px;
  1278. width: 15px;
  1279. height: 15px;
  1280. margin-left:10px;
  1281. margin-right:10px;
  1282. }
  1283.  
  1284. li.more_notes_link_container {
  1285. text-transform: uppercase;
  1286. font-size: 12px;
  1287. }
  1288.  
  1289. /* ------------------- PAGINATION -------------------- */
  1290.  
  1291. /* Pagination */
  1292.  
  1293. #pagination {
  1294. margin:10px auto;
  1295. width:70%;
  1296. height:80px;
  1297. text-align: center;
  1298. font-size:12px;
  1299. z-index:100;
  1300. }
  1301.  
  1302. #pagination a {
  1303. display:inline-block;
  1304. margin:0 7px;
  1305. width:auto;
  1306. height:14px;
  1307. padding:7px 10px;
  1308. color:{color:Pagination};
  1309. background:{color:Accent};
  1310. text-align:center;
  1311. letter-spacing:1px;
  1312. }
  1313.  
  1314. #pagination a:hover, #pagination a:hover i {
  1315. color:{color:Hover};
  1316. }
  1317.  
  1318. #pagination i {
  1319. color:{color:Pagination};
  1320. }
  1321.  
  1322. /* --------------------------- Custom CSS -------------------------- */
  1323.  
  1324. {CustomCSS}
  1325.  
  1326. </style>
  1327.  
  1328. <meta charset="utf-8">
  1329. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  1330. {block:Description}
  1331. <meta name="description" content="{MetaDescription}" />
  1332. {/block:Description}
  1333.  
  1334. </head>
  1335.  
  1336. <!------------------------------ HTML ------------------------------->
  1337.  
  1338.  
  1339. <body>
  1340.  
  1341. <div class="hcontrols"><i class="fa fa-cog"></i></div>
  1342.  
  1343. <div id="menu">
  1344.  
  1345. <div id="blog_title"><span class="underline">{Title}</span></div>
  1346.  
  1347. <div id="main_links">
  1348. <a href="/"> INDEX </a>
  1349. {block:ifAskEnabled}
  1350. <a href="/ask"> ASK </a>
  1351. {/block:ifAskEnabled}
  1352. {block:ifSubmissionsEnabled}
  1353. <a href="/submit"> SUBMIT </a>
  1354. {/block:ifSubmissionsEnabled}
  1355. {block:ifShowArchiveLink}
  1356. <a href="/archive"> ARCHIVE </a>
  1357. {/block:ifShowArchiveLink}
  1358. </div>
  1359. <!-- End main_links -->
  1360.  
  1361. </div>
  1362. <!-- End menu -->
  1363.  
  1364. <div id="sidebar">
  1365.  
  1366. <div id="avatar"><img src="{image:Avatar}"></div>
  1367.  
  1368. {block:IfShowSearchBox}
  1369. <div id="search">
  1370. <form action="/search" method="get">
  1371. <input type="text" name="q" placeholder="SEARCH" value="" style="float:left; margin-top:0; margin-left:0; width:calc(100% - 65px); height:70px; padding-left:25px; border:1px solid transparent; background:transparent; color:{color:Search box text}; font-size:{select:Body font size}; letter-spacing:1px;"/><span><i class="fa fa-search"></i></span></form>
  1372. </div>
  1373. <!-- End search -->
  1374. {/block:IfShowSearchBox}
  1375.  
  1376. <div id="navigation">
  1377.  
  1378. <div id="navi_links">
  1379. {block:IfShowLinkOne}<a href="{text:Link One Url}">{text:Link One Title} <span>{text:Link One Subtitle}</span></a> {/block:IfShowLinkOne}
  1380. {block:IfShowLinkTwo}<a href="{text:Link Two Url}">{text:Link Two Title} <span>{text:Link Two Subtitle}</span></a> {/block:IfShowLinkTwo}
  1381. {block:IfShowLinkThree}<a href="{text:Link Three Url}">{text:Link Three Title}<span>{text:Link Three Subtitle}</span></a> {/block:IfShowLinkThree}
  1382. {block:IfShowLinkFour}<a href="{text:Link Four Url}">{text:Link Four Title} <span>{text:Link Four Subtitle}</span></a> {/block:IfShowLinkFour}
  1383. {block:IfShowLinkFive}<a href="{text:Link Five Url}">{text:Link Five Title} <span>{text:Link Five Subtitle}</span></a> {/block:IfShowLinkFive}
  1384.  
  1385. </div>
  1386. <!-- End navi_links -->
  1387. </div>
  1388. <!-- End navigation -->
  1389.  
  1390. </div>
  1391. <!-- End sidebar -->
  1392.  
  1393.  
  1394. {block:IndexPage}
  1395. <div id="header">
  1396.  
  1397. <div id="section">
  1398.  
  1399. <div id="header_title">{text:Header title}</div>
  1400.  
  1401. <div id="description">{Description}</div>
  1402.  
  1403. <div id="down"><a href="#container"> View posts <i class="fa fa-angle-down"></i></a></div>
  1404.  
  1405. </div>
  1406. <!-- End section -->
  1407.  
  1408. </div>
  1409. <!-- End header -->
  1410.  
  1411.  
  1412. {/block:IndexPage}
  1413.  
  1414. <div id="container">
  1415.  
  1416. <!-- Posts -->
  1417. <section id="posts">
  1418.  
  1419. {block:posts}
  1420.  
  1421. <article class="entry {block:Caption}captioned{/block:Caption}">
  1422.  
  1423. {block:Date}
  1424.  
  1425. <div class="topinfo">
  1426.  
  1427. <div class="topinfod">
  1428. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonthWithZero} </a>
  1429. </div>
  1430. <!--End topinfod-->
  1431.  
  1432. {block:NotReblog}
  1433. <i class="fa fa-user"></i> <a href="/">{text:Blog alias}</a>
  1434. {/block:NotReblog}
  1435.  
  1436. {block:RebloggedFrom}
  1437. {block:ContentSource}
  1438. <i class="fa fa-user"></i> <a href="{ReblogRootURL}" target="_blank"> {ReblogRootName}</a>
  1439. {/block:ContentSource}
  1440. {/block:RebloggedFrom}
  1441.  
  1442. {block:NoteCount}
  1443. <i class="fa fa-thumbtack"></i> <a href="{Permalink}"> {NoteCountWithLabel}</a>
  1444. {/block:NoteCount}
  1445.  
  1446. </div>
  1447. <!-- End topinfo-->
  1448.  
  1449. {/block:Date}
  1450.  
  1451. <!-- Text post -->
  1452. {block:Text}
  1453. {block:Title}
  1454. <div class="title">{Title}</div>{/block:Title}
  1455. {block:RebloggedFrom}
  1456. {block:Reblogs}
  1457. <li class="comment {block:Title}{/block:Title}">
  1458. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1459. <div class="tex">{body}</div>
  1460. </li>
  1461. {/block:Reblogs}
  1462. {/block:RebloggedFrom}
  1463. {block:NotReblog}
  1464. <li class="comment {block:Title}{/block:Title}">
  1465. <div class="tex">{body}</div>
  1466. </li>
  1467. {/block:NotReblog}
  1468. {/block:Text}
  1469.  
  1470. <!-- Photo post -->
  1471. {block:Photo}
  1472. {block:IndexPage}
  1473. {LinkOpenTag}
  1474. <img src="{photoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post width}px"/></a>
  1475. {LinkCloseTag}
  1476. {/block:IndexPage}
  1477. {block:PermalinkPage}
  1478. {LinkOpenTag}
  1479. <img src="{photoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post width}px"/></a>
  1480. {LinkCloseTag}
  1481. {/block:PermalinkPage}
  1482. {/block:Photo}
  1483.  
  1484. <!-- Panorama post -->
  1485.  
  1486. {block:Panorama}
  1487. {LinkOpenTag}
  1488. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1489. {LinkCloseTag}
  1490. {/block:Panorama}
  1491.  
  1492. <!-- Photoset post -->
  1493. {block:Photoset}
  1494. {Photoset}
  1495. {/block:Photoset}
  1496.  
  1497. <!-- Quote post -->
  1498. {block:Quote}
  1499. <div class="quote">
  1500. "{Quote}"
  1501. </div>
  1502. <!-- End quote-->
  1503. <div class="source">
  1504. — {Source}
  1505. </div>
  1506. <!-- End source-->
  1507. {/block:Quote}
  1508.  
  1509. <!-- Link post -->
  1510. {block:Link}
  1511. {block:Thumbnail}
  1512. <div class="linkthumb">
  1513. <img src="{Thumbnail}" alt="{Name}">
  1514. </div>
  1515. <!-- End linkthumb-->
  1516. {/block:Thumbnail}
  1517. <div class="linkp">
  1518. <a href="{URL}"><div class="title">{Name} <i class="fa fa-angle-right" aria-hidden="true"></i></div></a>
  1519. {block:Excerpt}
  1520. {Excerpt}
  1521. {/block:Excerpt}
  1522. </div>
  1523. <!-- End linkp-->
  1524. <div class="caption">
  1525. {block:Description}
  1526. {Description}
  1527. {/block:Description}
  1528. </div>
  1529. <!-- End caption -->
  1530. {/block:Link}
  1531.  
  1532. <!-- Chat post -->
  1533. {block:Chat}
  1534. {block:Title}<h1>{Title}</h1>{/block:Title}
  1535. {block:Lines}
  1536. <div class="line">
  1537. {block:Label}
  1538. <span class="label">{Label}</span>
  1539. {/block:Label} {Line}
  1540. </div>
  1541. <!-- End line-->
  1542. {/block:Lines}
  1543. {/block:Chat}
  1544.  
  1545. <!-- Audio post -->
  1546. {block:Audio}
  1547. <div style="height:85px">{AudioEmbed-640}</div>
  1548. {/block:Audio}
  1549.  
  1550. <!-- Video post -->
  1551. {block:Video}
  1552. {Video-500}
  1553. {/block:Video}
  1554.  
  1555. <!-- Ask post -->
  1556. {block:Answer}
  1557. <div class="asker">
  1558. <img src="{AskerPortraitURL-48}">
  1559. <div class="bubble">
  1560. <div class="triangle"></div>
  1561. {Asker}:
  1562. <br>{Question}
  1563. </div>
  1564. <!-- End bubble-->
  1565. </div>
  1566. <!-- End asker -->
  1567. <div class="answer">
  1568. {Answer}
  1569. </div>
  1570. <!-- End answer -->
  1571. {/block:Answer}
  1572.  
  1573. <!-- Caption -->
  1574. {block:Caption}
  1575. {block:Reblogs}
  1576. <li class="comment">
  1577. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} } class="user" target="_blank">{Username}</a>
  1578. <div class="tex">{Body}</div>
  1579. </li>
  1580. {/block:Reblogs}
  1581. {block:NotReblog}
  1582. <li class="comment">
  1583. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">{Name}</a>
  1584. <div class="tex">{caption}</div>
  1585. </li>
  1586. {/block:NotReblog}
  1587. {/block:Caption}
  1588.  
  1589. {block:Date}
  1590.  
  1591. <div class="botinfo">
  1592.  
  1593. {block:HasTags}
  1594. <div class="tags">
  1595. <i class="fa fa-tag"></i>
  1596. {block:Tags}
  1597. <a href="{TagURL}">
  1598. {Tag}</a> &nbsp;
  1599. {/block:Tags}<br>
  1600. </div>
  1601. {/block:HasTags}
  1602.  
  1603. <div class="buttons">
  1604.  
  1605. {block:IndexPage}
  1606. <li class="perma"><a href="{Permalink}"><i class="fa fa-paper-plane" aria-hidden="true"></i></a></li>
  1607.  
  1608. {block:ifDisqusShortname}
  1609. <li class="cmnt"><a href="{Permalink}#disqus_thread"><i class="fa fa-comment" aria-hidden="true"></i></a></li>
  1610. {/block:ifDisqusShortname}
  1611. {/block:IndexPage}
  1612.  
  1613. <li class="reblog"><a href="{ReblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i></a></li>
  1614.  
  1615. <li class="like">{LikeButton}<i class="fa fa-heart" aria-hidden="true"></i></a>
  1616.  
  1617. </div>
  1618. <!-- End buttons -->
  1619.  
  1620. </div>
  1621. <!-- End botinfo-->
  1622.  
  1623. <!--Permalink page-->
  1624. {block:PermalinkPage}
  1625.  
  1626. {block:PostNotes}
  1627.  
  1628. <div id="notes">
  1629.  
  1630. <h2> Post notes: </h2>
  1631.  
  1632. {PostNotes}
  1633. </div>
  1634. <!-- End notes-->
  1635. {/block:PostNotes}
  1636.  
  1637. {block:PermalinkPagination}
  1638. <div class="permapag">
  1639. <center>
  1640. {block:PreviousPost}
  1641. <a href="{PreviousPost}"><i class="fa fa-caret-left" aria-hidden="true"></i> Prev post</a>
  1642. {/block:PreviousPost}
  1643.  
  1644. {block:NextPost}
  1645. <a href="{NextPost}"> Next post <i class="fa fa-caret-right" aria-hidden="true"></i></a>
  1646. {/block:NextPost}
  1647. </center>
  1648. </div><br>
  1649. {/block:PermalinkPagination}
  1650.  
  1651. {/block:PermalinkPage}
  1652.  
  1653. {/block:Date}
  1654.  
  1655. </article>
  1656.  
  1657. {/block:Posts}
  1658.  
  1659. </section>
  1660.  
  1661.  
  1662. {block:Pagination}
  1663. <div id="pagination">
  1664.  
  1665. {block:PreviousPage}
  1666. <a title="Previous Page" href="{PreviousPage}"><i class="fa fa-long-arrow-alt-left" aria-hidden="true"></i> PREVIOUS </a>
  1667. {/block:PreviousPage}
  1668.  
  1669. {block:NextPage}<a title="Next Page" href="{NextPage}"> NEXT <i class="fa fa-long-arrow-alt-right" aria-hidden="true"></i></a>
  1670. {/block:NextPage}
  1671.  
  1672. </div>
  1673. <!-- End pagination -->
  1674. {/block:Pagination}
  1675.  
  1676.  
  1677. <div id="footer">
  1678.  
  1679. Copyright © {CopyrightYears} <a href="https://borntobewildcodes.tumblr.com/">Born to be wild codes</a>
  1680.  
  1681. </div>
  1682. <!-- End footer -->
  1683.  
  1684. </div>
  1685. <!-- End container -->
  1686.  
  1687. <!---------------------------- EXTERNAL SOURCES ---------------------------->
  1688.  
  1689. <!--Google fonts -->
  1690.  
  1691. <link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Open+Sans|Lora|Playfair+Display|Montserrat" rel="stylesheet">
  1692.  
  1693. <!-- Font awesome -->
  1694.  
  1695. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
  1696.  
  1697. <!-- CREDIT (do not remove) -->
  1698.  
  1699. <div id="credit"><a href="http://borntobewildcodes.tumblr.com" title="theme NOSTALGIA by @borntobewildcodes"><img src="https://i.imgur.com/YsnOAtA.png"></a></div>
  1700.  
  1701. {block:ContentSource}
  1702. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1703. width="{LogoWidth}" height= "{LogoHeight}" alt="{SourceTitle}" />
  1704. {/block:SourceLogo}
  1705. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1706. {/block:ContentSource}
  1707.  
  1708. </body>
  1709. </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!