API tools faq
paste
6THEMES

PARADISE — THEME BY SIX.

6THEMES
May 18th, 2018
2,129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.88 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: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:bold2" content="#777777" />
  35. <meta name="color:phone text" content="#777777" />
  36. <meta name="color:italic" content="#bbbbbb"/>
  37.  
  38. <meta name="image:page bg" content=""/>
  39. <meta name="image:phone bg" content=""/>
  40. <meta name="image:tab bottom img" content=""/>
  41.  
  42. <meta name="if:grayscale" content="1"/>
  43.  
  44. <meta name="text:letter" content="S" />
  45. <meta name="text:title" content="title, up to 3 lines" />
  46. <meta name="text:subtitle" content="title" />
  47. <meta name="text:desc" content="description 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=Old+Standard+TT" rel="stylesheet">
  121.  
  122. <style type="text/css">
  123.  
  124. .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;}
  125.  
  126. #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:arial; letter-spacing:2px; font-weight:bold; z-index:999999999999999; }
  127.  
  128. ::-webkit-scrollbar { width: 1px; height:3px; background: transparent;}
  129. ::-webkit-scrollbar-thumb { background-color: transparent; -webkit-border-radius: 1ex; }
  130.  
  131. /* ---- tumblr controls by @CYANTISTS ---- */
  132.  
  133. iframe.tmblr-iframe { z-index:99999999999999!important; top:0!important; right:0!important; opacity:0.4;
  134.  
  135. 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; }
  136.  
  137. iframe.tmblr-iframe:hover { opacity:0.6!important; }
  138.  
  139.  
  140. /* ---- TEXTS & CUSTOM FONTS ----*/
  141.  
  142. @font-face{ font-family:"astronout"; src: url('https://dl.dropboxusercontent.com/s/v6587r3a6m8y5eh/Astronout.ttf’)'); }
  143.  
  144. @font-face{ font-family:"roboto"; src: url('https://dl.dropboxusercontent.com/s/i5x37kqbtb40s0b/Roboto-Light.ttf’)'); }
  145.  
  146. @font-face{ font-family:"robold"; src: url('https://dl.dropboxusercontent.com/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf’)'); }
  147.  
  148. @font-face{ font-family:"eloquent"; src: url('https://dl.dropboxusercontent.com/s/v2faujqdedjca02/K22%20Didoni.otf’)'); }
  149.  
  150. @font-face{ font-family:"tamoro"; src: url('https://dl.dropboxusercontent.com/s/awqw1tgpb3takgm/TamoroScript_PersonalUseOnly.ttf’)'); }
  151.  
  152. @font-face{ font-family:"vulture"; src: url('https://dl.dropboxusercontent.com/s/0vmo8j907lhkav4/Taken%20by%20Vultures%20Demo.otf’)'); }
  153.  
  154.  
  155. a:link, a:active, a:visited { color: {color:link}; text-decoration:none; }
  156.  
  157. a:hover { color:{color:link hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  158.  
  159. small, sub, sup { font-size:9px; }
  160.  
  161. big { font-size:auto; }
  162.  
  163. b, strong { color:{color:bold} }
  164.  
  165. h1 { font-size:18px; text-align:center; font-family: 'roboto'; text-transform:lowercase; letter-spacing:3px; color:{color:text}; padding:10px; }
  166.  
  167. 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; }
  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.  
  178. /* ---- BODY & CONTAINER ---- */
  179.  
  180.  
  181. 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}');}
  182.  
  183. #holder { width:560px; height:420px; margin: auto; left:0; top:0; bottom:0; right:0; background-color:{color:container}; position:absolute; padding: 35px;}
  184.  
  185. #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}; }
  186.  
  187. /* ---- GRAPHIC ---- */
  188.  
  189. #accent { position:absolute; width:220px; height:300px; bottom:0px; left:0px; background-color:{color:accent}; overflow:hidden;}
  190.  
  191. /* ---- SIDEBAR ---- */
  192.  
  193. #sidebar { position:absolute; width:220px; height:490px; left: 0px; bottom:0px; background-color:{color:sidebar}; overflow:hidden; }
  194.  
  195. #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);}
  196.  
  197. #subtitle { position:absolute; width:220px; line-height:20px; margin:auto; right:0px; top:55px; font-family:'robold'; font-weight:bold; font-size:7px; font-style:italic; text-align:center; text-transform:uppercase; color:{color:text}; letter-spacing:7px; }
  198.  
  199. #subtitle tt { font-family:'robold'; font-size:9px; letter-spacing:11px; }
  200.  
  201. #title { position:absolute; width:220px; height:50px; right:5px; top:15px; font-family:'tamoro'; font-size:40px; color:{color:accent2}; letter-spacing:1px; -webkit-transform: rotate(-3deg); line-height:20px; text-align:right;}
  202.  
  203. #description { position:absolute; margin:auto; left:0; right:0; bottom:30px; width:150px; 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:accent shadow}; overflow:hidden; text-shadow:0 0 0.05em {color:accent shadow}; }
  204.  
  205. #description i { color:{color:accent shadow}; }
  206. #description b { color:{color:accent shadow}; }
  207.  
  208. #pagination { margin-top: auto; width: 330px; font-size:9px; padding:15px; text-align:center; letter-spacing:5px;}
  209.  
  210. #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; }
  211.  
  212. /* ---- l i n k s / t a b s ---- */
  213.  
  214. #links { position: absolute; width:170px; height:30px; left:11px; top:125px; border-radius:5px; }
  215.  
  216. ul.tab { position:absolute; overflow:hidden; list-style-type: none; margin: 0; padding: 0; background-color: transparent; right:5px; top:5px; z-index:999999999; }
  217.  
  218. ul.tab li { width: 20px; float:left; margin-left:7px; margin-right:7px; margin-top:1px; }
  219.  
  220. ul.tab li a{ display:inline-block; color:{color:italic}; font-size:11px; width:11px; height:11px; padding:3px; border-radius:100px; }
  221.  
  222. ul.tab li i{ color:{color:accent2}; font-weight:bold; }
  223.  
  224. .close { position:absolute; top:5px; right:15px; font-weight:bold; color:{color:accent}; z-index:9999999; }
  225. .close:hover { cursor: pointer; }
  226.  
  227. .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; }
  228.  
  229. .tabcontent.current{ display: inherit; }
  230.  
  231. @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  232.  
  233. @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  234.  
  235. /* ---- navigation tab ---- */
  236.  
  237. #tabone { position:absolute; right:0px; bottom:0px; width: 410px; height:490px; background-color:{color:container}; overflow:hidden; }
  238.  
  239. #iphone { position:absolute; left:0px; top:0px; width:240px; height:400px; background-color:{color:posts}; border-bottom-right-radius:15px; overflow:hidden;}
  240.  
  241. .phonebar { position:absolute; left:0px; top:0px; width:240px; height:20px; background-color:rgba(0,0,0,0.4); line-height:15px; color:{color:phone text};}
  242.  
  243. .phonebar i { line-height:20px; color:{color:phone text}; }
  244. .phonedots { position:absolute; left:5px; top:0px; height:15px; font-size:6px; line-height:10px; }
  245.  
  246.  
  247. .time { position:absolute; width:240px; height:40px; line-height:40px; margin:auto; right:0px; top:55px; font-family:'roboto'; font-size:35px; text-align:center; text-transform:uppercase; color:{color:italic}; letter-spacing:7px; color:{color:phone text}; }
  248.  
  249. .unlock { position:absolute; left:0px; bottom:40px; width:240px; height:20px; line-height:15px; font-family:'robold'; font-size:10px; text-align:center; letter-spacing:1px; color:{color:phone text}; }
  250. .unlock i { color:{color:phone text}; }
  251.  
  252. #aesthetics { position:absolute; right:0px; top:0px; width:170px; height:340px; background-color:{color:sidebar}; color:{color:phone text}; }
  253.  
  254. #title2 { position:absolute; width:170px; height:50px; left:-15px; top:65px; font-family:'tamoro'; font-size:38px; color:{color:bold}; letter-spacing:1px; -webkit-transform: rotate(-3deg); line-height:20px; }
  255.  
  256. #description2 { position:absolute; margin:auto; left:0; right:0; bottom:30px; width:120px; height: 205px; padding:0px 20px; font-family: 'robold', sans-serif; font-size:7px; letter-spacing:1.5px; text-transform:uppercase; font-weight:bold; text-align:justify; line-height:20px; color:{color:accent shadow}; overflow:auto; text-shadow:0 0 0.05em {color:accent shadow}; }
  257.  
  258. #description2 i { color:{color:posts}; }
  259. #description2 b { color:{color:posts}; }
  260.  
  261. #navi { position:absolute; right:0px; bottom:0px; width:240px; height:170px; background-color:{color:bold}; border-top-left-radius:140px; }
  262.  
  263. #linkage { position: absolute; width:160px; right:-5px; bottom:0px; padding:5px; text-align:center; }
  264.  
  265. #linkage li { float:left; width:22px; height:22px; padding:7px; list-style:none; text-align:center; line-height:5px; background-color:{color:bold2}; border-radius:100px; margin-right:14px; margin-bottom:14px; border:1px solid {color:bold2};}
  266.  
  267. #linkage a { text-transform:lowercase; font-family: 'eloquent', sans-serif; font-size:22px; line-height:22px; color:{color:sidebar}; }
  268.  
  269. #patch { position:absolute; left:0px; bottom:0px; width:190px; height:100px; background-color:{color:italic}; }
  270.  
  271. /* ---- P O S T S ---- */
  272.  
  273.  
  274. #container { position:absolute; width: 360px; height:440px; right:0px; bottom:0px; overflow:auto; padding:25px; }
  275.  
  276. .posts { width:300px; text-align: justify; padding: 15px; background-color:{color:posts}; margin:10px 15px 50px 15px; float:left; }
  277.  
  278. .posts a{ {color:link}; }
  279.  
  280. .posts img { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  281.  
  282. .photoset { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  283.  
  284. .video { {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  285.  
  286. #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:accent}; }
  287.  
  288. #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}; }
  289.  
  290. .border { top:0px; left:0px; width:50px; height:1px; background-color:{color:accent};}
  291.  
  292.  
  293. #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; }
  294.  
  295. #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};}
  296.  
  297. #tags i { color:{color:text}; font-size:12px; text-shadow:none; }
  298.  
  299. #tags b { font-family:'arial'; letter-spacing:4px; font-size:7px; text-transform:uppercase; font-style:italic; }
  300.  
  301. .more-btn-wrap { position: relative; padding: 10px 0; width: 100%; }
  302.  
  303. .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; }
  304.  
  305. .more-btn-wrap a:hover { color: {color:bold}; }
  306.  
  307.  
  308. /* ---- a s k s ---- */
  309.  
  310. #question { padding:25px; margin:-11px; margin-bottom:10px; text-align:justify; background-color:{color:posts}; border: 1px solid {color:borders}; }
  311.  
  312. #question b { color:{color:italic}; font-size:7px; text-transform:uppercase; font-family:arial; letter-spacing:2px; font-weight:bold; }
  313.  
  314. #question i { font-size:12px; color:{color:italic}; letter-spacing:8px; }
  315.  
  316. #question tt { font-family:sacramento; font-size:20px; text-transform:lowercase; letter-spacing:1px; }
  317.  
  318. /* ---- a u d i o ---- */
  319.  
  320. .playwrapper { height:60px; padding-bottom:5px; overflow:hidden; position:relative; padding:5px; background:{color:page border}; border:5px solid {color:accent}; border-radius:4px; }
  321.  
  322. .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} }
  323.  
  324. .audio { position:absolute; display:inline-block; top:0px; bottom:0px; left:0px; right:0px; text-align:left; }
  325.  
  326. .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; }
  327.  
  328. .player:hover { opacity:.8; }
  329.  
  330. .player .audio_player { width:30px; height:30px; margin-top:15px; margin-left:10px; overflow:hidden; }
  331.  
  332. .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}; }
  333.  
  334. /* ---- q u o t e s ---- */
  335.  
  336. #quote{ text-align:center; font-size:18px; font-family:'georgia'; letter-spacing:1px; padding:15px; font-style:italic;}
  337.  
  338. #source { font-size:8px; font-family: 'robold', sans-serif; text-transform:uppercase;letter-spacing:1px; padding:5px; text-align:right; margin-bottom:-10px;}
  339.  
  340. /* ---- c h a t s ---- */
  341.  
  342. .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}
  343. .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; }
  344. .footerright .viasrc { float: left; }
  345. .asked a { margin:0;padding:0; }
  346. .convo { overflow: hidden; list-style-type: none; padding: 0; margin: 0; }
  347.  
  348.  
  349. /* ---- p e r m a l i n k ----*/
  350.  
  351. #notecontainer { margin-top: auto; width: 300px; font-size:9px; padding:10px;}
  352.  
  353. #notecontainer img.avatar { margin-right: 10px; width: 16px; height: 16px; border-radius:100px; -webkit-filter:grayscale(100%); }
  354.  
  355. /* ---- credit, do not delete unless you want these hands ---- */
  356.  
  357. #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;}
  358. #credit a { color:{color:text}; font-weight:bold;letter-spacing:1px; }
  359. #credit i { color:{color:text}; font-size:14px; }
  360.  
  361. /* ---- l i k e & r e b l o g ---- */
  362.  
  363. .buttons { width:50px; height:44px; padding:3px; margin:0px; margin-left:304px; margin-top:-17px; font-size:13px; }
  364.  
  365. svg { width:13px; height:auto; opacity:.5; padding:1px; display:block; overflow:visible; }
  366.  
  367. .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}; }
  368.  
  369. .controls .reblog svg { width:11px; margin-top:1px; }
  370.  
  371. .controls .like .liked + svg path { margin-top:-20px; fill:#ec5a5a; }
  372.  
  373. .controls .like .like_button { position:relative; }
  374.  
  375. .controls .like .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; opacity:0; }
  376.  
  377. </style>
  378. </head>
  379.  
  380.  
  381. <body>
  382.  
  383.  
  384.  
  385. <div id="holder">
  386.  
  387.  
  388. <div id="sidebar">
  389. <div id="letter"> {text:letter} </div>
  390. <div id="subtitle"> {text:title} </div>
  391.  
  392. <div id="links">
  393. <ul class="tab">
  394. <li><a href="/" class="tablinks" title="refresh."> <i class="icon-home"></i></a></li>
  395. <li><a href="/ask" class="tablinks" title="message."> <i class="icon-bubbles"></i></a></li>
  396. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabone')" title="{text:tab link title}"> <i class="icon-globe"></i></a></li>
  397. <li><a href="{text:free link url}" class="tablinks" title="{text:free link title}"> <i class="icon-heart"></i></a></li>
  398. </ul>
  399. </div>
  400.  
  401. <div id="accent">
  402.  
  403. <div id="description"> {text:desc} </div>
  404. <div id="title">{text:subtitle}</div>
  405.  
  406. </div>
  407.  
  408.  
  409. </div>
  410.  
  411.  
  412. <!-- N A V I T A B -->
  413.  
  414. <div id="tabone" class="tabcontent">
  415. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  416.  
  417. <div id="patch"><img src="{image:tab bottom img}"></div>
  418. <div id="navi"> </div>
  419.  
  420. <div id="aesthetics">
  421. <div id="title2">sviews</div>
  422. <div id="description2"> grass fields at dawn, long overcoats, stained t-shirts, the taste of dirt and disappointment, full ashtrays, dog eared bookmarks, organized mess, cat naps at seven in the evening, insomnia, a collection of dirty mugs along a window seal, thunder clouds filling the sky at three in the afternoon, skin decorated in ink, black cats.
  423. </div>
  424. </div>
  425.  
  426. <div id="iphone">
  427. <img src="{image:phone bg}">
  428. <div class="time">08:37</div>
  429. <div class="phonebar">
  430. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></div>
  431. &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  432. Verizon <i class="fa fa-wifi"></i>
  433. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  434. <i class="fa fa-lock" aria-hidden="true"></i>
  435. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  436. 54% <i class="fa fa-battery-half"></i>
  437. </div>
  438. <div class="unlock">Press home to unlock &nbsp; <i class="fa fa-angle-right"></i></div>
  439. </div>
  440.  
  441. <div id="linkage">
  442. <li><a href="/" title="tba."> 1 </a></li>
  443. <li><a href="/" title="tba."> 2 </a></li>
  444. <li><a href="/" title="tba."> 3 </a></li>
  445. <li><a href="/" title="tba."> 4 </a></li>
  446. <li><a href="/" title="tba."> 5 </a></li>
  447. <li><a href="/" title="tba."> 6 </a></li>
  448. <li><a href="/" title="tba."> 7 </a></li>
  449. <li><a href="/" title="tba."> 8 </a></li>
  450. <li><a href="/" title="tba."> 9 </a></li>
  451. </div>
  452.  
  453. </div>
  454.  
  455.  
  456. <!-- PLEASE DO NOT REMOVE MY CREDIT -->
  457.  
  458. <div id="credit"><a href="http://khevinday.tumblr.com/" title="codes by six"><i class="icon-star"></i></span></a></div>
  459.  
  460. <!-- YOU CAN TOUCH THE REST IF U WANT THO LMAO -->
  461.  
  462.  
  463.  
  464. <div id="container">
  465. {block:posts}
  466.  
  467. <div class="posts" id="{PostID}">
  468.  
  469.  
  470. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  471.  
  472. {block:More}
  473. <div class="more-btn-wrap">
  474. <a href="{Permalink}" class="more-btn">
  475. Read More
  476. </a>
  477. </div>
  478. {/block:More}
  479.  
  480. {block:Quote}<div id="quote">“{Quote}” </div> <div id="source">— {Source}</div>{/block:Quote}
  481.  
  482. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  483. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  484.  
  485. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  486. {block:Caption}{/block:Caption}{/block:Photo}
  487.  
  488. {block:Photoset}<center>{Photoset-500}</center>
  489. {block:Caption}{/block:Caption}{/block:Photoset}
  490.  
  491. {block:Chat} {block:Title}
  492. <h1>{Title}</h1>{/block:Title}<br>
  493. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  494. {Line}</li>{/block:Lines}</ul> {/block:Chat}
  495.  
  496. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  497.  
  498. {block:Answer}<div id="question"><i class="fa fa-user" aria-hidden="true"> </i><b>{Asker} says: </b> {Question}</div>{Answer}{/block:Answer}
  499.  
  500. {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}
  501.  
  502. {block:Date}
  503. <div id="info">
  504. <div class="border"></div>
  505. <a href="{Permalink}">{TimeAgo} {block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount} </a> {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  506. {/block:NoRebloggedFrom}
  507. </div>{/block:Date}
  508.  
  509. {block:HasTags}
  510. <div id="tags">
  511. {block:Tags} <b>⨯</b><a href="{TagURL}">{Tag},</a> {/block:Tags}
  512. </div>{/block:HasTags}
  513. </div> <!---posts div--->
  514.  
  515. {block:PostNotes}
  516. <div id="notecontainer">{PostNotes}</div>
  517. {/block:PostNotes}
  518. {/block:Posts}
  519. {block:ContentSource}{SourceURL}
  520. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  521. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  522. {/block:ContentSource}
  523.  
  524.  
  525. {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}
  526.  
  527. </div> <!---container div--->
  528. </div> <!--- holder div --->
  529.  
  530. </body>
  531. </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!