API tools faq
paste
6THEMES

DARLING. — THEME BY SIX.

6THEMES
Oct 8th, 2018
2,262
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.62 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6. ✱ CODES BY SIX ✱
  7.  
  8. - do not redistribute
  9. - do not copy any parts of the following code
  10.  
  11. ✱ thank you for using my themes! ✱
  12.  
  13.  
  14.  
  15. -->
  16. <html>
  17. <head>
  18.  
  19. <!-- META TAGS, SCRIPTS & GOOGLE FONTS -->
  20.  
  21.  
  22. <meta name="color:background" content="#ffffff">
  23. <meta name="color:container" content="#fdfdfd" />
  24. <meta name="color:container border" content="#fdfdfd" />
  25. <meta name="color:page border" content="#bbbbbb"/>
  26. <meta name="color:text" content="#c0bdb8" />
  27. <meta name="color:link hover" content="#fdfdfd" />
  28. <meta name="color:link" content="#c0bdb8" />
  29. <meta name="color:bold" content="#777777" />
  30. <meta name="color:italic" content="#bbbbbb"/>
  31. <meta name="color:borders" content="#bbbbbb"/>
  32. <meta name="color:posts" content="#fdfdfd" />
  33. <meta name="color:sidebar" content="#bbbbbb"/>
  34. <meta name="color:desc text" content="#bbbbbb"/>
  35. <meta name="color:accent" content="#bbbbbb"/>
  36. <meta name="color:accent2" content="#bbbbbb"/>
  37. <meta name="color:accent3" content="#bbbbbb"/>
  38. <meta name="color:accent4" content="#bbbbbb"/>
  39.  
  40. <meta name="if:grayscale" content="1"/>
  41.  
  42. <meta name="image:page bg" content=""/>
  43. <meta name="image:graphic" content=""/>
  44. <meta name="image:instagram icon" content=""/>
  45. <meta name="image:instagram1" content=""/>
  46. <meta name="image:instagram2" content=""/>
  47. <meta name="image:instagram3" content=""/>
  48. <meta name="image:instagram4" content=""/>
  49. <meta name="image:instagram5" content=""/>
  50. <meta name="image:instagram6" content=""/>
  51.  
  52. <meta name="text:free link url" content="url" />
  53. <meta name="text:free link title" content="link title" />
  54. <meta name="text:title" content="title here" />
  55. <meta name="text:description" content="desc here here" />
  56.  
  57.  
  58. <link rel="shortcut icon" href="{Favicon}" />
  59. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  60. <title>{Title}</title>
  61. {block:Description}<meta name="description" content="{MetaDescription}" /> {/block:Description}
  62.  
  63. <script>
  64. function openCity(evt, cityName) {
  65. var i, tabcontent, tablinks;
  66. tabcontent = document.getElementsByClassName("tabcontent");
  67. for (i = 0; i < tabcontent.length; i++) {
  68. tabcontent[i].style.display = "none";
  69. }
  70. tablinks = document.getElementsByClassName("tablinks");
  71. for (i = 0; i < tablinks.length; i++) {
  72. tablinks[i].className = tablinks[i].className.replace(" active", "");
  73. }
  74. document.getElementById(cityName).style.display = "block";
  75. evt.currentTarget.className += " active";
  76. }
  77. </script>
  78.  
  79. <script type="text/javascript">
  80. $(document).ready(function(){
  81.  
  82. $('ul.tabs li').click(function(){
  83. var tab_id = $(this).attr('data-tab');
  84.  
  85. $('ul.tabs li').removeClass('current');
  86. $('.tab-content').removeClass('current');
  87.  
  88. $(this).addClass('current');
  89. $("#"+tab_id).addClass('current');
  90. })
  91.  
  92. })
  93. </script>
  94.  
  95. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  96. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  97.  
  98. <script>
  99. (function($){
  100. $(document).ready(function() {
  101. $("a[title]").style_my_tooltips({
  102. tip_follows_cursor:true,
  103. tip_delay_time:90,
  104. tip_fade_speed:600,
  105. attribute:"title"
  106. });
  107. });
  108. })(jQuery);
  109. </script>
  110.  
  111. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  112.  
  113. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  114.  
  115. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  116.  
  117. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  118.  
  119. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  120.  
  121. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  122.  
  123. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  124.  
  125.  
  126. <link href="https://fonts.googleapis.com/css?family=ABeeZee:400,400italic|Lato:400,400italic,700,700italic" rel="stylesheet">
  127.  
  128. <style type="text/css">
  129.  
  130. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{ position:fixed; white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; margin-top:2px; z-index:999999999999999;}
  131.  
  132. #s-m-t-tooltip { max-width:300px; border-radius: 4px; padding:0px 5px; margin:25px 20px 5px 0px; color:{color:bold}; background: {color:sidebar}; z-index:99999; font-size:7px; text-transform:uppercase; font-family:robold; letter-spacing:2px; font-weight:bold; z-index:999999999999999; }
  133.  
  134. ::-webkit-scrollbar { width: 1px; height:3px; background: transparent;}
  135. ::-webkit-scrollbar-thumb { background-color: transparent; -webkit-border-radius: 1ex; }
  136.  
  137. /* ---- tumblr controls by @CYANTISTS ---- */
  138.  
  139. iframe.tmblr-iframe { z-index:99999999999999!important; top:0!important; right:0!important; opacity:0.4;
  140.  
  141. transform:scale(0.75); transform-origin:100% 0; -webkit-transform:scale(0.75); -webkit-transform-origin:100% 0; -o-transform:scale(0.75); -o-transform-origin:100% 0; -moz-transform:scale(0.75); -moz-transform-origin:100% 0; -ms-transform:scale(0.75); -ms-transform-origin:100% 0; }
  142.  
  143. iframe.tmblr-iframe:hover { opacity:0.6!important; }
  144.  
  145. /* ---- TEXTS & CUSTOM FONTS ----*/
  146.  
  147. @font-face{ font-family:"tamoro"; src: url('https://dl.dropboxusercontent.com/s/edhzvgkq21ldesd/Shutter%20Stone%20Standar.ttf’)'); }
  148. @font-face{ font-family:"roboto"; src: url('https://dl.dropboxusercontent.com/s/i5x37kqbtb40s0b/Roboto-Light.ttf’)'); }
  149. @font-face{ font-family:"robold"; src: url('https://dl.dropboxusercontent.com/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf’)'); }
  150. @font-face{ font-family:"eloquent"; src: url('https://dl.dropboxusercontent.com/s/v2faujqdedjca02/K22%20Didoni.otf’)'); }
  151. @font-face{ font-family:"primetime"; src: url('https://dl.dropboxusercontent.com/s/2b4vrdix7lxxfsw/PRIMETIME%20%E2%95%95%20PERSONAL%20USE%20ONLY.ttf’)'); }
  152. @font-face{ font-family:"champagne"; src: url('https://dl.dropboxusercontent.com/s/w4f1yez95rt180i/Champagne%20%26%20Limousines.ttf’)'); }
  153.  
  154.  
  155. a:link, a:active, a:visited { color: {color:link}; text-decoration:none; }
  156.  
  157. a:hover { color:{color:link hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  158.  
  159. small, sub, sup { font-size:9px; }
  160.  
  161. big { font-size:auto; }
  162.  
  163. b, strong { color:{color:bold} }
  164.  
  165. h1 { background-color:{color:sidebar}; border-radius:8px; font-size:18px; text-align:center; font-family: 'robold'; text-transform:uppercase; letter-spacing:3px; color:{color:text}; font-size:24px; line-height:24px; -webkit-text-stroke: 1px {color:italic}; -webkit-text-fill-color: rgba(0, 0, 0, 0); padding:5px; }
  166.  
  167. h2 { text-transform:uppercase; text-align:center; font-family: 'robold'; letter-spacing:4px; font-size:7px; color:{color:italic}; }
  168.  
  169. i, em { color:{color:italic}; }
  170.  
  171. p { margin-top:6px; margin-bottom:6px; }
  172.  
  173. blockquote { padding:0px; padding-left:10px; margin:8px; border-left:1px solid {color:borders}; }
  174.  
  175. img { border:none; max-width:100%; height:auto; }
  176.  
  177.  
  178. /* ---- BODY & CONTAINER ---- */
  179.  
  180.  
  181. body {color:{color:text}; background-color:{color:background}; font-family:arial; font-family:ABeeZee, arial, sans-serif; font-size:9px; letter-spacing:1px; line-height:17px; text-align:justify; background-image:url('{image:page bg}'); }
  182.  
  183. #holder { width:680px; height:480px; margin: auto; left:0; top:0; bottom:0; right:0; background-color:{color:container}; position:absolute; border:1px solid {color:container border}; }
  184.  
  185.  
  186. /* ---- SIDEBAR ---- */
  187.  
  188.  
  189. #sidebar { position:absolute; width:300px; height:480px; top:0px; left:0px; background-color:{color:sidebar}; overflow:hidden; }
  190.  
  191. #title { position:absolute; width:205px; height 35px; right: 25px; top:85px; font-size:59px; font-family: 'tamoro'; letter-spacing:1px; line-height: 11px; color:{color:accent2}; text-shadow: 0 0 0.2em {color:accent2}; text-align:right; transform: rotate(-4deg); }
  192.  
  193. #subtitle { position: absolute; bottom: 230px; left: -130px; width:320px; height: 10px; padding: 3px; font-family: 'arial'; font-size:7px; font-style:italic; letter-spacing:5px; text-transform:uppercase; text-align:center; line-height:11px; transform: rotate(-90deg); text-shadow: 0 0 0.2em {color:bold}; background-color:{color:posts}; }
  194.  
  195. #box2 { position:absolute; top:15px; left:15px; width:14px; height:14px; padding:7px; background-color:{color:accent4}; font-size:14px; border-radius:4px; color:{color:posts};}
  196.  
  197. #line { position:absolute; width:1px; height:220px; left:28px; top:60px; background-color:{color:posts}; }
  198.  
  199. #graphic { position:absolute; width:240px; height:350px; top:0px; right:60px; background-color:{color:accent2}; background-image:url('{image:graphic}'); }
  200.  
  201. #description { position: absolute; width:230px; height:200px; right:60px; bottom:0px; padding: 20px; background-color:{color:accent}; border-top-left-radius:500px; border-top-right-radius:200px; z-index:999;}
  202.  
  203. .description { position: absolute; width:170px; height:100px; padding:20px; margin-left:30px; bottom:15px; font-family:robold; font-size:7px; color:{color:desc text}; letter-spacing:2px; text-transform:uppercase; overflow:hidden; text-shadow: 0 0 0.2em {color:desc text};}
  204.  
  205. .description i { color:{color:desc text}; }
  206. .description b { color:{color:desc text}; }
  207.  
  208. #bottombar { position:absolute; width:60px; height:480px; right:0px; bottom:0px; background-color:{color:accent3}; z-index:9999; }
  209.  
  210. #box { position:absolute; width:400px; height:400px; font-size:18px; color:{color:accent}; right:-10px; top:-340px; background-color:{color:accent}; text-shadow: 0 0 0.2em {color:text}; border-radius:350px; z-index:999; }
  211.  
  212.  
  213. #pagination { margin-top: auto; margin-bottom:40px; width: 300px; font-size:9px; padding:15px; text-align:center; letter-spacing:3px;}
  214.  
  215. #pagination a { font-family:robold; font-size:7px; font-style:italic; text-transform:uppercase; color:{color:posts}; font-weight:bold; background:{color:accent}; padding:6px; padding-left:9px; border-radius:8px; }
  216.  
  217. /* ---- l i n k s / t a b s ---- */
  218.  
  219.  
  220. #linkage { position: absolute; left:-33px; bottom:-30px; width:22px;height:226px; text-align:center; font-size:25px; padding:7px; padding-top:11px; }
  221.  
  222. #linkage li { width:16px;height:16px; padding:8px; list-style:none; text-align:center; line-height:5px; background-color:{color:accent4}; border-radius:7px; margin-bottom:13px; float:left; }
  223.  
  224. #linkage a { font-weight:bold; text-transform:uppercase; font-family: 'robold', sans-serif; line-height:16px; font-size:16px;letter-spacing:2px; background-color:{color:accent4}; color:{color:posts}; }
  225.  
  226. #linkage i { color:{color:posts}; }
  227.  
  228. .close { position:absolute; top:15px; right:15px; font-weight:bold; color:{color:background}; z-index:9999999; font-size:14px; }
  229. .close:hover { cursor: pointer; }
  230.  
  231. .tabcontent { display: none; height:375; width:360px; padding:0px; margin-left:292px; margin-top:0px; background-color:transparent; z-index:9999; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; }
  232.  
  233. .tabcontent.current{ display: inherit; }
  234.  
  235. @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  236.  
  237. @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  238.  
  239.  
  240. /* ---- navigation tab ---- */
  241.  
  242.  
  243. #tabone { position:absolute; right:0px; top:0px; width:380px; height:480px; background-color:{color:container}; z-index:999999999; }
  244.  
  245. #topbar { position:absolute; right:0px; top:0px; width:380px; height:50px; background-color:{color:accent4}; text-align:center; font-family:roboto; font-size:12px; letter-spacing:2px; color:{color:background}; line-height:50px; text-transform:uppercase; }
  246.  
  247. #icon { position:absolute; top:60px; left:25px; width:90px; height:90px; background-color:{color:accent}; border-radius:100px; overflow:hidden; }
  248.  
  249. #instafollow { position:absolute; right:90px; top:115px; width:130px; height:8px; padding:7px; background-color:{color:sidebar}; border-radius:4px; color:{color:accent}; font-family:'robold'; font-size:7px; text-transform:uppercase; text-align:center; letter-spacing:4px; line-height:8px; border:1px solid {color:background}; }
  250.  
  251. #instarrow { position:absolute; right:30px; top:115px; width:8px; height:8px; padding:7px; background-color:{color:sidebar}; border-radius:4px; color:{color:accent}; font-family:'robold'; font-size:7px; text-transform:uppercase; text-align:center; letter-spacing:0px; line-height:8px; border:1px solid {color:background}; }
  252.  
  253. #instcheck { position:absolute; right:60px; top:115px; width:8px; height:8px; padding:7px; background-color:{color:sidebar}; border-radius:4px; color:{color:text}; font-family:'robold'; font-size:7px; text-transform:uppercase; text-align:center; letter-spacing:0px; line-height:8px; border:1px solid {color:background}; }
  254.  
  255.  
  256. #instaarrow i {color:{color:accent}; }
  257.  
  258. #instafollow:hover { cursor:pointer; }
  259.  
  260. #instastat { position:absolute; width:230px; top:80px; right:0px; }
  261.  
  262. #instastat li { float:left; width:60px; font-family:'roboto'; font-size:15px; font-weight:bold; margin-right:12px; list-style:none; text-align:center; line-height:12px; color: #5a5a5a; text-shadow: 3px 2px 2px #ddd; }
  263.  
  264. #instastat tt { font-family:'robold'; font-size:7px; font-style:none; text-transform:uppercase; }
  265.  
  266. #instaname { position:absolute; left:15px; top:160px; width: 310px; height:40px; font-family:'robold'; text-transform:uppercase; font-size:12px; font-weight:bold; overflow:hidden; padding:0px 23px; line-height:20px; color:{color:accent4}; letter-spacing:.5px; }
  267.  
  268. #instabio { position:absolute; left:15px; top:180px; width: 310px; height:40px; font-family:'roboto'; font-size:10px; font-weight:bold; overflow:hidden; padding:0px 23px; line-height:20px; color:#5a5a5a; letter-spacing:.5px; }
  269.  
  270. #iconrow { position:absolute; right:0px; top:245px; width: 340px; height:30px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; overflow:hidden; text-align:center; padding-left:40px; letter-spacing:55px; line-height:40px; color:#d1ccaf; }
  271.  
  272. #iconrow i { font-size: 16px; }
  273.  
  274. .instafeed { position:absolute; bottom:0px; left:-12px; padding-left:17px; width:380px; }
  275. .instafeed li { float:left; list-style:none; width:120px; height:120px; background-color:{color:accent}; margin-right:5px; margin-bottom: 5px; overflow:hidden; }
  276.  
  277. #goback { position:absolute; top:15px; left:15px; height:18px; font-size:18px; color:{color:posts}; line-height:17px;}
  278.  
  279.  
  280.  
  281. /* ---- P O S T S ---- */
  282.  
  283.  
  284. #container { position:absolute; width:350px; height:450px; right:0px; top:0px; overflow:auto; padding-top:30px; }
  285.  
  286. .posts { width:300px; text-align: justify; padding: 10px; background-color:{color:posts}; margin-right:20px; margin-top:45px; margin-bottom:70px; border:1px solid {color:borders}; }
  287.  
  288. .posts a{ #dadada; }
  289.  
  290. .posts img { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  291.  
  292. .photoset { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  293.  
  294. .video { }
  295.  
  296. #info { position:absolute; margin-left:-11px; margin-top:-51px; width:314px; padding:3px; height:34px; overflow:hidden; z-index:99999999; background-color: {color:page border}; text-align:right; font-size:12px; font-weight:bold; border:1px solid {color:borders}; overflow:hidden;}
  297.  
  298. #information { position:absolute; margin-left:-4px; margin-top:-4px; width:256px; padding:3px 10px; height:34px; overflow:hidden; z-index:999999999; background-color: {color:page border}; text-align:right; font-family: 'robold', sans-serif; font-size:7px; letter-spacing:3px; text-transform:uppercase; line-height:36px; border:1px solid {color:borders}; overflow:hidden;}
  299.  
  300. #information i { font-size:10px; letter-spacing:3px; color:{color:text}; }
  301.  
  302. #information a { color:{color:text}; }
  303.  
  304. #tags { padding-top:0px; width:300px;letter-spacing:2px; text-align:justify; font-weight:bold; margin-top:10px; margin-left:-11px; margin-bottom:-11px; background:{color:page border}; padding:15px 10px; line-height:12px; border:1px solid {color:borders}; }
  305.  
  306. #tags a { font-family: 'robold', sans-serif; font-size:7px; padding:0px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; }
  307.  
  308. #tags i { color:{color:text}; font-size:10px; text-shadow:none; }
  309.  
  310. #tags b { font-family:'robold'; letter-spacing:2px; font-size:9px; text-transform:uppercase; color:{color:text}; }
  311.  
  312.  
  313. /* ---- a s k s ---- */
  314.  
  315. #question { padding:20px 30px; padding-bottom:30px; margin:-10px; margin-bottom:25px; text-align:justify; border-bottom:1px solid {color:borders}; }
  316.  
  317. #question b { color:{color:text}; font-size:9px; text-transform:uppercase; font-family:'robold'; letter-spacing:3px; text-shadow: 0 0 0.1em {color:text}; }
  318.  
  319. #mail { margin:auto; width:15px; height:15px; margin-bottom:-45px; margin-top:5px; padding:8px; font-size:15px; text-align:center; border:1px solid {color:borders}; border-radius:100px; background-color:{color:posts};}
  320.  
  321. /* ---- a u d i o ---- */
  322.  
  323. .playwrapper { height:60px; padding-bottom:5px; overflow:hidden; position:relative; padding:5px; background:{color:page border}; border:5px solid {color:accent}; border-radius:4px; }
  324.  
  325. .coverart { width:60px; height:60px; position:relative; display:inline-block; background-size:cover; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  326.  
  327. .audio { position:absolute; display:inline-block; top:0px; bottom:0px; left:0px; right:0px; text-align:left; }
  328.  
  329. .player { width:50px; height:50px; margin-top:5px; margin-left:5px; padding:5px; position:absolute; overflow:hidden; background-color:#fff; opacity:0; -o-transition:opacity .25s ease-out; -moz-transition:opacity .25s ease-out; -webkit-transition:opacity .25s ease-out; transition:opacity .25s ease-out; }
  330.  
  331. .player:hover { opacity:.8; }
  332.  
  333. .player .audio_player { width:30px; height:30px; margin-top:15px; margin-left:10px; overflow:hidden; }
  334.  
  335. .songinfo { border-left:5px solid {color:accent}; position:absolute; overflow:hidden; width:200px; height:40px; padding:15px; background:{color:page border}; margin-left:70px; margin-top:0px; text-align:left; font-size:7px; line-height:10px; font-family: 'robold', sans-serif; text-transform:uppercase;letter-spacing:1px; color:{color:text}; text-shadow: 0 0 0.1em {color:text}; }
  336.  
  337. /* ---- q u o t e s ---- */
  338.  
  339. #quote{ text-align:center; font-size:18px; font-family:'georgia'; letter-spacing:1px; padding:15px; font-style:italic;}
  340.  
  341. #source { font-size:7px; font-family: 'robold', sans-serif; text-transform:uppercase;letter-spacing:1px; padding:5px; text-align:right; margin-bottom:-10px;}
  342.  
  343. /* ---- c h a t s ---- */
  344.  
  345. .answer span,.convo li{margin:0 0 10px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:{color:container};color:{color:text};left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:container} ;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:{color:sidebar};color:{color:text}}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:sidebar};border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  346. .asked p { text-align: left; margin: 0 0px 10px 0px; padding: 0; color: {color:bold}; font-family: 'Inconsolata', Inconsolata; font-size: 12px; line-height: 0px; }
  347. .footerright .viasrc { float: left; }
  348. .asked a { margin:0;padding:0; }
  349. .convo { overflow: hidden; list-style-type: none; padding: 0; margin: 0; }
  350.  
  351. /* ---- p e r m a l i n k ----*/
  352.  
  353. #notecontainer { margin-top: auto; width: 400px; font-size:9px; padding:10px;}
  354.  
  355. #notecontainer img.avatar { margin-right: 10px; width: 16px; height: 16px; border-radius:100px; -webkit-filter:grayscale(100%); }
  356.  
  357. /* ---- credit, do not delete unless you want these hands ---- */
  358.  
  359. #credit { position:fixed; bottom:10px; left:10px; font-size:16px; width:16px; height:16px; font-family:arial; color:{color:text}; text-transform:uppercase; letter-spacing: 0px; font-style:normal; background:{color:accent}; border-radius:8px; padding:8px;}
  360. #credit a { color:{color:text}; letter-spacing:1px; }
  361. #credit i { color:{color:text}; font-size:14px; }
  362.  
  363. /* ---- l i k e & r e b l o g ---- */
  364.  
  365. .buttons { width:50px; height:34px; padding:3px; margin:1px; margin-left:252px; color:{color:text}; }
  366.  
  367. svg { width:11px; height:auto; opacity:.5; padding:3px; display:block; overflow:visible; }
  368.  
  369. .controls a { position:relative; display:inline-block; padding:5px 0px; width:10px; height:28px; opacity:.5; color:{color:text}; }
  370.  
  371. .controls .reblog { opacity:.5; color:{color:text}; }
  372.  
  373. .controls .reblog svg { width:9px; margin-top:1px; color:{color:text}; }
  374.  
  375. .controls .like .liked + svg { opacity:.5; }
  376.  
  377. .controls .like .liked + svg path { fill:#ec5a5a; }
  378.  
  379. .controls .like .like_button {
  380. position:relative;
  381. }
  382. .controls .like .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:5px; z-index:2; opacity:0; }
  383.  
  384.  
  385. </style>
  386. </head>
  387.  
  388.  
  389. <body>
  390.  
  391.  
  392.  
  393. <div id="holder">
  394.  
  395.  
  396.  
  397. <div id="sidebar">
  398.  
  399.  
  400.  
  401. <div id="description">
  402. <div id="title">{text:title}</div>
  403. <div class="description"> {text:description} </div>
  404. </div>
  405.  
  406. <div id="graphic"> </div>
  407. <div id="bottombar">
  408.  
  409. <div id="box2"><span class="lnr lnr-heart"></div>
  410. <div id="line"> </div>
  411.  
  412.  
  413.  
  414. <div id="linkage">
  415. <ul class="tab">
  416. <li><a href="/" class="tablinks" title="refresh."> <i class="icon-home"></i> </a></li>
  417. <li><a href="/ask" class="tablinks" title="message."> <i class="icon-bubbles"></i></a></li>
  418. <li><a href="#" class="tablinks" title="instagram." onclick="openCity(event, 'tabone')"> <i class="icon-social-instagram"></i> </a>
  419. <li><a href="{text:free link url}" class="tablinks" title="{text:free link title}"> <i class="icon-globe"></i> </span></a></li>
  420. </ul>
  421. </div>
  422.  
  423.  
  424. </div>
  425. </div>
  426.  
  427. <!-- N A V I T A B -->
  428.  
  429. <div id="tabone" class="tabcontent">
  430. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  431.  
  432. <div id="topbar"> @USERNAME <div id="goback"><i class="fas fa-angle-left"></i></div> </div>
  433.  
  434. <div id="icon"> <img src="{image:instagram icon}"> </div>
  435.  
  436. <div id="instafollow"> message </div>
  437. <div id="instarrow"> <i class="fas fa-chevron-down"></i></div>
  438. <div id="instcheck"> <i class="fas fa-user-check"></i></div>
  439. <div id="instastat"> <li>25.4m <br> <tt>followers</tt> </li> <li>143 <br> <tt>following</tt> </li> <li>1,064 <br> <tt>posts</tt> </li> </div>
  440. <div id="instaname">FIRST LAST </div>
  441. <div id="instabio"> instragram bio goes here, keep it at 2 lines.</div>
  442.  
  443.  
  444. <div class="instafeed">
  445. <li> <img src="{image:instagram1}"> </li>
  446. <li> <img src="{image:instagram2}"> </li>
  447. <li> <img src="{image:instagram3}"> </li>
  448. <li> <img src="{image:instagram4}"> </li>
  449. <li> <img src="{image:instagram5}"> </li>
  450. <li> <img src="{image:instagram6}"> </li>
  451. </div>
  452.  
  453. </div>
  454.  
  455.  
  456.  
  457. <!-- PLEASE DO NOT REMOVE MY CREDIT -->
  458.  
  459. <div id="credit"><a href="http://internetsmom.tumblr.com/" title="6ix themes"><span class="sf sf-stars-o"></span></a></div>
  460.  
  461. <!-- YOU CAN TOUCH THE REST IF U WANT THO LMAO -->
  462.  
  463.  
  464.  
  465. <div id="container">
  466. {block:posts}
  467.  
  468. <div class="posts" id="{PostID}">
  469.  
  470. {block:Date}<div id="info">
  471.  
  472. <div id="information"> <i class="icon-graph"></i> <a href="{Permalink}"> {TimeAgo} {block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount} </a> {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  473. {/block:NoRebloggedFrom}</div>
  474.  
  475. <div class="buttons"><div class="controls">
  476. <a href="{ReblogURL}" target="_blank" class="reblog">
  477. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  478. </a>
  479. <a href="#" class="like">{LikeButton}
  480. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  481. </a>
  482. </div></div>
  483.  
  484. </div>{/block:Date}
  485.  
  486.  
  487. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  488.  
  489. {block:Quote}<div id="quote">“{Quote}” </div> <div id="source">— {Source}</div>{/block:Quote}
  490.  
  491. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  492. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  493.  
  494. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  495. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  496.  
  497. {block:Photoset}<center>{Photoset-500}</center>
  498. {block:Caption}{/block:Caption}{/block:Photoset}
  499.  
  500. {block:Chat} {block:Title}
  501. <h1>{Title}</h1>{/block:Title}<br>
  502. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  503. {Line}</li>{/block:Lines}</ul> {/block:Chat}
  504.  
  505. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  506.  
  507. {block:Answer}<div id="question"> <b>{Asker} says: </b> {Question} <div id="mail"><i class="icon-bubbles"></i></div> </div>{Answer}{/block:Answer}
  508.  
  509. {block:Audio}<div class="playwrapper"><div class="coverart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="songinfo"> {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/> {block:Album}Album: {Album}{/block:Album}<br/> {PlayCountWithLabel}</div></div></div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  510.  
  511. {block:HasTags}
  512. <div id="tags">
  513. <b>filed under:</b> {block:Tags} <a href="{TagURL}">{Tag},</a> {/block:Tags}
  514. </div>{/block:HasTags}
  515.  
  516. </div> <!---posts div--->
  517.  
  518. {block:PostNotes}
  519. <div id="notecontainer">{PostNotes}</div>
  520. {/block:PostNotes}
  521. {/block:Posts}
  522. {block:ContentSource}{SourceURL}
  523. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  524. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  525. {/block:ContentSource}
  526.  
  527.  
  528. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a> {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a><br />{/block:NextPage}</div>{/block:Pagination}
  529.  
  530. </div> <!---container div--->
  531. </div> <!--- holder div --->
  532.  
  533.  
  534. </body>
  535. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!