API tools faq
paste
BandThemes

Frankie

BandThemes
Apr 13th, 2015
206
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.68 KB | None | 0 0
raw download clone embed print report
  1. <!----pls don't remove the credit or i'll be very sad---->
  2. <!----theme by bandthemes.tumblr.com---->
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!--IMAGES-->
  10. <meta name="image:Background" content="http://img3.goodfon.ru/original/1600x900/0/39/planety-sputniki-zvezdy-svet-2569.jpg">
  11. <meta name="image:Sidebar" content="http://24.media.tumblr.com/f56cb42eb0b39a8da69e2c8713a98470/tumblr_mqrcg6ZAi91sbg2auo1_500.jpg">
  12.  
  13. <!--COLORS-->
  14. <meta name="color:Background" content="#fff">
  15. <meta name="color:Post" content="#fff">
  16. <meta name="color:Text" content="#9883ff">
  17. <meta name="color:Emphasis Text" content="#444">
  18. <meta name="color:Link" content="#2fc9df">
  19. <meta name="color:Link Hover" content="#000">
  20.  
  21. <meta name="color:Sidebar" content="#000000">
  22. <meta name="color:Description" content="#ccc">
  23. <meta name="color:Title" content="#ccc">
  24. <meta name="color:Title Hover" content="#aaa">
  25. <meta name="color:Sidebar Link" content="#000">
  26. <meta name="color:Sidebar Link Hover" content="#ccc">
  27. <meta name="color:Sidebar Link BG" content="#ddd">
  28. <meta name="color:Sidebar Link BG Hover" content="#fff">
  29.  
  30. <meta name="color:Permalink" content="#ffffff">
  31. <meta name="color:Permalink Hover" content="#ccc">
  32. <meta name="color:Permalink BG" content="#28626b">
  33.  
  34. <meta name="color:Scrollbar" content="#ccc">
  35. <meta name="color:Scrollbar BG" content="#fff">
  36.  
  37. <meta name="color:Text Post Title" content="#ccc">
  38. <meta name="color:Link Post" content="#eee">
  39. <meta name="color:Link Post Hover" content="#666">
  40.  
  41. <!--TEXT-->
  42. <meta name="text:Update" content="Write whatever you think visitors should know here :)">
  43. <meta name="text:Link 1" content="Link 1">
  44. <meta name="text:Link 1 URL" content="/">
  45. <meta name="text:Link 2" content="Link 2">
  46. <meta name="text:Link 2 URL" content="/">
  47. <meta name="text:Link 3" content="Link 3">
  48. <meta name="text:Link 3 URL" content="/">
  49. <meta name="text:Link 4" content="Link 4">
  50. <meta name="text:Link 4 URL" content="/">
  51. <meta name="text:Network 1" content="Network name 1">
  52. <meta name="text:Network 1 URL" content="The Network's Blog">
  53. <meta name="text:Network 2" content="Network name 2">
  54. <meta name="text:Network 2 URL" content="The Network's Blog">
  55. <meta name="text:Network 3" content="Network name 3">
  56. <meta name="text:Network 3 URL" content="The Network's Blog">
  57. <meta name="text:Network 4" content="Network name 4">
  58. <meta name="text:Network 4 URL" content="The Network's Blog">
  59. <!--OPTIONS (0 means the option is OFF-->
  60. <meta name="if:400 Post" content="0">
  61. <meta name="if:Captions" content="1">
  62. <meta name="if:Infinite Scroll" content="0">
  63.  
  64. <title>{Title}</title>
  65. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  66. <link rel="shortcut icon" href="{Favicon}" />
  67. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono|Special+Elite|Megrim' rel='stylesheet' type='text/css'>
  68. <script type="text/javascript">
  69. // <![CDATA[
  70. var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  71. var sparkles=50;
  72.  
  73.  
  74.  
  75. /****************************
  76. * Tinkerbell Magic Sparkle *
  77. *(c)2005-11 mf2fm web-design*
  78. * http://www.mf2fm.com/rv *
  79. * DON'T EDIT BELOW THIS BOX *
  80. ****************************/
  81.  
  82. var x=ox=400;
  83. var y=oy=300;
  84. var swide=800;
  85. var shigh=600;
  86. var sleft=sdown=0;
  87. var tiny=new Array();
  88. var star=new Array();
  89. var starv=new Array();
  90. var starx=new Array();
  91. var stary=new Array();
  92. var tinyx=new Array();
  93. var tinyy=new Array();
  94. var tinyv=new Array();
  95.  
  96. window.onload=function() { if (document.getElementById) {
  97. var i, rats, rlef, rdow;
  98. for (var i=0; i<sparkles; i++) {
  99. var rats=createDiv(3, 3);
  100. rats.style.visibility="hidden";
  101. document.body.appendChild(tiny[i]=rats);
  102. starv[i]=0;
  103. tinyv[i]=0;
  104. var rats=createDiv(5, 5);
  105. rats.style.backgroundColor="transparent";
  106. rats.style.visibility="hidden";
  107. var rlef=createDiv(1, 5);
  108. var rdow=createDiv(5, 1);
  109. rats.appendChild(rlef);
  110. rats.appendChild(rdow);
  111. rlef.style.top="2px";
  112. rlef.style.left="0px";
  113. rdow.style.top="0px";
  114. rdow.style.left="2px";
  115. document.body.appendChild(star[i]=rats);
  116. }
  117.  
  118. set_width();
  119. sparkle();
  120. }}
  121.  
  122. function sparkle() {
  123. var c;
  124. if (x!=ox || y!=oy) {
  125. ox=x;
  126. oy=y;
  127. for (c=0; c<sparkles; c++) if (!starv[c]) {
  128. star[c].style.left=(starx[c]=x)+"px";
  129. star[c].style.top=(stary[c]=y)+"px";
  130. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  131. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  132.  
  133. star[c].style.visibility="visible";
  134. starv[c]=50;
  135. break;
  136. }
  137. }
  138. for (c=0; c<sparkles; c++) {
  139. if (starv[c]) update_star(c);
  140. if (tinyv[c]) update_tiny(c);
  141. }
  142. setTimeout("sparkle()", 40);
  143. }
  144.  
  145.  
  146.  
  147. function update_star(i) {
  148. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  149. if (starv[i]) {
  150. stary[i]+=1+Math.random()*3;
  151. if (stary[i]<shigh+sdown && starx[i]>0) {
  152. star[i].style.top=stary[i]+"px";
  153. starx[i]+=(i%5-2)/5;
  154. star[i].style.left=starx[i]+"px";
  155. }
  156. else {
  157. star[i].style.visibility="hidden";
  158. starv[i]=0;
  159. return;
  160. }
  161. }
  162.  
  163. else {
  164. tinyv[i]=50;
  165. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  166. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  167. tiny[i].style.width="2px";
  168. tiny[i].style.height="2px";
  169. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  170. star[i].style.visibility="hidden";
  171. tiny[i].style.visibility="visible"
  172. }
  173. }
  174.  
  175. function update_tiny(i) {
  176. if (--tinyv[i]==25) {
  177. tiny[i].style.width="1px";
  178. tiny[i].style.height="1px";
  179. }
  180.  
  181. if (tinyv[i]) {
  182. tinyy[i]+=1+Math.random()*3;
  183. if (tinyy[i]<shigh+sdown && tinyx[i]>0) {
  184. tiny[i].style.top=tinyy[i]+"px";
  185. tinyx[i]+=(i%5-2)/5;
  186. tiny[i].style.left=tinyx[i]+"px";
  187. }
  188.  
  189. else {
  190. tiny[i].style.visibility="hidden";
  191. tinyv[i]=0;
  192. return;
  193. }
  194. }
  195. else tiny[i].style.visibility="hidden";
  196. }
  197.  
  198. document.onmousemove=mouse;
  199. function mouse(e) {
  200. set_scroll();
  201. y=(e)?e.pageY:event.y+sdown;
  202. x=(e)?e.pageX:event.x+sleft;
  203. }
  204.  
  205. function set_scroll() {
  206. if (typeof(self.pageYOffset)=="number") {
  207. sdown=self.pageYOffset;
  208. sleft=self.pageXOffset;
  209. }
  210. else if (document.body.scrollTop || document.body.scrollLeft) {
  211. sdown=document.body.scrollTop;
  212. sleft=document.body.scrollLeft;
  213. }
  214. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  215. sleft=document.documentElement.scrollLeft;
  216. sdown=document.documentElement.scrollTop;
  217. }
  218. else {
  219. sdown=0;
  220. sleft=0;
  221. }
  222. }
  223.  
  224. window.onresize=set_width;
  225. function set_width() {
  226. if (typeof(self.innerWidth)=="number") {
  227. swide=self.innerWidth;
  228. shigh=self.innerHeight;
  229. }
  230.  
  231. else if (document.documentElement && document.documentElement.clientWidth) {
  232. swide=document.documentElement.clientWidth;
  233. shigh=document.documentElement.clientHeight;
  234. }
  235.  
  236. else if (document.body.clientWidth) {
  237. swide=document.body.clientWidth;
  238. shigh=document.body.clientHeight;
  239. }
  240. }
  241.  
  242. function createDiv(height, width) {
  243. var div=document.createElement("div");
  244. div.style.position="absolute";
  245. div.style.height=height+"px";
  246. div.style.width=width+"px";
  247. div.style.overflow="hidden";
  248. return (div);
  249. }
  250.  
  251. function newColour() {
  252. var c=new Array();
  253. c[0]=255;
  254. c[1]=Math.floor(Math.random()*256);
  255. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  256. c.sort(function(){return (0.5 - Math.random());});
  257. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  258. }
  259.  
  260. // ]]>
  261. </script>
  262. <style type="text/css">
  263.  
  264. @font-face {
  265. font-family: "economica";
  266. src: url('https://dl.dropboxusercontent.com/u/81174604/economica-regular.ttf');
  267. }
  268.  
  269. /*SCROLLBAR*/
  270. ::-webkit-scrollbar-thumb:vertical {
  271. background-color:{color:Scrollbar};
  272. height: 30px;
  273. }
  274.  
  275. ::-webkit-scrollbar-thumb:horizontal {
  276. background-color:{color:Scrollbar};
  277. width: 30px;
  278. }
  279.  
  280. ::-webkit-scrollbar {
  281. background-color:{color:Scrollbar BG};
  282. height: 5px;
  283. width: 5px;
  284. }
  285.  
  286. .nav {
  287. display:none!important;
  288. }
  289.  
  290. /*ENTIRE PAGE*/
  291. body {
  292. left: 0px;
  293. background-attachment: fixed; /*makes the background not move*/
  294. background-image: url('{image:Background}');
  295. background-repeat:no-repeat;
  296. max-width: 100%;
  297. background-color: {color:Background};
  298. color: {color:Text};
  299. font-family: 'Yanone Kaffeesatz', sans-serif;
  300. font-size: 16px;
  301. }
  302.  
  303. /*LINKS*/
  304. a:link, a:active, a:visited {
  305. text-decoration: none; /*no underline*/
  306. color: {color:Link};
  307. /*the stuff below allows a smooth transition*/
  308. -webkit-transition: all 0.4s ease-in-out; /*for chrome*/
  309. -moz-transition: all 0.4s ease-in-out; /*for firefox*/
  310. -o-transition: all 0.4s ease-in-out; /*for opera*/
  311. }
  312.  
  313. /*LINK HOVER*/
  314. a:hover {
  315. color: {color:Link Hover};
  316. }
  317.  
  318. /*FOLLOW/REBLOG/LIKE/DASH BUTTON*/
  319. iframe#tumblr_controls{
  320. position: fixed;
  321. right: 0px;
  322. top: 0px;
  323. opacity: 0.8;
  324. }
  325.  
  326. /*BOLD*/
  327. b, strong, .strong {
  328. color: {color:Emphasis Text};
  329. }
  330.  
  331. /*ITALICS*/
  332. i, em, .em {
  333. color: {color:Emphasis Text};
  334. }
  335.  
  336. blockquote {
  337. border-left: 2px solid {color:Text};
  338. padding: 3px 5px;
  339. margin: 0;
  340. margin-top: 20px;
  341. margin-bottom: 20px;
  342. margin-left: 25px;
  343. }
  344.  
  345. /*SIDEBAR*/
  346. #sidecont {
  347. position: fixed;
  348. width: 200px;
  349. padding: 10px;
  350. margin-left: 75px;
  351. margin-top: 50px;
  352. }
  353.  
  354. #sidebar {
  355. width: 200px;
  356. border: 5px solid {color:Sidebar};
  357. background: {color:Sidebar};
  358. }
  359.  
  360. #sidebar img {
  361. width:200px;
  362. }
  363.  
  364. .desc {
  365. margin-top: 7px;
  366. color: {color:Description};
  367. font-family: Calibri;
  368. font-size: 11px;
  369. }
  370.  
  371. /*TITLE*/
  372. #title {
  373. width: 200px;
  374. padding: 0px 10px;
  375. text-align: center;
  376. font-family: 'Special Elite', cursive;
  377. font-size: 23px;
  378. margin-bottom: 5px;
  379. }
  380.  
  381. #title a {
  382. color: {color:Title};
  383. }
  384.  
  385. #title a:hover {
  386. color: {color:Title Hover};
  387. }
  388.  
  389. /*NAVIGATION*/
  390. #t1{
  391.  
  392. font-size:14px; color: #75889D;
  393. font-family: 'Yanone Kaffeesatz', sans-serif;
  394. background: #448ABD;
  395. position:fixed;
  396. left:150px; top:350px; /*THIS IS THE DISTANCE AWAY FROM EACH OTHER*/
  397. text-align: center;
  398. padding: 7px;
  399. bottom: 0px;
  400. height:20px; width: 20px; /*CHANGE SIZE HERE*/
  401. overflow:hidden;
  402. border: 2px solid #000000;/*CHANGE BORDER HERE*/
  403. -webkit-transition: opacity 0.7s linear;
  404. -webkit-transition: all 0.7s ease-in-out;
  405. -moz-transition: all 0.7s ease-in-out;
  406. -o-transition: all 0.7s ease-in-out;
  407. z-index:25;
  408. }
  409.  
  410. #t1:hover{
  411. text-align: center;
  412. font-family: 'Yanone Kaffeesatz', sans-serif;
  413. border: 2px solid #000000; /*CHANGE BORDER ON HOVER HERE*/
  414. -webkit-transition: opacity 0.7s linear;
  415. -webkit-transition: all 0.7s ease-in-out;
  416. -moz-transition: all 0.7s ease-in-out;
  417. -o-transition: all 0.7s ease-in-out;
  418. padding:5px;
  419. height:150px; width:120px; /*CHANGE BORDER DIMENSIONS HERE*/
  420. left:54px; top:224px;
  421. z-index:25;
  422. opacity: 2.0;
  423. background:white;
  424. }
  425.  
  426. .ttitle {
  427. background: ##448ABD;
  428. padding: 5px;
  429. font-size: 12px;
  430. }
  431.  
  432. #t2{
  433. font-size:14px; color: #75889D;
  434. font-family: 'Yanone Kaffeesatz', sans-serif;
  435. background: #448ABD;
  436. position:fixed;
  437. left:190px; top:350px;
  438. text-align: center;
  439. padding: 7px;
  440. bottom: 0px;
  441. height:20px; width: 20px;
  442. overflow:hidden;
  443. border: 2px solid #000000;
  444. -webkit-transition: opacity 0.7s linear;
  445. -webkit-transition: all 0.7s ease-in-out;
  446. -moz-transition: all 0.7s ease-in-out;
  447. -o-transition: all 0.7s ease-in-out;
  448. z-index:24;
  449. }
  450.  
  451. #t2:hover{
  452. text-align: center;
  453. font-family: 'Yanone Kaffeesatz', sans-serif;
  454. border: 2px solid #000000;
  455. -webkit-transition: opacity 0.7s linear;
  456. -webkit-transition: all 0.7s ease-in-out;
  457. -moz-transition: all 0.7s ease-in-out;
  458. -o-transition: all 0.7s ease-in-out;
  459. padding:5px;
  460. height:150px;
  461. width:120px;
  462. left:190px; top:224px;
  463. z-index:24;
  464. opacity: 2.0;
  465. background:white;
  466. }
  467.  
  468. #t3{
  469.  
  470. font-size:14px; color: #75889D;
  471. font-family: 'Yanone Kaffeesatz', sans-serif;
  472. background: #448ABD;
  473. position:fixed;
  474. left:150px; top:390px;
  475. text-align: center;
  476. padding: 7px;
  477. bottom: 0px;
  478. height:20px; width: 20px;
  479. overflow:hidden;
  480. border: 2px solid #000000;
  481. -webkit-transition: opacity 0.7s linear;
  482. -webkit-transition: all 0.7s ease-in-out;
  483. -moz-transition: all 0.7s ease-in-out;
  484. -o-transition: all 0.7s ease-in-out;
  485. z-index:23;
  486. }
  487.  
  488. #t3:hover{
  489. text-align: center;
  490. font-family: 'Yanone Kaffeesatz', sans-serif;
  491. border: 2px solid #000000;
  492. -webkit-transition: opacity 0.7s linear;
  493. -webkit-transition: all 0.7s ease-in-out;
  494. -moz-transition: all 0.7s ease-in-out;
  495. -o-transition: all 0.7s ease-in-out;
  496. padding:5px;
  497. height:150px;
  498. width:120px;
  499. left:54px;
  500. z-index:23;
  501. opacity: 2.0;
  502. background:white;
  503. }
  504.  
  505. #t4{
  506. font-size:14px; color: #75889D;
  507. font-family: 'Yanone Kaffeesatz', sans-serif;
  508. background: #448ABD;
  509. position:fixed;
  510. left:190px; top:390px;
  511. text-align: center;
  512. padding: 7px;
  513. bottom: 0px;
  514. height:20px; width: 20px;
  515. overflow:hidden;
  516. border: 2px solid #000000;
  517. -webkit-transition: opacity 0.7s linear;
  518. -webkit-transition: all 0.7s ease-in-out;
  519. -moz-transition: all 0.7s ease-in-out;
  520. -o-transition: all 0.7s ease-in-out;
  521. z-index:22;
  522. }
  523.  
  524. #t4:hover{
  525. text-align: center;
  526. font-family: 'Yanone Kaffeesatz', sans-serif;
  527. border: 2px solid #000000;
  528. -webkit-transition: opacity 0.7s linear;
  529. -webkit-transition: all 0.7s ease-in-out;
  530. -moz-transition: all 0.7s ease-in-out;
  531. -o-transition: all 0.7s ease-in-out;
  532. padding:5px;
  533.  
  534. height:150px;
  535. width:120px;
  536. z-index:22;
  537. opacity: 2.0;
  538. background:white;
  539. }
  540.  
  541. /*END OF BUBBLE TAB by htmltutor*/
  542. #nav {
  543. width: 200px;
  544. margin-left: 12px;
  545. margin-top: 10px;
  546. }
  547.  
  548. .navi {
  549. display: inline-block; /*keeps it in a row*/
  550. text-align: center;
  551. background-color: {color:Sidebar Link BG};
  552. width: 90px;
  553. line-height: 15px;
  554. margin-bottom: 7px;
  555. margin-right: 8px;
  556. }
  557.  
  558. .navi a {
  559. color: {color:Sidebar Link};
  560. background-color: {color:Sidebar Link BG};
  561. }
  562.  
  563. .navi a:hover {
  564. color: {color:Sidebar Link Hover};
  565. }
  566.  
  567. /*POST CONTAINER*/
  568. #content {
  569. margin-left: 400px;
  570. margin-top: 50px;
  571. margin-bottom: 50px;
  572. {block:if400Post}
  573. width: 420px;
  574. {/block:if400Post}
  575. {block:ifnot400Post}
  576. width: 520px;
  577. {/block:ifnot400Post}
  578. }
  579.  
  580. /*POSTS*/
  581. .posts {
  582. {block:if400Post}
  583. width: 400px;
  584. {/block:if400Post}
  585. {block:ifnot400Post}
  586. width: 500px;
  587. {/block:ifnot400Post}
  588. background: {color:Post};
  589. color: {color:Text};
  590. font-family: Calibri;
  591. font-size: 11px;
  592. margin-bottom: 20px;
  593. padding: 10px;
  594. }
  595.  
  596. /*POST TITLES*/
  597. .posttitle {
  598. font-family: Economica;
  599. font-size: 18px;
  600. color: {color:Text Post Title};
  601. }
  602.  
  603. /*LINK TITLES*/
  604. .posttitle a {
  605. color: {color:Link Post};
  606. }
  607.  
  608. .posttitle a:hover{
  609. color: {color:Link Post Hover};
  610. }
  611.  
  612. /*QUOTE*/
  613. .quote {
  614. font-family: economica;
  615. font-size: 18px;
  616. }
  617.  
  618. /*AUDIO POST*/
  619. /*MUSIC PLAYER*/
  620. .player {
  621. width: 10px;
  622. height: 10px;
  623. overflow: hidden;
  624. padding: 4px 21px 21px 4px;
  625. margin-top: 33px;
  626. margin-left: 33px;
  627. position: absolute;
  628. background-color: #fff;
  629. opacity: 0.8;
  630. z-index: 10;
  631. }
  632.  
  633. /*ALBUM*/
  634. .album {
  635. position: absolute;
  636. width: 100px;
  637. height: 100px;
  638. overflow: hidden;
  639. }
  640.  
  641. .album img {
  642. width: 100px;
  643. height: 100px;
  644. overflow: hidden;
  645. }
  646.  
  647. /*AUDIO INFO*/
  648. .track {
  649. min-height: 90px;
  650. max-height: 100px;
  651. overflow: auto;
  652. margin-left: 100px;
  653. padding: 5px 10px;
  654. color: {color:Text};
  655. text-transform: UPPERCASE;
  656. letter-spacing: 1px;
  657. font-size: 9px;
  658. }
  659.  
  660. /*ANSWER*/
  661. .question {
  662. font-family: economica;
  663. font-size: 18px;
  664. color: {color:Text Post Title};
  665. }
  666.  
  667. /*CAPTION*/
  668. .caption {
  669. line-height: 12px;
  670. text-align: left;
  671. margin-top: -5px;
  672. }
  673.  
  674. /*PERMALINK*/
  675. #perm {
  676. font-family: 'Megrim', cursive;
  677. font-size: 12px;
  678. padding: 3px 10px;
  679. text-transform: UPPERCASE;
  680. letter-spacing: 1px;
  681. text-align: center;
  682. margin-top: 5px;
  683. color: {color:Permalink};
  684. background-color: {color:Permalink BG};
  685. {block:if400Post}
  686. width: 380px;
  687. {/block:if400Post}
  688. {block:ifnot400Post}
  689. width: 480px;
  690. {/block:ifnot400Post}
  691. }
  692.  
  693. #perm a {
  694. color: {color:Permalink};
  695. }
  696.  
  697. #perm a:hover {
  698. color: {color:Permalink Hover};
  699. }
  700. #bli img {
  701. width:50px;
  702. position:fixed;
  703. padding:3px;
  704. opacity: .5;
  705. bottom:5px;
  706. left:5px;
  707. z-index:999999999999999999999999999999999999999999;
  708. }
  709. #bli img:hover {
  710. opacity:1;
  711. width:100px;
  712. }
  713. </style>
  714.  
  715. <body>
  716.  
  717. {block:ifInfiniteScroll}
  718.  
  719. {block:IndexPage}
  720. <div class="nav">
  721. {block:Pagination}
  722. {block:PreviousPage}
  723. <a href="{PreviousPage}">previous</a> &middot;
  724. {/block:PreviousPage}
  725. {block:NextPage}
  726. <a href="{NextPage}">next</a>
  727. {/block:NextPage}
  728. {/block:Pagination}
  729. </div>
  730. {/block:IndexPage}
  731.  
  732. {/block:ifInfiniteScroll}
  733.  
  734. <div id="sidecont">
  735. <div id="title"><a href="/">{Title}</a></div>
  736. <div id="sidebar">
  737. <a href="/"><img src="{image:Sidebar}"></a>
  738.  
  739. <div class="wrapper">
  740.  
  741. <div id="t1">
  742. <!-- THIS IS WHERE YOU CAN CHANGE THE PIXEL -->
  743. <b><div style="font-size: 32px;"><img src="http://static.tumblr.com/088fc58c81c13fb8cbc7f7d27894715e/vziagdp/Wr2n8b6e6/tumblr_static_1sedpjgu69lw0w4o0ok084gcw.png"style="width:30px;margin-top:-5px;margin-left:-6px;"></a></div></b><br><p>
  744. <!-- THIS IS THE HEAING PART -->
  745. <div style="background: #ffffff; border: 2px dashed #000000; padding: 0px;font-size: 18px;margin-top:-30px;font-family: 'Yanone Kaffeesatz', sans-serif;"><b>Hi</b></div><p>
  746. <!-- HERE GOES YOUR CONTENT -->
  747. {Description}
  748. <br>
  749. <script language="JavaScript">
  750. var ref = (''+document.referrer+'');
  751. var w_h = window.screen.width + " x " + window.screen.height;
  752. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4842617&e1=space faerie&e2=space faeries&r=' + ref + '&wh=' + w_h + '"><\/script>');
  753. </script>
  754. </p>
  755. </div>
  756.  
  757. <div class="wrapper">
  758.  
  759. <div id="t2">
  760.  
  761. <b><div style="font-size: 32px;"><img src="http://41.media.tumblr.com/3101f1421849d0cbc6ca15719c3ccd4b/tumblr_nj77ahmf3N1tdoe9ao2_1280.png"style="width:30px;margin-top:-4px;margin-left:-6px;"></a></div></b><br><p>
  762.  
  763. <div style="background: #ffffff; border: 2px dashed #000000; padding: 0px;font-size: 18px;margin-top:-30px;"><b>Links</b></div><p>
  764.  
  765. <a href="{text:Link 1 URL}">{text:Link 1}</a><br>
  766. <a href="{text:Link 2 URL}">{text:Link 2}</a><br>
  767. <a href="{text:Link 3 URL}">{text:Link 3}</a><br>
  768. <a href="{text:Link 4 URL}">{text:Link 4}</a><br>
  769. </p>
  770. </div>
  771.  
  772. </div>
  773.  
  774. <div class="wrapper">
  775.  
  776. <div id="t3">
  777.  
  778. <b><div style="font-size: 32px;"><img src="http://www.pictmusic.tk/wp-content/uploads/2014/12/transparentpanicatthediscologobythatnerdyowl-dlklj.png"style="width:30px;margin-top:0px;margin-left:-5px;"></a></div></b><br><p>
  779. <div style="background: #ffffff; border: 2px dashed #000000; padding: 0px;font-size: 18px;margin-top:-25px;"><b>Networks</b></div><p>
  780.  
  781. <a href="{text:Network 1 URL}">{text:Network 1}</a><br>
  782. <a href="{text:Network 2 URL}">{text:Network 2}</a><br>
  783. <a href="{text:Network 3 URL}">{text:Network 3}</a><br>
  784. <a href="{text:Network 4 URL}">{text:Network 4}</a><br>
  785. </p>
  786. </div>
  787.  
  788. </div>
  789.  
  790. <div class="wrapper">
  791.  
  792. <div id="t4">
  793.  
  794. <b><div style="font-size: 32px;"><img src="http://38.media.tumblr.com/a4daf7e4bba4e1962ab4e73a89da72ce/tumblr_nfftb0C7We1ra8lsho1_400.gif"style="width:25px;margin-top:-6px;margin-left:-4px;"></a></div></b><br><p>
  795.  
  796. <div style="background: #ffffff; border: 2px dashed #000000; padding: 0px;font-size: 18px;margin-top:-30px;"><b>Also...</b></b></div><p>
  797.  
  798. {text:Update}
  799. </p>
  800. </div>
  801.  
  802. </div>
  803.  
  804. {block:ifnotInfiniteScroll}
  805. {block:Pagination}
  806. <center>
  807. <br>
  808. {block:PreviousPage}
  809. <a class="jump_page" href="{PreviousPage}">« back</a>&nbsp
  810. {/block:PreviousPage}
  811.  
  812. {block:NextPage}
  813. <a class="jump_page" href="{NextPage}">next »</a>
  814. {/block:NextPage}
  815. </center>
  816. {/block:Pagination}
  817. {/block:ifnotInfiniteScroll}
  818. </div>
  819. </div>
  820. </div>
  821.  
  822. <div id="content">
  823. {block:Posts}
  824.  
  825. {block:ContentSource}
  826. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  827. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  828. {/block:SourceLogo}
  829. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  830. {/block:ContentSource}
  831.  
  832. <div class="posts">
  833.  
  834. {block:Text}
  835. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  836. {Body}
  837. {/block:Text}
  838.  
  839. {block:Photo}
  840. <center>
  841. {block:if400Post}
  842. <img src="{PhotoURL-400}" width="400px">
  843. {/block:if400Post}
  844. {block:ifnot400Post}
  845. <img src="{PhotoURL-500}" width="500px">
  846. {/block:ifnot400Post}
  847. {block:IndexPage}
  848. {block:ifCaptions}
  849. <div style="margin-bottom: -3px;"></div>
  850. {block:Caption}
  851. <div class="caption">
  852. {Caption}
  853. <div style="margin-bottom: -8px;"></div>
  854. </div>
  855. {/block:Caption}
  856. {/block:ifCaptions}
  857. {block:ifnotCaptions}
  858. <div style="margin-bottom: -3px;"></div>
  859. {/block:ifnotCaptions}
  860. {/block:IndexPage}
  861.  
  862. {block:PermalinkPage}
  863. <div style="margin-bottom: -3px;"></div>
  864. {block:Caption}
  865. <div class="caption">
  866. {Caption}
  867. <div style="margin-bottom: -8px;"></div>
  868. </div>
  869. {/block:Caption}
  870. {/block:PermalinkPage}
  871. </center>
  872. {/block:Photo}
  873.  
  874. {block:Photoset}
  875. {block:if400Post}
  876. {Photoset-400}
  877. {/block:if400Post}
  878. {block:ifnot400Post}
  879. {Photoset-500}
  880. {/block:ifnot400Post}
  881. {block:IndexPage}
  882. {block:ifCaptions}
  883. <div style="margin-bottom: -3px;"></div>
  884. {block:Caption}
  885. <div class="caption">
  886. {Caption}
  887. <div style="margin-bottom: -8px;"></div>
  888. </div>
  889. {/block:Caption}
  890. {/block:ifCaptions}
  891. {block:ifnotCaptions}
  892. <div style="margin-bottom: -3px;"></div>
  893. {/block:ifnotCaptions}
  894. {/block:IndexPage}
  895.  
  896. {block:PermalinkPage}
  897. <div style="margin-bottom: -3px;"></div>
  898. {block:Caption}
  899. <div class="caption">
  900. {Caption}
  901. <div style="margin-bottom: -8px;"></div>
  902. </div>
  903. {/block:Caption}
  904. {/block:PermalinkPage}
  905. {/block:Photoset}
  906.  
  907. {block:Quote}
  908. {Source}:
  909. <div class="quote">{Quote}</div>
  910. {/block:Quote}
  911.  
  912. {block:Link}
  913. <div class="posttitle"><a href="{URL}">{Name}</a></div>
  914. {block:Description}
  915. <div style="margin-top: -8px;"></div>
  916. {Description}
  917. <div style="margin-bottom: -8px;"></div>
  918. {/block:Description}
  919. {/block:Link}
  920.  
  921. {block:Chat}
  922. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  923. {block:Lines}
  924. {block:Label}<b>{Label}</b>{/block:Label}
  925. {Line}<br>
  926. {/block:Lines}
  927. {/block:Chat}
  928.  
  929. {block:Video}
  930. {block:if400Post}
  931. {Video-400}
  932. {/block:if400Post}
  933. {block:ifnot400Post}
  934. {Video-500}
  935. {/block:ifnot400Post}
  936. {block:IndexPage}
  937. {block:ifCaptions}
  938. <div style="margin-bottom: -3px;"></div>
  939. {block:Caption}
  940. <div class="caption">
  941. {Caption}
  942. <div style="margin-bottom: -8px;"></div>
  943. </div>
  944. {/block:Caption}
  945. {/block:ifCaptions}
  946. {block:ifnotCaptions}
  947. <div style="margin-bottom: -4px;"></div>
  948. {/block:ifnotCaptions}
  949. {/block:IndexPage}
  950.  
  951. {block:PermalinkPage}
  952. <div style="margin-bottom: -3px;"></div>
  953. {block:Caption}
  954. <div class="caption">
  955. {Caption}
  956. <div style="margin-bottom: -8px;"></div>
  957. </div>
  958. {/block:Caption}
  959. {/block:PermalinkPage}
  960. {/block:Video}
  961.  
  962. {block:Audio}
  963. <div class="album">
  964. {block:AudioPlayer}
  965. <div class="player">{AudioPlayerWhite}</div>
  966. {/block:AudioPlayer}
  967.  
  968. {block:AlbumArt}
  969. <img src="{AlbumArtURL}">
  970. {/block:AlbumArt}
  971. </div>
  972.  
  973. <div class="track">
  974. {block:TrackName}
  975. Title: {TrackName}<br>
  976. {/block:TrackName}
  977. {block:Artist}
  978. Artist: {Artist}<br>
  979. {/block:Artist}
  980. {block:Album}
  981. Album: {Album}
  982. {/block:Album}
  983. </div>
  984.  
  985. {block:IndexPage}
  986. {block:ifCaptions}
  987. {block:if400Post}
  988. {block:Caption}
  989. <div class="caption"> <div style="margin-top:0px;"></div>
  990. {Caption}
  991. <div style="margin-bottom: -10px;"></div>
  992. </div>
  993. {/block:Caption}
  994. {/block:if400Post}
  995. {block:ifnot400Post}
  996. {block:Caption}
  997. <div class="caption"> <div style="margin-top:0px;"></div>
  998. {Caption}
  999. <div style="margin-bottom: -8px;"></div>
  1000. </div>
  1001. {/block:Caption}
  1002. {/block:ifnot400Post}
  1003. {/block:ifCaptions}
  1004. {/block:IndexPage}
  1005.  
  1006. {block:PermalinkPage}
  1007. {block:Caption}
  1008. <div class="caption"> <div style="margin-top:0px;"></div>
  1009. {Caption}
  1010. <div style="margin-bottom: -8px;"></div>
  1011. </div>
  1012. {/block:Caption}
  1013. {/block:PermalinkPage}
  1014. {/block:Audio}
  1015.  
  1016. {block:Answer}
  1017. <div class="question">
  1018. {Asker}: “{Question}”
  1019. </div>
  1020. {Answer}
  1021. {/block:Answer}
  1022.  
  1023. {block:IndexPage}<!--only shows up on the front page"-->
  1024. <div id="perm">
  1025. <a href="{Permalink}">{NoteCount} notes</a>
  1026. • <a href="{ReblogURL}">reblog</a>
  1027. </div>
  1028. {/block:IndexPage}
  1029.  
  1030. {block:PermalinkPage}
  1031. <div style="line-height:25px; text-align:center;">
  1032. {block:Date}
  1033. posted {24Hour}:{Minutes} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  1034. {/block:Date}
  1035. {block:RebloggedFrom}
  1036. <center>
  1037. src: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1038. &nbsp;|&nbsp;
  1039. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1040. </center>
  1041. {/block:RebloggedFrom}
  1042.  
  1043. {block:HasTags}
  1044. {block:Tags}
  1045. <a href="{TagURL}">#{Tag}</a>&nbsp&nbsp
  1046. {/block:Tags}
  1047. {/block:HasTags}
  1048. </div>
  1049. {/block:PermalinkPage}
  1050.  
  1051. </div>
  1052.  
  1053. {block:PermalinkPage}
  1054. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1055. {/block:PermalinkPage}
  1056.  
  1057. {/block:Posts}
  1058.  
  1059. {block:IfInfiniteScroll}
  1060. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1061. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  1062. {/block:IfInfiniteScroll}
  1063.  
  1064. </div>
  1065. <div id="bli"><a href="http://band-themes.tumblr.com" title="theme credit"><img src="http://41.media.tumblr.com/7ea5ae54c20ea88254540f3103da9714/tumblr_nmc8h1nyYE1twwwjho1_250.png"onmouseover="this.src='https://41.media.tumblr.com/18ec1b00405526120c8c31308d9b5ca9/tumblr_nmcb7zXh7N1twwwjho1_500.png'" onmouseout="this.src='http://41.media.tumblr.com/7ea5ae54c20ea88254540f3103da9714/tumblr_nmc8h1nyYE1twwwjho1_250.png'" /></a></div>
  1066. </body>
  1067.  
  1068. </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!