API tools faq
paste
Advertisement
BOOdalinski

DOCK (Tumblr Theme) w/ Feathericons

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