API tools faq
paste
kiadan

Puff Theme

kiadan
Dec 15th, 2015
2,451
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.04 KB | None | 0 0
raw download clone embed print report
  1. <!---- THEME IS BY NEWLEAF 💊
  2. DO NOT REMOVE THE CREDIT --->
  3.  
  4. <html>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{image:favicon}">
  8.  
  9. <meta name="image:background" content=""/>
  10. <meta name="image:sidebar" content=""/>
  11. <meta name="image:favicon" content=""/>
  12.  
  13. <meta name="text:navi text" content="navigation "/>
  14.  
  15. <meta name="text:link 1" content=""/>
  16. <meta name="text:link 1 url" content="/"/>
  17. <meta name="text:link 2" content=""/>
  18. <meta name="text:link 2 url" content="/"/>
  19. <meta name="text:link 3" content=""/>
  20. <meta name="text:link 3 url" content="/"/>
  21.  
  22. <meta name="color:background" content="#fff"/>
  23. <meta name="color:sidebar" content="#fff"/>
  24. <meta name="color:text" content="#000"/>
  25. <meta name="color:link" content="#000"/>
  26. <meta name="color:link hover" content="#fff"/>
  27. <meta name="color:navi bg" content="#cccccc" />
  28. <meta name="color:navi text" content="#000000" />
  29. <meta name="color:post bg" content="#fff"/>
  30. <meta name="color:border" content="#000"/>
  31. <meta name="color:ask bg" content="#fbfbfb"/>
  32. <meta name="color:post info bg" content="#fbfbfb"/>
  33. <meta name="color:chrome scrollbar" content="#000000" />
  34.  
  35. <meta name="if:small cursor" content=""/>
  36. <meta name="if:small scrollbar" content=""/>
  37.  
  38. <meta name="select:font" content="arial"/>
  39. <meta name="select:font" content="ms gothic"/>
  40. <meta name="select:font" content="consolas"/>
  41.  
  42. <meta name="if:round img" content="0"/>
  43. <meta name="if:description" content="1"/>
  44. <meta name="if:borders" content="1"/>
  45. <meta name="if:img border" content="1"/>
  46. <meta name="if:post border" content="0"/>
  47. <meta name="if:navi border" content="0"/>
  48.  
  49. <script type="text/javascript">
  50. // <![CDATA[
  51. var news=Array("navigation");
  52. var cursor="_"; // set cursor
  53. var delay=3; // seconds between each news item
  54.  
  55. /***************************\
  56. * News Ticker Text Effect *
  57. *(c) 2004-6 mf2fm web-design*
  58. * /web/20140216184640/http://www.mf2fm.com/rv *
  59. * DON'T EDIT BELOW THIS BOX *
  60. \***************************/
  61. var newsp, cursp, flash, item=0;
  62. window.onload=function() { if (document.getElementById) {
  63. var span=document.getElementById("news");
  64. while (span.childNodes.length) span.removeChild(span.childNodes[0]);
  65. delay*=1000;
  66. newsp=document.createElement("span");
  67. cursp=document.createElement("span");
  68. cursp.appendChild(document.createTextNode(String.fromCharCode(160)+cursor));
  69. span.appendChild(newsp);
  70. span.appendChild(cursp);
  71. ticker();
  72. }}
  73.  
  74. function ticker() {
  75. var i;
  76. while (newsp.childNodes.length) newsp.removeChild(newsp.childNodes[0]);
  77. newsp.appendChild(document.createTextNode(news[item].substring(0,1)));
  78. for (i=1; i<news[item].length; i++) setTimeout('newsp.firstChild.nodeValue="'+news[item].substring(0, i+1)+'"', 100*i);
  79. if (news[item].indexOf("www")!=-1) setTimeout('linkit('+item+')', 100*i);
  80. setTimeout('flash=setInterval("cursp.style.visibility=(cursp.style.visibility==\'visible\')?\'hidden\':\'visible\'", 234)', 100*i)
  81. setTimeout('clearInterval(flash)', delay);
  82. setTimeout('cursp.style.visibility="visible"', delay);
  83. setTimeout('ticker()', delay);
  84. item=++item%news.length;
  85. }
  86.  
  87. function linkit(q) {
  88. var a,p,e,l;
  89. p=news[q].indexOf("www");
  90. e=news[q].indexOf(" ", p);
  91. if (e==-1) e=news[q].length;
  92. l=news[q].substring(p, e);
  93. while (newsp.childNodes.length) newsp.removeChild(newsp.childNodes[0]);
  94. newsp.appendChild(document.createTextNode(news[q].substring(0, p)));
  95. a=document.createElement("a");
  96. a.href="http://"+l;
  97. a.appendChild(document.createTextNode(l));
  98. newsp.appendChild(a);
  99. newsp.appendChild(document.createTextNode(news[q].substring(e)));
  100. }
  101. // ]]>
  102. </script>
  103.  
  104. <style>
  105.  
  106. {block:ifsmallcursor}
  107. *, body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}{/block:ifsmallcursor}
  108.  
  109. {block:ifsmallscrollbar}
  110. ::-webkit-scrollbar-thumb {
  111. min-height: 60px;
  112. border-left: 4px solid {color:background};
  113. border-right: 4px solid {color:background};
  114. border-top: 2px solid {color:background};
  115. border-bottom: 2px solid {color:background};
  116. background: {color:chrome scrollbar};
  117. }
  118.  
  119. ::-webkit-scrollbar {
  120. width: 11px;
  121. height: 10px;
  122. border-left: 5px solid {color:background};
  123. border-right: 5px solid {color:background};
  124. border-top: 2px solid {color:background};
  125. border-bottom: 2px solid {color:background};
  126. background: {color:chrome scrollbar};
  127. }
  128. {/block:ifsmallscrollbar}
  129.  
  130.  
  131. body {
  132. font-size: 12px;
  133. color: {color:text};
  134. background-image: url('{image:background}');
  135. background-repeat: repeat;
  136. background-attachment: fixed;
  137. background-color: {color:background};
  138. font-family: {select:font};
  139.  
  140. }
  141.  
  142. ul {
  143. list-style-type: circle;
  144. }
  145.  
  146. a, a:visited {
  147. text-decoration: none;
  148. color:{color:link};
  149. -webkit-transition-duration: .3s;
  150. -moz-transition-duration: .3s;
  151. -o-transition-duration: .3s;
  152.  
  153. }
  154.  
  155. a:hover {
  156. color:{color:link hover};
  157. transition-duration: .3s;
  158. -webkit-transition-duration: .3s;
  159. -moz-transition-duration: .3s;
  160. -o-transition-duration: .3s;
  161. }
  162.  
  163. #entries {
  164.  
  165. position: relative;
  166. padding: 10px;
  167. {block:ifpostborder}
  168. border: 1px solid {color:border};
  169. {/block:ifpostborder}
  170. width: 300px;
  171. margin: 30px 5px 20px 570px;
  172. background: {color:post bg};
  173.  
  174.  
  175. }
  176.  
  177. #entries blockquote {
  178.  
  179. color: {color:text};
  180. border-left: 1px solid {color:border};
  181. padding: 0px 0px 0px 10px;
  182.  
  183. }
  184.  
  185. #sidebar {
  186. {block:ifborders}
  187. border:1px solid {color:border};
  188. {/block:ifborders}
  189. position:fixed;
  190. margin-left: 350px;
  191. margin-top: 95px;
  192. width: 100px;
  193. padding:5px;
  194. background:{color:sidebar};
  195. padding-bottom:10px;
  196. }
  197.  
  198. #sidebar img {
  199. {block:ifimgborder}
  200. border:1px solid {color:border};
  201. {/block:ifimgborder}
  202. margin-top: -40px;
  203. width: 80px;
  204. height: 80px;
  205. {block:ifroundimg}
  206. border-radius:100%;
  207. {/block:ifroundimg}
  208. }
  209.  
  210. #navi {
  211. padding-top:7px;
  212.  
  213. color:{color:navi text};
  214. text-align:center;
  215. height:23px;
  216. width:82px;
  217. overflow: hidden;
  218. font-family: {select:font};
  219. -webkit-transition: all .5s ease-in-out;
  220. -moz-transition: all .5s ease-in-out;
  221. -o-transition: all .5s ease-in-out;
  222. }
  223.  
  224. #navi:hover {
  225. height:100px;
  226. }
  227.  
  228. #navi #links {
  229. text-align:center;
  230. letter-spacing:1px;
  231. line-height:13px;
  232.  
  233. }
  234.  
  235. #navi #links a:hover {
  236. }
  237.  
  238. .hover {
  239. padding-top:3px;
  240. background:{color:navi bg};
  241. height:17px;
  242. {block:ifnaviborder}
  243. border:1px solid {color:border} ;{/block:ifnaviborder}
  244. }
  245.  
  246. #sidebar .desc {
  247. margin-top: 10px;
  248. padding-bottom:3px;
  249.  
  250. }
  251.  
  252. .ask {
  253.  
  254. background: {color:ask bg};
  255. border: 1px solid {color:border};
  256. padding: 5px;
  257. }
  258.  
  259. #nav{
  260. margin-left:575px;
  261. max-width:300px;
  262. text-align:center;
  263. padding:3px;
  264. margin-bottom:15px;
  265. margin-top:10px;
  266. }
  267.  
  268. #lmao {
  269. opacity: 1;
  270. padding:4px 4px 4px 3px;
  271. position: fixed;
  272. bottom: 8px;
  273. right: 12px;
  274. color:{color:link};
  275. z-index: 99;
  276. font-size: 17px;
  277. font-weight:bold;}
  278.  
  279.  
  280. </style>
  281.  
  282. <head>
  283.  
  284. </head>
  285.  
  286. <body>
  287.  
  288. <div id="sidebar">
  289. <center>
  290. <img src="{image:sidebar}">
  291.  
  292. {block:ifdescription}
  293. <div class="desc">
  294. {Description}
  295. </div>
  296. {/block:ifdescription}
  297.  
  298. <div id="navi">
  299. <div class="hover">{text:navi text} ▼</div>
  300. <div id="links"><p></p>
  301. <a href="/">home</a><br>
  302. <a href="/ask">ask</a><br>
  303. <a href="{text:Link 1 URL}">{text:Link 1}</a><br>
  304. <a href="{text:Link 2 URL}">{text:Link 2}</a><br>
  305. <a href="{text:Link 3 URL}">{text:Link 3}</a><br>
  306.  
  307. </div>
  308.  
  309. </div>
  310.  
  311. </center>
  312. </div>
  313.  
  314.  
  315. <div id="content">
  316.  
  317. {block:Posts}
  318. <div id="entries">
  319.  
  320.  
  321.  
  322. {block:NoRebloggedFrom}
  323. {block:RebloggedFrom}
  324. {ReblogParentName}
  325. {/block:RebloggedFrom}
  326. {/block:NoRebloggedFrom}
  327.  
  328.  
  329. {block:ContentSource}
  330. <!-- {SourceURL}
  331. {block:SourceLogo}
  332. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  333. {/block:SourceLogo}
  334. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  335. {/block:ContentSource}
  336.  
  337.  
  338. {block:Text}
  339. {block:Title}
  340. <b>{Title}</b>
  341. {block:Title}
  342. {Body}
  343. {/block:Text}
  344.  
  345. {block:Photo}
  346. {LinkOpenTag}
  347. <img src="{PhotoURL-400}" alt="{PhotoAlt}" style="width: 300px;">
  348. {LinkCloseTag}
  349. {block:Caption}
  350. {Caption}
  351. {/block:Caption}
  352. {/block:Photo}
  353.  
  354. {block:Photoset}
  355. {LinkOpenTag}
  356. {Photoset}
  357. {LinkCloseTag}
  358. {block:Caption}
  359. {Caption}
  360. {/block:Caption}
  361. {/block:Photoset}
  362.  
  363. {block:Quote}
  364. {Quote}
  365. {block:Source}
  366. {Source}
  367. {/block:Source}
  368. {/block:Quote}
  369.  
  370. {block:Link}
  371. <a href="{URL}" target="_blank">{Name}</a>
  372. {block:Caption}
  373. {Caption}
  374. {/block:Caption}
  375. {/block:Link}
  376.  
  377. {block:Chat}
  378. {block:Title}
  379. <b>{Title}</b>
  380. {/block:Title}
  381. {block:Lines}
  382. <div class="line {Alt}">
  383. {block:Label}
  384. <b>{Label}</b>
  385. {/block:Label}
  386. {Line}
  387. </div>
  388. {/block:Lines}
  389. {/block:Chat}
  390.  
  391. {block:Audio}
  392. {block:AudioPlayer}
  393. {AudioPlayer}
  394. {block:AudioPlayer}
  395. {block:TrackName}
  396. {TrackName}
  397. {/block:TrackName}
  398. {block:Artist}
  399. {Artist}
  400. {/block:Artist}
  401. {block:Caption}
  402. {Caption}
  403. {/block:Caption}
  404. {/block:Audio}
  405.  
  406. {block:Video}
  407. <div style="overflow:hidden;">
  408. {Video-400}
  409. </div>
  410. {block:Caption}
  411. {Caption}
  412. {block:Caption}
  413. {/block:Video}
  414.  
  415. {block:Answer}
  416. <div class="ask">
  417. {Asker} said:
  418. {Question}
  419. </div>
  420. {Answer}
  421. {block:Answerer}
  422. {Answerer}
  423. {/block:Answerer}
  424. {/block:Answer}
  425.  
  426. {block:PostNotes}
  427. {PostNotes}
  428. {/block:PostNotes}
  429. <!-- PERMALINK -->
  430.  
  431. {block:Date}
  432. <div class="permalink" style="margin-top:5px; background:{color:post info bg}; padding:10px">
  433. <a href="{Permalink}">
  434. {TimeAgo}
  435. +{NoteCount}<br>
  436. {block:HasTags}
  437. {block:Tags}
  438. #{Tag}
  439. {/block:Tags}
  440. {/block:HasTags}
  441. </a>
  442. {/block:Date}
  443.  
  444. </div>
  445.  
  446.  
  447.  
  448. </div>
  449.  
  450. {/block:Posts}
  451.  
  452.  
  453. </div>
  454. <div id="nav">
  455. {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}
  456. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  457. </div>
  458.  
  459. <a href="http://seadra.tumblr.com"; title="theme">
  460. <div id="lmao">★</div></a>
  461. </body>
  462.  
  463. </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!