API tools faq
paste
BandThemes

Galaxy Theme

BandThemes
Apr 6th, 2015
398
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.91 KB | None | 0 0
raw download clone embed print report
  1. <!------Theme by band-themes.tumblr.com Hover tabs by iamthemelocked.tumblr.com----->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <script type="text/javascript">
  6. // <![CDATA[
  7. var colour="{color:Mouse Sparkles}";
  8. var sparkles=120;
  9.  
  10. /****************************
  11. * Tinkerbell Magic Sparkle *
  12. * (c) 2005 mf2fm web-design *
  13. * http://www.mf2fm.com/rv *
  14. * DON'T EDIT BELOW THIS BOX *
  15. ****************************/
  16. var x=ox=400;
  17. var y=oy=300;
  18. var swide=800;
  19. var shigh=600;
  20. var sleft=sdown=0;
  21. var tiny=new Array();
  22. var star=new Array();
  23. var starv=new Array();
  24. var starx=new Array();
  25. var stary=new Array();
  26. var tinyx=new Array();
  27. var tinyy=new Array();
  28. var tinyv=new Array();
  29.  
  30. window.onload=function() { if (document.getElementById) {
  31. var i, rats, rlef, rdow;
  32. for (var i=0; i<sparkles; i++) {
  33. var rats=createDiv(3, 3);
  34. rats.style.visibility="hidden";
  35. document.body.appendChild(tiny[i]=rats);
  36. starv[i]=0;
  37. tinyv[i]=0;
  38. var rats=createDiv(5, 5);
  39. rats.style.backgroundColor="transparent";
  40. rats.style.visibility="hidden";
  41. var rlef=createDiv(1, 5);
  42. var rdow=createDiv(5, 1);
  43. rats.appendChild(rlef);
  44. rats.appendChild(rdow);
  45. rlef.style.top="2px";
  46. rlef.style.left="0px";
  47. rdow.style.top="0px";
  48. rdow.style.left="2px";
  49. document.body.appendChild(star[i]=rats);
  50. }
  51. set_width();
  52. sparkle();
  53. }}
  54.  
  55. function sparkle() {
  56. var c;
  57. if (x!=ox || y!=oy) {
  58. ox=x;
  59. oy=y;
  60. for (c=0; c<sparkles; c++) if (!starv[c]) {
  61. star[c].style.left=(starx[c]=x)+"px";
  62. star[c].style.top=(stary[c]=y)+"px";
  63. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  64. star[c].style.visibility="visible";
  65. starv[c]=50;
  66. break;
  67. }
  68. }
  69. for (c=0; c<sparkles; c++) {
  70. if (starv[c]) update_star(c);
  71. if (tinyv[c]) update_tiny(c);
  72. }
  73. setTimeout("sparkle()", 40);
  74. }
  75.  
  76. function update_star(i) {
  77. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  78. if (starv[i]) {
  79. stary[i]+=1+Math.random()*3;
  80. if (stary[i]<shigh+sdown) {
  81. star[i].style.top=stary[i]+"px";
  82. starx[i]+=(i%5-2)/5;
  83. star[i].style.left=starx[i]+"px";
  84. }
  85. else {
  86. star[i].style.visibility="hidden";
  87. starv[i]=0;
  88. return;
  89. }
  90. }
  91. else {
  92. tinyv[i]=50;
  93. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  94. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  95. tiny[i].style.width="2px";
  96. tiny[i].style.height="2px";
  97. star[i].style.visibility="hidden";
  98. tiny[i].style.visibility="visible"
  99. }
  100. }
  101.  
  102. function update_tiny(i) {
  103. if (--tinyv[i]==25) {
  104. tiny[i].style.width="1px";
  105. tiny[i].style.height="1px";
  106. }
  107. if (tinyv[i]) {
  108. tinyy[i]+=1+Math.random()*3;
  109. if (tinyy[i]<shigh+sdown) {
  110. tiny[i].style.top=tinyy[i]+"px";
  111. tinyx[i]+=(i%5-2)/5;
  112. tiny[i].style.left=tinyx[i]+"px";
  113. }
  114. else {
  115. tiny[i].style.visibility="hidden";
  116. tinyv[i]=0;
  117. return;
  118. }
  119. }
  120. else tiny[i].style.visibility="hidden";
  121. }
  122.  
  123. document.onmousemove=mouse;
  124. function mouse(e) {
  125. set_scroll();
  126. y=(e)?e.pageY:event.y+sdown;
  127. x=(e)?e.pageX:event.x+sleft;
  128. }
  129.  
  130. function set_scroll() {
  131. if (typeof(self.pageYOffset)=="number") {
  132. sdown=self.pageYOffset;
  133. sleft=self.pageXOffset;
  134. }
  135. else if (document.body.scrollTop || document.body.scrollLeft) {
  136. sdown=document.body.scrollTop;
  137. sleft=document.body.scrollLeft;
  138. }
  139. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  140. sleft=document.documentElement.scrollLeft;
  141. sdown=document.documentElement.scrollTop;
  142. }
  143. else {
  144. sdown=0;
  145. sleft=0;
  146. }
  147. }
  148.  
  149. window.onresize=set_width;
  150. function set_width() {
  151. if (typeof(self.innerWidth)=="number") {
  152. swide=self.innerWidth;
  153. shigh=self.innerHeight;
  154. }
  155. else if (document.documentElement && document.documentElement.clientWidth) {
  156. swide=document.documentElement.clientWidth;
  157. shigh=document.documentElement.clientHeight;
  158. }
  159. else if (document.body.clientWidth) {
  160. swide=document.body.clientWidth;
  161. shigh=document.body.clientHeight;
  162. }
  163. }
  164.  
  165. function createDiv(height, width) {
  166. var div=document.createElement("div");
  167. div.style.position="absolute";
  168. div.style.height=height+"px";
  169. div.style.width=width+"px";
  170. div.style.overflow="hidden";
  171. div.style.backgroundColor=colour;
  172. return (div);
  173. }
  174. // ]]>
  175. </script>
  176.  
  177.  
  178. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  179.  
  180. <!--IMAGES-->
  181. <meta name="image:Background" content="http://wallwindow.com/wp-content/uploads/2014/09/tumblr_static_stars-artwork-galaxy-1920x1080.jpg">
  182. <meta name="image:Sidebar" content="http://33.media.tumblr.com/989f0694bf0224627e01640f93bf367d/tumblr_mtzkk8X0aP1so1ke2o1_500.gif">
  183. <!--COLORS-->
  184. <meta name="color:Background" content="#280024">
  185. <meta name="color:Sidebar" content="#000000">
  186. <meta name="color:Title" content="#ccc">
  187. <meta name="color:Title Hover" content="#aaa">
  188. <meta name="color:Post Background" content="#fff">
  189. <meta name="color:Text" content="#525252">
  190. <meta name="color:Link" content="#f58787">
  191. <meta name="color:Link Hover" content="#000">
  192.  
  193. <meta name="color:Permalink" content="#493d97">
  194. <meta name="color:Permalink Hover" content="#ccc">
  195. <meta name="color:Permalink BG" content="#eee">
  196.  
  197. <meta name="color:Mouse Sparkles" content="#eeaabb"
  198.  
  199. <meta name="color:Text Post Title" content="#ccc">
  200. <meta name="color:Link Post" content="#eee">
  201. <meta name="color:Link Post Hover" content="#666">
  202.  
  203. <meta name="color:Cross Tab Text Colour" content="#F7EFE4"/>
  204. <meta name="color:Tab Cross 1 Colour" content="#761141"/>
  205. <meta name="color:Tab Cross 2 Colour" content="#aa2277"/>
  206. <meta name="color:Tab Cross 3 Colour" content="#eeaabb"/>
  207. <meta name="text:About" content="cross 1"/>
  208. <meta name="text:Blog" content="stuff I post about"/>
  209. <meta name="text:Fave1" content="Fave Name"/>
  210. <meta name="text:Fave1 URL" content="Fave URL"/>
  211. <meta name="text:Fave2" content="Fave Name"/>
  212. <meta name="text:Fave2 URL" content="Fave URL"/>
  213. <meta name="text:Fave3" content="Fave Name"/>
  214. <meta name="text:Fave3 URL" content="Fave URL"/>
  215. <meta name="text:Fave4" content="Fave Name"/>
  216. <meta name="text:Fave4 URL" content="Fave URL"/>
  217.  
  218. <meta name="color:Tab Text Colour" content="#000000"/>
  219. <meta name="color:Tab Link Colour" content="#b6b6b6"/>
  220. <meta name="color:Tab Link Colour Hover" content="#000000"/>
  221.  
  222. <meta name="color:Tab Lines Colour" content="#ffeedd"/>
  223. <meta name="color:Tab Squares Colour" content="#ffeedd"/>
  224. <!--TEXT-->
  225. <meta name="text:Box 1 Title" content="Box 1"/>
  226. <meta name="color:Box 1 Title Colour" content="#761141"/>
  227. <meta name="text:Box 1 Link 1" content="Link 1">
  228. <meta name="text:Box 1 Link 1 URL" content="/">
  229. <meta name="text:Box 1 Link 2" content="Link 2">
  230. <meta name="text:Box 1 Link 2 URL" content="/">
  231. <meta name="text:Box 1 Link 3" content="Link 3">
  232. <meta name="text:Box 1 Link 3 URL" content="/">
  233. <meta name="text:Box 1 Link 4" content="Link 4">
  234. <meta name="text:Box 1 Link 4 URL" content="/">
  235. <meta name="text:Box 1 Link 5" content="Link 5">
  236. <meta name="text:Box 1 Link 5 URL" content="/">
  237. <meta name="text:Box 2 Title" content="Box 2"/>
  238. <meta name="color:Box 2 Title Colour" content="#761141"/>
  239. <meta name="text:Box 2 Link 1" content="Link 1">
  240. <meta name="text:Box 2 Link 1 URL" content="/">
  241. <meta name="text:Box 2 Link 2" content="Link 2">
  242. <meta name="text:Box 2 Link 2 URL" content="/">
  243. <meta name="text:Box 2 Link 3" content="Link 3">
  244. <meta name="text:Box 2 Link 3 URL" content="/">
  245. <meta name="text:Box 2 Link 4" content="Link 4">
  246. <meta name="text:Box 2 Link 4 URL" content="/">
  247. <meta name="text:Box 2 Link 5" content="Link 5">
  248. <meta name="text:Box 2 Link 5 URL" content="/">
  249. <meta name="color:Box 3 Title Colour" content="#761141"/>
  250. <meta name="text:Box 3 Title" content="Box 3"/>
  251. <meta name="text:Box 3 Link 1" content="Link 1">
  252. <meta name="text:Box 3 Link 1 URL" content="/">
  253. <meta name="text:Box 3 Link 2" content="Link 2">
  254. <meta name="text:Box 3 Link 2 URL" content="/">
  255. <meta name="text:Box 3 Link 3" content="Link 3">
  256. <meta name="text:Box 3 Link 3 URL" content="/">
  257. <meta name="text:Box 3 Link 4" content="Link 4">
  258. <meta name="text:Box 3 Link 4 URL" content="/">
  259. <meta name="text:Box 3 Link 5" content="Link 5">
  260. <meta name="text:Box 3 Link 5 URL" content="/">
  261. <meta name="color:Box 4 Title Colour" content="#761141"/>
  262. <meta name="text:Box 4 Title" content="Box 4"/>
  263. <meta name="text:Box 4 Link 1" content="Link 1">
  264. <meta name="text:Box 4 Link 1 URL" content="/">
  265. <meta name="text:Box 4 Link 2" content="Link 2">
  266. <meta name="text:Box 4 Link 2 URL" content="/">
  267. <meta name="text:Box 4 Link 3" content="Link 3">
  268. <meta name="text:Box 4 Link 3 URL" content="/">
  269. <meta name="text:Box 4 Link 4" content="Link 4">
  270. <meta name="text:Box 4 Link 4 URL" content="/">
  271. <meta name="text:Box 4 Link 5" content="Link 5">
  272. <meta name="text:Box 4 Link 5 URL" content="/">
  273. <!--OPTIONS (0 means the option is OFF-->
  274. <meta name="if:Updates Tab" content="1"/>
  275. <title>{Title}</title>
  276.  
  277. <link rel="shortcut icon" href="{Favicon}" />
  278.  
  279. <style type="text/css">
  280.  
  281. @font-face {
  282. font-family: "economica";
  283. src: url('https://dl.dropboxusercontent.com/u/81174604/economica-regular.ttf');
  284. }
  285.  
  286. /* --- UPDATES TAB ---*/ /* --- MADE BY IAMTHEMELOCKED ---*/
  287.  
  288. #tab13boxes {
  289. width: auto;
  290. height: auto;
  291. position:fixed;
  292. display:inline-block;
  293. top:172px; /* --- MOVE THE TAB UP OR DOWN HERE ---*/
  294. left: 98px; /* --- MOVE THE TAB TO THE LEFT OR TO THE RIGHT HERE ---*/
  295. }
  296.  
  297. #tab13boxes a{
  298. color:{color:Link};
  299. font-size:9px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
  300. text-decoration:none;
  301. -webkit-transition: all 0.5s ease-in-out;
  302. -moz-transition: all 0.5s ease-in-out;
  303. -o-transition: all 0.5s ease-in-out;
  304. transition: all 0.5s ease-in-out;
  305. }
  306.  
  307. #tab13boxes a:hover{
  308. color:{color:Link Hover};
  309. background:none;
  310. font-size:9px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
  311. -webkit-transition: all 0.5s ease-in-out;
  312. -moz-transition: all 0.5s ease-in-out;
  313. -o-transition: all 0.5s ease-in-out;
  314. transition: all 0.5s ease-in-out;
  315. }
  316.  
  317. #tab13image img {
  318. height:70px;
  319. width:70px;
  320. margin-top:84px;
  321. opacity:1;
  322. float:left;
  323. margin-left:57px;
  324. padding:8px;
  325. position:fixed;
  326. background:#ffffff;
  327. border:3px solid {color:Tab Lines Colour};
  328. -webkit-transition: all 0.5s ease-in-out;
  329. -moz-transition: all 0.5s ease-in-out;
  330. -o-transition: all 0.5s ease-in-out;
  331. transition: all 0.5s ease-in-out;
  332. }
  333.  
  334. /* --- UPDATES TAB BOX 1 START ---*/
  335.  
  336. #tab13line1 {
  337. height:35px;
  338. width: 3px;
  339. display: inline-block;
  340. float:left;
  341. opacity:1;
  342. background:{color:Tab Lines Colour};
  343. -webkit-transition: all 0.5s ease-in-out;
  344. -moz-transition: all 0.5s ease-in-out;
  345. -o-transition: all 0.5s ease-in-out;
  346. transition: all 0.5s ease-in-out;
  347. }
  348.  
  349. #tab13line12 {
  350. width:35px;
  351. height: 3px;
  352. display: inline-block;
  353. float:left;
  354. margin-left:-13px;
  355. margin-top:12.5px;
  356. opacity:1;
  357. background:{color:Tab Lines Colour};
  358. -webkit-transition: all 0.5s ease-in-out;
  359. -moz-transition: all 0.5s ease-in-out;
  360. -o-transition: all 0.5s ease-in-out;
  361. transition: all 0.5s ease-in-out;
  362. }
  363.  
  364. #tab13line12:hover {
  365. width:160px;
  366. -webkit-transition: all 0.5s ease-in-out;
  367. -moz-transition: all 0.5s ease-in-out;
  368. -o-transition: all 0.5s ease-in-out;
  369. transition: all 0.5s ease-in-out;
  370. }
  371. #tab13box1 {
  372. width: 12px;
  373. height: 0px;
  374. display: inline-block;
  375. float:left;
  376. opacity:1;
  377. margin-left:20px;
  378. margin-top:7px;
  379. padding-top:12px;
  380. letter-spacing:1px;
  381. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  382. line-height:110%;
  383. overflow:hidden;
  384. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  385. text-transform:uppercase;
  386. text-align:left;
  387. background:{color:Tab Squares Colour};
  388. color:{color:Tab Text Colour};
  389. -webkit-transition: all 0.5s ease-in-out;
  390. -moz-transition: all 0.5s ease-in-out;
  391. -o-transition: all 0.5s ease-in-out;
  392. transition: all 0.5s ease-in-out;
  393. }
  394.  
  395. #tab13line1:hover #tab13box1 {
  396. opacity:1;
  397. padding:4px;
  398. margin-top:3px;
  399. margin-left:16px;
  400. background:{color:Sidebar};
  401. height:134px;
  402. width: 142px;
  403. -webkit-transition: all 0.5s ease-in-out;
  404. -moz-transition: all 0.5s ease-in-out;
  405. -o-transition: all 0.5s ease-in-out;
  406. transition: all 0.5s ease-in-out;
  407. }
  408.  
  409. /* --- UPDATES TAB BOX 1 END ---*/
  410.  
  411. /* --- UPDATES TAB BOX 2 START ---*/
  412.  
  413. #tab13line2 {
  414. height:35px;
  415. width: 3px;
  416. margin-left:-3px;
  417. display: inline-block;
  418. float:right;
  419. opacity:1;
  420. background:{color:Tab Lines Colour};
  421. -webkit-transition: all 0.5s ease-in-out;
  422. -moz-transition: all 0.5s ease-in-out;
  423. -o-transition: all 0.5s ease-in-out;
  424. transition: all 0.5s ease-in-out;
  425. }
  426.  
  427. #tab13line22 {
  428. width:35px;
  429. height: 3px;
  430. display: inline-block;
  431. float:right;
  432. margin-right:-13px;
  433. margin-top:12.5px;
  434. opacity:1;
  435. background:{color:Tab Lines Colour};
  436. -webkit-transition: all 0.5s ease-in-out;
  437. -moz-transition: all 0.5s ease-in-out;
  438. -o-transition: all 0.5s ease-in-out;
  439. transition: all 0.5s ease-in-out;
  440. }
  441.  
  442. #tab13line22:hover {
  443. width:160px;
  444. -webkit-transition: all 0.5s ease-in-out;
  445. -moz-transition: all 0.5s ease-in-out;
  446. -o-transition: all 0.5s ease-in-out;
  447. transition: all 0.5s ease-in-out;
  448. }
  449.  
  450. #tab13box2 {
  451. width: 12px;
  452. height: 0px;
  453. display: inline-block;
  454. float:right;
  455. opacity:1;
  456. margin-right:20px;
  457. margin-top:7px;
  458. padding-top:12px;
  459. letter-spacing:1px;
  460. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  461. line-height:110%;
  462. overflow:hidden;
  463. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  464. text-transform:uppercase;
  465. text-align:right;
  466. background:{color:Tab Squares Colour};
  467. color:{color:Tab Text Colour};
  468. -webkit-transition: all 0.5s ease-in-out;
  469. -moz-transition: all 0.5s ease-in-out;
  470. -o-transition: all 0.5s ease-in-out;
  471. transition: all 0.5s ease-in-out;
  472. }
  473.  
  474. #tab13line2:hover #tab13box2 {
  475. opacity:1;
  476. padding:4px;
  477. margin-right:16px;
  478. margin-top:3px;
  479. background:{color:Sidebar};
  480. height:134px;
  481. width: 142px;
  482. -webkit-transition: all 0.5s ease-in-out;
  483. -moz-transition: all 0.5s ease-in-out;
  484. -o-transition: all 0.5s ease-in-out;
  485. transition: all 0.5s ease-in-out;
  486. }
  487.  
  488. /* --- UPDATES TAB BOX 2 END ---*/
  489.  
  490. /* --- UPDATES TAB BOX 3 START ---*/
  491.  
  492. #tab13line3 {
  493. height:35px;
  494. width: 3px;
  495. display: inline-block;
  496. float:left;
  497. margin-left:-3px;
  498. margin-top:140px;
  499. opacity:1;
  500. background:{color:Tab Lines Colour};
  501. -webkit-transition: all 0.5s ease-in-out;
  502. -moz-transition: all 0.5s ease-in-out;
  503. -o-transition: all 0.5s ease-in-out;
  504. transition: all 0.5s ease-in-out;
  505. }
  506.  
  507. #tab13line32 {
  508. width:35px;
  509. height: 3px;
  510. display: inline-block;
  511. float:left;
  512. margin-left:-13px;
  513. margin-top:17.5px;
  514. opacity:1;
  515. background:{color:Tab Lines Colour};
  516. -webkit-transition: all 0.5s ease-in-out;
  517. -moz-transition: all 0.5s ease-in-out;
  518. -o-transition: all 0.5s ease-in-out;
  519. transition: all 0.5s ease-in-out;
  520. }
  521.  
  522. #tab13line32:hover {
  523. width:160px;
  524. -webkit-transition: all 0.5s ease-in-out;
  525. -moz-transition: all 0.5s ease-in-out;
  526. -o-transition: all 0.5s ease-in-out;
  527. transition: all 0.5s ease-in-out;
  528. }
  529.  
  530. #tab13box3 {
  531. width: 12px;
  532. height: 0px;
  533. display: inline-block;
  534. float:left;
  535. opacity:1;
  536. margin-left:20px;
  537. margin-top:-16px;
  538. padding-top:12px;
  539. letter-spacing:1px;
  540. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  541. line-height:110%;
  542. overflow:hidden;
  543. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  544. text-transform:uppercase;
  545. text-align:left;
  546. background:{color:Tab Squares Colour};
  547. color:{color:Tab Text Colour};
  548. -webkit-transition: all 0.5s ease-in-out;
  549. -moz-transition: all 0.5s ease-in-out;
  550. -o-transition: all 0.5s ease-in-out;
  551. transition: all 0.5s ease-in-out;
  552. }
  553.  
  554. #tab13line3:hover #tab13box3 {
  555. opacity:1;
  556. padding:4px;
  557. margin-top:-142px;
  558. margin-left:16px;
  559. background:{color:Sidebar};
  560. height:134px;
  561. width: 142px;
  562. -webkit-transition: all 0.5s ease-in-out;
  563. -moz-transition: all 0.5s ease-in-out;
  564. -o-transition: all 0.5s ease-in-out;
  565. transition: all 0.5s ease-in-out;
  566. }
  567.  
  568. /* --- UPDATES TAB BOX 3 END ---*/
  569.  
  570. /* --- UPDATES TAB BOX 4 START ---*/
  571.  
  572. #tab13line4 {
  573. height:35px;
  574. width: 3px;
  575. display: inline-block;
  576. float:left;
  577. margin-left:150px;
  578. margin-top:139px;
  579. opacity:1;
  580. background:{color:Tab Lines Colour};
  581. -webkit-transition: all 0.5s ease-in-out;
  582. -moz-transition: all 0.5s ease-in-out;
  583. -o-transition: all 0.5s ease-in-out;
  584. transition: all 0.5s ease-in-out;
  585. }
  586.  
  587. #tab13line42 {
  588. width:35px;
  589. height: 3px;
  590. display: inline-block;
  591. float:right;
  592. margin-right:-13px;
  593. margin-top:18.5px;
  594. opacity:1;
  595. background:{color:Tab Lines Colour};
  596. -webkit-transition: all 0.5s ease-in-out;
  597. -moz-transition: all 0.5s ease-in-out;
  598. -o-transition: all 0.5s ease-in-out;
  599. transition: all 0.5s ease-in-out;
  600. }
  601.  
  602. #tab13line42:hover {
  603. width:160px;
  604. -webkit-transition: all 0.5s ease-in-out;
  605. -moz-transition: all 0.5s ease-in-out;
  606. -o-transition: all 0.5s ease-in-out;
  607. transition: all 0.5s ease-in-out;
  608. }
  609.  
  610. #tab13box4 {
  611. width: 12px;
  612. height: 0px;
  613. display: inline-block;
  614. float:right;
  615. opacity:1;
  616. margin-right:20px;
  617. margin-top:-16px;
  618. padding-top:12px;
  619. letter-spacing:1px;
  620. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  621. line-height:110%;
  622. overflow:hidden;
  623. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  624. text-transform:uppercase;
  625. text-align:right;
  626. background:{color:Tab Squares Colour};
  627. color:{color:Tab Text Colour};
  628. -webkit-transition: all 0.5s ease-in-out;
  629. -moz-transition: all 0.5s ease-in-out;
  630. -o-transition: all 0.5s ease-in-out;
  631. transition: all 0.5s ease-in-out;
  632. }
  633.  
  634. #tab13line4:hover #tab13box4 {
  635. opacity:1;
  636. padding:4px;
  637. margin-top:-142px;
  638. margin-right:16px;
  639. background:{color:Sidebar};
  640. height:134px;
  641. width: 142px;
  642. -webkit-transition: all 0.5s ease-in-out;
  643. -moz-transition: all 0.5s ease-in-out;
  644. -o-transition: all 0.5s ease-in-out;
  645. transition: all 0.5s ease-in-out;
  646. }
  647.  
  648. /* --- UPDATES TAB BOX 4 END ---*/
  649.  
  650. /* --- UPDATES TAB ---*/ /* --- MADE BY IAMTHEMELOCKED ---*/
  651. /* --- UPDATES TAB ---*/
  652.  
  653. #updateboxes {
  654. width: auto;
  655. height: auto;
  656. position:fixed;
  657. float:left;
  658. display:inline-block;
  659. top:20px; /* --- MOVE THE TAB UP OR DOWN HERE ---*/
  660. left: 20px; /* --- MOVE THE TAB TO THE LEFT OR TO THE RIGHT HERE ---*/
  661. }
  662.  
  663. #updateboxes a{
  664. color:{color:Link};
  665. font-size:9px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
  666. text-decoration:none;
  667. -webkit-transition: all 0.5s ease-in-out;
  668. -moz-transition: all 0.5s ease-in-out;
  669. -o-transition: all 0.5s ease-in-out;
  670. transition: all 0.5s ease-in-out;
  671. }
  672.  
  673. #updateboxes a:hover{
  674. color:{color:Link Hover};
  675. font-size:9px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
  676. -webkit-transition: all 0.5s ease-in-out;
  677. -moz-transition: all 0.5s ease-in-out;
  678. -o-transition: all 0.5s ease-in-out;
  679. transition: all 0.5s ease-in-out;
  680. }
  681.  
  682. /* --- UPDATES TAB BOX 1 START ---*/
  683.  
  684. #updatelines1 {
  685. width: 25px;
  686. height: 25px;
  687. display: block;
  688. opacity:1;
  689. }
  690.  
  691. #updateline1 {
  692. width: 23px;
  693. height: 5px;
  694. display: block;
  695. opacity:1;
  696. background-color: {color:Tab Cross 1 Colour};
  697. transform:rotate(45deg);
  698. -ms-transform:rotate(45deg);
  699. -webkit-transform:rotate(45deg);
  700. -webkit-transition: all 0.5s ease-in-out;
  701. -moz-transition: all 0.5s ease-in-out;
  702. -o-transition: all 0.5s ease-in-out;
  703. transition: all 0.5s ease-in-out;
  704. }
  705.  
  706. #updatelines1:hover #updateline1 {
  707. transform:rotate(90deg);
  708. -ms-transform:rotate(90deg);
  709. -webkit-transform:rotate(90deg);
  710. -webkit-transition: all 0.5s ease-in-out;
  711. -moz-transition: all 0.5s ease-in-out;
  712. -o-transition: all 0.5s ease-in-out;
  713. transition: all 0.5s ease-in-out;
  714. }
  715.  
  716. #updateline2 {
  717. width: 23px;
  718. height: 5px;
  719. display: block;
  720. opacity:1;
  721. margin-left:1px;
  722. margin-top:-5px;
  723. background-color: {color:Tab Cross 1 Colour};
  724. transform:rotate(135deg);
  725. -ms-transform:rotate(135deg);
  726. -webkit-transform:rotate(135deg);
  727. -webkit-transition: all 0.5s ease-in-out;
  728. -moz-transition: all 0.5s ease-in-out;
  729. -o-transition: all 0.5s ease-in-out;
  730. transition: all 0.5s ease-in-out;
  731. }
  732.  
  733. #updatelines1:hover #updateline2 {
  734. transform:rotate(90deg);
  735. -ms-transform:rotate(90deg);
  736. -webkit-transform:rotate(90deg);
  737. -webkit-transition: all 0.5s ease-in-out;
  738. -moz-transition: all 0.5s ease-in-out;
  739. -o-transition: all 0.5s ease-in-out;
  740. transition: all 0.5s ease-in-out;
  741. }
  742.  
  743. #updatebox1 {
  744. width: 0px;
  745. height: 0px;
  746. display: inline-block;
  747. float:left;
  748. opacity:0;
  749. margin-top:-5px;
  750. letter-spacing:1px;
  751. margin-left:13px;
  752. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  753. line-height:110%;
  754. overflow:hidden;
  755. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  756. border-top:5px solid {color:Tab Cross 1 Colour};
  757. text-transform:uppercase;
  758. text-align:left;
  759. color:{color:Cross Tab Text Colour};
  760. -webkit-transition: all 0.5s ease-in-out;
  761. -moz-transition: all 0.5s ease-in-out;
  762. -o-transition: all 0.5s ease-in-out;
  763. transition: all 0.5s ease-in-out;
  764. }
  765.  
  766. #updatelines1:hover #updatebox1 {
  767. opacity:1;
  768. height:200px; /* --- CHANGE THE CONTENT´S HEIGHT HERE ---*/
  769. width: 130px; /* --- CHANGE THE CONTENT´S WIDTH HERE ---*/
  770. padding-left:18px;
  771. padding-right:5px;
  772. padding-bottom:5px;
  773. padding-top:5px;
  774. -webkit-transition: all 0.5s ease-in-out;
  775. -moz-transition: all 0.5s ease-in-out;
  776. -o-transition: all 0.5s ease-in-out;
  777. transition: all 0.5s ease-in-out;
  778. }
  779.  
  780. /* --- UPDATES TAB BOX 1 END ---*/
  781.  
  782. /* --- UPDATES TAB BOX 2 START ---*/
  783.  
  784. #updatelines2 {
  785. width: 25px;
  786. height: 25px;
  787. display: block;
  788. opacity:1;
  789. }
  790.  
  791. #updateline3 {
  792. width: 23px;
  793. height: 5px;
  794. display: block;
  795. opacity:1;
  796. margin-top:10px;
  797. background-color: {color:Tab Cross 2 Colour};
  798. transform:rotate(45deg);
  799. -ms-transform:rotate(45deg);
  800. -webkit-transform:rotate(45deg);
  801. -webkit-transition: all 0.5s ease-in-out;
  802. -moz-transition: all 0.5s ease-in-out;
  803. -o-transition: all 0.5s ease-in-out;
  804. transition: all 0.5s ease-in-out;
  805. }
  806.  
  807. #updatelines2:hover #updateline3 {
  808. transform:rotate(90deg);
  809. -ms-transform:rotate(90deg);
  810. -webkit-transform:rotate(90deg);
  811. -webkit-transition: all 0.5s ease-in-out;
  812. -moz-transition: all 0.5s ease-in-out;
  813. -o-transition: all 0.5s ease-in-out;
  814. transition: all 0.5s ease-in-out;
  815. }
  816.  
  817. #updateline4 {
  818. width: 23px;
  819. height: 5px;
  820. display: block;
  821. opacity:1;
  822. margin-left:1px;
  823. margin-top:-5px;
  824. background-color: {color:Tab Cross 2 Colour};
  825. transform:rotate(135deg);
  826. -ms-transform:rotate(135deg);
  827. -webkit-transform:rotate(135deg);
  828. -webkit-transition: all 0.5s ease-in-out;
  829. -moz-transition: all 0.5s ease-in-out;
  830. -o-transition: all 0.5s ease-in-out;
  831. transition: all 0.5s ease-in-out;
  832. }
  833.  
  834. #updatelines2:hover #updateline4 {
  835. transform:rotate(90deg);
  836. -ms-transform:rotate(90deg);
  837. -webkit-transform:rotate(90deg);
  838. -webkit-transition: all 0.5s ease-in-out;
  839. -moz-transition: all 0.5s ease-in-out;
  840. -o-transition: all 0.5s ease-in-out;
  841. transition: all 0.5s ease-in-out;
  842. }
  843.  
  844. #updatebox2 {
  845. width: 0px;
  846. height: 0px;
  847. z-index: 1;
  848. display: inline-block;
  849. float:left;
  850. opacity:0;
  851. margin-top:-5px;
  852. letter-spacing:1px;
  853. margin-left:13px;
  854. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  855. line-height:110%;
  856. overflow:hidden;
  857. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  858. border-top:5px solid {color:Tab Cross 2 Colour};
  859. text-transform:uppercase;
  860. text-align:left;
  861. color:{color:Cross Tab Text Colour};
  862. -webkit-transition: all 0.5s ease-in-out;
  863. -moz-transition: all 0.5s ease-in-out;
  864. -o-transition: all 0.5s ease-in-out;
  865. transition: all 0.5s ease-in-out;
  866. }
  867.  
  868. #updatelines2:hover #updatebox2 {
  869. opacity:1;
  870. height:200px; /* --- CHANGE THE CONTENT´S HEIGHT HERE ---*/
  871. width: 130px; /* --- CHANGE THE CONTENT´S WIDTH HERE ---*/
  872. padding-left:18px;
  873. padding-right:5px;
  874. padding-bottom:5px;
  875. padding-top:5px;
  876. -webkit-transition: all 0.5s ease-in-out;
  877. -moz-transition: all 0.5s ease-in-out;
  878. -o-transition: all 0.5s ease-in-out;
  879. transition: all 0.5s ease-in-out;
  880. }
  881.  
  882. /* --- UPDATES TAB BOX 2 END ---*/
  883.  
  884. /* --- UPDATES TAB BOX 3 START ---*/
  885.  
  886. #updatelines3 {
  887. width: 25px;
  888. height: 25px;
  889. display: block;
  890. opacity:1;
  891. }
  892.  
  893. #updateline5 {
  894. width: 23px;
  895. height: 5px;
  896. display: block;
  897. opacity:1;
  898. margin-top:10px;
  899. background-color: {color:Tab Cross 3 Colour};
  900. transform:rotate(45deg);
  901. -ms-transform:rotate(45deg);
  902. -webkit-transform:rotate(45deg);
  903. -webkit-transition: all 0.5s ease-in-out;
  904. -moz-transition: all 0.5s ease-in-out;
  905. -o-transition: all 0.5s ease-in-out;
  906. transition: all 0.5s ease-in-out;
  907. }
  908.  
  909. #updatelines3:hover #updateline5 {
  910. transform:rotate(90deg);
  911. -ms-transform:rotate(90deg);
  912. -webkit-transform:rotate(90deg);
  913. -webkit-transition: all 0.5s ease-in-out;
  914. -moz-transition: all 0.5s ease-in-out;
  915. -o-transition: all 0.5s ease-in-out;
  916. transition: all 0.5s ease-in-out;
  917. }
  918.  
  919. #updateline6 {
  920. width: 23px;
  921. height: 5px;
  922. display: block;
  923. opacity:1;
  924. margin-left:1px;
  925. margin-top:-5px;
  926. background-color: {color:Tab Cross 3 Colour};
  927. transform:rotate(135deg);
  928. -ms-transform:rotate(135deg);
  929. -webkit-transform:rotate(135deg);
  930. -webkit-transition: all 0.5s ease-in-out;
  931. -moz-transition: all 0.5s ease-in-out;
  932. -o-transition: all 0.5s ease-in-out;
  933. transition: all 0.5s ease-in-out;
  934. }
  935.  
  936. #updatelines3:hover #updateline6 {
  937. transform:rotate(90deg);
  938. -ms-transform:rotate(90deg);
  939. -webkit-transform:rotate(90deg);
  940. -webkit-transition: all 0.5s ease-in-out;
  941. -moz-transition: all 0.5s ease-in-out;
  942. -o-transition: all 0.5s ease-in-out;
  943. transition: all 0.5s ease-in-out;
  944. }
  945.  
  946. #updatebox3 {
  947. width: 0px;
  948. height: 0px;
  949. display: inline-block;
  950. float:left;
  951. opacity:0;
  952. margin-top:-5px;
  953. letter-spacing:1px;
  954. margin-left:13px;
  955. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  956. line-height:110%;
  957. overflow:hidden;
  958. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  959. border-top:5px solid {color:Tab Cross 3 Colour};
  960. text-transform:uppercase;
  961. text-align:left;
  962. color:{color:Cross Tab Text Colour};
  963. -webkit-transition: all 0.5s ease-in-out;
  964. -moz-transition: all 0.5s ease-in-out;
  965. -o-transition: all 0.5s ease-in-out;
  966. transition: all 0.5s ease-in-out;
  967. }
  968.  
  969. #updatelines3:hover #updatebox3 {
  970. opacity:1;
  971. height:200px; /* --- CHANGE THE CONTENT´S HEIGHT HERE ---*/
  972. width: 130px; /* --- CHANGE THE CONTENT´S WIDTH HERE ---*/
  973. padding-left:18px;
  974. padding-right:5px;
  975. padding-bottom:5px;
  976. padding-top:5px;
  977. -webkit-transition: all 0.5s ease-in-out;
  978. -moz-transition: all 0.5s ease-in-out;
  979. -o-transition: all 0.5s ease-in-out;
  980. transition: all 0.5s ease-in-out;
  981. }
  982.  
  983. /* --- UPDATES TAB BOX 3 END ---*/
  984. /* --- UPDATES TAB ---*/
  985.  
  986. /*SCROLLBAR*/
  987. ::-webkit-scrollbar-thumb:vertical {
  988. background-color:{color:Scrollbar};
  989. height: 30px;
  990. }
  991.  
  992. ::-webkit-scrollbar-thumb:horizontal {
  993. background-color:{color:Scrollbar};
  994. width: 30px;
  995. }
  996.  
  997. ::-webkit-scrollbar {
  998. background-color:{color:Scrollbar BG};
  999. height: 5px;
  1000. width: 5px;
  1001. }
  1002.  
  1003. .nav {
  1004. display:none!important;
  1005. }
  1006.  
  1007. /*ENTIRE PAGE*/
  1008. body {
  1009. margin-left: 400px;
  1010. background-attachment: fixed; /*makes the background not move*/
  1011. background-image: url('{image:Background}');
  1012. background-color: {color:Background};
  1013. color: {color:Text};
  1014. font-family: Calibri;
  1015. font-size: 11px;
  1016. }
  1017.  
  1018. /*LINKS*/
  1019. a:link, a:active, a:visited {
  1020. text-decoration: none; /*no underline*/
  1021. color: {color:Link};
  1022. /*the stuff below allows a smooth transition*/
  1023. -webkit-transition: all 0.4s ease-in-out; /*for chrome*/
  1024. -moz-transition: all 0.4s ease-in-out; /*for firefox*/
  1025. -o-transition: all 0.4s ease-in-out; /*for opera*/
  1026. }
  1027.  
  1028. /*LINK HOVER*/
  1029. a:hover {
  1030. color: {color:Link Hover};
  1031. }
  1032.  
  1033. /*FOLLOW/REBLOG/LIKE/DASH BUTTON*/
  1034. iframe#tumblr_controls{
  1035. position: fixed;
  1036. right: 0px;
  1037. top: 0px;
  1038. opacity: 0.8;
  1039. }
  1040.  
  1041.  
  1042.  
  1043. blockquote {
  1044. border-left: 2px solid {color:Text};
  1045. padding: 3px 5px;
  1046. margin: 0;
  1047. margin-top: 20px;
  1048. margin-bottom: 20px;
  1049. margin-left: 25px;
  1050. }
  1051.  
  1052. /*SIDEBAR*/
  1053. #sidecont {
  1054. position: fixed;
  1055. width: 200px;
  1056. padding: 10px;
  1057. margin-left: -325px;
  1058. margin-top: 80px;
  1059. }
  1060.  
  1061. #sidebar {
  1062. width: 156px;
  1063. border: 13px solid {color:Sidebar};
  1064. background: {color:Sidebar};
  1065. z-index: -1;
  1066. }
  1067.  
  1068. #sidebar img {
  1069. width:156px;
  1070. height:148px;
  1071. z-index: -1;
  1072. }
  1073.  
  1074. #description {
  1075. margin-top: 7px;
  1076. margin-left:-20px;
  1077. color: {color:Description};
  1078. font-family: Economica;
  1079. text-align: center;
  1080. font-size: 17px;
  1081. }
  1082.  
  1083. /*TITLE*/
  1084. #title {
  1085. width: 160px;
  1086. padding: 0px 10px;
  1087. text-align: center;
  1088. font-family: Economica;
  1089. font-size: 23px;
  1090. margin-bottom: 5px;
  1091. }
  1092.  
  1093. #title a {
  1094. color: {color:Title};
  1095. }
  1096.  
  1097. #title a:hover {
  1098. color: {color:Title Hover};
  1099. }
  1100.  
  1101. /*NAVIGATION*/
  1102. #nav {
  1103. width: 200px;
  1104. margin-left: 50px;
  1105. margin-top: 0px;
  1106.  
  1107. }
  1108.  
  1109. {block:ifnot400Post}
  1110. <img src="{PhotoURL-500}" width="500px">
  1111. {/block:ifnot400Post}/*POST CONTAINER*/
  1112. #content {
  1113. margin-left: 00px;
  1114. margin-top: 50px;
  1115. margin-bottom: 50px;
  1116. width: 420px;
  1117. }
  1118.  
  1119. /*POSTS*/
  1120. .posts {
  1121. width: 400px;
  1122. background: {color:Post Background};
  1123. color: {color:Text};
  1124. font-family: Calibri;
  1125. font-size: 11px;
  1126. margin-bottom: 20px;
  1127. padding: 10px;
  1128. }
  1129.  
  1130. /*POST TITLES*/
  1131. .posttitle {
  1132. font-family: Economica;
  1133. font-size: 18px;
  1134. color: {color:Text Post Title};
  1135. }
  1136.  
  1137. /*LINK TITLES*/
  1138. .posttitle a {
  1139. color: {color:Link Post};
  1140. }
  1141.  
  1142. .posttitle a:hover{
  1143. color: {color:Link Post Hover};
  1144. }
  1145.  
  1146. /*QUOTE*/
  1147. .quote {
  1148. font-family: economica;
  1149. font-size: 18px;
  1150. }
  1151.  
  1152. /*AUDIO POST*/
  1153. /*MUSIC PLAYER*/
  1154. .player {
  1155. width: 10px;
  1156. height: 10px;
  1157. overflow: hidden;
  1158. padding: 4px 21px 21px 4px;
  1159. margin-top: 33px;
  1160. margin-left: 33px;
  1161. position: absolute;
  1162. background-color: #fff;
  1163. opacity: 0.8;
  1164. z-index: 10;
  1165. }
  1166.  
  1167. /*ALBUM*/
  1168. .album {
  1169. position: absolute;
  1170. width: 100px;
  1171. height: 100px;
  1172. overflow: hidden;
  1173. }
  1174.  
  1175. .album img {
  1176. width: 100px;
  1177. height: 100px;
  1178. overflow: hidden;
  1179. }
  1180.  
  1181. /*AUDIO INFO*/
  1182. .track {
  1183. min-height: 90px;
  1184. max-height: 100px;
  1185. overflow: auto;
  1186. margin-left: 100px;
  1187. padding: 5px 10px;
  1188. color: {color:Text};
  1189. text-transform: UPPERCASE;
  1190. letter-spacing: 1px;
  1191. font-size: 9px;
  1192. }
  1193.  
  1194. /*ANSWER*/
  1195. .question {
  1196. font-family: economica;
  1197. font-size: 18px;
  1198. color: {color:Text Post Title};
  1199. }
  1200.  
  1201. /*CAPTION*/
  1202. .caption {
  1203. line-height: 12px;
  1204. text-align: left;
  1205. margin-top: -5px;
  1206. }
  1207.  
  1208. /*PERMALINK*/
  1209. #perm {
  1210. font-family: economica;
  1211. font-size: 12px;
  1212. padding: 3px 10px;
  1213. text-transform: none;
  1214. letter-spacing: 1px;
  1215. text-align: center;
  1216. margin-top: 5px;
  1217. color: {color:Permalink};
  1218. background-color: {color:Permalink BG};
  1219. width: 380px;
  1220. }
  1221.  
  1222. #perm a {
  1223. color: {color:Permalink};
  1224. }
  1225.  
  1226. #perm a:hover {
  1227. color: {color:Permalink Hover};
  1228. }
  1229. #pagination {
  1230. margin-top:-27px;
  1231. padding:10px;
  1232. margin-left:60px;
  1233. text-transform:lowercase;
  1234. font-weight:bold;
  1235. position:fixed;
  1236. }
  1237. #pagination a {
  1238. padding:0 15px;
  1239. }
  1240. #bli img {
  1241. width:50px;
  1242. position:fixed;
  1243. padding:3px;
  1244. opacity: .5;
  1245. bottom:5px;
  1246. left:5px;
  1247. z-index:999999999999999999999999999999999999999999;
  1248. }
  1249. #bli img:hover {
  1250. opacity:1;
  1251. width:100px;
  1252. }
  1253.  
  1254. </style>
  1255.  
  1256. <body>
  1257.  
  1258.  
  1259. {block:IndexPage}
  1260. <div class="nav">
  1261. {block:Pagination}
  1262. {block:PreviousPage}
  1263. <a href="{PreviousPage}">previous</a> &middot;
  1264. {/block:PreviousPage}
  1265. {block:NextPage}
  1266. <a href="{NextPage}">next</a>
  1267. {/block:NextPage}
  1268. {/block:Pagination}
  1269. </div>
  1270. {/block:IndexPage}
  1271.  
  1272. <div id="structure">
  1273. <div id="container">
  1274. {block:IfUpdatesTab}
  1275.  
  1276. <div id="updateboxes">
  1277.  
  1278. <div id="updatelines1">
  1279. <div id="updateline1"></div>
  1280. <div id="updateline2"></div>
  1281. <div id="updatebox1">
  1282. <div style="width:130px; height:12px; margin-left: 0px;
  1283. border:1px #ffffff; line-height:12px;padding:1px; background-color:{color:Tab Cross 1 Colour}";>
  1284. <FONT COLOR=#FFFFFF><FONT size=1>About me<a href="http://iamthemelocked.tumblr.com/" target="_blank" title="tab by iamthemelocked">©</a></FONT></FONT></div></p>
  1285. {text:About}</p>
  1286. <div style="width:130px; height:12px; margin-left: 0px;
  1287. border:1px #ffffff; line-height:12px;padding:1px; background-color:{color:Tab Cross 1 Colour}";>
  1288. </div></p>
  1289. </div></div>
  1290.  
  1291. <div id="updatelines2">
  1292. <div id="updateline3"></div>
  1293. <div id="updateline4"></div>
  1294. <div id="updatebox2">
  1295. <div style="width:130px; height:12px; margin-left: 0px;
  1296. border:1px #ffffff; line-height:12px;padding:1px; background-color:{color:Tab Cross 2 Colour}";>
  1297. <FONT COLOR=#FFFFFF><FONT size=1>My Blog<a href="http://iamthemelocked.tumblr.com/" target="_blank" title="tab by iamthemelocked">©</a></FONT></FONT></div></p>
  1298. {text:Blog}
  1299. <div style="width:130px; height:12px; margin-left: 0px;
  1300. border:1px #ffffff; line-height:12px;padding:1px; background-color:{color:Tab Cross 2 Colour}";>
  1301. </div></p>
  1302. </div></div>
  1303.  
  1304. <div id="updatelines3">
  1305. <div id="updateline5"></div>
  1306. <div id="updateline6"></div>
  1307. <div id="updatebox3">
  1308. <div style="width:130px; height:12px; margin-left: 0px;
  1309. border:1px #ffffff; line-height:12px;padding:1px; background-color:{color:Tab Cross 3 Colour}";>
  1310. <FONT COLOR=#FFFFFF><FONT size=1>faves<a href="http://iamthemelocked.tumblr.com/" target="_blank" title="tab by iamthemelocked">©</a></FONT></FONT></div></p>
  1311. <a href="{text:Fave1 URL}">{text:Fave1}</a> <br>
  1312. <a href="{text:Fave2 URL}">{text:Fave2}</a> <br>
  1313. <a href="{text:Fave3 URL}">{text:Fave3}</a> <br>
  1314. <a href="{text:Fave4 URL}">{text:Fave4}</a> <br></p>
  1315. <div style="width:130px; height:12px; margin-left: 0px;
  1316. border:1px #ffffff; line-height:12px;padding:1px; background-color:{color:Tab Cross 3 Colour}";>
  1317. </div></div>
  1318.  
  1319.  
  1320.  
  1321. </div>
  1322.  
  1323. {/block:IfUpdatesTab}
  1324.  
  1325.  
  1326. </div></div></div></div>
  1327. <div id="sidecont">
  1328. <div id="title"><a href="/">{Title}</a></div>
  1329. <div id="sidebar">
  1330. <a href="/"><img src="{image:Sidebar}"></a>
  1331.  
  1332. </div>
  1333.  
  1334.  
  1335.  
  1336.  
  1337. <div id="tab13boxes">
  1338.  
  1339. <div id="tab13line1">
  1340. <div id="tab13line12">
  1341. <div id="tab13box1">
  1342. <div style="width:138px; height:8px; margin-left: 0px;
  1343. border:1px #ffffff; line-height:8px;padding:2px;text-align:left; background-color:{color:Box 1 Title Colour}";>
  1344. <FONT COLOR=#FFFFFF><FONT size=1>{text:Box 1 Title}</FONT></FONT></div></p>
  1345. <a href="{text:Box 1 Link 1 URL}">{text:Box 1 Link 1}</a> <br>
  1346. <a href="{text:Box 1 Link 2 URL}">{text:Box 1 Link 2}</a> <br>
  1347. <a href="{text:Box 1 Link 3 URL}">{text:Box 1 Link 3}</a> <br>
  1348. <a href="{text:Box 1 Link 4 URL}">{text:Box 1 Link 4}</a> <br>
  1349. <a href="{text:Box 1 Link 5 URL}">{text:Box 1 Link 5}</a> <br>
  1350. <a href="http://iamthemelocked.tumblr.com/" target="_blank" title="tab by iamthemelocked">©</a>
  1351. </p>
  1352. </FONT>
  1353. </div></div></div>
  1354.  
  1355. <div id="tab13line2">
  1356. <div id="tab13line22">
  1357. <div id="tab13box2">
  1358. <div style="width:138px; height:8px; margin-right: 0px;
  1359. border:1px #ffffff; line-height:8px;padding:2px;text-align:right; float:right; background-color:{color:Box 2 Title Colour}";>
  1360. <FONT COLOR=#FFFFFF><FONT size=1>{text:Box 2 Title}</FONT></FONT></div></br></br>
  1361. <a href="{text:Box 2 Link 1 URL}">{text:Box 2 Link 1}</a> <br>
  1362. <a href="{text:Box 2 Link 2 URL}">{text:Box 2 Link 2}</a> <br>
  1363. <a href="{text:Box 2 Link 3 URL}">{text:Box 2 Link 3}</a> <br>
  1364. <a href="{text:Box 2 Link 4 URL}">{text:Box 2 Link 4}</a> <br>
  1365. <a href="{text:Box 2 Link 5 URL}">{text:Box 2 Link 5}</a> <br>
  1366. <a href="http://iamthemelocked.tumblr.com/" target="_blank" title="tab by iamthemelocked">©</a>
  1367. </div></div></div>
  1368.  
  1369. <div id="tab13line3">
  1370. <div id="tab13line32">
  1371. <div id="tab13box3">
  1372. <div style="width:138px; height:8px; margin-right: 0px;
  1373. border:1px #ffffff; line-height:8px;padding:2px;text-align:left; float:left; background-color:{color:Box 3 Title Colour}";>
  1374. <FONT COLOR=#FFFFFF><FONT size=1>{text:Box 3 Title}</FONT></FONT></div></br></br>
  1375. <a href="{text:Box 3 Link 1 URL}">{text:Box 3 Link 1}</a> <br>
  1376. <a href="{text:Box 3 Link 2 URL}">{text:Box 3 Link 2}</a> <br>
  1377. <a href="{text:Box 3 Link 3 URL}">{text:Box 3 Link 3}</a> <br>
  1378. <a href="{text:Box 3 Link 4 URL}">{text:Box 3 Link 4}</a> <br>
  1379. <a href="{text:Box 3 Link 5 URL}">{text:Box 3 Link 5}</a> <br>
  1380. <a href="http://iamthemelocked.tumblr.com/" target="_blank" title="tab by iamthemelocked">©</a>
  1381. </div></div></div>
  1382.  
  1383. <div id="tab13line4">
  1384. <div id="tab13line42">
  1385. <div id="tab13box4">
  1386. <div style="width:138px; height:8px; margin-left: 0px;
  1387. border:1px #ffffff; line-height:8px;padding:2px;text-align:right; background-color:{color:Box 4 Title Colour}";>
  1388. <FONT COLOR=#FFFFFF><FONT size=1>{text:Box 4 Title}</FONT></FONT></div></p>
  1389. <a href="{text:Box 4 Link 1 URL}">{text:Box 4 Link 1}</a> <br>
  1390. <a href="{text:Box 4 Link 2 URL}">{text:Box 4 Link 2}</a> <br>
  1391. <a href="{text:Box 4 Link 3 URL}">{text:Box 4 Link 3}</a> <br>
  1392. <a href="{text:Box 4 Link 4 URL}">{text:Box 4 Link 4}</a> <br>
  1393. <a href="{text:Box 4 Link 5 URL}">{text:Box 4 Link 5}</a> <br>
  1394. <a href="http://iamthemelocked.tumblr.com/" target="_blank" title="tab by iamthemelocked">©</a>
  1395. </div></div></div>
  1396. </div>
  1397.  
  1398.  
  1399. <div id="description">
  1400. ^^hover over boxes for links^^
  1401. <p>
  1402. <div id="pagination">
  1403. {block:Pagination}
  1404. {block:PreviousPage}
  1405. <a href="{PreviousPage}">&larr; previous </a>
  1406. {/block:PreviousPage}
  1407.  
  1408.  
  1409. {block:NextPage}
  1410. <a href="{NextPage}">next &rarr;</a>
  1411. {/block:NextPage}
  1412. {/block:Pagination}
  1413. </div>
  1414.  
  1415. </div>
  1416.  
  1417.  
  1418. </div>
  1419. </div>
  1420. <div id="content">
  1421. {block:Posts}
  1422.  
  1423. {block:ContentSource}
  1424. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1425. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1426. {/block:SourceLogo}
  1427. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1428. {/block:ContentSource}
  1429.  
  1430. <div class="posts">
  1431.  
  1432. {block:Text}
  1433. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1434. {Body}
  1435. {/block:Text}
  1436.  
  1437. {block:Photo}
  1438. <center>
  1439. <img src="{PhotoURL-400}" width="400px">
  1440. {block:IndexPage}
  1441. <div style="margin-bottom: -3px;"></div>
  1442. {block:Caption}
  1443. <div class="caption">
  1444. {Caption}
  1445. <div style="margin-bottom: -8px;"></div>
  1446. </div>
  1447. {/block:Caption}
  1448. <div style="margin-bottom: -3px;"></div>
  1449. {/block:IndexPage}
  1450.  
  1451. {block:PermalinkPage}
  1452. <div style="margin-bottom: -3px;"></div>
  1453. {block:Caption}
  1454. <div class="caption">
  1455. {Caption}
  1456. <div style="margin-bottom: -8px;"></div>
  1457. </div>
  1458. {/block:Caption}
  1459. {/block:PermalinkPage}
  1460. </center>
  1461. {/block:Photo}
  1462.  
  1463. {block:Photoset}
  1464. {Photoset-400}
  1465. {block:IndexPage}
  1466. <div style="margin-bottom: -3px;"></div>
  1467. {block:Caption}
  1468. <div class="caption">
  1469. {Caption}
  1470. <div style="margin-bottom: -8px;"></div>
  1471. </div>
  1472. {/block:Caption}
  1473. <div style="margin-bottom: -3px;"></div>
  1474. {/block:IndexPage}
  1475.  
  1476. {block:PermalinkPage}
  1477. <div style="margin-bottom: -3px;"></div>
  1478. {block:Caption}
  1479. <div class="caption">
  1480. {Caption}
  1481. <div style="margin-bottom: -8px;"></div>
  1482. </div>
  1483. {/block:Caption}
  1484. {/block:PermalinkPage}
  1485. {/block:Photoset}
  1486.  
  1487. {block:Quote}
  1488. <div class="quote">"{Quote}"</div>
  1489. ~{Source}
  1490. {/block:Quote}
  1491.  
  1492. {block:Link}
  1493. <div class="posttitle"><a href="{URL}">{Name}</a></div>
  1494. {block:Description}
  1495. <div style="margin-top: -8px;"></div>
  1496. {Description}
  1497. <div style="margin-bottom: -8px;"></div>
  1498. {/block:Description}
  1499. {/block:Link}
  1500.  
  1501. {block:Chat}
  1502. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1503. {block:Lines}
  1504. {block:Label}<b>{Label}</b>{/block:Label}
  1505. {Line}<br>
  1506. {/block:Lines}
  1507. {/block:Chat}
  1508.  
  1509. {block:Video}
  1510. {Video-400}
  1511. {block:IndexPage}
  1512. <div style="margin-bottom: -3px;"></div>
  1513. {block:Caption}
  1514. <div class="caption">
  1515. {Caption}
  1516. <div style="margin-bottom: -8px;"></div>
  1517. </div>
  1518. {/block:Caption}
  1519. <div style="margin-bottom: -4px;"></div>
  1520. {/block:IndexPage}
  1521.  
  1522. {block:PermalinkPage}
  1523. <div style="margin-bottom: -3px;"></div>
  1524. {block:Caption}
  1525. <div class="caption">
  1526. {Caption}
  1527. <div style="margin-bottom: -8px;"></div>
  1528. </div>
  1529. {/block:Caption}
  1530. {/block:PermalinkPage}
  1531. {/block:Video}
  1532.  
  1533. {block:Audio}
  1534. <div class="album">
  1535. {block:AudioPlayer}
  1536. <div class="player">{AudioPlayerWhite}</div>
  1537. {/block:AudioPlayer}
  1538.  
  1539. {block:AlbumArt}
  1540. <img src="{AlbumArtURL}">
  1541. {/block:AlbumArt}
  1542. </div>
  1543.  
  1544. <div class="track">
  1545. {block:TrackName}
  1546. Title: {TrackName}<br>
  1547. {/block:TrackName}
  1548. {block:Artist}
  1549. Artist: {Artist}<br>
  1550. {/block:Artist}
  1551. {block:Album}
  1552. Album: {Album}
  1553. {/block:Album}
  1554. </div>
  1555.  
  1556. {block:IndexPage}
  1557. {block:Caption}
  1558. <div class="caption"> <div style="margin-top:0px;"></div>
  1559. {Caption}
  1560. <div style="margin-bottom: -10px;"></div>
  1561. </div>
  1562. {/block:Caption}
  1563. {/block:IndexPage}
  1564.  
  1565. {block:PermalinkPage}
  1566. {block:Caption}
  1567. <div class="caption"> <div style="margin-top:0px;"></div>
  1568. {Caption}
  1569. <div style="margin-bottom: -8px;"></div>
  1570. </div>
  1571. {/block:Caption}
  1572. {/block:PermalinkPage}
  1573. {/block:Audio}
  1574.  
  1575. {block:Answer}
  1576. <div class="question" style="background-color: black; padding: 5px;">
  1577. {Asker} appeared and said:<p> “{Question}”
  1578. </div>
  1579. {Answer}
  1580. {/block:Answer}
  1581.  
  1582. {block:IndexPage}<!--only shows up on the front page"-->
  1583. <div id="perm">
  1584. <a href="{Permalink}" style="text-transform:uppercase;">{NoteCount} notes</a>
  1585. • <a href="{ReblogURL}" style="text-transform:uppercase;">reblog</a> • <a href="{LikeURL}" style="text-transform:uppercase;">like</a>
  1586. <br>
  1587. {block:HasTags}
  1588. {block:Tags}
  1589. <a href="{TagURL}">#{Tag}</a>&nbsp&nbsp
  1590. {/block:Tags}
  1591. {/block:HasTags}
  1592. </div>
  1593. {/block:IndexPage}
  1594.  
  1595. {block:PermalinkPage}
  1596. <div style="line-height:25px; text-align:center;">
  1597. {block:Date}
  1598. posted {24Hour}:{Minutes} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  1599. {/block:Date}
  1600. {block:RebloggedFrom}
  1601. <center>
  1602. src: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1603. &nbsp;|&nbsp;
  1604. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1605. </center>
  1606. {/block:RebloggedFrom}
  1607.  
  1608. {block:HasTags}
  1609. {block:Tags}
  1610. <a href="{TagURL}">#{Tag}</a>&nbsp&nbsp
  1611. {/block:Tags}
  1612. {/block:HasTags}
  1613. </div>
  1614. {/block:PermalinkPage}
  1615.  
  1616. </div>
  1617.  
  1618. {block:PermalinkPage}
  1619. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1620. {/block:PermalinkPage}
  1621.  
  1622. {/block:Posts}
  1623.  
  1624. {block:IfInfiniteScroll}
  1625. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1626. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  1627. {/block:IfInfiniteScroll}
  1628.  
  1629. </div>
  1630. <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>
  1631. </body>
  1632.  
  1633. </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!