API tools faq
paste
Advertisement
juicebcx

HONEYBADGER: THEME TWENTY-ONE.

juicebcx
Apr 16th, 2017
5,556
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.19 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.  
  16. -->
  17. <html>
  18. <head>
  19.  
  20. <!-- META TAGS, SCRIPTS & GOOGLE FONTS -->
  21.  
  22. <meta name="color:background" content="#ffffff">
  23. <meta name="color:page border" content="#bbbbbb"/>
  24. <meta name="color:text" content="#c0bdb8" />
  25. <meta name="color:link hover" content="#fdfdfd" />
  26. <meta name="color:link" content="#c0bdb8" />
  27. <meta name="color:Bold" content="#777777" />
  28. <meta name="color:Italic" content="#bbbbbb"/>
  29. <meta name="color:borders" content="#bbbbbb"/>
  30. <meta name="color:posts" content="#fdfdfd" />
  31. <meta name="color:accent" content="#bbbbbb"/>
  32.  
  33. <meta name="image:background" content=""/>
  34. <meta name="image:icon" content=""/>
  35.  
  36.  
  37. <meta name="if:grayscale" content="1"/>
  38.  
  39. <meta name="text:desc" content="description here" />
  40. <meta name="text:title" content="title here" />
  41. <meta name="text:subtitle" content="this is the subtitle" />
  42. <meta name="text:top title" content="side title." />
  43. <meta name="text:link1" content="/" />
  44. <meta name="text:link2" content="/ask" />
  45. <meta name="text:link3" content="url" />
  46. <meta name="text:link4" content="url" />
  47. <meta name="text:link 1 title" content="refresh" />
  48. <meta name="text:link 2 title" content="message" />
  49. <meta name="text:link 3 title" content="link" />
  50. <meta name="text:link 4 title" content="link" />
  51.  
  52.  
  53. <link rel="shortcut icon" href="{Favicon}" />
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  55. <title>{Title}</title>
  56. {block:Description}<meta name="description" content="{MetaDescription}" /> {/block:Description}
  57.  
  58.  
  59. <script>
  60. function openCity(evt, cityName) {
  61. var i, tabcontent, tablinks;
  62. tabcontent = document.getElementsByClassName("tabcontent");
  63. for (i = 0; i < tabcontent.length; i++) {
  64. tabcontent[i].style.display = "none";
  65. }
  66. tablinks = document.getElementsByClassName("tablinks");
  67. for (i = 0; i < tablinks.length; i++) {
  68. tablinks[i].className = tablinks[i].className.replace(" active", "");
  69. }
  70. document.getElementById(cityName).style.display = "block";
  71. evt.currentTarget.className += " active";
  72. }
  73. </script>
  74.  
  75. <script type="text/javascript">
  76. $(document).ready(function(){
  77.  
  78. $('ul.tabs li').click(function(){
  79. var tab_id = $(this).attr('data-tab');
  80.  
  81. $('ul.tabs li').removeClass('current');
  82. $('.tab-content').removeClass('current');
  83.  
  84. $(this).addClass('current');
  85. $("#"+tab_id).addClass('current');
  86. })
  87.  
  88. })
  89. </script>
  90.  
  91. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  92. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  93.  
  94. <script>
  95. (function($){
  96. $(document).ready(function() {
  97. $("a[title]").style_my_tooltips({
  98. tip_follows_cursor:true,
  99. tip_delay_time:90,
  100. tip_fade_speed:600,
  101. attribute:"title"
  102. });
  103. });
  104. })(jQuery);
  105. </script>
  106.  
  107. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  108.  
  109. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  110.  
  111. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  112.  
  113. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  114.  
  115. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  116.  
  117. <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  118. rel="stylesheet">
  119.  
  120. <link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
  121.  
  122. <link href="https://fonts.googleapis.com/css?family=Fjalla+One|Open+Sans" rel="stylesheet">
  123.  
  124. <link href='https://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
  125.  
  126. <link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
  127.  
  128. <link href="https://fonts.googleapis.com/css?family=Reenie+Beanie" rel="stylesheet">
  129.  
  130. <link href="https://fonts.googleapis.com/css?family=Shrikhand" rel="stylesheet">
  131.  
  132. <style type="text/css">
  133.  
  134. .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;}
  135.  
  136. #s-m-t-tooltip { max-width:300px; border-radius: 8px; padding:0px 5px; margin:25px 20px 5px 0px; color:{color:text}; background: {color:page border}; border:1px solid {color:borders}; z-index:99999; font-size:7px; text-transform:uppercase; font-family:arial; letter-spacing:2px; font-weight:bold; z-index:999999999999999; }
  137.  
  138. ::-webkit-scrollbar { width: 1px; height:3px; background: transparent;}
  139. ::-webkit-scrollbar-thumb { background-color: transparent; -webkit-border-radius: 1ex; }
  140.  
  141.  
  142. /* ---- TEXTS & CUSTOM FONTS ----*/
  143.  
  144.  
  145. @font-face{ font-family:"lemonade"; src: url('https://dl.dropboxusercontent.com/s/wzjrssgj3yzcgyl/Lemon_Tuesday%5B1%5D.otf’)'); }
  146.  
  147. @font-face{ font-family:"shorelines"; src: url('https://dl.dropboxusercontent.com/s/gdujrcvp8lg7yvq/Shorelines_Script_Bold%5B1%5D.otf’)'); }
  148.  
  149. @font-face{ font-family:"code light"; src: url('https://dl.dropboxusercontent.com/s/kxva1qin1eskpmy/CODE%20Light.otf’)'); }
  150.  
  151. @font-face{ font-family:"code bold"; src: url('https://dl.dropboxusercontent.com/s/ttrq4neajdfqzjp/CODE%20Bold.otf’)'); }
  152.  
  153. @font-face{ font-family:"champagne"; src: url('https://dl.dropboxusercontent.com/s/w4f1yez95rt180i/Champagne%20%26%20Limousines.ttf’)'); }
  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 { padding:10px; background-color:{color:sidebar}; font-size:9px; text-transform:uppercase; text-align:center; font-family: 'champagne'; letter-spacing:3px; font-weight:bold; text-shadow: 0 0 0.1em {color:text}; }
  166.  
  167. h2 { text-transform:uppercase; text-align:center; font-family: 'Montserrat', sans-serif; letter-spacing:4px; font-size:10px; }
  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 a { border:none; width:100%; }
  176.  
  177. .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; -transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
  178. .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: {color:sidebar}; opacity:0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
  179. .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; }
  180. .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
  181.  
  182.  
  183.  
  184. /* ---- BODY & CONTAINER ---- */
  185.  
  186. body {color:{color:text};
  187. background-color:{color:background};
  188. font-family:arial;
  189. font-size:10px;
  190. line-height:17px;
  191. text-align:justify;
  192. }
  193.  
  194.  
  195. #holder { width:500px; height:255px; margin: auto; left:0; top:0; bottom:0; right:0; background-color:{color:borders}; position:absolute; border: 10px solid {color:borders}; }
  196.  
  197.  
  198.  
  199.  
  200. /* ---- TOP BAR & TITLE ---- */
  201.  
  202.  
  203. #topbar { position:fixed; margin: -10px; width:100%; height:20px; padding:5px; background-color:{color:page border}; border-bottom: 1px solid {color:borders}; z-index:9999999;}
  204.  
  205. #toptitle { position:absolute; left: 10px; top: 8px; font-family: 'Montserrat', sans-serif; font-size:7px; letter-spacing:3px; text-transform:uppercase; }
  206.  
  207. #toptitle b { font-size:15px; font-family: 'lemonade'; text-transform:lowercase; letter-spacing:1px; color:{color:bold};}
  208.  
  209.  
  210. /* ---- SIDEBAR ---- */
  211.  
  212.  
  213. #sidebar { position:fixed; width:300px; height:100%; left: 0px; top:-10px; background-color:#f8f8f8; padding:20px; overflow:hidden; border-right: 1px solid #eaeaea; background-image:url('{image:background}');}
  214.  
  215. #box { position:fixed; width:270px; height:385px; margin: auto; left:0; top:0; bottom:0; right:0; background-color:#f8f8f8; position:absolute; border-radius: 10px; overflow:hidden;}
  216.  
  217. #header { position:absolute; width:270px; height:100px; overflow: hidden; }
  218.  
  219. #title { position:absolute; width:150px; height 35px; left: 135px; top: -2px; font-size:34px; font-family: 'lemonade'; text-transform:lowercase; letter-spacing:0px; line-height: 20px; color:{color:italic}; text-shadow: 0 0 0.1em {color:italic}; transform: rotate(-5deg); }
  220.  
  221. #description { position: absolute; width:230px; height: 150px; top:140px; padding: 20px; }
  222.  
  223. #desc { position: absolute; width:200px; height: 130px; padding: 15px; border: 1px solid {color:borders}; ont-family: 'Montserrat', sans-serif; font-size:7px; letter-spacing:2px; text-transform:uppercase; overflow:hidden; font-weight:bold; }
  224.  
  225. #desc i {font-family:'lemonade'; text-transform:lowercase; font-size:11; color:{color:bold};}
  226.  
  227. #subtitle { position: absolute; top: 170px; left: 50px; width:160px; height: 10px; padding: 3px; border: 1px solid {color:borders}; background-color:{color:page border}; font-family: 'Montserrat', sans-serif; font-size:7px; letter-spacing:2px; text-transform:uppercase; text-align:center; line-height:11px; overflow:hidden; font-weight:bold; }
  228.  
  229. #bar { position:absolute; bottom:0px; left:0px; width:270px; height:30px; padding:5px; background:{color:background}; }
  230.  
  231. #pagination { position:absolute; font-family: 'shorelines', sans-serif; text-transform:lowercase; text-align:center; font-weight:bold; letter-spacing:1px; font-size:15px; width:270px; height:30px; margin-left:0px; line-height:30px; margin-top:0px; margin-bottom:2px; text-shadow: 0 0 0.1em {color:text}; }
  232.  
  233. #pagination a { font-weight:bold; text-shadow: 0 0 0.1em {color:link};}
  234.  
  235.  
  236. /* ---- l i n k s ---- */
  237.  
  238. #linkage { position: absolute; left:0px; top:100px; width:270px;height:22px; text-align:center; font-size:25px; padding:7px; padding-top:11px; background-color: {color:background};}
  239.  
  240. #linkage li { width:13px;height:13px; padding:9px; list-style:none; text-align:center; line-height:5px; background-color:{color:posts}; border-radius:100px; margin-right:6px; float:left; }
  241.  
  242. #linkage a { font-weight:bold; text-transform:uppercase; font-family: 'Montserrat', sans-serif; line-height:13px; font-size:13px;letter-spacing:2px; background-color:{color:posts}; color:{color:bold}; text-shadow: 0 0 0.1em {color:text}; }
  243.  
  244. #linkage i { color:{color:bold}; }
  245.  
  246. ul.tab { position:relative; overflow:hidden; list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: transparent; left:0px; top:-7px; z-index:999999999; }
  247.  
  248. ul.tab li { width: 32px; }
  249.  
  250. ul.tab li a{ display:inline-block; color:{color:accent}; margin-bottom:15px; font-family: calibri; font-weight:bold; text-transform:uppercase; text-align:right; letter-spacing:4px; line-height:18px; background:{color:borders}; }
  251.  
  252. ul.tab .icon{ position:absolute; background:{color:accent}; width: 10px; height:10px; padding:5px; line-height:10px; text-align:center; border-radius:100px; font-size:10px; color:{color:page border}; top:4px; }
  253.  
  254. ul.tab li:hover .icon { position:absolute; background:{color:page border}; width: 10px; height:10px; padding:5px; line-height:10px; text-align:center; border-radius:100px; font-size:10px; color:{color:accent}; top:4px; }
  255.  
  256. .tabcontent { display: none; height:375; width:360px; padding:0px; margin-left:292px; margin-top:0px; background-color:transparent; z-index:99999; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; }
  257.  
  258. .tabcontent.current{ display: inherit; }
  259.  
  260. @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  261.  
  262. @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  263.  
  264.  
  265. /* ---- P O S T S ---- */
  266.  
  267.  
  268. #container { position:fixed; width: 100%; height:94%; left:350px; overflow:auto; padding-top:60px; {block:PermalinkPage} width: 600px; {/block:PermalinkPage} }
  269.  
  270. .posts { width:450px; text-align: justify; padding: 10px; background-color:{color:posts}; margin:15px; margin-bottom:40px; border:1px solid {color:borders}; }
  271.  
  272. .posts a{ {color:accent}; }
  273.  
  274. .posts img { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  275.  
  276. .photoset { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  277.  
  278. .video { {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  279.  
  280. #info { position:absolute; margin-left:-11px; margin-top:-41px; width:464px; padding:3px; height:24px; 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;}
  281.  
  282. #information { position:absolute; margin-left:-4px; margin-top:-4px; width:396px; padding:3px 10px; height:24px; overflow:hidden; z-index:999999999; background-color: {color:page border}; text-align:right; font-family: 'Montserrat', sans-serif; font-size:7px; letter-spacing:3px; text-transform:uppercase; line-height:26px; border:1px solid {color:borders}; overflow:hidden;}
  283.  
  284. #information i { font-size:10px; letter-spacing:3px;}
  285.  
  286. #tags { padding-top:0px; width:450px;letter-spacing:2px; text-align:justify; font-weight:bold; margin-top:10px; margin-left:-11px; margin-bottom:-11px; background:{color:page border}; padding:10px; line-height:12px; border:1px solid {color:borders}; }
  287.  
  288. #tags a { font-family: 'Montserrat', sans-serif; font-size:7px; padding:0px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; }
  289.  
  290. #tags i { color:{color:text}; font-size:12px; text-shadow:none; }
  291.  
  292. #tags b { font-family:'lemonade'; letter-spacing:3px; font-size:10px; text-transform:uppercase; color:{color:text};}
  293.  
  294. /* ---- a s k s ---- */
  295.  
  296. #question { padding:20px 30px; margin-bottom:10px; text-align:justify; border-radius:10px; background-color:{color:page border};}
  297.  
  298. #question b { color:{color:text}; font-size:9px; text-transform:uppercase; font-family:'lemonade'; letter-spacing:3px; text-shadow: 0 0 0.1em {color:text}; }
  299.  
  300. #question i { font-size:12px; color:{color:bold}; letter-spacing:8px; }
  301.  
  302. #question tt { font-family:sacramento; font-size:20px; text-transform:lowercase; letter-spacing:1px; }
  303.  
  304. /* ---- a u d i o ---- */
  305.  
  306. .playwrapper { height:60px; padding-bottom:5px; overflow:hidden; position:relative; padding:5px; background:{color:page border}; border:5px solid {color:background};}
  307.  
  308. .coverart { width:60px; height:60px; position:relative; display:inline-block; background-size:cover; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  309.  
  310. .audio { position:absolute; display:inline-block; top:0px; bottom:0px; left:0px; right:0px; text-align:left; }
  311.  
  312. .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; }
  313.  
  314. .player:hover { opacity:.8; }
  315.  
  316. .player .audio_player { width:20px; height:20px; margin-top:10px; margin-left:10px; overflow:hidden; }
  317.  
  318. .songinfo { border-left:5px solid {color:background}; 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}; }
  319.  
  320.  
  321. /* ---- q u o t e s ---- */
  322.  
  323. #quote{ background-color:{color:page border}; font-size:7px; font-family: 'Montserrat', sans-serif; text-transform:uppercase;letter-spacing:1px; padding:15px; }
  324.  
  325. #source { font-size:9px; font-family: 'Montserrat', sans-serif; text-transform:uppercase;letter-spacing:1px; padding:5px; text-align:right; margin-bottom:-10px;}
  326.  
  327.  
  328. /* ---- c h a t s ---- */
  329.  
  330. .user_1 .label, .user_3 .label, .user_5 .label, .user_7 .label, .user_9 .label, .user_11 .label, .user_12 .label { color:{color:bold}; font-weight:bold; font-size:12px; font-family: 'lemonade', sans-serif; text-transform:uppercase; letter-spacing:3px;}
  331.  
  332. .user_2 .label, .user_4 .label, .user_6, .label, .user_8 .label, .user_10 .label, .user_12 .label, .user_14 .label { color:{color:bold}; font-weight:bold; font-size:12px; font-family: 'lemonade', sans-serif; text-transform:uppercase;letter-spacing:3px;}
  333.  
  334. .user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13 { background-color:{color:background}; padding:5px; border:5px solid transparent; border-radius:5px; }
  335.  
  336. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14 { background-color:{color:page border}; color:{color:text}; padding:5px; border:5px solid transparent; text-align:right; border-radius:5px; }
  337.  
  338. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:5px; font-size:9px; font-family: 'arial', sans-serif; letter-spacing:1px; margin-bottom:8px; line-height:9px; }
  339.  
  340. .notes img{width:10px; position:relative; top:1px}
  341. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  342.  
  343. /* ---- p e r m a l i n k ---- */
  344.  
  345. #notecontainer { margin-top: auto; width: 400px; font-size:9px; padding:10px; }
  346.  
  347. #notecontainer img.avatar { margin-right: 10px; width: 16px; height: 16px; border-radius:100px; -webkit-filter:grayscale(100%); }
  348.  
  349. /* ---- credit, do not delete unless you want these hands ---- */
  350.  
  351. #credit { position:absolute; bottom:10px; right:10px; font-size:14px; width:14px; height:14px; font-family:arial; color:{color:text}; font-weight:bold; text-transform:uppercase; letter-spacing: 0px; font-style:normal; background:{color:page border}; border-radius:100px; padding:8px; z-index:99999999999999;}
  352. #credit a { color:{color:text}; font-weight:bold;letter-spacing:1px; }
  353. #credit i { color:{color:text}; font-size:10px; }
  354.  
  355. /* ---- l i k e & r e b l o g ---- */
  356.  
  357. .buttons { width:50px; height:24px; padding:3px; margin:-4px; margin-left:405px; }
  358.  
  359. svg { width:13px; height:auto; opacity:.5; padding:1px; display:block; overflow:visible; }
  360.  
  361. .controls a { position:relative; display:inline-block; overflow:hidden; padding:5px 0px; width:15px; height:16px; opacity:.5; }
  362.  
  363. .controls .reblog { opacity:.5; }
  364.  
  365. .controls .reblog svg { width:11px; margin-top:1px; }
  366.  
  367. .controls .like .liked + svg { opacity:.5; }
  368.  
  369. .controls .like .liked + svg path { margin-top:-20px; fill:#ec5a5a; }
  370.  
  371. .controls .like .like_button {
  372. position:relative;
  373. }
  374. .controls .like .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; opacity:0; }
  375.  
  376. </style>
  377. </head>
  378.  
  379.  
  380.  
  381.  
  382.  
  383. <body>
  384. <div id="topbar"> <div id="toptitle"> {text:top title}</div> </div>
  385.  
  386. <div id="sidebar">
  387. <div id="box">
  388.  
  389. <div id="header"><img src="{image:icon}"></div>
  390.  
  391. <div id="linkage">
  392. <ul class="tab">
  393. <li><a href="{text:link1}" class="tablinks" title="{text:link 1 title}"> <i class="icon-home"></i> </a></li>
  394. <li><a href="{text:link2}" class="tablinks" title="{text:link 2 title}"> <i class="icon-bubbles"></i></a></li>
  395. <li><a href="{text:link3}" class="tablinks" title="{text:link 3 title}"> <span class="lnr lnr-earth"></span></a></li>
  396. <li><a href="{text:link4}" class="tablinks" title="{text:link 4 title}"> <span class="lnr lnr-heart"></span></a></li>
  397. </ul>
  398. <div id="title">{text:title}</div>
  399. </div>
  400.  
  401. <div id="description">
  402. <div id="desc">{text:desc}</div>
  403. <div id="subtitle">{text:subtitle}</div>
  404. </div>
  405.  
  406. <div id="bar">
  407. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">swim</a> <u>or</u> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}">sink</a><br />{/block:NextPage}{/block:Pagination}</div>
  408. </div>
  409.  
  410.  
  411. </div>
  412. </div>
  413.  
  414. <div id="tabone" class="tabcontent"> <h1>coming soon.</h1> </div>
  415.  
  416. <!-- do not remove-->
  417. <div id="credit"><a href="http://internetsmom.tumblr.com/" title="codes by six"><span class="lnr lnr-poop"></span></a></div>
  418.  
  419. <div id="container">
  420. {block:posts}
  421.  
  422. <div class="posts" id="{PostID}">
  423.  
  424. <div id="info">
  425.  
  426. <div id="information"> <i class="icon-graph"></i> <a href="{Permalink}">{block:Date} {TimeAgo} {/block:Date} {block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount} </a> {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  427. {/block:NoRebloggedFrom}</div>
  428.  
  429. <div class="buttons"><div class="controls">
  430. <a href="{ReblogURL}" target="_blank" class="reblog">
  431. <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>
  432. </a>
  433. <a href="#" class="like">{LikeButton}
  434. <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>
  435. </a>
  436. </div></div>
  437.  
  438. </div>
  439.  
  440. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  441.  
  442. {block:Quote}<div id="quote">“{Quote}” </div> <div id="source">— {Source}</div>{/block:Quote}
  443.  
  444. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  445. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  446.  
  447. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  448. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  449.  
  450. {block:Photoset}<center>{Photoset-500}</center>
  451. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  452.  
  453. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}<br>{Line}</li>{/block:Lines}</ul>{/block:Chat}
  454.  
  455. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  456.  
  457. {block:Answer}<div id="question"><b>{Asker} says: </b> {Question}</div>{Answer}{/block:Answer}
  458.  
  459.  
  460. {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}
  461.  
  462. {block:HasTags}
  463. <div id="tags">
  464. <b>filed under:</b> {block:Tags} <a href="{TagURL}">{Tag},</a> {/block:Tags}
  465. </div>{/block:HasTags}
  466.  
  467.  
  468.  
  469. </div> <!---posts div--->
  470.  
  471. {block:PostNotes}
  472. <div id="notecontainer">{PostNotes}</div>
  473. {/block:PostNotes}
  474. {/block:Posts}
  475. {block:ContentSource}{SourceURL}
  476. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  477. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  478. {/block:ContentSource}
  479. <br />
  480.  
  481. </div> <!---entries div--->
  482. </div> <!---container div--->
  483.  
  484.  
  485.  
  486.  
  487.  
  488. </body>
  489. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!