API tools faq
paste
Advertisement
WonderWoman

Untitled

WonderWoman
Jul 7th, 2014
236
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="eng">
  5.  
  6. <!-----
  7. Theme #12 Angels
  8. made by Semo (risen-king-crowley.tumblr.com)
  9. PLEASE LEAVE VISIBLE CREDIT OR I'LL REPORT YOU
  10. My themes are copyrighted and therefore it's ILLEGAL to steal them or claim as your own.
  11.  
  12.  
  13. IMPORTANT NOTE:
  14. if page effect is stuck then save and refresh the customize page and the effect will work properly
  15.  
  16.  
  17. ----->
  18.  
  19. <head>
  20.  
  21.  
  22. {block:ifmousesparkles}
  23. <script type="text/javascript">
  24. // <![CDATA[
  25. var colour="{color:links}";
  26. var sparkles=120;
  27.  
  28. var x=ox=400;
  29. var y=oy=300;
  30. var swide=800;
  31. var shigh=600;
  32. var sleft=sdown=0;
  33. var tiny=new Array();
  34. var star=new Array();
  35. var starv=new Array();
  36. var starx=new Array();
  37. var stary=new Array();
  38. var tinyx=new Array();
  39. var tinyy=new Array();
  40. var tinyv=new Array();
  41.  
  42. window.onload=function() { if (document.getElementById) {
  43. var i, rats, rlef, rdow;
  44. for (var i=0; i<sparkles; i++) {
  45. var rats=createDiv(3, 3);
  46. rats.style.visibility="hidden";
  47. document.body.appendChild(tiny[i]=rats);
  48. starv[i]=0;
  49. tinyv[i]=0;
  50. var rats=createDiv(5, 5);
  51. rats.style.backgroundColor="transparent";
  52. rats.style.visibility="hidden";
  53. var rlef=createDiv(1, 5);
  54. var rdow=createDiv(5, 1);
  55. rats.appendChild(rlef);
  56. rats.appendChild(rdow);
  57. rlef.style.top="2px";
  58. rlef.style.left="0px";
  59. rdow.style.top="0px";
  60. rdow.style.left="2px";
  61. document.body.appendChild(star[i]=rats);
  62. }
  63. set_width();
  64. sparkle();
  65. }}
  66.  
  67. function sparkle() {
  68. var c;
  69. if (x!=ox || y!=oy) {
  70. ox=x;
  71. oy=y;
  72. for (c=0; c<sparkles; c++) if (!starv[c]) {
  73. star[c].style.left=(starx[c]=x)+"px";
  74. star[c].style.top=(stary[c]=y)+"px";
  75. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  76. star[c].style.visibility="visible";
  77. starv[c]=50;
  78. break;
  79. }
  80. }
  81. for (c=0; c<sparkles; c++) {
  82. if (starv[c]) update_star(c);
  83. if (tinyv[c]) update_tiny(c);
  84. }
  85. setTimeout("sparkle()", 40);
  86. }
  87.  
  88. function update_star(i) {
  89. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  90. if (starv[i]) {
  91. stary[i]+=1+Math.random()*3;
  92. if (stary[i]<shigh+sdown) {
  93. star[i].style.top=stary[i]+"px";
  94. starx[i]+=(i%5-2)/5;
  95. star[i].style.left=starx[i]+"px";
  96. }
  97. else {
  98. star[i].style.visibility="hidden";
  99. starv[i]=0;
  100. return;
  101. }
  102. }
  103. else {
  104. tinyv[i]=50;
  105. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  106. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  107. tiny[i].style.width="2px";
  108. tiny[i].style.height="2px";
  109. star[i].style.visibility="hidden";
  110. tiny[i].style.visibility="visible"
  111. }
  112. }
  113.  
  114. function update_tiny(i) {
  115. if (--tinyv[i]==25) {
  116. tiny[i].style.width="1px";
  117. tiny[i].style.height="1px";
  118. }
  119. if (tinyv[i]) {
  120. tinyy[i]+=1+Math.random()*3;
  121. if (tinyy[i]<shigh+sdown) {
  122. tiny[i].style.top=tinyy[i]+"px";
  123. tinyx[i]+=(i%5-2)/5;
  124. tiny[i].style.left=tinyx[i]+"px";
  125. }
  126. else {
  127. tiny[i].style.visibility="hidden";
  128. tinyv[i]=0;
  129. return;
  130. }
  131. }
  132. else tiny[i].style.visibility="hidden";
  133. }
  134.  
  135. document.onmousemove=mouse;
  136. function mouse(e) {
  137. set_scroll();
  138. y=(e)?e.pageY:event.y+sdown;
  139. x=(e)?e.pageX:event.x+sleft;
  140. }
  141.  
  142. function set_scroll() {
  143. if (typeof(self.pageYOffset)=="number") {
  144. sdown=self.pageYOffset;
  145. sleft=self.pageXOffset;
  146. }
  147. else if (document.body.scrollTop || document.body.scrollLeft) {
  148. sdown=document.body.scrollTop;
  149. sleft=document.body.scrollLeft;
  150. }
  151. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  152. sleft=document.documentElement.scrollLeft;
  153. sdown=document.documentElement.scrollTop;
  154. }
  155. else {
  156. sdown=0;
  157. sleft=0;
  158. }
  159. }
  160.  
  161. window.onresize=set_width;
  162. function set_width() {
  163. if (typeof(self.innerWidth)=="number") {
  164. swide=self.innerWidth;
  165. shigh=self.innerHeight;
  166. }
  167. else if (document.documentElement && document.documentElement.clientWidth) {
  168. swide=document.documentElement.clientWidth;
  169. shigh=document.documentElement.clientHeight;
  170. }
  171. else if (document.body.clientWidth) {
  172. swide=document.body.clientWidth;
  173. shigh=document.body.clientHeight;
  174. }
  175. }
  176.  
  177. function createDiv(height, width) {
  178. var div=document.createElement("div");
  179. div.style.position="absolute";
  180. div.style.height=height+"px";
  181. div.style.width=width+"px";
  182. div.style.overflow="hidden";
  183. div.style.backgroundColor=colour;
  184. return (div);
  185. }
  186. // ]]>
  187. </script>
  188. {/block:ifmousesparkles}
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195.  
  196. {block:ifpageeffects}
  197. <script type="text/javascript">
  198.  
  199. // Set the colors for the snow. Add/remove as many colors as you like //
  200. var snowcolor=new Array("#ffffff","{color:links}","#eeeeee","#cccccc","{color:links}")
  201.  
  202. var snowmax=20
  203. var snowtype=new Array("Times")
  204. var snowletter="{select:page effect}"
  205. var sinkspeed=0.3
  206. var snowmaxsize=20
  207. var snowminsize=8
  208. var snowingzone=1
  209.  
  210. // Do not edit below this line //
  211. var snow=new Array()
  212. var marginbottom
  213. var marginright
  214. var timer
  215. var i_snow=0
  216. var x_mv=new Array();
  217. var crds=new Array();
  218. var lftrght=new Array();
  219. var browserinfos=navigator.userAgent
  220. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  221. var ns6=document.getElementById&&!document.all
  222. var opera=browserinfos.match(/Opera/)
  223. var browserok=ie5||ns6||opera
  224.  
  225. function randommaker(range) {
  226. rand=Math.floor(range*Math.random())
  227. return rand
  228. }
  229.  
  230. function initsnow() {
  231. if (ie5 || opera) {
  232. marginbottom = document.body.scrollHeight
  233. marginright = document.body.clientWidth-15
  234. }
  235. else if (ns6) {
  236. marginbottom = document.body.scrollHeight
  237. marginright = window.innerWidth-15
  238. }
  239. var snowsizerange=snowmaxsize-snowminsize
  240. for (i=0;i<=snowmax;i++) {
  241. crds[i] = 0;
  242. lftrght[i] = Math.random()*15;
  243. x_mv[i] = 0.03 + Math.random()/10;
  244. snow[i]=document.getElementById("s"+i)
  245. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  246. snow[i].size=randommaker(snowsizerange)+snowminsize
  247. snow[i].style.fontSize=snow[i].size+'px';
  248. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  249. snow[i].style.zIndex=1000
  250. snow[i].sink=sinkspeed*snow[i].size/5
  251. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  252. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  253. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  254. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  255. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  256. snow[i].style.left=snow[i].posx+'px';
  257. snow[i].style.top=snow[i].posy+'px';
  258. }
  259. movesnow()
  260. }
  261.  
  262. function movesnow() {
  263. for (i=0;i<=snowmax;i++) {
  264. crds[i] += x_mv[i];
  265. snow[i].posy+=snow[i].sink
  266. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  267. snow[i].style.top=snow[i].posy+'px';
  268.  
  269. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  270. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  271. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  272. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  273. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  274. snow[i].posy=0
  275. }
  276. }
  277. var timer=setTimeout("movesnow()",50)
  278. }
  279.  
  280. for (i=0;i<=snowmax;i++) {
  281. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  282. }
  283. if (browserok) {
  284. window.onload=initsnow
  285. }
  286.  
  287. </script>
  288. {/block:ifpageeffects}
  289.  
  290.  
  291. <meta name="select:columns" content="400px; margin-left:250px;" title="1">
  292. <meta name="select:columns" content="700px; margin-left:120px;" title="2">
  293. <meta name="select:columns" content="900px" title="3">
  294.  
  295. <meta name="select:permalink color" content="#ffffff" title="white">
  296. <meta name="select:permalink color" content="#000000" title="black">
  297.  
  298. <meta name="select:page effect" content="&#9829;" title="falling hearts">
  299. <meta name="select:page effect" content="*" title="falling snowflakes">
  300. <meta name="select:page effect" content="&#8226;" title="falling snow">
  301. <meta name="select:page effect" content="&#9774;" title="falling peace signs">
  302. <meta name="select:page effect" content="&#9734;" title="falling stars">
  303. <meta name="select:page effect" content="&#9775;" title="falling yin & yang">
  304.  
  305. <meta name="select:title font" content="neou" title="Neou">
  306. <meta name="select:title font" content="handwriting; font-size:30px; padding-bottom:20px;" title="Signature">
  307. <meta name="select:title font" content="reed; padding-bottom:20px;" title="Reed">
  308. <meta name="select:title font" content="cake" title="Cake">
  309.  
  310.  
  311. <meta name="font:body font" content="Helvetica Neue"/>
  312.  
  313. <meta name="color:background" content="#ffffff">
  314. <meta name="color:content" content="#ffffff">
  315. <meta name="color:links" content="#a4b7e2">
  316. <meta name="color:hover" content="#b0b3af">
  317. <meta name="color:text" content="#4b484b">
  318.  
  319. <meta name="image:background image" content=""/>
  320. <meta name="image:banner" content="">
  321.  
  322. <meta name="if:show title" content="1"/>
  323. <meta name="if:show links" content="1"/>
  324. <meta name="if:show banner" content="0">
  325. <meta name="if:shadow link hover" content="0"/>
  326. <meta name="if:custom cursor" content="1">
  327. <meta name="if:white tumblr controls" content="1">
  328. <meta name="if:rainbow link hover" content="1">
  329. <meta name="if:faded images" content="0">
  330. <meta name="if:3D link hover" content="0">
  331. <meta name="if:mouse sparkles" content="0">
  332. <meta name="if:rounded corners" content="0">
  333. <meta name="if:page effects" content="0">
  334. <meta name="if:cross cursor" content="0">
  335. <meta name="if:borders" content="1">
  336. <meta name="if:to top button" content="1">
  337.  
  338.  
  339. <meta name="text:link 1 URL" content="" />
  340. <meta name="text:link 1 title" content="link 1" />
  341. <meta name="text:link 2 URL" content="" />
  342. <meta name="text:link 2 title" content="link 2" />
  343. <meta name="text:link 3 URL" content="" />
  344. <meta name="text:link 3 title" content="link 3" />
  345. <meta name="text:link 4 URL" content="" />
  346. <meta name="text:link 4 title" content="link 4" />
  347. <meta name="text:link 5 URL" content="" />
  348. <meta name="text:link 5 title" content="link 5" />
  349. <meta name="text:link 6 URL" content="" />
  350. <meta name="text:link 6 title" content="link 6" />
  351. <meta name="text:link 7 URL" content="" />
  352. <meta name="text:link 7 title" content="link 7" />
  353.  
  354.  
  355. {block:ifwhitetumblrcontrols}
  356. <div style="position:fixed; margin-top:18px; right:5px; z-index:999999999; position:fixed !important;-webkit-filter: invert(100%) ;"><a href=http://freetexthost.com/jvhmgk1js4" title="Theme Maker" target="blank"><img src="http://static.tumblr.com/uagsiiu/uNCmitb9p/install_theme.png"></a></div>
  357. {/block:ifwhitetumblrcontrols}
  358.  
  359. {block:ifnotwhitetumblrcontrols}
  360. <div style="position:fixed; margin-top:18px; right:5px; z-index:999999999;"><a href="http://freetexthost.com/jvhmgk1js4" title="Theme Maker" target="blank"><img src="http://static.tumblr.com/uagsiiu/uNCmitb9p/install_theme.png"></a></div>
  361. {/block:ifnotwhitetumblrcontrols}
  362.  
  363. {block:ifrainbowlinkhover}
  364. <script src="http://static.tumblr.com/uagsiiu/jq6milfgt/rainbowlinkhover.js" type="text/javascript"></script>
  365. {/block:ifrainbowlinkhover}
  366.  
  367. {block:ifcustomcursor}
  368. <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress}</style>
  369. {/block:ifcustomcursor}
  370.  
  371. {block:ifcrosscursor}
  372. <style type="text/css">body, a, a:hover {cursor: crosshair, progress}</style>
  373. {/block:ifcrosscursor}
  374.  
  375. <link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC|Julius+Sans+One|Titillium+Web' rel='stylesheet' type='text/css'>
  376.  
  377. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  378.  
  379. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkqyvzRtyE1qi6qow.gif" />
  380.  
  381. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  382.  
  383.  
  384. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  385.  
  386. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  387.  
  388.  
  389. <style type="text/css">
  390.  
  391. /* BOX 1 */
  392.  
  393. #box1 {
  394. position:fixed;
  395. top:30px;
  396. left:40px;
  397. width:4px;
  398. height:4px;
  399. padding:5px;
  400. z-index:9999999;
  401. background-image:url('https://38.media.tumblr.com/4229c8aa94abd05fe4f48ab10cc8bd08/tumblr_n78qypsh7h1qiph9eo2_250.jpg'); /* space background, you can put whatever image you want */
  402. background-attachment: fixed;
  403. background-repeat: repeat;
  404. -webkit-transition: all 0.7s ease-out;
  405. -moz-transition: all 0.7s ease-out;
  406. transition: all 0.7s ease-out;
  407. }
  408.  
  409.  
  410. #box1:hover {
  411. height:110px; /* space box height */
  412. width:85px; /* space box width */
  413. }
  414.  
  415. #bla {
  416. width:0;
  417. height:0;
  418. opacity:0;
  419. text-transform:uppercase;
  420. position:fixed;
  421. font-size:8px;
  422. padding:2px;
  423. text-align:center;
  424. overflow:hidden;
  425. z-index:9;
  426. -webkit-transition: all 0.7s ease-out;
  427. -moz-transition: all 0.7s ease-out;
  428. transition: all 0.7s ease-out;
  429. }
  430.  
  431. #box1:hover #bla {
  432. opacity:1;
  433. width:80px; /* text box height */
  434. height:105px; /* tetx box width */
  435. background:#fff; /* tetx box background color */
  436. }
  437.  
  438.  
  439. /* BOX 2 */
  440.  
  441. #box2 {
  442. position:fixed;
  443. top:30px;
  444. left:60px;
  445. width:4px;
  446. height:4px;
  447. padding:5px;
  448. z-index:999999;
  449. background-image:url('https://38.media.tumblr.com/4229c8aa94abd05fe4f48ab10cc8bd08/tumblr_n78qypsh7h1qiph9eo2_250.jpg');
  450. background-attachment: fixed;
  451. background-repeat: repeat;
  452. -webkit-transition: all 0.7s ease-out;
  453. -moz-transition: all 0.7s ease-out;
  454. transition: all 0.7s ease-out;
  455. }
  456.  
  457.  
  458. #box2:hover {
  459. height:100px;
  460. width:85px;
  461. }
  462.  
  463. #bla2 {
  464. width:0;
  465. height:0;
  466. opacity:0;
  467. text-transform:uppercase;
  468. position:fixed;
  469. font-size:8px;
  470. padding:2px;
  471. text-align:center;
  472. overflow:hidden;
  473. z-index:9;
  474. -webkit-transition: all 0.7s ease-out;
  475. -moz-transition: all 0.7s ease-out;
  476. transition: all 0.7s ease-out;
  477. }
  478.  
  479. #box2:hover #bla2 {
  480. opacity:1;
  481. width:80px;
  482. height:95px;
  483. background:#fff;
  484. }
  485.  
  486.  
  487. /* BOX 3 */
  488.  
  489. #box3 {
  490. position:fixed;
  491. top:50px;
  492. left:40px;
  493. width:4px;
  494. height:4px;
  495. padding:5px;
  496. z-index:99999;
  497. background-image:url('https://38.media.tumblr.com/4229c8aa94abd05fe4f48ab10cc8bd08/tumblr_n78qypsh7h1qiph9eo2_250.jpg');
  498. background-attachment: fixed;
  499. background-repeat: repeat;
  500. -webkit-transition: all 0.7s ease-out;
  501. -moz-transition: all 0.7s ease-out;
  502. transition: all 0.7s ease-out;
  503. }
  504.  
  505.  
  506. #box3:hover {
  507. height:120px;
  508. width:85px;
  509. }
  510.  
  511. #bla3 {
  512. width:0;
  513. height:0;
  514. opacity:0;
  515. text-transform:uppercase;
  516. position:fixed;
  517. font-size:8px;
  518. padding:2px;
  519. text-align:center;
  520. overflow:hidden;
  521. z-index:9;
  522. -webkit-transition: all 0.7s ease-out;
  523. -moz-transition: all 0.7s ease-out;
  524. transition: all 0.7s ease-out;
  525. }
  526.  
  527. #box3:hover #bla3 {
  528. opacity:1;
  529. width:80px;
  530. height:115px;
  531. background:#fff;
  532. }
  533.  
  534.  
  535.  
  536. /* BOX 4 */
  537.  
  538. #box4 {
  539. position:fixed;
  540. top:50px;
  541. left:60px;
  542. width:4px;
  543. height:4px;
  544. padding:5px;
  545. z-index:1000;
  546. background-image:url('https://38.media.tumblr.com/4229c8aa94abd05fe4f48ab10cc8bd08/tumblr_n78qypsh7h1qiph9eo2_250.jpg');
  547. background-attachment: fixed;
  548. background-repeat: repeat;
  549. -webkit-transition: all 0.7s ease-out;
  550. -moz-transition: all 0.7s ease-out;
  551. transition: all 0.7s ease-out;
  552. }
  553.  
  554.  
  555. #box4:hover {
  556. height:215px;
  557. width:85px;
  558. }
  559.  
  560. #bla4 {
  561. width:0;
  562. height:0;
  563. opacity:0;
  564. text-transform:uppercase;
  565. position:fixed;
  566. font-size:8px;
  567. padding:2px;
  568. text-align:center;
  569. overflow:hidden;
  570. z-index:9;
  571. -webkit-transition: all 0.7s ease-out;
  572. -moz-transition: all 0.7s ease-out;
  573. transition: all 0.7s ease-out;
  574. }
  575.  
  576. #box4:hover #bla4 {
  577. opacity:1;
  578. width:80px;
  579. height:210px;
  580. background:#fff;
  581. }
  582.  
  583. /* BASIC */
  584.  
  585. body {color: {color:text};
  586. background: url('{image:background image}') {color:background};
  587. background-attachment: fixed;
  588. background-repeat: repeat;
  589. line-height: 100%;
  590. letter-spacing: 0px;
  591. font-size: 11px;
  592. font-family: {font:body font}, "Helvetica Neue" }
  593.  
  594.  
  595. {block:ifcustomcursor}
  596. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  597. {/block:ifcustomcursor}
  598.  
  599.  
  600. {block:ifcrosscursor}
  601. body, a, a:hover {cursor: crosshair}
  602. {/block:ifcrosscursor}
  603.  
  604.  
  605. {block:iffadedimages}
  606. img {opacity:.7;
  607. -webkit-transition: all 0.6s ease-out;
  608. -moz-transition: all 0.6s ease-out;
  609. -o-transition: all 0.6s ease-out;
  610. transition: all 0.6s ease-out;}
  611. img:hover {opacity:1;
  612. -webkit-transition: all 0.6s ease-out;
  613. -moz-transition: all 0.6s ease-out;
  614. -o-transition: all 0.6s ease-out;
  615. transition: all 0.6s ease-out;}
  616. {/block:iffadedimages}
  617.  
  618.  
  619.  
  620. ::-webkit-scrollbar-thumb {
  621. background-color:{color:links};
  622. height:auto;
  623. }
  624.  
  625. ::-webkit-scrollbar {
  626. height:6px;
  627. width:6px;
  628. background-color:transparent;
  629. }
  630.  
  631.  
  632. a {color: {color:links};
  633. -webkit-transition: all 0.6s ease-out;
  634. -moz-transition: all 0.6s ease-out;
  635. -o-transition: all 0.6s ease-out;
  636. transition: all 0.6s ease-out;
  637. text-decoration: none;}
  638.  
  639. a:link, a:active, a:visited {color: {color:links};
  640. -webkit-transition: all 0.6s ease-out;
  641. -moz-transition: all 0.6s ease-out;
  642. -o-transition: all 0.6s ease-out;
  643. transition: all 0.6s ease-out;
  644. text-decoration: none;}
  645.  
  646.  
  647. a:hover {color: {color:hover};
  648. -webkit-transition: all 0.6s ease-out;
  649. -moz-transition: all 0.6s ease-out;
  650. -o-transition: all 0.6s ease-out;
  651. transition: all 0.6s ease-out;
  652. {block:ifshadowlinkhover}
  653. text-shadow: 0 0 10px ;color:{color:hover};
  654. {/block:ifshadowlinkhover};
  655. {block:if3Dlinkhover}
  656. -webkit-transition: all 0.6s ease-out;
  657. -moz-transition: all 0.6s ease-out;
  658. transition: all 0.6s ease-out;
  659. text-shadow:2px 0 0 rgba(255,0,0,0.3), -2px 0 0 rgba(0,255,0,0.3);
  660. {/block:if3Dlinkhover}
  661. text-decoration: none;}
  662.  
  663.  
  664.  
  665.  
  666.  
  667. @font-face{font-family:"neou";src:url('http://static.tumblr.com/uagsiiu/BPEmpobj0/neou-thin.ttf');}
  668.  
  669. @font-face{font-family:"handwriting";src:url('http://static.tumblr.com/uagsiiu/ieEml3r1w/signerica_medium.ttf');}
  670.  
  671. @font-face{font-family:"reed";src:url('http://static.tumblr.com/uagsiiu/xz0mq5f7q/reed_of_love.ttf');}
  672.  
  673. @font-face{font-family:"cake";src:url('http://static.tumblr.com/uagsiiu/I2Ymq5ggc/chocolate_cake.ttf');}
  674.  
  675.  
  676.  
  677.  
  678.  
  679. {block:ifwhitetumblrcontrols}
  680.  
  681. iframe#tumblr_controls {
  682. position:fixed !important;-webkit-filter: invert(100%) ;
  683. -moz-transition: all 0.8s ease-out;
  684. -webkit-transition: opacity 0.7s linear;
  685. -webkit-transition: all 0.8s ease-out;
  686. transition: all 0.8s ease-out;
  687. opacity: 0.5;}
  688.  
  689. {/block:ifwhitetumblrcontrols}
  690.  
  691. iframe#tumblr_controls {
  692. right:3px !important;
  693. position: fixed !important;
  694. -webkit-transition: opacity 0.7s linear;
  695. opacity: 0.5;
  696. -webkit-transition: all 0.8s ease-out;
  697. -moz-transition: all 0.8s ease-out;
  698. transition: all 0.8s ease-out;
  699. }
  700.  
  701. iframe#tumblr_controls:hover {
  702. -webkit-transition: opacity 0.7s linear;
  703. opacity: 1;
  704. -webkit-transition: all 0.4s ease-out;
  705. -moz-transition: all 0.4s ease-out;
  706. transition: all 0.4s ease-out;
  707. }
  708.  
  709. ::selection {
  710. background:#bbbbbb;
  711. color: #ffffff;
  712. }
  713.  
  714. ::-moz-selection {
  715. background:#bbbbbb;
  716. color: #ffffff;
  717. }
  718.  
  719. iframe#ask_form {width:490px}
  720.  
  721.  
  722. .clear {clear: both;} #pagination {display: none;}
  723. .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
  724. .clearfix{display:inline-block}
  725. html[xmlns] .clearfix{display:block}*
  726. html .clearfix{height:1%}
  727.  
  728.  
  729. /* sidebar */
  730.  
  731. hr {font-size:1px; margin-bottom:-3px; margin-top:5px;}
  732.  
  733. #sidebar {
  734. width:600px;
  735. margin-left:100px;
  736. text-decoration: none;
  737. text-align:center;
  738. margin-bottom:10px;
  739. }
  740.  
  741.  
  742. .description {
  743. color:{color:text};
  744. width:600px;
  745. font-size:11px;
  746. line-height:100%;
  747. text-decoration: none;
  748. padding-top:3px;
  749. }
  750.  
  751. .description a {color: {color:links};
  752. -webkit-transition: all 0.6s ease-out;
  753. -moz-transition: all 0.6s ease-out;
  754. -o-transition: all 0.6s ease-out;
  755. transition: all 0.6s ease-out;
  756. text-decoration: none;}
  757.  
  758. .description a:hover {color: {color:hover};
  759. -webkit-transition: all 0.6s ease-out;
  760. -moz-transition: all 0.6s ease-out;
  761. -o-transition: all 0.6s ease-out;
  762. transition: all 0.6s ease-out;
  763. {block:ifshadowlinkshover}
  764. text-shadow: 0 0 10px ;color:{color:hover};
  765. {/block:ifshadowlinkshover};
  766. text-decoration: none;}
  767.  
  768.  
  769. #title {color:{color:text};
  770. width:600px;
  771. padding:5px;
  772. line-height:110%;
  773. text-align:center;
  774. font-size:50px;
  775. font-family:{select:title font}, neou;
  776. text-decoration: none;}
  777.  
  778. #title a {color: {color:text};
  779. -webkit-transition: all 0.6s ease-out;
  780. -moz-transition: all 0.6s ease-out;
  781. -o-transition: all 0.6s ease-out;
  782. transition: all 0.6s ease-out;
  783. text-decoration: none;}
  784.  
  785. #title a:hover {color: {color:hover};
  786. -webkit-transition: all 0.6s ease-out;
  787. -moz-transition: all 0.6s ease-out;
  788. -o-transition: all 0.6s ease-out;
  789. transition: all 0.6s ease-out;
  790. {block:ifShadowlinkhover}
  791. text-shadow: 0 0 5px ;color:{color:hover};
  792. {/block:ifShadowlinkhover};
  793. text-decoration: none;}
  794.  
  795.  
  796. .links {
  797. width:590px;
  798. padding:5px;
  799. opacity:1;
  800. z-index:9999;}
  801.  
  802. .links a {
  803. display:inline-block;
  804. width:auto;
  805. color:{color:links};
  806. font-size:11px;
  807. line-height:150%;
  808. padding-left:5px;
  809. text-transform:lowercase;
  810. font-style:italic;
  811. -webkit-transition: all 0.3s ease-out;
  812. -moz-transition: all 0.3s ease-out;
  813. transition: all 0.3s ease-out;}
  814.  
  815. .links a:hover {
  816. color:{color:hover};
  817. text-decoration:line-through;
  818. -webkit-transition: all 0.3s ease-out;
  819. -moz-transition: all 0.3s ease-out;
  820. transition: all 0.3s ease-out;
  821. }
  822.  
  823.  
  824.  
  825. /* content */
  826.  
  827. #contain {width: 900px;
  828. margin:auto;
  829. }
  830.  
  831. #content {
  832. width: {select:columns};
  833. background: transparent;
  834. color: {color:text};
  835. }
  836.  
  837.  
  838. #post {float:left;
  839. display: block;
  840. margin-left:10px;
  841. margin-top:10px;
  842. {block:ifborders}
  843. border:1px solid #eee;
  844. {/block:ifborders}
  845. padding:5px;
  846. {block:ifroundedcorners}
  847. border-radius:20px 20px 20px 20px;
  848. -moz-border-radius:20px 20px 20px 20px;
  849. {/block:ifroundedcorners}
  850. {block:IndexPage}
  851. width: 250px;
  852. {/block:IndexPage}
  853. {block:PermalinkPage}
  854. width: 500px;
  855. margin-left:140px;
  856. {block:ifroundedcorners}
  857. border-radius:20px 20px 20px 20px;
  858. -moz-border-radius:20px 20px 20px 20px;
  859. {/block:ifroundedcorners}
  860. {/block:PermalinkPage};
  861. text-decoration: none;
  862. }
  863.  
  864. #post img {
  865. {block:indexpage}width:250px;
  866. {block:ifroundedcorners}
  867. border-radius:20px 20px 20px 20px;
  868. -moz-border-radius:20px 20px 20px 20px;
  869. {/block:ifroundedcorners}
  870. {/block:indexpage}
  871. {block:ifroundedcorners}
  872. border-radius:20px 20px 20px 20px;
  873. -moz-border-radius:20px 20px 20px 20px;
  874. {/block:ifroundedcorners}
  875. display: block;
  876. -webkit-transition: all 0.6s ease-out;
  877. -moz-transition: all 0.6s ease-out;
  878. -o-transition: all 0.6s ease-out;
  879. transition: all 0.6s ease-out;}
  880.  
  881.  
  882.  
  883. #post a {color: {color:links};
  884. -webkit-transition: all 0.6s ease-out;
  885. -moz-transition: all 0.6s ease-out;
  886. -o-transition: all 0.6s ease-out;
  887. transition: all 0.6s ease-out;
  888. text-decoration: none;}
  889.  
  890. #post a:hover {color: {color:hover};
  891. -webkit-transition: all 0.6s ease-out;
  892. -moz-transition: all 0.6s ease-out;
  893. -o-transition: all 0.6s ease-out;
  894. transition: all 0.6s ease-out;
  895. {block:ifshadowlinkshover}
  896. text-shadow: 0 0 10px ;color:{color:hover};
  897. {/block:ifshadowlinkshover};
  898. text-decoration: none;}
  899.  
  900.  
  901. #text {float:left;
  902. padding: 5px;
  903. text-decoration: none;
  904. }
  905.  
  906. #texttitle {
  907. font-size:16px;
  908. line-height:100%;
  909. text-decoration: none;
  910. }
  911.  
  912. #texttitle a {color:{color:links};
  913. -webkit-transition: all 0.6s ease-out;
  914. -moz-transition: all 0.6s ease-out;
  915. -o-transition: all 0.6s ease-out;
  916. transition: all 0.6s ease-out;
  917. text-decoration: none;}
  918.  
  919. #ask {
  920. margin: 5px 5px 0px 5px;
  921. border-left:3px solid {color:text};
  922. border-right:3px solid {color:text};
  923. width: auto;
  924. height: auto;
  925. padding:5px;
  926. }
  927.  
  928. #answer {padding: 5px;
  929. width:250px;
  930. height: auto;
  931. text-align:left;
  932. }
  933.  
  934. #player {border:1px solid {color:text}; width:100%; background:{color:content}; border-radius:5px;}
  935.  
  936.  
  937.  
  938. ol.notes {
  939. padding: 0px;
  940. margin: 0px 0px;
  941. list-style-type: none;
  942. }
  943.  
  944. ol.notes li.note {
  945. padding: 2px;
  946. }
  947.  
  948. ol.notes li.note img.avatar {
  949. display:inline;
  950. }
  951.  
  952. ol.notes li.note span.action {
  953. font-weight: bold;
  954. }
  955.  
  956. ol.notes li.note .answer_content {
  957. font-weight: normal;
  958. }
  959.  
  960. ol.notes li.note blockquote {
  961. border-color: {color:text};
  962. padding: 4px 10px;
  963. margin: 10px 0px 0px 25px;
  964. }
  965.  
  966. ol.notes li.note blockquote a {
  967. text-decoration: none;
  968. }
  969.  
  970. img.avatar {display:inline;}
  971.  
  972. blockquote, q {
  973. quotes: "«" "»" "'" "'";
  974. padding: 3px;
  975. margin: 0px 0px 0px -2px;
  976. border-left: solid {color:text} 2px;
  977. }
  978.  
  979. .notez {width:auto; text-align:left;}
  980. .notez img {float:left; display:inline; margin-right:5px;}
  981.  
  982.  
  983. .permy2 {opacity:1;
  984. width:240px;
  985. text-align:right;
  986. float:left;
  987. }
  988.  
  989. .permy2 a {color:{color:links};}
  990.  
  991. .permy2 a:hover {color:{color:hover};
  992. }
  993.  
  994. /*************/
  995. .permy3 {opacity:0;
  996. filter:alpha(opacity=0);
  997. -moz-opacity:0;
  998. -khtml-opacity:0;
  999. -o-transition: all 0.6s ease;
  1000. -webkit-transition: all 0.6s ease;
  1001. -moz-transition: all 0.6s ease;
  1002. position: absolute;
  1003. width: 250px;
  1004. font-size:12px;
  1005. line-height:200%;
  1006. color: {color:text};
  1007. text-align: center;
  1008. background: {select:permalink color};
  1009. {block:ifroundedcorners}
  1010. border-radius:20px 20px 0px 0px;
  1011. -moz-border-radius:20px 20px 0px 0px;
  1012. {/block:ifroundedcorners}
  1013. }
  1014.  
  1015. .permy3 a {color:{color:links};
  1016. text-decoration: none;
  1017. }
  1018.  
  1019. .permy3 a:hover {color:{color:hover};}
  1020.  
  1021. #post:hover .permy3 {opacity:.8;
  1022. filter:alpha(opacity=100);
  1023. -moz-opacity:1;
  1024. -khtml-opacity:1;
  1025. -o-transition: all 0.6s ease;
  1026. -webkit-transition: all 0.6s ease;
  1027. -moz-transition: all 0.6s ease;
  1028. height: 25px;
  1029. z-index:9999;
  1030. }
  1031.  
  1032.  
  1033. #description {
  1034. }
  1035.  
  1036. .pagination {
  1037. display: none;
  1038. }
  1039.  
  1040.  
  1041. {CustomCSS}
  1042.  
  1043.  
  1044. {block:IndexPage}
  1045. pre {color:#000000; background-color:#dfdfdf; border:1px solid #cdcdcd;
  1046. overflow: auto;
  1047.  
  1048. width: 200px;
  1049.  
  1050. height:60px;margin:5px;
  1051. white-space: pre-wrap; /* CSS3 browsers */
  1052. white-space: -moz-pre-wrap !important; /* 1999+ Mozilla */
  1053. white-space: -pre-wrap; /* Opera 4 thru 6 */
  1054. white-space: -o-pre-wrap; /* Opera 7 and up */
  1055. word-wrap: break-word; /* IE 5.5+ and up */}
  1056. }
  1057. {/block:IndexPage}
  1058.  
  1059.  
  1060. {block:PermalinkPage}
  1061. pre {color:#000000; background-color:#dfdfdf; border:1px solid #cdcdcd;
  1062. overflow: auto;
  1063.  
  1064. width: 350px;
  1065.  
  1066. height:60px;margin:5px;
  1067. white-space: pre-wrap; /* CSS3 browsers */
  1068. white-space: -moz-pre-wrap !important; /* 1999+ Mozilla */
  1069. white-space: -pre-wrap; /* Opera 4 thru 6 */
  1070. white-space: -o-pre-wrap; /* Opera 7 and up */
  1071. word-wrap: break-word; /* IE 5.5+ and up */}
  1072. }
  1073. {/block:PermalinkPage}
  1074.  
  1075. </style>
  1076.  
  1077.  
  1078.  
  1079. {block:iftotopbutton}
  1080. <script>
  1081. //** jQuery Scroll to Top Control script- (c) I made this script myself (Kyle Monk) and it is hosted on my personal site so would appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for details on how to change the location.
  1082. //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
  1083. //** v1.1 (April 7th, 10'):
  1084. //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
  1085. //** 2) Fixes scroll animation not working in Opera.
  1086. var scrolltotop={
  1087. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  1088. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  1089. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  1090. controlHTML: '<div style="color:{color:text};">top</div>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  1091. controlattrs: {offsetx:50, offsety:50}, //offset of control relative to right/ bottom of window corner
  1092. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  1093. state: {isvisible:false, shouldvisible:false},
  1094. scrollup:function(){
  1095. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  1096. this.$control.css({opacity:0}) //hide control immediately after clicking it
  1097. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  1098. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  1099. dest=jQuery('#'+dest).offset().top
  1100. else
  1101. dest=0
  1102. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  1103. },
  1104. keepfixed:function(){
  1105. var $window=jQuery(window)
  1106. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  1107. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  1108. this.$control.css({left:controlx+'px', top:controly+'px'})
  1109.  
  1110. },
  1111.  
  1112. togglecontrol:function(){
  1113. var scrolltop=jQuery(window).scrollTop()
  1114. if (!this.cssfixedsupport)
  1115. this.keepfixed()
  1116. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  1117. if (this.state.shouldvisible && !this.state.isvisible){
  1118. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  1119. this.state.isvisible=true
  1120. }
  1121. else if (this.state.shouldvisible==false && this.state.isvisible){
  1122. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  1123. this.state.isvisible=false
  1124. }
  1125.  
  1126. },
  1127. init:function(){
  1128. jQuery(document).ready(function($){
  1129. var mainobj=scrolltotop
  1130. var iebrws=document.all
  1131.  
  1132. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  1133. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  1134. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  1135. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  1136. .attr({title:'Scroll To Top'})
  1137. .click(function(){mainobj.scrollup(); return false})
  1138. .appendTo('body')
  1139.  
  1140. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  1141. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  1142. mainobj.togglecontrol()
  1143.  
  1144. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  1145. mainobj.scrollup()
  1146.  
  1147. return false
  1148. })
  1149.  
  1150. $(window).bind('scroll resize', function(e){
  1151.  
  1152. mainobj.togglecontrol()
  1153.  
  1154. })
  1155.  
  1156. })
  1157.  
  1158. }
  1159.  
  1160. }
  1161.  
  1162. scrolltotop.init()
  1163. </script>
  1164. {/block:iftotopbutton}
  1165.  
  1166.  
  1167.  
  1168.  
  1169. </head>
  1170.  
  1171.  
  1172.  
  1173. <body>
  1174.  
  1175. <div id="box1">
  1176. <div id="bla">
  1177.  
  1178. <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:center; color:#fff; background:#808080">title here</div>
  1179.  
  1180. text goes here
  1181.  
  1182. </div>
  1183. </div>
  1184.  
  1185.  
  1186. <div id="box2">
  1187. <div id="bla2">
  1188.  
  1189. <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:center; color:#fff; background:#808080">title here</div>
  1190.  
  1191. text goes here
  1192.  
  1193. </div>
  1194. </div>
  1195.  
  1196. <div id="box3">
  1197. <div id="bla3">
  1198.  
  1199. <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:center; color:#fff; background:#808080">title here</div>
  1200.  
  1201. text goes here
  1202.  
  1203. </div>
  1204. </div>
  1205.  
  1206. <div id="box4">
  1207. <div id="bla4">
  1208.  
  1209. <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:center; color:#fff; background:#808080">title here</div>
  1210.  
  1211. text goes here
  1212.  
  1213. </div>
  1214. </div>
  1215.  
  1216. <div id="contain">
  1217.  
  1218. <div id="sidebar">
  1219.  
  1220. {block:ifshowbanner}
  1221. <img src="{image:banner}" width="600">
  1222. {/block:ifshowbanner}
  1223.  
  1224.  
  1225. {block:ifshowtitle}
  1226. <div id="title"><a href="/">{Title}</a></div>
  1227. {/block:ifshowtitle}
  1228.  
  1229.  
  1230. {block:Description}
  1231. <div class="description">
  1232. {Description}</div>
  1233. {/block:Description}
  1234.  
  1235.  
  1236. {block:ifShowlinks}
  1237. <div class="links">
  1238.  
  1239. <a href="/">Home</a>
  1240.  
  1241. {block:AskEnabled}<a href="/ask">Ask</a>{/block:AskEnabled}
  1242.  
  1243.  
  1244. {block:SubmissionsEnabled}<a href="/submit">Submit</a>{/block:SubmissionsEnabled}
  1245.  
  1246. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  1247.  
  1248.  
  1249. {block:ifLink1URL}<a href="{text:Link 1 URL}">{text:Link 1 title}</a>{/block:ifLink1URL}
  1250.  
  1251.  
  1252. {block:ifLink2URL}<a href="{text:Link 2 URL}">{text:Link 2 title}</a>{/block:ifLink2URL}
  1253.  
  1254.  
  1255. {block:ifLink3URL}<a href="{text:Link 3 URL}">{text:Link 3 title}</a>{/block:ifLink3URL}
  1256.  
  1257.  
  1258. {block:ifLink4URL}<a href="{text:Link 4 URL}">{text:Link 4 title}</a>{/block:ifLink4URL}
  1259.  
  1260.  
  1261. {block:ifLink5URL}<a href="{text:Link 5 URL}">{text:Link 5 title}</a>{/block:ifLink5URL}
  1262.  
  1263.  
  1264. {block:ifLink6URL}<a href="{text:Link 6 URL}">{text:Link 6 title}</a>{/block:ifLink6URL}
  1265.  
  1266.  
  1267. {block:ifLink7URL}<a href="{text:Link 7 URL}">{text:Link 7 title}</a>{/block:ifLink7URL}
  1268.  
  1269. <a href="http://risen-king-crowley.tumblr.com/" title="Theme Maker">Theme</a>
  1270.  
  1271. {/block:ifShowlinks}
  1272. </div>
  1273.  
  1274. <hr>
  1275.  
  1276. </div>
  1277.  
  1278.  
  1279. <div id="content">
  1280.  
  1281.  
  1282. {block:Posts}
  1283. <div id="post">
  1284.  
  1285. {block:Text}
  1286. <div id="text">
  1287. {block:Title}
  1288. <div id="texttitle"> <a href="{Permalink}">{Title}</a></div>
  1289. {/block:Title}
  1290. {Body}
  1291. </div>
  1292. {block:IndexPage}
  1293. <div class="permy2">
  1294. <a href="{ReblogURL}" target="blank">reblog</a> //
  1295. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1296. </div>
  1297. {/block:IndexPage}
  1298. {/block:Text}
  1299.  
  1300.  
  1301. {block:Photo}
  1302. {block:IndexPage}
  1303. <div class="permy3">
  1304. <a href="{ReblogURL}" target="blank">reblog</a> //
  1305. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1306. </div>
  1307. <img src="{PhotoURL-HighRes}" width="250px"/>
  1308. {/block:IndexPage}
  1309. {block:Permalinkpage}
  1310. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" width="100%"/></a>{/block:Permalinkpage}
  1311. {/block:Photo}
  1312.  
  1313.  
  1314. {block:Photoset}
  1315. {block:IndexPage}
  1316. <div class="permy3">
  1317. <a href="{ReblogURL}" target="blank">reblog</a> //
  1318. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1319. </div>
  1320. {/block:IndexPage}
  1321. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  1322. {block:permalinkpage}
  1323. {Photoset-400}
  1324. {/block:permalinkpage}
  1325. {/block:Photoset}
  1326.  
  1327.  
  1328. {block:Quote}
  1329. <div id="text">
  1330. <div id="texttitle">"{Quote}"</div>
  1331. {block:Source}
  1332. <div style="text-align:center; padding:7px;">- {Source}</div>
  1333. {/block:Source}
  1334. </div>
  1335. {block:IndexPage}
  1336. <div class="permy2">
  1337. <a href="{ReblogURL}" target="blank">reblog</a> //
  1338. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1339. </div>
  1340. {/block:IndexPage}
  1341. {/block:Quote}
  1342.  
  1343.  
  1344. {block:Link}
  1345. <div id="text">
  1346. <div id="texttitle"><a href="{URL}" id="links" {Target}>{Name}&nbsp;&nbsp;»</a></div>
  1347. {block:Description}
  1348. <div id="description">{Description}</div>
  1349. {/block:Description}
  1350. <p>
  1351. </div>
  1352. {block:IndexPage}
  1353. <div class="permy2">
  1354. <a href="{ReblogURL}" target="blank">reblog</a> //
  1355. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1356. </div>
  1357. {/block:IndexPage}
  1358. {/block:Link}
  1359.  
  1360.  
  1361. {block:Chat}
  1362. <div id="text">
  1363. {block:Title}
  1364. <div class="texttitle"><a href="{Permalink}">{Title}</a></div>
  1365. {/block:Title}
  1366. {block:Lines}
  1367. <li><b>{block:Label}{Label}</b>{/block:Label}
  1368. {Line}</li>
  1369. {/block:Lines}
  1370. </div>
  1371. {block:IndexPage}
  1372. <div class="permy2">
  1373. <a href="{ReblogURL}" target="blank">reblog</a> //
  1374. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1375. </div>
  1376. {/block:IndexPage}
  1377. {/block:Chat}
  1378.  
  1379.  
  1380. {block:Video}
  1381. {block:IndexPage}
  1382. <div class="permy3">
  1383. <a href="{ReblogURL}" target="blank">reblog</a> //
  1384. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1385. </div>
  1386. {/block:IndexPage}
  1387. {block:IndexPage}{Video-250}{/block:IndexPage}
  1388. {block:PermalinkPage}
  1389. {Video-400}
  1390. {/block:PermalinkPage}
  1391. {/block:Video}
  1392.  
  1393.  
  1394. {block:Audio}
  1395. {block:IndexPage}
  1396. {block:AlbumArt}
  1397. <img src="{AlbumArtURL}" width="390px">
  1398. {/block:AlbumArt}
  1399. <div id="text">
  1400. {block:TrackName}
  1401. {TrackName}{/block:TrackName} | {PlayCountWithLabel}
  1402. <br><br>
  1403. {AudioPlayerWhite}
  1404. <br>
  1405. </div>{/block:IndexPage}
  1406. {block:PermalinkPage}
  1407. {block:AlbumArt}
  1408. <img src="{AlbumArtURL}" width="100%">
  1409. {/block:AlbumArt}
  1410. <div id="text">
  1411. {AudioPlayerWhite}
  1412. <br>{block:TrackName}
  1413. {TrackName}{/block:TrackName} | {PlayCountWithLabel}
  1414. </div>
  1415. {/block:PermalinkPage}
  1416. {block:IndexPage}
  1417. <div class="permy2">
  1418. <a href="{ReblogURL}" target="blank">reblog</a> //
  1419. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1420. </div>
  1421. {/block:IndexPage}
  1422. {/block:Audio}
  1423.  
  1424.  
  1425. {block:Answer}
  1426. <div id="ask">{Asker} asked: {Question}</div>
  1427. <div id="answer">{Answer}</div>
  1428. {block:IndexPage}
  1429. <div class="permy2">
  1430. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1431. </div>
  1432. {/block:IndexPage}
  1433. {/block:Answer}
  1434.  
  1435.  
  1436.  
  1437.  
  1438. {block:PermalinkPage}<br>
  1439. {block:Date}
  1440. <div style="text-align:left; margin-top:5px; display:block; font-size:10px; padding:5px;">
  1441. {block:Caption}{Caption}{/block:Caption}<br>
  1442. Posted {TimeAgo} | {NoteCountWithLabel}
  1443. <br>
  1444. {block:HasTags}Tagged as: {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:hasTags}
  1445. <br><hr><br>
  1446. <div id="text"><div class="notez">{PostNotes}</div></div></div>
  1447. {/block:Date}
  1448. </div>
  1449. {/block:PermalinkPage}
  1450.  
  1451. </div>
  1452.  
  1453. {/block:Posts}
  1454.  
  1455.  
  1456.  
  1457.  
  1458. </div>
  1459.  
  1460. <div class="clear"></div>
  1461. </div>
  1462.  
  1463. {block:Pagination}
  1464. <ul id="pagination">
  1465. {block:PreviousPage}
  1466. <li><a href="{PreviousPage}"></a></li>
  1467. {/block:PreviousPage}
  1468. {block:JumpPagination length="5"}
  1469. {block:CurrentPage}
  1470. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  1471. {/block:CurrentPage}
  1472. {block:JumpPage}
  1473. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  1474. {/block:JumpPage}
  1475. {/block:JumpPagination}
  1476. {block:NextPage}
  1477. <li><a id="nextPage" href="{NextPage}"></a></li>
  1478. {/block:NextPage}
  1479. </ul>
  1480. {/block:Pagination}
  1481. {block:IndexPage}
  1482.  
  1483. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  1484.  
  1485. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  1486.  
  1487. {block:IndexPage}
  1488. <script type="text/javascript">
  1489. $(window).load(function () {
  1490. $('#content').masonry(),
  1491. $('.masonryWrap').infinitescroll({
  1492. navSelector : '#pagination',
  1493. nextSelector : '#pagination a#nextPage',
  1494. itemSelector : "#post, .clear",
  1495. bufferPx : 200,
  1496. loadingText : "<em></em>",
  1497. },
  1498. function() { $('#content').masonry({ appendedContent: $(this) }); }
  1499. );
  1500. });
  1501. </script>
  1502. {/block:IndexPage}
  1503.  
  1504.  
  1505. </div>
  1506.  
  1507.  
  1508. </body>
  1509.  
  1510. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!