API tools faq
paste
Advertisement
BOOdalinski

COBBLESTONE (Tumblr Theme)

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