API tools faq
paste
6THEMES

ALL DAY — THEME BY SIX.

6THEMES
Jul 29th, 2018
3,480
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.38 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6. ✱ internetsmom.tumblr.com -- 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. <html>
  16. <head>
  17.  
  18. <!-- META TAGS, SCRIPTS & GOOGLE FONTS -->
  19.  
  20.  
  21. <meta name="color:background" content="#eaeaea">
  22. <meta name="color:container" content="#f5f5f5" />
  23. <meta name="color:container border" content="#e2e2e2"/>
  24. <meta name="color:sidebar" content="#f0f0f0"/>
  25. <meta name="color:posts" content="#f8f8f8" />
  26. <meta name="color:borders" content="#e7e7e7"/>
  27. <meta name="color:accent" content="#c0bdb8" />
  28. <meta name="color:accent2" content="#c0bdb8" />
  29. <meta name="color:accent shadow" content="#bbb9b4" />
  30. <meta name="color:text" content="#c0bdb8" />
  31. <meta name="color:link" content="#c0bdb8" />
  32. <meta name="color:link hover" content="#fdfdfd" />
  33. <meta name="color:bold" content="#777777" />
  34. <meta name="color:italic" content="#bbbbbb"/>
  35.  
  36. <meta name="image:page bg" content=""/>
  37. <meta name="image:main graphic" content=""/>
  38. <meta name="image:tab graphic" content=""/>
  39. <meta name="image:icon" content=""/>
  40.  
  41. <meta name="if:grayscale" content="1"/>
  42.  
  43.  
  44. <meta name="text:title" content="title here." />
  45. <meta name="text:desc" content="description here." />
  46. <meta name="text:tab title" content="here is the tab title." />
  47. <meta name="text:tab subtitle" content="the guidelines & the map." />
  48. <meta name="text:tab link title" content="navig8." />
  49. <meta name="text:free link title" content="link tba." />
  50. <meta name="text:free link url" content="/url." />
  51.  
  52. <link rel="shortcut icon" href="{Favicon}" />
  53. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  54. <title>{Title}</title>
  55. {block:Description}<meta name="description" content="{MetaDescription}" /> {/block:Description}
  56.  
  57. <script>
  58. function openCity(evt, cityName) {
  59. var i, tabcontent, tablinks;
  60. tabcontent = document.getElementsByClassName("tabcontent");
  61. for (i = 0; i < tabcontent.length; i++) {
  62. tabcontent[i].style.display = "none";
  63. }
  64. tablinks = document.getElementsByClassName("tablinks");
  65. for (i = 0; i < tablinks.length; i++) {
  66. tablinks[i].className = tablinks[i].className.replace(" active", "");
  67. }
  68. document.getElementById(cityName).style.display = "block";
  69. evt.currentTarget.className += " active";
  70. }
  71. </script>
  72.  
  73. <script type="text/javascript">
  74. $(document).ready(function(){
  75.  
  76. $('ul.tabs li').click(function(){
  77. var tab_id = $(this).attr('data-tab');
  78.  
  79. $('ul.tabs li').removeClass('current');
  80. $('.tab-content').removeClass('current');
  81.  
  82. $(this).addClass('current');
  83. $("#"+tab_id).addClass('current');
  84. })
  85.  
  86. })
  87. </script>
  88.  
  89. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  90. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  91.  
  92. <script>
  93. (function($){
  94. $(document).ready(function() {
  95. $("a[title]").style_my_tooltips({
  96. tip_follows_cursor:true,
  97. tip_delay_time:90,
  98. tip_fade_speed:600,
  99. attribute:"title"
  100. });
  101. });
  102. })(jQuery);
  103. </script>
  104.  
  105. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  106.  
  107. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  108.  
  109. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  110.  
  111. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  112.  
  113. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  114.  
  115. <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  116. rel="stylesheet">
  117.  
  118. <link href="https://fonts.googleapis.com/css?family=Lusitana" rel="stylesheet">
  119.  
  120. <link href="https://fonts.googleapis.com/css?family=Old+Standard+TT" rel="stylesheet">
  121.  
  122. <link href="https://fonts.googleapis.com/css?family=ABeeZee:400,400italic|Lato:400,400italic,700,700italic" rel="stylesheet">
  123.  
  124. <style type="text/css">
  125.  
  126. .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;}
  127.  
  128. #s-m-t-tooltip { max-width:300px; border-radius: 8px; padding:0px 5px; margin:25px 20px 5px 0px; color:{color:text}; background: {color:container}; border:1px solid {color:borders}; z-index:99999; font-size:7px; text-transform:uppercase; font-family:'robold'; letter-spacing:2px; font-weight:bold; z-index:999999999999999; }
  129.  
  130. ::-webkit-scrollbar { width: 1px; height:3px; background: transparent;}
  131. ::-webkit-scrollbar-thumb { background-color: transparent; -webkit-border-radius: 1ex; }
  132.  
  133. /* ---- tumblr controls by @CYANTISTS ---- */
  134.  
  135. iframe.tmblr-iframe { z-index:99999999999999!important; top:0!important; right:0!important; opacity:0.4;
  136.  
  137. 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; }
  138.  
  139. iframe.tmblr-iframe:hover { opacity:0.6!important; }
  140.  
  141.  
  142. /* ---- TEXTS & CUSTOM FONTS ----*/
  143.  
  144. @font-face{ font-family:"astronout"; src: url('https://dl.dropboxusercontent.com/s/v6587r3a6m8y5eh/Astronout.ttf’)'); }
  145.  
  146. @font-face{ font-family:"roboto"; src: url('https://dl.dropboxusercontent.com/s/i5x37kqbtb40s0b/Roboto-Light.ttf’)'); }
  147.  
  148. @font-face{ font-family:"robold"; src: url('https://dl.dropboxusercontent.com/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf’)'); }
  149.  
  150. @font-face{ font-family:"eloquent"; src: url('https://dl.dropboxusercontent.com/s/v2faujqdedjca02/K22%20Didoni.otf’)'); }
  151.  
  152. @font-face{ font-family:"tamoro"; src: url('https://dl.dropboxusercontent.com/s/awqw1tgpb3takgm/TamoroScript_PersonalUseOnly.ttf’)'); }
  153.  
  154. @font-face{ font-family:"vulture"; src: url('https://dl.dropboxusercontent.com/s/0vmo8j907lhkav4/Taken%20by%20Vultures%20Demo.otf’)'); }
  155.  
  156.  
  157. a:link, a:active, a:visited { color: {color:link}; text-decoration:none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  158.  
  159. a:hover { color:{color:link hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  160.  
  161. small, sub, sup { font-size:9px; }
  162.  
  163. big { font-size:auto; }
  164.  
  165. b, strong { color:{color:bold} }
  166.  
  167. h1 { font-size:18px; text-align:center; font-family: 'roboto'; text-transform:lowercase; letter-spacing:3px; color:{color:text}; padding:10px; }
  168.  
  169. h2 { border-radius:8px; font-size:18px; text-align:center; font-family:ABeeZee, arial, sans-serif; text-transform:uppercase; letter-spacing:3px; color:{color:accent}; font-size:10px; padding:10px; }
  170.  
  171. i, em { color:{color:italic}; }
  172.  
  173. p { margin-top:6px; margin-bottom:6px; }
  174.  
  175. blockquote { padding:0px; padding-left:10px; margin:8px; border-left:1px solid {color:borders}; }
  176.  
  177. img a { border:none; width:100%; }
  178.  
  179.  
  180. /* ---- BODY & CONTAINER ---- */
  181.  
  182.  
  183. body {color:{color:text}; background-color:{color:background}; font-family:ABeeZee, arial, sans-serif; font-size:8px; line-height:17px; letter-spacing:1px; text-align:justify; background-image:url('{image:page bg}');}
  184.  
  185. #holder { width:760px; height:490px; margin: auto; left:0; top:0; bottom:0; right:0; background-color:{color:accent}; position:absolute; }
  186.  
  187. #edge { width:575px; height:440px; margin: auto; left:0; top:0; bottom:0; right:0; background-color:{color:container}; position:absolute; padding: 35px; border:1px solid {color:borders}; box-shadow:0 0 0.2em {color:posts}; }
  188.  
  189. /* ---- GRAPHIC ---- */
  190.  
  191. #accent { position:absolute; width:260px; height:260px; bottom:90px; left:-20px; background-color:{color:accent}; overflow:hidden; border-radius:50px; transform: rotate(45deg); }
  192.  
  193. #accent2 { position:absolute; width:220px; height:160px; bottom:00px; left:0px; background-color:{color:accent2}; overflow:hidden; }
  194.  
  195. /* ---- SIDEBAR ---- */
  196.  
  197. #icon { position:absolute; width:40px; height:40px; bottom:50px; right:280px; background-color:{color:accent}; overflow:hidden; border-radius:100px; }
  198.  
  199. #title { position:absolute; width:180px; height:30px; left:460px; bottom:48px; font-family:ABeeZee, arial, sans-serif; font-size:25px; color:{color:accent}; letter-spacing:1px; line-height:20px; text-align:right;}
  200.  
  201. #sidebar { position:absolute; width:760px; height:100px; left: 0px; bottom:0px; background-color:{color:sidebar}; overflow:hidden; }
  202.  
  203. #letter { position:absolute; width:220px; height:50px; line-height:180px; left:-5px; top:10px; font-family:'vulture'; font-style:oblique; font-size:200px; color:{color:container}; letter-spacing:1px; -webkit-transform: rotate(-2deg);}
  204.  
  205.  
  206. #description { position:absolute; left:448px; bottom:10px; width:210px; height:30px; font-family:ABeeZee, arial, sans-serif; font-size:7px; letter-spacing:3px; text-transform:lowercase; font-weight:bold; text-align:left; line-height:14px; color:{color:accent}; overflow:hidden; text-shadow:0 0 0.03em {color:accent}; }
  207.  
  208. #description i { color:{color:accent shadow}; text-shadow:0 0 0.03em {color:accent shadow}; }
  209. #description b { color:{color:accent shadow}; text-shadow:0 0 0.03em {color:accent shadow};}
  210.  
  211. #pagination { margin-top: auto; width: 330px; font-size:9px; padding:15px; text-align:center; letter-spacing:5px;}
  212.  
  213. #pagination a { font-family:arial; font-size:7px; font-style:italic; text-transform:uppercase; color:{color:accent shadow}; font-weight:bold; background:{color:accent}; padding:6px; padding-left:9px; border-radius:100px; }
  214.  
  215. /* ---- l i n k s / t a b s ---- */
  216.  
  217. #links { position: absolute; width:100px; height:80px; right:0px; bottom:20px; border-radius:5px; }
  218.  
  219. ul.tab { position:absolute; overflow:hidden; list-style-type: none; margin: 0; padding: 0; background-color: transparent; right:6px; top:6px; z-index:999999999; }
  220.  
  221. ul.tab li { width: 39px; float:left; margin-left:5px; margin-top:5px; }
  222.  
  223. ul.tab li a{ display:inline-block; color:{color:accent shdow}; text-shadow:0 0 0.09em {color:accent shadow}; font-size:12px; width:12px; height:12px; padding:12px; border-radius:100px; background-color:{color:accent}; }
  224.  
  225. ul.tab li i{ color:{color:accent shadow}; font-weight:bold; }
  226.  
  227. .close { position:absolute; top:5px; right:15px; font-weight:bold; color:{color:accent}; z-index:9999999; }
  228. .close:hover { cursor: pointer; }
  229.  
  230. .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; }
  231.  
  232. .tabcontent.current{ display: inherit; }
  233.  
  234. @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  235.  
  236. @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  237.  
  238. /* ---- navigation tab ---- */
  239.  
  240. #tabone { position:absolute; right:0px; top:0px; width: 760px; height:390px; background-color:{color:container}; }
  241.  
  242. #cover { position:absolute; left:60px; bottom:-120px; width: 350px; height:200px; background-color:{color:container}; }
  243.  
  244. #cover2 { position:absolute; left:60px; top:-20px; width: 350px; height:200px; background-color:{color:container}; }
  245.  
  246. #graphic { position:absolute; left:10px; top:10px; width: 350px; height:470px; background-color:{color:accent}; background-image:url('{image:tab graphic}');}
  247.  
  248. #title2 { position:absolute; width:400px; height:30px; left:65px; top:-5px; text-align:left; font-family:ABeeZee, arial, sans-serif; letter-spacing:3px; font-size:29px; }
  249.  
  250.  
  251. #plot { position:absolute; left:50px; bottom:-120px; width: 350px; height:440px; background-color:{color:posts}; border:10px solid {color:container}; }
  252. .plot { position:absolute; width:275px; height:405px; left:15px; top:20px; text-align:center; font-family:ABeeZee, arial, sans-serif; font-weight:bold; font-size:9px; text-align:justify; text-transform:lowercase; color:{color:text}; letter-spacing:2px; overflow:auto;}
  253. .title { position:absolute; width:255px; height:45px; right:-105px; bottom:70px; font-family:ABeeZee, arial, sans-serif; font-size:24px; color:{color:accent}; letter-spacing:4px; line-height:20px; text-align:right; transform: rotate(-90deg); }
  254. .subtitle { position:absolute; width:255px; height:45px; right:-125px; bottom:120px; font-family:ABeeZee, arial, sans-serif; font-size:10px; text-transform:uppercase; font-weight:bold; font-style:italic; color:{color:accent}; letter-spacing:5px; line-height:20px; text-align:left; transform: rotate(-90deg); }
  255.  
  256.  
  257. #rules { position:absolute; right:180px; top:30px; width: 200px; height:220px; background-color:{color:accent2}; border:10px solid {color:container}; }
  258. .rules { position:absolute; width:160px; height:190px; left:20px; top:20px; text-align:center; font-family:ABeeZee, arial, sans-serif; font-weight:bold; font-size:8px; font-style:italic; text-align:justify; text-transform:lowercase; color:{color:text}; letter-spacing:1px; overflow:auto;}
  259. .rules i { color:{color:accent shadow}; font-size:12px; font-weight:bold; }
  260.  
  261.  
  262. #navi{ position:absolute; right:0px; top:30px; width: 200px; height:350px; background-color:{color:background}; border:10px solid {color:container}; }
  263. .navi { position:absolute; width:140px; height:330px; right:20px; top:5px; text-align:right; font-family:ABeeZee, arial, sans-serif; font-weight:bold; font-size:9px; font-style:italic; text-transform:uppercase; color:{color:text}; letter-spacing:3px; overflow:auto; line-height:30px; }
  264. .navi tt{ background-color:{color:accent2}; color:#f8f8f8; padding:4px; border-radius:3px; letter-spacing:1px; font-size:11px;}
  265. .navi h1 { font-family:ABeeZee, arial, sans-serif; font-weight:bold; font-size:14px; text-transform:lowercase; color:#f8f8f8; letter-spacing:2px; text-align:right; line-height:16px; padding:0px; }
  266. .navi a { color:{color:text}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  267. .navi a:hover { color:{color:accent}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  268.  
  269. #subtitle { position:absolute; width:370px; height:30px; right:15px; top:20px; text-align:center; font-family:ABeeZee, arial, sans-serif; font-weight:bold; font-size:9px; font-style:italic; text-align:center; text-transform:uppercase; color:{color:text}; letter-spacing:10px;}
  270.  
  271.  
  272.  
  273. #icon1 { position:absolute; right:195px; bottom:73px; width: 20px; height:20px; background-color:{color:accent}; border:7px solid {color:container}; border-radius:100px;}
  274. #adname { position:absolute; right:243px; bottom:70px; width: 100px; height:30px; font-family:ABeeZee, arial, sans-serif; font-size:11px; color:#f8f8f8; letter-spacing:2px; line-height:14px; text-align:right;}
  275. #adname tt { font-family:ABeeZee, arial, sans-serif; font-size:10px; letter-spacing:1.5px; color:{color:accent}; }
  276. #icon2 { position:absolute; right:195px; bottom:12px; width: 20px; height:20px; background-color:{color:accent}; border:7px solid {color:container}; border-radius:100px; }
  277. #ad2name { position:absolute; right:243px; bottom:10px; width: 100px; height:30px; font-family:ABeeZee, arial, sans-serif; font-size:11px; color:#f8f8f8; letter-spacing:2px; line-height:14px; text-align:right;}
  278. #ad2name tt { font-family:ABeeZee, arial, sans-serif; font-size:10px; letter-spacing:1px; color:{color:accent}; }
  279.  
  280. /* ---- P O S T S ---- */
  281.  
  282.  
  283. #container { position:absolute; background-color:{color:container}; width: 340px; height:500px; left:50px; bottom:-20px; overflow:auto; overflow-x:hidden; padding:15px; }
  284.  
  285. .posts { width:280px; text-align: justify; padding: 15px; background-color:{color:posts}; margin:10px 15px 50px 15px; float:left; }
  286.  
  287. .posts a{ {color:link}; }
  288.  
  289. .posts img { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  290.  
  291. .photoset { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  292.  
  293. .video { {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  294.  
  295. #info { padding-top:0px; width:280px; letter-spacing:2px; text-align:justify; font-weight:bold; margin-left:-15px; margin-bottom:-10px; background:{color:posts}; padding:25px 15px 0px 15px; line-height:35px; border-bottom:1px solid {color:accent}; }
  296.  
  297. #info a { font-family: 'robold', serif; font-size:7px; font-style:italic; font-weight:bold; padding:0px; letter-spacing:3px; text-transform:uppercase; color:{color:accent}; }
  298.  
  299. .border { top:0px; left:0px; width:50px; height:1px; background-color:{color:accent};}
  300.  
  301.  
  302. #tags { padding-top:0px; width:300px; letter-spacing:2px; text-align:center; font-weight:bold; margin-top:10px; margin-left:-15px; margin-bottom:-15px; background:{color:container}; padding:5px; line-height:12px; }
  303.  
  304. #tags a { font-family: 'robold', sans-serif; font-size:6px; padding:0px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; color:{color:accent shadow};}
  305.  
  306. #tags i { color:{color:text}; font-size:12px; text-shadow:none; }
  307.  
  308. #tags b { font-family:'arial'; letter-spacing:4px; font-size:7px; text-transform:uppercase; font-style:italic; }
  309.  
  310. .more-btn-wrap { position: relative; padding: 10px 0; width: 100%; }
  311.  
  312. .more-btn-wrap a:link { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; position: relative; left: calc(50% - 60px); background: transparent; font-family:'Old Standard TT'; font-size:8px; text-transform:uppercase; font-style:italic; font-weight:bold; letter-spacing:8px; }
  313.  
  314. .more-btn-wrap a:hover { color: {color:bold}; }
  315.  
  316.  
  317. /* ---- a s k s ---- */
  318.  
  319. #question { padding:30px; margin:-15px; margin-bottom:10px; text-align:justify; background-color:{color:accent}; color:{color:text}; letter-spacing:2px; }
  320.  
  321. #question b { color:{color:italic}; font-family:'robold'; font-size:9px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; }
  322.  
  323. #question i { font-size:12px; color:{color:italic}; letter-spacing:8px; }
  324.  
  325. #question a { color:{color:posts}; }
  326.  
  327. /* ---- a u d i o ---- */
  328.  
  329. .playwrapper { height:60px; padding-bottom:5px; overflow:hidden; position:relative; padding:5px; background:{color:page border}; border:5px solid {color:accent}; border-radius:4px; }
  330.  
  331. .coverart { width:60px; height:60px; position:relative; display:inline-block; background-size:cover; border-top-left-radius:7px; border-bottom-left-radius:7px; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  332.  
  333. .audio { position:absolute; display:inline-block; top:0px; bottom:0px; left:0px; right:0px; text-align:left; }
  334.  
  335. .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; }
  336.  
  337. .player:hover { opacity:.8; }
  338.  
  339. .player .audio_player { width:30px; height:30px; margin-top:15px; margin-left:10px; overflow:hidden; }
  340.  
  341. .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: 'Montserrat', sans-serif; text-transform:uppercase;letter-spacing:1px; color:{color:text}; text-shadow: 0 0 0.1em {color:text}; }
  342.  
  343. /* ---- q u o t e s ---- */
  344.  
  345. #quote{ text-align:center; font-size:18px; font-family:'georgia'; letter-spacing:1px; padding:15px; font-style:italic;}
  346.  
  347. #source { font-size:8px; font-family: 'robold', sans-serif; text-transform:uppercase;letter-spacing:1px; padding:5px; text-align:right; margin-bottom:-10px;}
  348.  
  349. /* ---- c h a t s ---- */
  350.  
  351. .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}
  352. .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; }
  353. .footerright .viasrc { float: left; }
  354. .asked a { margin:0;padding:0; }
  355. .convo { overflow: hidden; list-style-type: none; padding: 0; margin: 0; }
  356.  
  357.  
  358. /* ---- p e r m a l i n k ----*/
  359.  
  360. #notecontainer { margin-top: auto; width: 300px; font-size:9px; padding:10px;}
  361.  
  362. #notecontainer img.avatar { margin-right: 10px; width: 16px; height: 16px; border-radius:100px; -webkit-filter:grayscale(100%); }
  363.  
  364. /* ---- credit, do not delete unless you want these hands ---- */
  365.  
  366. #credit { position:fixed; bottom:10px; left:10px; font-size:7px; width:80px; height:12px; font-family:robold; color:{color:text}; font-weight:bold; text-transform:uppercase; letter-spacing: 0px; font-style:normal; background:{color:sidebar}; border-radius:5px; padding:5px 0px; text-align:center;letter-spacing:2px; line-height:12px; }
  367. #credit a { color:{color:text}; font-weight:bold; }
  368. #credit tt { color:{color:text}; font-size:14px; font-size:9px;}
  369.  
  370. /* ---- l i k e & r e b l o g ---- */
  371.  
  372. .buttons { width:50px; height:44px; padding:3px; margin:0px; margin-left:304px; margin-top:-17px; font-size:13px; }
  373.  
  374. svg { width:13px; height:auto; opacity:.5; padding:1px; display:block; overflow:visible; }
  375.  
  376. .controls a { position:relative; display:inline-block; overflow:hidden; padding:5px 0px; width:15px; height:26px; color:{color:link}; text-shadow: 0 0 0.1em {color:link}; }
  377.  
  378. .controls .reblog svg { width:11px; margin-top:1px; }
  379.  
  380. .controls .like .liked + svg path { margin-top:-20px; fill:#ec5a5a; }
  381.  
  382. .controls .like .like_button { position:relative; }
  383.  
  384. .controls .like .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; opacity:0; }
  385.  
  386. </style>
  387. </head>
  388.  
  389.  
  390. <body>
  391.  
  392.  
  393.  
  394. <div id="holder">
  395. <img src="{image:main graphic}">
  396.  
  397. <div id="sidebar">
  398.  
  399. <div id="icon"> <img src="{image:icon}"> </div>
  400. <div id="title"> {text:title} </div>
  401.  
  402. <div id="description">{text:desc} </div>
  403.  
  404.  
  405. <div id="links">
  406. <ul class="tab">
  407. <li><a href="/" class="tablinks" title="refresh."> <i class="icon-home"></i> </a></li>
  408. <li><a href="/faq." class="tablinks" title="inquire."> <i class="icon-bubbles"></i> </a></li>
  409. <li><a href="#" class="tablinks" title="{text:tab link title}" onclick="openCity(event, 'tabone')"> <i class="icon-globe"></i> </a></li>
  410. <li><a href="{text:free link url}" class="tablinks" title="{text:free link title}"> <i class="icon-energy"></i> </a></li>
  411. </ul>
  412. </div>
  413. </div>
  414.  
  415. <!-- N A V I T A B -->
  416.  
  417. <div id="tabone" class="tabcontent">
  418. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  419.  
  420. <div id="cover"> </div>
  421. <div id="cover2"> </div>
  422.  
  423. <div id="graphic"> </div>
  424. <div id="title2"> {text:tab title}</div>
  425.  
  426.  
  427. <div id="plot">
  428. <div class="title">the storyline.</div>
  429. <div class="subtitle">—where it all began</div>
  430. <div class="plot">
  431. <h2 style="text-align:right; font-size:14px;">preface.</h2>
  432.  
  433. <p style="font-size:8px;"> “Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.” </p>
  434.  
  435. <h2 style="text-align:left;font-size:14px;">chapter one.</h2>
  436. &nbsp;&nbsp;&nbsp;Sed ut perspi ciatis unde omnis iste natus error sit volup tatem accusa ntium dol oremque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?<br><br>
  437.  
  438. &nbsp;&nbsp;&nbsp;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?<br><br>
  439.  
  440. &nbsp;&nbsp;&nbsp;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?<br><br>
  441.  
  442. <h2 style="text-align:right;font-size:14px;">chapter two.</h2>
  443.  
  444. &nbsp;&nbsp;&nbsp;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?<br><br>
  445.  
  446. &nbsp;&nbsp;&nbsp;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?<br><br>
  447.  
  448. <h2 style="text-align:left;font-size:14px;">summary.</h2>
  449.  
  450. &nbsp;&nbsp;&nbsp;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?.
  451.  
  452. </div>
  453. </div>
  454.  
  455. <div id="navi">
  456. <div class="navi">
  457. <h1>before.</h1>
  458. <a href="/url">link tba.</a><tt> 01.</tt><br>
  459. <a href="/url">link tba.</a><tt> 02.</tt><br>
  460. <a href="/url">link tba.</a><tt> 03.</tt><br>
  461. <a href="/url">link tba.</a><tt> 04.</tt><br>
  462. <a href="/url">link tba.</a><tt> 05.</tt><br>
  463. <a href="/url">link tba.</a><tt> 06.</tt><br>
  464.  
  465. <h1>after.</h1>
  466. <a href="/url">link tba.</a><tt> 01.</tt><br>
  467. <a href="/url">link tba.</a><tt> 02.</tt><br>
  468. <a href="/url">link tba.</a><tt> 03.</tt><br>
  469. <a href="/url">link tba.</a><tt> 04.</tt><br>
  470. <a href="/url">link tba.</a><tt> 05.</tt><br>
  471.  
  472. </div>
  473. </div>
  474.  
  475.  
  476.  
  477. <div id="rules">
  478. <div class="rules">
  479.  
  480. <i>001.</i> Sed ut perspi ciatis unde omnis iste natus error sit volup tatem accusa ntium dol oremque laudan tium, totam rem aperiam. <br><br>
  481.  
  482. <i>002.</i> Sed ut perspi ciatis unde omnis iste natus error sit volup tatem accusa ntium dol oremque laudan tium, totam rem aperiam <br><br>
  483.  
  484. <i>003.</i> Sed ut perspi ciatis unde omnis iste natus error sit volup tatem accusa ntium dol oremque laudan tium, totam rem aperiam <br><br>
  485.  
  486. <i>004.</i> Sed ut perspi ciatis unde omnis iste natus error sit volup tatem accusa ntium dol oremque laudan tium, totam rem aperiam <br><br>
  487.  
  488. <i>005.</i> please, relax and have fun !
  489.  
  490. </div>
  491. </div>
  492.  
  493.  
  494.  
  495. <div id="subtitle">{text:tab subtitle}</div>
  496.  
  497. <div id="icon1"> </div>
  498. <div id="adname"> admin alias.<br> <tt>main admin.</tt> </div>
  499. <div id="icon2"> </div>
  500. <div id="ad2name"> admin alias.<br><tt>graphic admin.</tt> </div>
  501. </div>
  502.  
  503.  
  504. <!-- PLEASE DO NOT REMOVE MY CREDIT -->
  505.  
  506. <div id="credit"><a href="http://internetsmom.tumblr.com/" title="credit"> code by six.</span></a></div>
  507.  
  508. <!-- YOU CAN TOUCH THE REST IF U WANT THO LMAO -->
  509.  
  510.  
  511.  
  512. <div id="container">
  513. {block:posts}
  514.  
  515. <div class="posts" id="{PostID}">
  516.  
  517.  
  518. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  519.  
  520. {block:More}
  521. <div class="more-btn-wrap">
  522. <a href="{Permalink}" class="more-btn">
  523. Read More
  524. </a>
  525. </div>
  526. {/block:More}
  527.  
  528. {block:Quote}<div id="quote">“{Quote}” </div> <div id="source">— {Source}</div>{/block:Quote}
  529.  
  530. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  531. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  532.  
  533. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  534. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  535.  
  536. {block:Photoset}<center>{Photoset-500}</center>
  537. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  538.  
  539. {block:Chat} {block:Title}
  540. <h1>{Title}</h1>{/block:Title}<br>
  541. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  542. {Line}</li>{/block:Lines}</ul> {/block:Chat}
  543.  
  544. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  545.  
  546. {block:Answer}<div id="question"><i class="fa fa-user" aria-hidden="true"> </i><b>{Asker} says: </b> {Question}</div>{Answer}{/block:Answer}
  547.  
  548. {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}
  549.  
  550. {block:Date}
  551. <div id="info">
  552. <div class="border"></div>
  553. <a href="{Permalink}">{TimeAgo} {block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount} </a> {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  554. {/block:NoRebloggedFrom}
  555. </div>{/block:Date}
  556.  
  557. {block:HasTags}
  558. <div id="tags">
  559. {block:Tags} <b>⨯</b><a href="{TagURL}">{Tag},</a> {/block:Tags}
  560. </div>{/block:HasTags}
  561. </div> <!---posts div--->
  562.  
  563. {block:PostNotes}
  564. <div id="notecontainer">{PostNotes}</div>
  565. {/block:PostNotes}
  566. {/block:Posts}
  567. {block:ContentSource}{SourceURL}
  568. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  569. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  570. {/block:ContentSource}
  571.  
  572.  
  573. {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}
  574.  
  575. </div> <!---container div--->
  576. </div> <!--- holder div --->
  577.  
  578. </body>
  579. </html>
Advertisement
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!