API tools faq
paste
Advertisement
drxgonfly

Theme 10

drxgonfly
Apr 10th, 2019 (edited)
5,021
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.76 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---------------------------------------------------------------------------
  3. THEME 10
  4. BY DRXGONFLY
  5. LAST UPDATED: APRIL 2 2021
  6. Bug Fixes
  7. * Removed Saturn / Honeybee Icons and replaced with Font Awesome Icons
  8. * Removed Stats section (follower trackers don't work anymore)
  9. * Fixed broken Drop Menu
  10. * Fixed default Colors
  11.  
  12.  
  13. THEME GUIDE: https://drxgonfly.tumblr.com/theme10guide
  14.  
  15. RESOURCES:
  16.  
  17. • UNNESTED CAPTIONS: NEOTHMS & MAGNUSTHEMES
  18. • RESIZING VIDEOS, PXU PHOTOSETS, LIKE/REBLOG BUTTONS: SHYTHEMES
  19. • TUMBLR CONTROL FIX: CYANTISTS
  20. • FONT ICONS: FONT AWESOME
  21. • MATINEE: TE5SERACT
  22.  
  23.  
  24.  
  25. ---------------------------------------------------------------------------->
  26.  
  27. <head>
  28. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30. <link rel="shortcut icon" href="{Favicon}" />
  31. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  32. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  33.  
  34. <!---------------------------------------------------------------------------
  35. CUSTOMIZATION PANEL
  36. ---------------------------------------------------------------------------->
  37.  
  38. <!---------------------------------------------------------------------------
  39. COLORS
  40. ---------------------------------------------------------------------------->
  41. <meta name="color:accent color" content="#9ec4cb"/>
  42. <meta name="color:main color" content="#c9c9c9"/>
  43. <meta name="color:darker shade main color" content="#707070"/>
  44.  
  45. <meta name="color:background color" content="#fff"/>
  46. <meta name="color:navigation bar" content="#fff"/>
  47. <meta name="color:post background" content="#fff"/>
  48. <!---------------------------------------------------------------------------
  49. TOGGLES
  50. ---------------------------------------------------------------------------->
  51.  
  52. <meta name="select:columns" content="50%" title="2 columns"/>
  53. <meta name="select:columns" content="33.3%" title="3 columns"/>
  54. <meta name="select:columns" content="25%" title="4 columns"/>
  55. <meta name="select:columns" content="20%" title="5 columns"/>
  56.  
  57. <meta name="if:single column" content="0"/>
  58. <meta name="if:tagsonindex" content="1"/>
  59. <meta name="if:post border" content="0"/>
  60. <meta name="if:show captions" content="0"/>
  61. <meta name="if:infinite scroll" content="1"/>
  62. <meta name="if:showdropdownmenu" content="1"/>
  63. <meta name="if:showdroplink3" content="1"/>
  64. <meta name="if:showfooter" content="1"/>
  65. <meta name="if:fixed footer" content="1"/>
  66. <meta name="if:showextralinks" content="1"/>
  67. <meta name="if:show social media" content="1"/>
  68. <meta name="if:show social media 1" content="1"/>
  69. <meta name="if:show social media 2" content="1"/>
  70. <meta name="if:show social media 3" content="1"/>
  71. <meta name="if:show social media 4" content="1"/>
  72. <meta name="if:show social media 5" content="1"/>
  73. <meta name="if:show social media 6" content="1"/>
  74.  
  75. <!---------------------------------------------------------------------------
  76. TEXT FIELDS
  77. ---------------------------------------------------------------------------->
  78. <meta name="text:Background Image" content="#"/>
  79. <meta name="text:font name" content="Poppins"/>
  80. <meta name="text:post padding" content="10px"/>
  81. <meta name="text:post margin" content="5px"/>
  82. <meta name="text:ask link" content="/ask"/>
  83. <meta name="text:droplink1url" content=""/>
  84. <meta name="text:droplink1" content="Link One"/>
  85. <meta name="text:droplink2url" content=""/>
  86. <meta name="text:droplink2" content="Link Two"/>
  87. <meta name="text:droplink3url" content=""/>
  88. <meta name="text:droplink3" content="Link Three"/>
  89.  
  90. <meta name="text:social media link 1"content="https://socialmedialink1.com"/>
  91. <meta name="text:social media icon 1" content="fa fa-instagram"/>
  92. <meta name="text:social media link 2"content="https://socialmedialink2.com"/>
  93. <meta name="text:social media icon 2" content="fa fa-twitter"/>
  94. <meta name="text:social media link 3"content="https://socialmedialink3.com"/>
  95. <meta name="text:social media icon 3" content="fa fa-tumblr"/>
  96. <meta name="text:social media link 4"content="https://socialmedialink4.com"/>
  97. <meta name="text:social media icon 4" content="fa fa-flickr"/>
  98. <meta name="text:social media link 5"content="https://socialmedialink5.com"/>
  99. <meta name="text:social media icon 5" content="fa fa-skype"/>
  100. <meta name="text:social media link 6" content="https://socialmedialink6.com"/>
  101. <meta name="text:social media icon 6" content="fa fa-pinterest"/>
  102.  
  103. <meta name="text:footer link title" content="Other Blogs"/>
  104. <meta name="text:link one url" content=""/>
  105. <meta name="text:link one" content="Link one"/>
  106. <meta name="text:link two url" content=""/>
  107. <meta name="text:link two" content="Link two"/>
  108. <!---------------------------------------------------------------------------
  109. SCRIPTS & STYLESHEETS
  110. ---------------------------------------------------------------------------->
  111.  
  112. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css">
  113. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/v4-shims.css">
  114.  
  115. <script src="https://drxgonfly.github.io/tumblrthemes/matinee.js"></script>
  116.  
  117.  
  118. <link href="https://fonts.googleapis.com/css?family={text:font name}" rel="stylesheet">
  119. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  120. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  121. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  122. <script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  123. {block:ifinfinitescroll}<script src="https://static.tumblr.com/anzluor/ycPn74dop/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}
  124.  
  125. <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
  126. <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
  127. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  128. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  129. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  130. {block:ifshowdropdownmenu}<script src="https://iavisuals.com.au/js/matinee.min.js"></script>{/block:ifshowdropdownmenu}
  131.  
  132. <!---------------------------------------------------------------------------
  133. SCRIPTS
  134. ---------------------------------------------------------------------------->
  135. <script>
  136. $(function(){
  137. $('.photo-slideshow').pxuPhotoset({
  138. lightbox: true,
  139. rounded: false,
  140. gutter: '{text:post padding}',
  141. photoset: '.photo-slideshow',
  142. photoWrap: '.photo-data',
  143. photo: '.pxu-photo'
  144. });
  145. var container = $('.container');
  146.  
  147. container.imagesLoaded(function(){
  148. container.masonry({
  149. itemSelector : '.posts'
  150. });
  151. });
  152.  
  153. {block:indexpage}
  154. {block:ifinfinitescroll}
  155. container.infinitescroll({
  156. navSelector : 'div.pagination',
  157. nextSelector : 'div.pagination a#next',
  158. itemSelector : '.posts',
  159. bufferPx : 2000,
  160. },
  161. function( newElements ) {
  162.  
  163. var $newElems = $( newElements ).css({ opacity: 0 });
  164.  
  165. $newElems.imagesLoaded(function(){
  166. $newElems.animate({ opacity: 1 });
  167. container.masonry( 'appended', $newElems, true );
  168. });
  169.  
  170.  
  171. var $newElemsIDs = $newElems.map(function(){
  172. return this.id;
  173. }).get();
  174. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  175.  
  176.  
  177.  
  178. $newElems.unnest({
  179. yourCaption: ".caption",
  180. wrapName: ".tumblr_parent",
  181. newCaptionUsername: true,
  182. originalPostCaptionUsername: false,
  183. tumblrAvatars: true,
  184. tumblrAvatarClass: ".tumblr_avatar",
  185. usernameColon: false
  186. });
  187.  
  188. $newElems.find('.photo-slideshow').pxuPhotoset({
  189. lightbox: true,
  190. rounded: false,
  191. gutter: '{text:post padding}',
  192. photoset: '.photo-slideshow',
  193. photoWrap: '.photo-data',
  194. photo: '.pxu-photo'
  195. });
  196.  
  197. resizeVideos();
  198. }
  199. );
  200. {/block:ifinfinitescroll}
  201. {/block:indexpage}
  202. });
  203. </script>
  204.  
  205.  
  206. <script> // UNNESTED CAPTIONS
  207. $(function(){ $('.posts').unnest({
  208. yourCaption: ".caption",
  209. wrapName: ".tumblr_parent",
  210. newCaptionUsername: true,
  211. originalPostCaptionUsername: false,
  212. tumblrAvatars: true,
  213. tumblrAvatarClass: ".tumblr_avatar",
  214. usernameColon: false
  215. }); }); </script>
  216.  
  217.  
  218. <script>
  219. (function($){
  220. $(document).ready(function(){
  221. $("[title]").style_my_tooltips({
  222. tip_follows_cursor:true,
  223. tip_delay_time:200,
  224. tip_fade_speed:300
  225. }
  226. );
  227. });
  228. })(jQuery);
  229. </script>
  230.  
  231.  
  232. </head>
  233. <style>
  234.  
  235. /****************************************************************************
  236. BASIC STYLING
  237. ****************************************************************************/
  238.  
  239. *{margin:0 auto;}
  240. a{text-decoration:none;}
  241. i{font-size:16px;}
  242.  
  243. iframe.tmblr-iframe {
  244. z-index:99999999999999!important;
  245. top:75px!important;
  246. right:0%!important;
  247. opacity:0.8;
  248. transform:scale(0.5);
  249. transform-origin:100% 0;
  250. -webkit-transform:scale(0.6);
  251. -webkit-transform-origin:100% 0;
  252. -o-transform:scale(0.6);
  253. -o-transform-origin:100% 0;
  254. -moz-transform:scale(0.6);
  255. -moz-transform-origin:100% 0;
  256. -ms-transform:scale(0.6);
  257. -ms-transform-origin:100% 0;}
  258.  
  259. a{
  260. text-decoration:none;
  261. color:{color:darker shade main color};
  262. transition:.2s ease-in-out;
  263. }
  264.  
  265. a:hover{
  266. color:{color:accent color};
  267. transition:.2s ease-in-out;
  268. }
  269.  
  270. body{
  271. background-image: url("{text:background image}");
  272. background-attachment:fixed;
  273. font-family:{text:font name};
  274. color:{color:darker shade main color};
  275. font-size:14px;
  276. background-color:{color:background color};
  277. }
  278.  
  279. img{max-width:100%;height:auto;}
  280.  
  281. p:empty{
  282. display:none;
  283. }
  284.  
  285. ::selection {
  286. color:{color:darker shade main color};
  287. background-color:{color:accent color};
  288. }
  289.  
  290. ::-moz-selection{
  291. color:{color:darker shade main color};
  292. background-color:{color:seletcor highlight background};
  293. }
  294.  
  295. ::-webkit-scrollbar{width:5px;height:5px;background-color:{color:background color};}
  296. ::-webkit-scrollbar-track{border:5px solid {color:background color} ;background-color:{color:background color};}
  297. ::-webkit-scrollbar-thumb{border:1px solid {color:accent color} ;background-color:{color:accent color}; }
  298.  
  299.  
  300. p.npf_quirky{font-family:{text:font name};}
  301. p.npf_chat{font-family:{text:font name};}
  302. p.npf_quote{font-family:{text:font name};}
  303.  
  304. /****************************************************************************
  305. HEADER
  306. ****************************************************************************/
  307. .header{
  308. width:100vw;
  309. height:75px;
  310. position:fixed;
  311. top:0px;
  312. z-index:99999;
  313. background:{color:navigation bar};
  314. border-bottom:1px solid {color:main color};
  315. line-height:45px;
  316. }
  317.  
  318. /****************************************************************************
  319. NAVIGATION
  320. ****************************************************************************/
  321. .navigation{
  322. float:left;
  323. font-family:{text:font name};
  324. font-size:14px;
  325. z-index:99;
  326. height:75px;
  327. }
  328.  
  329. .navigation ul{
  330. list-style:none;
  331. margin:15px 30px;
  332. }
  333.  
  334. .navigation ul li{
  335. display:inline;
  336. }
  337.  
  338. .navigation ul li a{
  339. color:{color:main color};
  340. padding:0px 10px;
  341. text-decoration:none;
  342. border-bottom:2px solid {color:navigation bar};
  343. }
  344.  
  345. .navigation ul li a:hover,._d-list a:hover{
  346. color:{color:accent color};
  347. border-bottom:2px solid {color:accent color};
  348. cursor:pointer;
  349. transition:.3s;
  350. }
  351.  
  352. /****************************************************************************
  353. DROP MENU
  354. ****************************************************************************/
  355. ._drop-backing{
  356. position:absolute;
  357. width:150px;
  358. height:auto;
  359. top:40px;
  360. left:282px;
  361. background-color:{color:navigation bar};
  362. padding:10px;
  363. text-align:center;
  364. visibility:hidden;
  365. transition:.3s;
  366. opacity:0;
  367. }
  368.  
  369. ._d-list a{
  370. display: block;
  371. color:{color:main color};
  372. padding:5px!important;
  373. text-decoration:none;
  374. margin:5px 0px;
  375. }
  376.  
  377. .maindrop:hover .dropcontainer{
  378. visibility: visible;
  379. opacity: 1;
  380. }
  381.  
  382. /****************************************************************************
  383. SEARCH BAR
  384. ****************************************************************************/
  385. .search .query {
  386. border: 0;
  387. outline: 0;
  388. padding:0px 5px;
  389. background-color: rgba(255,255,255,.4);
  390. border-radius:15px;
  391. border:1px solid {color:main color};
  392. margin:23px;
  393. margin-right:75px;
  394. float:right;
  395. color:{color:main color};
  396. font-family:{text:font name};
  397. height:30px;
  398. }
  399.  
  400. ::-webkit-input-placeholder {color: inherit;text-align: center;padding-left}
  401. :-moz-placeholder {color: inherit; opacity:1;text-align: center;}
  402. ::-moz-placeholder {color: inherit; opacity:1;text-align: center;}
  403. :-ms-input-placeholder {color: inherit;text-align: center;}
  404. input:focus::-webkit-input-placeholder {color: transparent;}
  405. input:focus:-moz-placeholder {color: transparent;}
  406. input:focus::-moz-placeholder {color: transparent;}
  407. input:focus:-ms-input-placeholder { color: transparent;}
  408.  
  409. /****************************************************************************
  410. POSTS
  411. POSTS CONTAINER, POSTS, AUDIO POSTS , Q & A POSTS, VIDEO POSTS
  412. ****************************************************************************/
  413. .container{
  414. width:85%;
  415. margin:100px auto;
  416. margin-bottom:80px;
  417. {block:iffixedfooter}
  418. margin-bottom:120px;
  419. {/block:iffixedfooter}
  420. {block:ifsinglecolumn}
  421. max-width:1000px;
  422. {/block:ifsinglecolumn}
  423. position:relative;
  424. }
  425.  
  426. .posts{
  427. box-sizing:border-box;
  428. margin:0 auto;
  429. width:calc({select:columns} - ({text:post margin} + {text:post margin}));
  430. padding:{text:post padding};
  431. margin:{text:post margin};
  432. position:absolute;
  433. float:left;
  434. display:inline-block;
  435. background-color:{color:post background};
  436. right:0;
  437. {block:ifpostborder}
  438. border:1px solid {color:main color};
  439. {/block:ifpostborder}
  440. {block:ifsinglecolumn}
  441. width:80%;
  442. margin:20px 10%;
  443. {/block:ifsinglecolumn}
  444. {block:permalinkpage}
  445. width:700px;
  446. margin:0 auto;
  447. {/block:permalinkpage}
  448. }
  449.  
  450. .post-type{
  451. max-width:100%;
  452. margin:0 auto;
  453. }
  454.  
  455. .post-type h1{
  456. text-align:center;
  457. padding:10px;
  458. font-size:28px;
  459. font-weight:bold;
  460. }
  461.  
  462. .posts img{
  463. display:block;
  464. width:100%;
  465. }
  466.  
  467. /*************************************************************************
  468. PHOTO HOVER STUFF
  469. *************************************************************************/
  470.  
  471. /*Positioning of text on hover*/
  472. .postinfodetails {
  473. padding:15px;
  474. position:relative;
  475. }
  476.  
  477. .postinfodetails a{
  478. color:{color:darker shade main color};
  479. }
  480.  
  481. /*the size of like and reblog buttons*/
  482. .postinfodetails i{
  483. font-size:12px;
  484. }
  485.  
  486. .posts:hover .postinfo { /*photo hover background shows up when you hover*/
  487. opacity:.8;
  488. }
  489.  
  490. .postinfo { /*photo hover background*/
  491. position:absolute;
  492. width:calc(100% - ({text:post padding} + {text:post padding}));
  493. height:calc(100% - ({text:post padding} + {text:post padding}));
  494. overflow-y:scroll;
  495. bottom:{text:post padding};
  496. left:{text:post padding};
  497. opacity:0;
  498. background: rgba(255,255,255,.9);
  499. z-index:99;
  500. transition:0.6s ease;
  501. -o-transition:0.6s ease;
  502. -moz-transition:0.6s ease;
  503. -webkit-transition:0.6s ease;
  504. }
  505.  
  506. .tooltip{
  507. display:inline;
  508. position:relative;
  509. }
  510.  
  511. #s-m-t-tooltip {
  512. max-width:300px;
  513. border-radius: 0px;
  514. padding:3px 5px;
  515. margin:20px 7px -2px 20px;
  516. background-color:{color:post background};
  517. border:1px solid {color:main color};
  518. font-family:{text:font name};
  519. font-size:9px;
  520. letter-spacing:2px;
  521. text-transform:uppercase;
  522. color:{color:text};
  523. z-index:9999999;
  524. }
  525.  
  526. /*************************************************************************
  527. AUDIO & VIDEO POST STUFF
  528. *************************************************************************/
  529. .playbutton{
  530. position:relative;
  531. margin-top:45px;
  532. margin-left:44px;
  533. z-index:9;
  534. width:33px;
  535. height:30px;
  536. overflow:hidden;
  537. }
  538.  
  539. .albumart{
  540. position:relative;
  541. margin-top:-75px;
  542. margin-left:0px;
  543. height:120px;
  544. width:120px;
  545. background-color:{color:post background};
  546. }
  547.  
  548. .albumart img{
  549. width:100%!important;
  550. }
  551.  
  552. .trackinfo{
  553. margin-bottom:10px;
  554. background:{color:post background};
  555. color:{color:darker shade main color};
  556. position:relative;
  557. margin-left:130px;
  558. height:120px;
  559. margin-top:-120px;
  560. word-break:break-word;
  561. }
  562.  
  563. .trackname{
  564. position:relative;
  565. padding-top:30px;
  566. text-align:center;
  567. font-size:12px;
  568. text-transform:uppercase;
  569. font-weight: bold;
  570. letter-spacing:2px;
  571. }
  572.  
  573. .artist{
  574. text-align:center;
  575. font-size:12px;
  576. text-transform:uppercase;
  577. letter-spacing:4px;
  578. }
  579.  
  580. .spotify_audio_player{ /* rendered for spotify posts */
  581. height: 80px !important;
  582. width:100%;
  583. max-width:100%;
  584. }
  585.  
  586. .video{overflow:hidden;} /* rendered for video posts*/
  587. video{max-width:100%;}
  588.  
  589.  
  590. /*************************************************************************
  591. QUESTION / ANSWER POST STUFF
  592. *************************************************************************/
  593. .asker{
  594. text-align:center;
  595. border-bottom:1px solid {color:accent color};
  596. padding:10px 0px;
  597. background-color:#f2f2f2;
  598. }
  599.  
  600. .asker a{
  601. border-bottom:0px;
  602. }
  603.  
  604. .question{ /* the question part of the post, floats the text left */
  605. text-align:left;
  606. background-color:#f2f2f2;
  607. padding:20px;
  608. }
  609.  
  610. .answerer{
  611. text-align:center;
  612. padding:10px 0px;
  613. word-break:break-word;
  614. }
  615.  
  616. .answer{ /* the answer part of the post, floats the text right */
  617. text-align:left;
  618. margin-top:10px;
  619. padding:10px;
  620. {block:RebloggedFrom}
  621. padding:0px;
  622. {/block:RebloggedFrom}
  623. }
  624.  
  625. .asker-avatar{ /* the asker avatar positioning*/
  626. display:inline-block;
  627. vertical-align:middle;
  628. line-height:20px;
  629. margin-right:5px;
  630. width:20px!important;
  631. height:20px!important;
  632. }
  633.  
  634. img.asker-avatar{ /*some more important positioning stuff*/
  635. float:none;
  636. display:inline;
  637. }
  638.  
  639. /****************************************************************************
  640. CAPTIONS & POST FOOTER
  641. CAPTIONS, POST FOOTER, TIME STAMP, LIKE & REBLOG, NOTES, TAGS, LIKE BUTTON
  642. ****************************************************************************/
  643. .caption{ /*makes it so the caption isn't squished up against the sides*/
  644. padding:10px;
  645. }
  646.  
  647. .caption h2{
  648. font-size:14px;
  649. font-weight:normal;
  650. }
  651.  
  652. .posts p{ /* puts spacing between each paragraph */
  653. padding:5px 0px;
  654. }
  655.  
  656. .post_footer{
  657. text-align:center;
  658. font-size:14px;
  659. padding:5px 10px;
  660. line-height:20px;
  661. position:relative;
  662. height:20px;
  663. color:{color:main color};
  664. {block:permalinkpage}
  665. height:30px;
  666. line-height:15px;
  667. {/block:permalinkpage}
  668. }
  669.  
  670. .post_footer a{
  671. color:{color:darker shade main color};
  672. }
  673.  
  674. .post_footer_like_reblog{
  675. display:inline-block;
  676. margin:0 auto;
  677. text-align:center;
  678. float:right;
  679. }
  680.  
  681. .post_footer_like_reblog .like-b{
  682. position:relative;
  683. display:inline-block;
  684. height:1em;
  685. line-height:1.25em;
  686. }
  687.  
  688. .post_footer_like_reblog a{
  689. margin:0px 3px;
  690. }
  691.  
  692. .post_footer_notes{
  693. font-size:14px;
  694. float:left;
  695. text-align:left;
  696. {block:permalinkpage}width:220px;{/block:permalinkpage}
  697. }
  698.  
  699. .postdate{
  700. border-bottom:2px solid {color:accent color};
  701. text-align:center;
  702. }
  703.  
  704. .tumblr_parent {padding:5px 0px;}
  705. .tumblr_parent blockquote{margin-left:0px;padding-left:20px;}
  706. .tumblr_avatar,.tumblr_blog{display:inline-block;word-break:break-all;}
  707. .tumblr_avatar{border-radius:10%;width:20px!important;vertical-align:middle;margin:-2px 10px 0px 0px;}
  708. img.tumblr_avatar{float:none;display:inline;}
  709.  
  710.  
  711. .tags{
  712. box-sizing:border-box;
  713. font-size:12px;
  714. color:{color:darker shade main color};
  715. display:inline-block;
  716. text-align:left;
  717. padding-bottom:10px;
  718. }
  719.  
  720. .tags a{
  721. display:inline-block;
  722. margin:0px 4px;
  723. color:{color:darker shade main color};
  724. }
  725.  
  726. .b{
  727. opacity:1;
  728. display:inline;
  729. overflow:visible;
  730. }
  731. .like-b {
  732. position:relative;
  733. display:inline-block;
  734. }
  735. .like-b .liked + svg {
  736. opacity:1;
  737. }
  738.  
  739. .like-b .like_button {
  740. position:relative;
  741. }
  742. .like-b .like_button iframe {
  743. position:absolute;
  744. top:0;
  745. left:0;
  746. bottom:0;
  747. right:0;
  748. z-index:9999;
  749. opacity:0.000001;
  750. }
  751.  
  752. .like-b .liked + .b {color:red;}
  753. /****************************************************************************
  754. PERMALINK PAGE- POST NOTES & CREDIT
  755. ****************************************************************************/
  756. ol.notes {
  757. padding:0px;
  758. margin:25px 0px;
  759. list-style-type:none;
  760. height:auto;
  761. max-height:400px;
  762. overflow:auto;
  763. text-align:left;
  764. }
  765.  
  766. ol.notes li.note {padding:5px;}
  767.  
  768. ol.notes li.note img.avatar{
  769. vertical-align:-4px;
  770. margin-right:10px;
  771. width:20px;
  772. height:20px;
  773. float:left;
  774. border-radius:10%;
  775. }
  776.  
  777. img.avatar{float:none;}
  778. ol.notes li.note span.action {font-weight:normal;}
  779. ol.notes li.note .answer_content {font-weight:normal;}
  780.  
  781. #dcs svg {
  782. height: 48px;
  783. width: 48px;
  784. position: fixed;
  785. bottom: 20px;
  786. right: 10px;
  787. z-index:999999999999999;
  788. fill:{color:Accent color};
  789. }
  790. /****************************************************************************
  791. PAGINATION
  792. ****************************************************************************/
  793. .pagination{
  794. left:0;
  795. right:0;
  796. bottom:0px;
  797. margin-bottom:150px;
  798. {block:ifnotshowfooter}
  799. margin-bottom:50px;
  800. {/block:ifnotshowfooter}
  801. {block:ifnotfixedfooter}
  802. margin-bottom:50px;
  803. {/block:ifnotfixedfooter}
  804. text-align:center;
  805. background-color:{color:accent color};
  806. border-radius:5px;
  807. width:120px;
  808. z-index:9999999;
  809. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  810. }
  811.  
  812. .pagination span{margin:10px;color:{darker shade main color};}
  813.  
  814. #infscr-loading { display:none!important;}
  815.  
  816. /****************************************************************************
  817. FOOTER
  818. ****************************************************************************/
  819. .footer{
  820. box-sizing:border-box;
  821. bottom:0;
  822. height:100px;
  823. width:100%;
  824. padding:20px 50px;
  825. background-color:{color:navigation bar};
  826. {block:iffixedfooter}
  827. position:fixed;
  828. {/block:iffixedfooter}
  829. border-top:1px solid {color:main color};
  830. z-index:99999;
  831. }
  832.  
  833. .footerlinktitles{
  834. font-size:12px;
  835. font-weight:bold;
  836. top:0;
  837. }
  838.  
  839. .titledesc{
  840. width:50%;
  841. {block:ifnotshowextralinks}
  842. width:100%;
  843. {/block:ifnotshowextralinks}
  844. float:left;
  845. font-size:12px;
  846. color:{color:darker shade main color};
  847. height:100px;
  848. }
  849.  
  850. .footerlinks{
  851. float:right;
  852. display:inline;
  853. margin:0px 0px 0px 20px;
  854. height:100px;
  855. }
  856.  
  857. .socialmedia, .otherblogs{
  858. display:inline;
  859. max-width:150px;
  860. height:100px;
  861. padding:0px 15px;
  862. width:100px;
  863. float:right;
  864. {block:ifnotshowextralinks}
  865. display:none;
  866. {/block:ifnotshowextralinks}
  867. }
  868.  
  869. .otherblogs{
  870. width:200px;
  871. }
  872.  
  873.  
  874. .socialmedia > .footerlinktitles{
  875. padding-left:5px;
  876. }
  877.  
  878. .otherblogs li{
  879. display:block;
  880. }
  881.  
  882. .socialmedia li{
  883. display:inline-block;
  884. list-style:none;
  885. }
  886.  
  887. .socialmedia li span{
  888. margin:6px;
  889. }
  890. /****************************************************************************
  891. RESPONSIVE STUFF, PLEASE DON'T TOUCH!
  892. ****************************************************************************/
  893.  
  894. @media only screen and (min-width:1681px){
  895. .container{
  896. width:75%;
  897. }
  898.  
  899. .post_footer{
  900. font-size:18px;
  901. height:24px;
  902. line-height:24px;
  903. {block:permalinkpage}
  904. height:40px;
  905. line-height:20px;
  906. {/block:permalinkpage}
  907. }
  908.  
  909. .post_footer_notes, .post_footer_date{font-size:18px;}
  910. }
  911.  
  912.  
  913. @media only screen and (min-width:741px) and (max-width:1079px){
  914. .posts{min-width:calc(50% - ({text:post margin} + {text:post margin}));
  915. {block:permalinkpage}
  916. width:540px;
  917. {/block:permalinkpage}
  918. }
  919. .titledesc{
  920. width:45%;
  921. {block:ifnotshowextralinks}
  922. width:100%;
  923. {/block:ifnotshowextralinks}
  924. }
  925.  
  926. .socialmedia, .otherblogs{
  927. padding:0px;
  928. }
  929. }
  930.  
  931.  
  932. @media only screen and (min-width:551px) and (max-width:740px){
  933. .search .query{
  934. display:none;
  935. }
  936.  
  937. .posts{
  938. {block:ifsinglecolumn}
  939. max-width:calc(100% - ({text:post margin} + {text:post margin}));
  940. {/block:ifsinglecolumn}
  941. min-width:calc(50% - ({text:post margin} + {text:post margin}));
  942. {block:permalinkpage}
  943. width:500px;
  944. {/block:permalinkpage}
  945. }
  946.  
  947. .titledesc{
  948. width:100%;
  949. }
  950.  
  951. .socialmedia, .otherblogs{
  952. display:none;
  953. }
  954.  
  955.  
  956. }
  957.  
  958. @media only screen and (max-width:550px){
  959. .search .query{
  960. display:none;
  961. }
  962.  
  963. .posts{
  964. {block:permalinkpage}
  965. width:300px;
  966. {/block:permalinkpage}
  967. }
  968.  
  969. .titledesc{
  970. width:100%;
  971. }
  972.  
  973. .socialmedia, .otherblogs{
  974. display:none;
  975. }
  976. }
  977. </style>
  978.  
  979. <body>
  980.  
  981. <div class="header">
  982. <form action="/search" method="get" class="search">
  983. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="Search">
  984. </form>
  985. <nav class="navigation">
  986. <ul>
  987. <li><a href="/">Home</a></li>
  988. <li><a href="{text:ask link}">Contact</a></li>
  989. <li><a href="/submit">Submit</a></li>
  990. <li><a href="/archive">Archive</a></li>
  991. {block:ifshowdropdownmenu}
  992. <li class="maindrop">[drop-menu]</li>
  993. {/block:ifshowdropdownmenu}
  994. </ul>
  995. </nav>
  996.  
  997. </div>
  998.  
  999. <div class="container">
  1000. {block:posts}
  1001. <div class="posts" id="{PostID}">
  1002.  
  1003. <!-- {block:NoRebloggedFrom}
  1004. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1005. {/block:NoRebloggedFrom} -->
  1006.  
  1007. {block:ContentSource}<!-- {SourceURL}
  1008. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1009. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1010. {/block:ContentSource}
  1011.  
  1012. <!---------------------------------------------------------------------------
  1013. TEXT POSTS
  1014. ---------------------------------------------------------------------------->
  1015. <div class="post-type">
  1016.  
  1017. {block:text}
  1018. {block:title}<h1 style="font-size:16px;">{title}</h1>{/block:title}
  1019. <div {block:NotReblog} style="padding-top:0px;"{/block:NotReblog}class="caption">{Body}</div>
  1020. {block:indexpage}
  1021. <div class="post_footer">
  1022. <a class="post_footer_notes" href="{permalink}"> {NoteCountWithLabel}</a>
  1023. <div class="post_footer_like_reblog"><a class="like-b" href="#">{LikeButton}<span class="b"><span class ="fa fa-heart"></span> </span></a><a href="{ReblogURL}"> <span class="fa fa-sync"></span></a> </div>
  1024. </div>
  1025. {block:iftagsonindex}
  1026. {block:HasTags}<div class="tags">{block:Tags} <a href="{tagurl}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1027. {/block:iftagsonindex}
  1028. {/block:indexpage}
  1029. {/block:text}
  1030. </div>
  1031. <!---------------------------------------------------------------------------
  1032. Q & A POSTS
  1033. ---------------------------------------------------------------------------->
  1034. <div class="post-type">
  1035.  
  1036. {block:Answer}
  1037. <div class="asker"> <img class="asker-avatar" src="{AskerPortraitURL-24}"style="border-radius:10%;">{asker} asked: </div>
  1038. <div class="question">{question} </div>
  1039. <div class="answer">{block:Answerer}<div class="answerer"><img class="asker-avatar" src="{AnswererPortraitURL-24}"style="border-radius:10%;">{Answerer} said:</div>{answer}{/block:Answerer}
  1040.  
  1041. {block:NotReblog}{answer}{/block:NotReblog}</div>
  1042. {block:rebloggedfrom}<div class="caption">{Replies}</div>{/block:rebloggedfrom}
  1043. {block:indexpage}
  1044. <div class="post_footer">
  1045. <a class="post_footer_notes" href="{permalink}"> {NoteCountWithLabel}</a>
  1046. <div class="post_footer_like_reblog"><a class="like-b" href="#">{LikeButton}<span class="b"><span class ="fa fa-heart"></span> </span></a><a href="{ReblogURL}"> <span class="fa fa-sync"></span></a> </div>
  1047. </div>
  1048. {block:iftagsonindex}
  1049. {block:HasTags}<div class="tags">{block:Tags} <a href="{tagurl}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1050. {/block:iftagsonindex}
  1051. {/block:indexpage}
  1052. {/block:Answer}
  1053.  
  1054. </div>
  1055. <!---------------------------------------------------------------------------
  1056. QUOTE POSTS
  1057. ---------------------------------------------------------------------------->
  1058. <div class="post-type">
  1059.  
  1060. {block:Quote}
  1061. <center style="padding:20px;">{Quote} </center>
  1062. {block:Source}<center style="padding:0px 20px 20px 20px;">- {Source}</center> {/block:Source}
  1063. {block:indexpage}
  1064. <div class="post_footer">
  1065. <a class="post_footer_notes" href="{permalink}"> {NoteCountWithLabel}</a>
  1066. <div class="post_footer_like_reblog"><a class="like-b" href="#">{LikeButton}<span class="b"><span class ="fa fa-heart"></span> </span></a><a href="{ReblogURL}"> <span class="fa fa-sync"></span></a> </div>
  1067. </div>
  1068. {block:iftagsonindex}
  1069. {block:HasTags}<div class="tags">{block:Tags} <a href="{tagurl}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1070. {/block:iftagsonindex}
  1071. {/block:indexpage}
  1072. {/block:Quote}
  1073.  
  1074. </div>
  1075. <!---------------------------------------------------------------------------
  1076. LINK POSTS
  1077. ---------------------------------------------------------------------------->
  1078. <div class="post-type">
  1079.  
  1080. {block:Link}
  1081. <h1><a href="{URL}">{Name}</a></h1>
  1082. {block:Description}{Description}{/block:Description}
  1083. {block:indexpage}
  1084. <div class="post_footer">
  1085. <a class="post_footer_notes" href="{permalink}"> {NoteCountWithLabel}</a>
  1086. <div class="post_footer_like_reblog"><a class="like-b" href="#">{LikeButton}<span class="b"><span class ="fa fa-heart"></span> </span></a><a href="{ReblogURL}"> <span class="fa fa-sync"></span></a> </div>
  1087. </div>
  1088. {block:iftagsonindex}
  1089. {block:HasTags}<div class="tags">{block:Tags} <a href="{tagurl}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1090. {/block:iftagsonindex}
  1091. {/block:indexpage}
  1092. {/block:Link}
  1093.  
  1094. </div>
  1095. <!---------------------------------------------------------------------------
  1096. CHAT POSTS
  1097. ---------------------------------------------------------------------------->
  1098. <div class="post-type">
  1099.  
  1100. {block:Chat}
  1101. {block:Title}<h1>{Title}</h1>{/block:Title}
  1102. {block:Lines}
  1103. {block:Label}<b>{Label}</b>{/block:Label}
  1104. {Line}<br>
  1105. {/block:Lines}
  1106. {block:indexpage}
  1107. <div class="post_footer">
  1108. <a class="post_footer_notes" href="{permalink}"> {NoteCountWithLabel}</a>
  1109. <div class="post_footer_like_reblog"><a class="like-b" href="#">{LikeButton}<span class="b"><span class ="fa fa-heart"></span> </span></a><a href="{ReblogURL}"> <span class="fa fa-sync"></span></a> </div>
  1110. </div>
  1111. {block:iftagsonindex}
  1112. {block:HasTags}<div class="tags">{block:Tags} <a href="{tagurl}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1113. {/block:iftagsonindex}
  1114. {/block:indexpage}
  1115. {/block:Chat}
  1116.  
  1117. </div>
  1118. <!---------------------------------------------------------------------------
  1119. PHOTO POSTS
  1120. ---------------------------------------------------------------------------->
  1121. <div class="post-type">
  1122.  
  1123. {block:Photo}
  1124. {block:IndexPage}
  1125. {block:ifnotshowcaptions}
  1126. <div class="postinfo">
  1127. <div class="postinfodetails">
  1128. <div class="postdate">
  1129. <a href="{permalink}">{dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}</a>
  1130. </div>{block:Caption}<div style = "padding:10px 0px;" class="caption">{Caption}</div>{/block:Caption}</div><div class="post_footer">
  1131. <a class="post_footer_notes" href="{permalink}"> {NoteCountWithLabel}</a>
  1132. <div class="post_footer_like_reblog"><a class="like-b" href="#">{LikeButton}<span class="b"><span class ="fa fa-heart"></span> </span></a><a href="{ReblogURL}"> <span class="fa fa-sync"></span></a> </div>
  1133. </div>
  1134. {block:iftagsonindex}
  1135. {block:HasTags}<div class="tags">{block:Tags} <a href="{tagurl}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1136. {/block:iftagsonindex}
  1137. </div>
  1138. {/block:ifnotshowcaptions}
  1139. {/block:IndexPage}
  1140. <img src="{PhotoURL-HighRes}" max-width="100%" {block:permalinkpage} width="700px" {/block:permalinkpage} alt="{PhotoAlt}">
  1141. {block:indexpage}{block:IfShowCaptions}
  1142. {block:Caption}<div style = "padding:10px 0px;" class="caption">{Caption}</div>{/block:Caption}
  1143.  
  1144. <div class="post_footer">
  1145. <a class="post_footer_notes" href="{permalink}"> {NoteCountWithLabel}</a>
  1146. <div class="post_footer_like_reblog"><a class="like-b" href="#">{LikeButton}<span class="b"><span class ="fa fa-heart"></span> </span></a><a href="{ReblogURL}"> <span class="fa fa-sync"></span></a> </div>
  1147. </div>
  1148. {block:iftagsonindex}
  1149. {block:HasTags}<div class="tags">{block:Tags} <a href="{tagurl}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1150. {/block:iftagsonindex}
  1151. {/block:IfShowCaptions}
  1152. {/block:indexpage}
  1153. {block:permalinkpage}{block:Caption}<div style = "padding:10px 0px;" class="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  1154. {/block:Photo}
  1155.  
  1156. </div>
  1157.  
  1158. <!---------------------------------------------------------------------------
  1159. PHOTOSET POSTS
  1160. ---------------------------------------------------------------------------->
  1161. <div class="post-type">
  1162.  
  1163. {block:Photoset}
  1164. {block:indexpage}
  1165. {block:ifnotshowcaptions}
  1166. <div class="postinfo">
  1167. <div class="postinfodetails">
  1168. <div class="postdate">
  1169. <a href="{permalink}">{dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}</a>
  1170. </div>{block:Caption}<div style = "padding:10px 0px;" class="caption">{Caption}</div>{/block:Caption}</div><div class="post_footer">
  1171. <a class="post_footer_notes" href="{permalink}"> {NoteCountWithLabel}</a>
  1172. <div class="post_footer_like_reblog"><a class="like-b" href="#">{LikeButton}<span class="b"><span class ="fa fa-heart"></span> </span></a><a href="{ReblogURL}"> <span class="fa fa-sync"></span></a> </div>
  1173. </div>
  1174. {block:iftagsonindex}
  1175. {block:HasTags}<div class="tags">{block:Tags} <a href="{tagurl}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1176. {/block:iftagsonindex}
  1177. </div>
  1178. {/block:ifnotshowcaptions}
  1179. {/block:indexpage}
  1180. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  1181. {/block:Photos}</div>{block:indexpage}{block:IfShowCaptions}{block:Caption}<div style = "padding:10px 0px;" class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}{/block:indexpage}
  1182. {block:permalinkpage}{block:Caption}<div style = "padding:10px 0px;" class="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  1183. {block:indexpage}
  1184. {block:ifshowcaptions}
  1185. <div class="post_footer">
  1186. <a class="post_footer_notes" href="{permalink}"> {NoteCountWithLabel}</a>
  1187. <div class="post_footer_like_reblog"><a class="like-b" href="#">{LikeButton}<span class="b"><span class ="fa fa-heart"></span> </span></a><a href="{ReblogURL}"> <span class="fa fa-sync"></span></a> </div>
  1188. </div>
  1189. {block:iftagsonindex}
  1190. {block:HasTags}<div class="tags">{block:Tags} <a href="{tagurl}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1191. {/block:iftagsonindex}
  1192. {/block:ifshowcaptions}
  1193.  
  1194. {/block:indexpage}
  1195. {/block:Photoset}
  1196.  
  1197. </div>
  1198. <!---------------------------------------------------------------------------
  1199. AUDIO POSTS
  1200. ---------------------------------------------------------------------------->
  1201. <div class="post-type">
  1202.  
  1203. {block:Audio}
  1204. <div class="playbutton">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div>
  1205. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1206. <div class="trackinfo">
  1207. <div class="trackname">{block:TrackName}{TrackName}{/block:TrackName}</div>
  1208. <div class="artist">{block:Artist}{Artist}{/block:Artist}</div>
  1209. </div>
  1210.  
  1211. {block:permalinkpage}{block:Caption}<div style = "padding:10px 0px;" class="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  1212. {block:indexpage}
  1213. <div class="post_footer">
  1214. <a class="post_footer_notes" href="{permalink}"> {NoteCountWithLabel}</a>
  1215. <div class="post_footer_like_reblog"><a class="like-b" href="#">{LikeButton}<span class="b"><span class ="fa fa-heart"></span> </span></a><a href="{ReblogURL}"> <span class="fa fa-sync"></span></a> </div>
  1216. </div>
  1217. {block:iftagsonindex}
  1218. {block:HasTags}<div class="tags">{block:Tags} <a href="{tagurl}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1219. {/block:iftagsonindex}
  1220. {/block:indexpage}
  1221. {/block:Audio}
  1222.  
  1223. </div>
  1224. <!---------------------------------------------------------------------------
  1225. VIDEO POSTS
  1226. ---------------------------------------------------------------------------->
  1227. <div class="post-type">
  1228.  
  1229. {block:Video}
  1230. <div class="video">{video-500}</div>
  1231. {block:indexpage}{block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}{/block:indexpage}
  1232. {block:permalinkpage}{block:Caption}<div style = "padding:10px 0px;" class="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  1233. {block:indexpage}
  1234. <div class="post_footer">
  1235. <a class="post_footer_notes" href="{permalink}"> {NoteCountWithLabel}</a>
  1236. <div class="post_footer_like_reblog"><a class="like-b" href="#">{LikeButton}<span class="b"><span class ="fa fa-heart"></span> </span></a><a href="{ReblogURL}"> <span class="fa fa-sync"></span></a> </div>
  1237. </div>
  1238. {block:iftagsonindex}
  1239. {block:HasTags}<div class="tags">{block:Tags} <a href="{tagurl}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1240. {/block:iftagsonindex}
  1241. {/block:indexpage}
  1242. {/block:Video}
  1243.  
  1244. </div>
  1245. <!---------------------------------------------------------------------------
  1246. PERMALINK PAGE
  1247. ---------------------------------------------------------------------------->
  1248. {block:permalinkpage}
  1249. {block:HasTags}<div class="tags">{block:Tags} <a href="{tagurl}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1250. {block:date}
  1251. <div {{block:NotReblog}
  1252. style="
  1253. height:20px;
  1254. line-height:20px;"
  1255. {/block:NotReblog}
  1256. class="post_footer"> Posted on {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} with {NoteCountWithLabel}
  1257. {block:RebloggedFrom}<br>(Via <a href="{ReblogParentURL}">{ReblogParentName}</a>, Source <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}
  1258. </div>
  1259. {/block:date}{/block:permalinkpage}
  1260.  
  1261. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1262. </div>
  1263. {/block:posts}
  1264.  
  1265. </div>
  1266. {block:Pagination}
  1267. <div class="pagination">
  1268. {block:PreviousPage}<a href="{PreviousPage}"><span class="fa fa-chevron-circle-left"></span></a> {/block:PreviousPage}
  1269.  
  1270. {CurrentPage} / {totalPages}
  1271.  
  1272. {block:NextPage}<a href="{NextPage}" id="next"><span class="fa fa-chevron-circle-right"></span></a>{/block:NextPage}
  1273. </div>
  1274. {/block:Pagination}
  1275.  
  1276.  
  1277. <!---------------------------------------------------------------------------
  1278. FOOTER
  1279. ---------------------------------------------------------------------------->
  1280.  
  1281.  
  1282. {block:ifshowfooter}
  1283. <div class="footer">
  1284. <div class="titledesc">
  1285. <span class="footerlinktitles">{title}</span><br>{description}
  1286. </div>
  1287.  
  1288. <div class="footerlinks">
  1289. {block:ifshowextralinks}
  1290. <div class="otherblogs">
  1291. <span class="footerlinktitles">{text:footer link title}:</span><br>
  1292. <li><a href="{text:link one url}">{text:link one}</a></li>
  1293. <li><a href="{text:link two url}">{text:link two}</a></li>
  1294. </div>
  1295. {block:ifshowsocialmedia}
  1296. <div class="socialmedia">
  1297. <span class="footerlinktitles">Follow Me :</span><br>
  1298. {block:ifshowsocialmedia1}
  1299. <li><a href="{text:social media link 1}"><span class="{text:social media icon 1}"></span></a></li>
  1300. {/block:ifshowsocialmedia1}
  1301. {block:ifshowsocialmedia2}
  1302. <li><a href="{text:social media link 2}"><span class="{text:social media icon 2}"></span></a></li>
  1303. {/block:ifshowsocialmedia2}
  1304. {block:ifshowsocialmedia3}
  1305. <li><a href="{text:social media link 3}"><span class="{text:social media icon 3}"></span></a></li>
  1306. {/block:ifshowsocialmedia3}
  1307. {block:ifshowsocialmedia4}
  1308. <li><a href="{text:social media link 4}"><span class="{text:social media icon 4}"></span></a></li>
  1309. {block:ifshowsocialmedia4}
  1310. {block:ifshowsocialmedia5}
  1311. <li><a href="{text:social media link 5}"><span class="{text:social media icon 5}"></span></a></li>
  1312. {/block:ifshowsocialmedia5}
  1313. {block:ifshowsocialmedia6}
  1314. <li><a href="{text:social media link 6}"><span class="{text:social media icon 6}"></span></a></li>
  1315. {/block:ifshowsocialmedia6}
  1316. </div>
  1317. {/block:ifshowsocialmedia}
  1318. {/block:ifshowextralinks}
  1319. </div>
  1320. </div>
  1321. {/block:ifshowfooter}
  1322. <div id="credit">
  1323. <a title="theme by drxgonfly" href="http://drxgonfly.tumblr.com/themes"><div id="dcs"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="500px" height="500px" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve"> <path d="M442.229,282.66c-2.602-16.983-18.477-28.644-35.459-26.043c0,0-0.111,0.016-0.328,0.048 c-0.238,0.03-0.596,0.077-1.057,0.131c-0.951,0.116-2.344,0.278-4.119,0.482c-3.572,0.4-8.709,0.958-14.893,1.57 c-12.367,1.222-28.912,2.674-45.459,3.646c-4.137,0.241-8.271,0.456-12.342,0.629c-4.066,0.17-8.074,0.31-11.941,0.388 c-3.871,0.085-7.613,0.133-11.148,0.105c-1.771-0.003-3.494-0.022-5.15-0.068c-0.83-0.02-1.65-0.037-2.453-0.053 c-0.799-0.035-1.582-0.065-2.348-0.099c-0.771-0.032-1.525-0.063-2.264-0.096c-0.73-0.047-1.443-0.09-2.141-0.134 c-0.699-0.049-1.381-0.094-2.043-0.132c-0.656-0.063-1.293-0.12-1.912-0.175c-1.236-0.109-2.404-0.22-3.455-0.372 c-0.533-0.065-1.043-0.132-1.529-0.195c-0.246-0.03-0.486-0.063-0.719-0.093c-0.223-0.035-0.438-0.07-0.646-0.106 c-0.854-0.143-1.615-0.271-2.277-0.38c-0.68-0.13-1.283-0.309-1.76-0.419c-0.961-0.237-1.473-0.366-1.473-0.366h-0.01 c-0.399-0.102-0.816-0.04-1.186,0.138c-0.028,0.01-0.058,0.011-0.086,0.022c-0.58,0.246-0.923,0.813-0.912,1.406 c-0.04,0.472,0.112,0.948,0.438,1.314c0.05,0.116,0.1,0.233,0.16,0.375c0.156,0.372,0.352,0.827,0.58,1.363 c0.277,0.548,0.598,1.177,0.957,1.882c0.182,0.352,0.375,0.744,0.584,1.116c0.211,0.373,0.43,0.762,0.658,1.167 c0.459,0.815,0.957,1.708,1.527,2.616c1.113,1.853,2.434,3.891,3.922,6.081c1.488,2.187,3.148,4.521,4.947,6.944 c1.797,2.431,3.73,4.959,5.77,7.537c1.018,1.297,2.057,2.6,3.123,3.908c1.059,1.323,2.145,2.641,3.24,3.967 c2.197,2.66,4.455,5.326,6.73,7.983c9.105,10.611,18.549,20.887,25.746,28.525c3.598,3.817,6.637,6.976,8.793,9.192 c1.09,1.107,1.945,1.98,2.529,2.577c0.303,0.302,0.535,0.534,0.691,0.69c0.18,0.169,0.271,0.257,0.271,0.257l1.639,1.577 c2.842,2.687,6.324,4.789,10.313,6.033c13.973,4.365,28.836-3.423,33.199-17.396c4.365-13.97-3.422-28.835-17.396-33.199 c0,0-0.084-0.027-0.244-0.078c-0.184-0.063-0.451-0.158-0.805-0.284c-0.71-0.256-1.747-0.637-3.056-1.114 c4.617,1.614,8.963,3.106,12.894,4.437c6.105,2.063,11.215,3.743,14.818,4.91c1.816,0.579,3.24,1.034,4.215,1.346 c0.498,0.156,0.881,0.274,1.139,0.356c0.283,0.081,0.428,0.119,0.428,0.119l2.016,0.598c4.174,1.193,8.666,1.527,13.24,0.82 C433.168,315.52,444.828,299.646,442.229,282.66z"/> <path d="M187.203,242.209c3.456,0.602,6.911,1.185,10.33,1.712c1.702,0.269,3.4,0.524,5.081,0.764 c1.669,0.252,3.335,0.471,4.969,0.687c3.265,0.436,6.439,0.803,9.451,1.114c3.013,0.305,5.873,0.536,8.518,0.704 c2.65,0.156,5.079,0.252,7.244,0.27c1.067,0.03,2.099-0.005,3.03-0.018c0.467-0.008,0.914-0.018,1.341-0.025 c0.441-0.022,0.863-0.043,1.263-0.065c0.793-0.043,1.5-0.083,2.098-0.126c0.579-0.072,1.07-0.132,1.471-0.181 c0.138-0.017,0.25-0.031,0.366-0.045c0.41,0.072,0.839,0.016,1.208-0.2c0.405-0.157,0.742-0.479,0.888-0.92 c0.141-0.428,0.075-0.872-0.136-1.232c-0.093-0.243-0.234-0.472-0.438-0.662l-0.004-0.006c0,0-0.371-0.348-1.064-0.999 c-0.343-0.327-0.791-0.725-1.266-1.203c-0.433-0.479-0.934-1.032-1.492-1.647c-0.546-0.578-1.161-1.346-1.819-2.127 c-0.328-0.388-0.67-0.8-1.025-1.226c-0.343-0.44-0.699-0.897-1.067-1.373c-0.734-0.937-1.506-1.937-2.291-3.036 c-0.795-1.084-1.623-2.213-2.458-3.442c-0.843-1.211-1.717-2.471-2.593-3.816c-0.883-1.323-1.788-2.699-2.698-4.138 c-0.918-1.424-1.847-2.9-2.78-4.434c-0.942-1.511-1.887-3.076-2.841-4.674c-1.913-3.18-3.839-6.514-5.772-9.912 c-1.935-3.398-3.859-6.88-5.769-10.366c-7.613-13.979-14.795-28.226-20.033-38.941c-2.617-5.363-4.752-9.84-6.218-12.961 c-0.721-1.548-1.288-2.769-1.675-3.6c-0.184-0.406-0.323-0.719-0.42-0.926c-0.078-0.188-0.117-0.288-0.117-0.288 c-1.76-4.211-4.523-8.245-8.173-11.474c-12.916-11.434-32.657-10.229-44.088,2.688c-11.432,12.916-10.229,32.657,2.689,44.092 l1.768,1.564c0,0,0.112,0.099,0.328,0.29c0.199,0.166,0.496,0.419,0.885,0.744c0.757,0.636,1.871,1.56,3.288,2.736 c0.908,0.75,1.953,1.607,3.096,2.542c-12.71-1.484-24.972,6.432-28.555,19.138c-3.971,14.093,4.232,28.733,18.323,32.708 l2.112,0.596c0,0,0.124,0.033,0.361,0.099c0.214,0.058,0.535,0.139,0.951,0.246c0.813,0.199,2.004,0.493,3.521,0.865 c3.013,0.732,7.293,1.74,12.428,2.893C159.693,236.899,173.384,239.792,187.203,242.209z"/> <circle cx="268.238" cy="235.156" r="17.365"/> <path d="M244.191,254.323c-7.345,3.473-10.486,12.243-7.015,19.589c3.47,7.344,12.237,10.486,19.583,7.016 c7.346-3.473,10.486-12.237,7.016-19.585C260.307,253.997,251.537,250.854,244.191,254.323z"/> <path d="M236.218,283.968c-5.867-3.806-13.708-2.136-17.516,3.73c-3.804,5.867-2.137,13.708,3.731,17.514 c5.866,3.81,13.708,2.141,17.515-3.729C243.755,295.618,242.085,287.774,236.218,283.968z"/> <path d="M213.585,304.238c-5.314-3.448-12.42-1.932-15.868,3.379c-3.449,5.318-1.936,12.419,3.379,15.87 c5.314,3.448,12.42,1.935,15.868-3.383C220.415,314.79,218.899,307.689,213.585,304.238z"/> <path d="M180.37,319.415c-4.642,2.188-6.627,7.73-4.434,12.37c2.191,4.641,7.731,6.621,12.372,4.432 c4.64-2.193,6.624-7.732,4.432-12.372C190.547,319.207,185.009,317.22,180.37,319.415z"/> <path d="M167.338,326.881c-3.309-2.146-7.733-1.205-9.88,2.107c-2.146,3.305-1.204,7.727,2.104,9.878 c3.308,2.146,7.732,1.204,9.877-2.106C171.587,333.453,170.646,329.031,167.338,326.881z"/> <path d="M150.133,331.851c-2.257-1.462-5.269-0.822-6.728,1.434c-1.463,2.252-0.821,5.262,1.433,6.726 c2.255,1.462,5.263,0.821,6.727-1.434C153.026,336.322,152.384,333.314,150.133,331.851z"/> </svg></id></a>
  1324. </div>
  1325.  
  1326. {block:ifshowdropdownmenu}
  1327.  
  1328. <script>
  1329. m('.maindrop').drop_menu({
  1330. menu_name:'Extras',
  1331. drop_menu_name:'dropcontainer',
  1332. menu_items:['{text:droplink1}','{text:droplink2}','{block:ifdroplink3}{text:droplink3}{/block:ifdroplink3}'],
  1333. menu_item_links:['{text:droplink1url}','{text:droplink2url}','{block:ifdroplink3}{text:droplink3url}{/block:ifdroplink3}'],
  1334. });
  1335. </script>
  1336. {/block:ifshowdropdownmenu}
  1337.  
  1338.  
  1339. </body>
  1340.  
  1341. </html>
  1342.  
  1343.  
  1344.  
  1345.  
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!