API tools faq
paste
6THEMES

MAGIC SHOP — THEME BY SIX.

6THEMES
May 18th, 2018
3,758
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.61 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6. ✱ onews.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:sidebar" content="#f0f0f0"/>
  24. <meta name="color:posts" content="#f8f8f8" />
  25. <meta name="color:borders" content="#e7e7e7"/>
  26. <meta name="color:accent" content="#c0bdb8" />
  27. <meta name="color:accent2" content="#c0bdb8" />
  28. <meta name="color:description text" content="#bbb9b4" />
  29. <meta name="color:text" content="#c0bdb8" />
  30. <meta name="color:link" content="#c0bdb8" />
  31. <meta name="color:link hover" content="#fdfdfd" />
  32. <meta name="color:bold" content="#777777" />
  33. <meta name="color:bold2" content="#777777" />
  34. <meta name="color:italic" content="#bbbbbb"/>
  35.  
  36. <meta name="image:page bg" content=""/>
  37. <meta name="image:sidebar" content=""/>
  38. <meta name="image:container" content=""/>
  39. <meta name="image:tab" content=""/>
  40.  
  41. <meta name="if:grayscale" content="1"/>
  42.  
  43. <meta name="text:title" content="title, looks best at about up to 3 lines" />
  44. <meta name="text:subtitle" content="subtitle here, maybe a quote or something it's just some aesthetic text yk yk" />
  45. <meta name="text:desc" content="description here." />
  46. <meta name="text:tabtitle" content="tab title goes here!" />
  47. <meta name="text:tabsubtitle" content="tab subtitle here!" />
  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=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900" rel="stylesheet">
  121.  
  122.  
  123. <style type="text/css">
  124.  
  125. .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;}
  126.  
  127. #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; }
  128.  
  129. ::-webkit-scrollbar { width: 1px; height:3px; background: transparent;}
  130. ::-webkit-scrollbar-thumb { background-color: transparent; -webkit-border-radius: 1ex; }
  131.  
  132. /* ---- tumblr controls by @CYANTISTS ---- */
  133.  
  134. iframe.tmblr-iframe { z-index:99999999999999!important; top:0!important; right:0!important; opacity:0.4;
  135.  
  136. 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; }
  137.  
  138. iframe.tmblr-iframe:hover { opacity:0.6!important; }
  139.  
  140.  
  141. /* ---- TEXTS & CUSTOM FONTS ----*/
  142.  
  143. @font-face{ font-family:"astronout"; src: url('https://dl.dropboxusercontent.com/s/v6587r3a6m8y5eh/Astronout.ttf’)'); }
  144.  
  145. @font-face{ font-family:"roboto"; src: url('https://dl.dropboxusercontent.com/s/i5x37kqbtb40s0b/Roboto-Light.ttf’)'); }
  146.  
  147. @font-face{ font-family:"robold"; src: url('https://dl.dropboxusercontent.com/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf’)'); }
  148.  
  149. @font-face{ font-family:"primetime"; src: url('https://dl.dropboxusercontent.com/s/2b4vrdix7lxxfsw/PRIMETIME%20%E2%95%95%20PERSONAL%20USE%20ONLY.ttf’)'); }
  150.  
  151. @font-face{ font-family:"tamoro"; src: url('https://dl.dropboxusercontent.com/s/awqw1tgpb3takgm/TamoroScript_PersonalUseOnly.ttf’)'); }
  152.  
  153. @font-face{ font-family:"vulture"; src: url('https://dl.dropboxusercontent.com/s/0vmo8j907lhkav4/Taken%20by%20Vultures%20Demo.otf’)'); }
  154.  
  155.  
  156. a:link, a:active, a:visited { color: {color:link}; text-decoration:none; }
  157.  
  158. a:hover { color:{color:link hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  159.  
  160. small, sub, sup { font-size:9px; }
  161.  
  162. big { font-size:auto; }
  163.  
  164. b, strong { color:{color:bold2} }
  165.  
  166. h1 { font-size:18px; text-align:center; font-family: 'roboto'; text-transform:lowercase; letter-spacing:3px; color:{color:text}; padding:10px; }
  167.  
  168. h2 { 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:7px; padding:10px; }
  169.  
  170. h3 { font-family:'robold'; font-size:20px; text-transform:uppercase; text-align:right; letter-spacing:3px; -webkit-text-stroke: 1px #c60f0f; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
  171.  
  172.  
  173. i, em { color:{color:italic}; }
  174.  
  175. p { margin-top:6px; margin-bottom:6px; }
  176.  
  177. blockquote { padding:0px; padding-left:10px; margin:8px; border-left:1px solid {color:text}; }
  178.  
  179. img a { border:none; width:100%; }
  180.  
  181.  
  182. /* ---- BODY & CONTAINER ---- */
  183.  
  184.  
  185. body {color:{color:text}; background-color:{color:background}; font-family:arial; font-size:9px; line-height:17px; text-align:justify; background-image:url('{image:page bg}');}
  186.  
  187. #holder { width:640px; height:400px; margin: auto; left:0; top:0; bottom:0; right:0; background-color:{color:container}; position:absolute; padding: 35px; }
  188.  
  189.  
  190. /* ---- SIDEBAR ---- */
  191.  
  192. #sidebar { position:absolute; width:260px; height:470px; left: 0px; bottom:0px; background-color:{color:sidebar}; overflow:show; }
  193.  
  194. #desc { position:absolute; width:90px; height:270px; bottom:0px; left:0px; background-color:{color:accent2}; overflow:hidden;}
  195.  
  196. #descbox { position:absolute; width:170px; height:270px; bottom:0px; right:0px; background-color:{color:accent}; overflow:hidden;}
  197.  
  198. #description { position:absolute; margin:auto; left:0; right:0; bottom:25px; width:110px; height: 180px; padding:20px 30px; background-color:{color:accent}; font-family: 'robold', sans-serif; font-size:7px; letter-spacing:1px; text-transform:uppercase; font-weight:bold; text-align:justify; line-height:20px; color:{color:description text}; overflow:auto; text-shadow:0 0 0.05em {color:description text}; }
  199.  
  200. #description i { color:{color:description text}; }
  201. #description b { color:{color:description text}; }
  202.  
  203. #subtitle { position:absolute; width:300px; line-height:20px; margin:auto; right:-50px; bottom:60px; font-family:'robold'; font-weight:bold; font-size:9px; font-style:italic; text-align:right; text-transform:uppercase; color:#fff; letter-spacing:6px; }
  204.  
  205. #scroll { position:absolute; width:330px; line-height:20px; margin:auto; right:-0px; bottom:-40px; font-family:'robold'; font-weight:bold; font-size:7px; font-style:italic; text-align:center; text-transform:uppercase; color:{color:description text}; letter-spacing:8px; }
  206.  
  207. #title { position:absolute; width:230px; height:50px; left:80px; bottom:265px; text-align:left; z-index:9999999999999999999999999999;}
  208.  
  209. #title tt { font-family:'robold'; font-size:15px; color:{color:bold}; text-transform:uppercase; letter-spacing:6px; font-style:italic; font-weight:bold; background-color:{color:bold2}; padding:2px; line-height:22px; }
  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:description text}; 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:80px; height:270px; bottom:0px; left:0px; background-color:{color:accent2}; overflow:hidden; }
  218.  
  219. ul.tab { position:absolute; overflow:hidden; list-style-type: none; margin: 0; padding: 0; background-color: transparent; right:5px; top:5px; z-index:999999999; }
  220.  
  221. ul.tab li { float:left; width:17px; height:17px; padding:15px; list-style:none; text-align:center; line-height:5px; background-color:{color:bold2}; border-radius:12px; margin-left:23px; margin-top:15px; }
  222.  
  223. ul.tab li a { font-weight:bold; text-transform:lowercase; font-family: 'eloquent', sans-serif; font-size:17px; line-height:17px; color:{color:bold}; }
  224.  
  225. ul.tab li i { color:{color:bold}; }
  226.  
  227. .close { position:absolute; top:5px; right:7px; font-weight:bold; color:{color:accent}; z-index:9999999; background-color:{color:accent}; color:{color:description text}; padding: 6px; border-radius:50px; line-height:7px; }
  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; bottom:0px; width:400px; height:420px; padding:25px; background-color:{color:container}; }
  241.  
  242. #header { position:absolute; width:710px; height:200px; right:0px; top:0px; background-color:{color:bold2}; }
  243.  
  244. #side { position:absolute; width:240px; height:410px; right:30px; top:30px; background-color:{color:posts}; border-radius:10px; overflow:hidden; }
  245.  
  246. #title2 { position:absolute; width:200px; height:40px; right:0px; top:0px; padding:20px 20px; text-align:right; z-index:999999999; font-family:'primetime'; font-size:20px; text-transform:uppercase; letter-spacing:2px; background-color:{color:accent}; font-weight:bold; line-height:100%; -webkit-text-stroke: 1px {color:description text}; -webkit-text-fill-color: rgba(0, 0, 0, 0);}
  247.  
  248. #plot { position:absolute; width:170px; height:310px; right:10px; top:90px; background-color:{color:posts}; border-radius:10px; overflow:hidden; color:{color:description text}; overflow:auto; padding:5px; text-shadow:0 0 0.05em {color:pdescription text}; }
  249.  
  250. #plot tt { font-family:'robold'; font-size:14px; font-style:italic; }
  251.  
  252. #navi { position:absolute; width:190px; height:190px; left:30px; bottom:40px; background-color:{color:accent}; border-radius:10px; padding-bottom:20px; }
  253.  
  254. .navilinks { position:absolute; width:180px; height:170px; padding:15px; margin-top:0px; margin-left:0px; display:block; }
  255.  
  256. .navilinks li { list-style:none; width: 25px; height:25px; padding:10px; float:left; margin-right:12px; margin-bottom:12px; background-color:{color:bold2}; border-radius:5px; text-align:center; line-height:25px; }
  257.  
  258. .navilinks a { display:block; font-size:40px; font-family:'montserrat'; color:{color:bold}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  259.  
  260. .navilinks a:hover { color:#ffffff; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  261.  
  262. #subtitle2 { position:absolute; width:190px; height:25px; margin-top:178px; font-family:'robold'; font-size:16px; color:{color:bold2}; text-transform:lowercase; letter-spacing:1px; font-weight:bold; padding:2px; line-height:25px; text-align:center; }
  263.  
  264. #subtitle2 i { color:{color:bold2}; }
  265.  
  266. /* ---- container ---- */
  267.  
  268. #graphic { position:relative; width:330px; height:350px; margin:35px 15px 100px 15px; background-color:{color:posts}; }
  269.  
  270.  
  271. #container { position:absolute; width: 380px; height:420px; right:0px; bottom:0px; overflow:auto; padding:25px; }
  272.  
  273. .posts { width:300px; text-align: justify; padding: 15px; background-color:{color:posts}; margin:40px 15px 20px 15px; float:left; }
  274.  
  275. .posts a{ {color:link}; }
  276.  
  277. .posts img { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  278.  
  279. .photoset { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  280.  
  281. .video { {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  282.  
  283. #info { padding-top:0px; width:300px; 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:bold2}; }
  284.  
  285. #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:bold2}; }
  286.  
  287. .border { top:0px; left:0px; width:50px; height:1px; background-color:{color:bold2};}
  288.  
  289.  
  290. #tags { padding-top:0px; width:320px; 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; }
  291.  
  292. #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};}
  293.  
  294. #tags i { color:{color:text}; font-size:12px; text-shadow:none; }
  295.  
  296. #tags b { font-family:'arial'; letter-spacing:4px; font-size:7px; text-transform:uppercase; font-style:italic; }
  297.  
  298. .more-btn-wrap { position: relative; padding: 10px 0; width: 100%; }
  299.  
  300. .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:'robold'; font-size:8px; text-transform:uppercase; font-style:italic; font-weight:bold; letter-spacing:8px; }
  301.  
  302. .more-btn-wrap a:hover { color: {color:bold}; }
  303.  
  304.  
  305. /* ---- a s k s ---- */
  306.  
  307. #question { padding:30px; margin:-15px; margin-bottom:10px; text-align:justify; background-color:{color:bold2}; border-bottom: 1px solid {color:bold2}; color:{color:posts}; }
  308.  
  309. #question b { color:{color:posts}; font-family:'robold'; font-size:10px; text-transform:uppercase; letter-spacing:1px; font-weight:bold; }
  310.  
  311. #question i { font-size:12px; color:{color:italic}; letter-spacing:8px; }
  312.  
  313. #question a { color:{color:posts}; }
  314.  
  315. /* ---- a u d i o ---- */
  316.  
  317. .playwrapper { height:60px; padding-bottom:5px; overflow:hidden; position:relative; padding:5px; background:{color:page border}; border:5px solid {color:accent}; border-radius:4px; }
  318.  
  319. .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} }
  320.  
  321. .audio { position:absolute; display:inline-block; top:0px; bottom:0px; left:0px; right:0px; text-align:left; }
  322.  
  323. .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; }
  324.  
  325. .player:hover { opacity:.8; }
  326.  
  327. .player .audio_player { width:30px; height:30px; margin-top:15px; margin-left:10px; overflow:hidden; }
  328.  
  329. .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}; }
  330.  
  331. /* ---- q u o t e s ---- */
  332.  
  333. #quote{ text-align:center; font-size:18px; font-family:'georgia'; letter-spacing:1px; padding:15px; font-style:italic;}
  334.  
  335. #source { font-size:8px; font-family: 'robold', sans-serif; text-transform:uppercase;letter-spacing:1px; padding:5px; text-align:right; margin-bottom:-10px;}
  336.  
  337. /* ---- c h a t s ---- */
  338.  
  339. .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}
  340. .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; }
  341. .footerright .viasrc { float: left; }
  342. .asked a { margin:0;padding:0; }
  343. .convo { overflow: hidden; list-style-type: none; padding: 0; margin: 0; }
  344.  
  345.  
  346. /* ---- p e r m a l i n k ----*/
  347.  
  348. #notecontainer { margin-top: auto; width: 300px; font-size:9px; padding:10px;}
  349.  
  350. #notecontainer img.avatar { margin-right: 10px; width: 16px; height: 16px; border-radius:100px; -webkit-filter:grayscale(100%); }
  351.  
  352. /* ---- credit, do not delete unless you want these hands ---- */
  353.  
  354. #credit { position:fixed; bottom:10px; left: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:sidebar}; border-radius:100px; padding:8px;}
  355. #credit a { color:{color:text}; font-weight:bold;letter-spacing:1px; }
  356. #credit i { color:{color:text}; font-size:14px; }
  357.  
  358. /* ---- l i k e & r e b l o g ---- */
  359.  
  360. .buttons { width:50px; height:44px; padding:3px; margin:0px; margin-left:304px; margin-top:-17px; font-size:13px; }
  361.  
  362. svg { width:13px; height:auto; opacity:.5; padding:1px; display:block; overflow:visible; }
  363.  
  364. .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}; }
  365.  
  366. .controls .reblog svg { width:11px; margin-top:1px; }
  367.  
  368. .controls .like .liked + svg path { margin-top:-20px; fill:#ec5a5a; }
  369.  
  370. .controls .like .like_button { position:relative; }
  371.  
  372. .controls .like .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; opacity:0; }
  373.  
  374. </style>
  375. </head>
  376.  
  377.  
  378. <body>
  379.  
  380.  
  381.  
  382. <div id="holder">
  383.  
  384.  
  385. <div id="sidebar">
  386. <img src="{image:sidebar}">
  387.  
  388. <div id="desc"> <div id="links">
  389. <ul class="tab">
  390. <li><a href="/" class="tablinks" title="refresh."> <i class="icon-home"></i></a></li>
  391. <li><a href="/ask" class="tablinks" title="message."> <i class="icon-bubbles"></i></a></li>
  392. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabone')" title="{text:tab link title}"> <i class="icon-globe"></i></a></li>
  393. <li><a href="{text:free link url}" class="tablinks" title="{text:free link title}"> <i class="icon-star"></i></a></li>
  394. </ul>
  395. </div>
  396. </div>
  397.  
  398. <div id="descbox"> <div id="description"> {text:desc} </div></div>
  399.  
  400.  
  401. <div id="title"><tt>{text:title}</tt></div>
  402. </div>
  403.  
  404.  
  405. <div id="tabone" class="tabcontent">
  406. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  407. <div id="header"><img src="{image:tab}"></div>
  408.  
  409. <div id="side">
  410. <div id="title2">{text:tabtitle}<br> </div>
  411. <div id="plot"> &nbsp;&nbsp;&nbsp; <tt>lorem ipsum dolor</tt> sit amet, consectetur adipiscing elit. Vestibulum malesuada orci et odio luctus, vel molestie nulla lacinia. Fusce non molestie leo. Nullam facilisis nulla et eros sagittis tincidunt. Curabitur sit amet nisi ligula. Pellentesque ac bibendum risus. Aliquam porttitor condimentum egestas. Praesent condimentum consequat ipsum non imperdiet. Nam dapibus lacus est, at luctus nisi aliquet in. <br><br>
  412.  
  413. &nbsp;&nbsp;Nullam sodales felis non odio hendrerit, eu commodo tortor fermentum. Aliquam ac dui consectetur, placerat odio ac, suscipit augue. Aenean sed ipsum ac urna tristique tincidunt. Pellentesque vehicula aliquam urna, id tristique neque sodales in. Aliquam aliquam, magna laoreet malesuada viverra, tortor ipsum tincidunt risus, in mattis dolor nisi et dolor. Ut tempus tellus at nisi imperdiet cursus. In dictum non dolor eget vestibulum. Mauris mattis at metus vel tincidunt. Vestibulum mollis cursus lacus, a porta mi pulvinar ut. Nulla condimentum felis lacus, in posuere metus pharetra eu. Proin ac neque risus. Aenean cursus metus felis, a elementum felis gravida ut. Pellentesque eget justo ac eros faucibus porttitor. Etiam ac dui interdum, dignissim nisl eu, vehicula sapien. In hac habitasse platea dictumst. Vivamus ac risus sed sapien maximus pharetra. Nunc sed sodales sem. Morbi eget lacus eu nulla dapibus ultrices. In in finibus sapien. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>
  414. </div>
  415.  
  416. <div id="navi">
  417.  
  418. <div class="navilinks">
  419. <li><a href="/urlhere" title="tba">1</a></li>
  420. <li><a href="/urlhere" title="tba">2</a></li>
  421. <li><a href="/urlhere" title="tba">3</a></li>
  422. <li><a href="/urlhere" title="tba">4</a></li>
  423. <li><a href="/urlhere" title="tba">5</a></li>
  424. <li><a href="/urlhere" title="tba">6</a></li>
  425. <li><a href="/urlhere" title="tba">7</a></li>
  426. <li><a href="/urlhere" title="tba">8</a></li>
  427. <li><a href="/urlhere" title="tba">9</a></li>
  428. </div>
  429.  
  430. <div id="subtitle2">{text:tabsubtitle}</div>
  431. </div>
  432.  
  433.  
  434. </div>
  435.  
  436. <!-- PLEASE DO NOT REMOVE MY CREDIT -->
  437.  
  438. <div id="credit"><a href="http://khevinday.tumblr.com/" title="codes by six"><i class="icon-star"></i></span></a></div>
  439.  
  440. <!-- YOU CAN TOUCH THE REST IF U WANT THO LMAO -->
  441.  
  442.  
  443.  
  444. <div id="container">
  445. <div id="graphic"> <img src="{image:container}"> <div id="subtitle">{text:subtitle}</div>
  446. <div id="scroll">scroll for more <i>!</i></div>
  447. </div>
  448.  
  449. {block:posts}
  450.  
  451. <div class="posts" id="{PostID}">
  452.  
  453.  
  454. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  455.  
  456.  
  457.  
  458. {block:Quote}<div id="quote">“{Quote}” </div> <div id="source">— {Source}</div>{/block:Quote}
  459.  
  460. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  461. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  462.  
  463. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  464. {block:Caption}{/block:Caption}{/block:Photo}
  465.  
  466. {block:Photoset}<center>{Photoset-500}</center>
  467. {block:Caption}{/block:Caption}{/block:Photoset}
  468.  
  469. {block:Chat} {block:Title}
  470. <h1>{Title}</h1>{/block:Title}<br>
  471. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  472. {Line}</li>{/block:Lines}</ul> {/block:Chat}
  473.  
  474. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  475.  
  476. {block:Answer}<div id="question"><b>{Asker} says: </b> {Question}</div>{Answer}{/block:Answer}
  477.  
  478. {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}
  479.  
  480. {block:More}
  481. <div class="more-btn-wrap">
  482. <a href="{Permalink}" class="more-btn">
  483. Read More
  484. </a>
  485. </div>
  486.  
  487. {/block:More}
  488. {block:Date}
  489. <div id="info">
  490. <div class="border"></div>
  491. <a href="{Permalink}">{TimeAgo} {block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount} </a> {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  492. {/block:NoRebloggedFrom}
  493. </div>{/block:Date}
  494.  
  495. {block:HasTags}
  496. <div id="tags">
  497. {block:Tags} <b>⨯</b><a href="{TagURL}">{Tag},</a> {/block:Tags}
  498. </div>{/block:HasTags}
  499. </div> <!---posts div--->
  500.  
  501. {block:PostNotes}
  502. <div id="notecontainer">{PostNotes}</div>
  503. {/block:PostNotes}
  504. {/block:Posts}
  505. {block:ContentSource}{SourceURL}
  506. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  507. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  508. {/block:ContentSource}
  509.  
  510.  
  511. {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}
  512.  
  513. </div> <!---container div--->
  514. </div> <!--- holder div --->
  515.  
  516. </body>
  517. </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!