mikit20

Magical Bear

May 20th, 2014
407
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.72 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!-----------------------------------------------------------------
  4. _____ _ _
  5. |_ _| _ _ __ ___ | |__ | |_ __
  6. | || | | | '_ ` _ \| '_ \| | '__|
  7. | || |_| | | | | | | |_) | | |
  8. |_| \__,_|_| |_| |_|_.__/|_|_|
  9. ____ _
  10. / ___| ___ _ __ ___ _ __ __ _| |_ ___ _ __
  11. | | _ / _ \ '_ \ / _ \ '__/ _` | __/ _ \| '__|
  12. | |_| | __/ | | | __/ | | (_| | || (_) | |
  13. \____|\___|_| |_|\___|_| \__,_|\__\___/|_|
  14.  
  15. ___ ___ _ __ ___
  16. / __/ _ \| '_ ` _ \
  17. | (_| (_) | | | | | |
  18. (_)___\___/|_| |_| |_|
  19.  
  20. // Generate your own theme at
  21. http://tumblrgenerator.com
  22.  
  23. // A "tit" theme project
  24. http://tit.tumblr.com
  25.  
  26. // Comments & Suggestions are apprecaited
  27.  
  28. ------------------------------------------------------------------>
  29. <html xmlns="http://www.w3.org/1999/xhtml">
  30. <head>
  31.  
  32.  
  33. <style type="text/css">body, a, a:hover {cursor: url(http://media.tumblr.com/f08f1bcdfec0f5b777d274989a21f35a/tumblr_inline_mp0uekMDWv1qz4rgp.png), progress;}</style>
  34.  
  35.  
  36.  
  37. <script type="text/javascript">
  38. // <![CDATA[
  39. var colour="#F6CED8"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  40. var sparkles=50;
  41.  
  42. /****************************
  43. * Tinkerbell Magic Sparkle *
  44. *(c)2005-13 mf2fm web-design*
  45. * http://www.mf2fm.com/rv *
  46. * DON'T EDIT BELOW THIS BOX *
  47. ****************************/
  48. var x=ox=400;
  49. var y=oy=300;
  50. var swide=800;
  51. var shigh=600;
  52. var sleft=sdown=0;
  53. var tiny=new Array();
  54. var star=new Array();
  55. var starv=new Array();
  56. var starx=new Array();
  57. var stary=new Array();
  58. var tinyx=new Array();
  59. var tinyy=new Array();
  60. var tinyv=new Array();
  61.  
  62. window.onload=function() { if (document.getElementById) {
  63. var i, rats, rlef, rdow;
  64. for (var i=0; i<sparkles; i++) {
  65. var rats=createDiv(3, 3);
  66. rats.style.visibility="hidden";
  67. rats.style.zIndex="999";
  68. document.body.appendChild(tiny[i]=rats);
  69. starv[i]=0;
  70. tinyv[i]=0;
  71. var rats=createDiv(5, 5);
  72. rats.style.backgroundColor="transparent";
  73. rats.style.visibility="hidden";
  74. rats.style.zIndex="999";
  75. var rlef=createDiv(1, 5);
  76. var rdow=createDiv(5, 1);
  77. rats.appendChild(rlef);
  78. rats.appendChild(rdow);
  79. rlef.style.top="2px";
  80. rlef.style.left="0px";
  81. rdow.style.top="0px";
  82. rdow.style.left="2px";
  83. document.body.appendChild(star[i]=rats);
  84. }
  85. set_width();
  86. sparkle();
  87. }}
  88.  
  89. function sparkle() {
  90. var c;
  91. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  92. ox=x;
  93. oy=y;
  94. for (c=0; c<sparkles; c++) if (!starv[c]) {
  95. star[c].style.left=(starx[c]=x)+"px";
  96. star[c].style.top=(stary[c]=y+1)+"px";
  97. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  98. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  99. star[c].style.visibility="visible";
  100. starv[c]=50;
  101. break;
  102. }
  103. }
  104. for (c=0; c<sparkles; c++) {
  105. if (starv[c]) update_star(c);
  106. if (tinyv[c]) update_tiny(c);
  107. }
  108. setTimeout("sparkle()", 40);
  109. }
  110.  
  111. function update_star(i) {
  112. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  113. if (starv[i]) {
  114. stary[i]+=1+Math.random()*3;
  115. starx[i]+=(i%5-2)/5;
  116. if (stary[i]<shigh+sdown) {
  117. star[i].style.top=stary[i]+"px";
  118. star[i].style.left=starx[i]+"px";
  119. }
  120. else {
  121. star[i].style.visibility="hidden";
  122. starv[i]=0;
  123. return;
  124. }
  125. }
  126. else {
  127. tinyv[i]=50;
  128. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  129. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  130. tiny[i].style.width="2px";
  131. tiny[i].style.height="2px";
  132. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  133. star[i].style.visibility="hidden";
  134. tiny[i].style.visibility="visible"
  135. }
  136. }
  137.  
  138. function update_tiny(i) {
  139. if (--tinyv[i]==25) {
  140. tiny[i].style.width="1px";
  141. tiny[i].style.height="1px";
  142. }
  143. if (tinyv[i]) {
  144. tinyy[i]+=1+Math.random()*3;
  145. tinyx[i]+=(i%5-2)/5;
  146. if (tinyy[i]<shigh+sdown) {
  147. tiny[i].style.top=tinyy[i]+"px";
  148. tiny[i].style.left=tinyx[i]+"px";
  149. }
  150. else {
  151. tiny[i].style.visibility="hidden";
  152. tinyv[i]=0;
  153. return;
  154. }
  155. }
  156. else tiny[i].style.visibility="hidden";
  157. }
  158.  
  159. document.onmousemove=mouse;
  160. function mouse(e) {
  161. if (e) {
  162. y=e.pageY;
  163. x=e.pageX;
  164. }
  165. else {
  166. set_scroll();
  167. y=event.y+sdown;
  168. x=event.x+sleft;
  169. }
  170. }
  171.  
  172. window.onscroll=set_scroll;
  173. function set_scroll() {
  174. if (typeof(self.pageYOffset)=='number') {
  175. sdown=self.pageYOffset;
  176. sleft=self.pageXOffset;
  177. }
  178. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  179. sdown=document.body.scrollTop;
  180. sleft=document.body.scrollLeft;
  181. }
  182. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  183. sleft=document.documentElement.scrollLeft;
  184. sdown=document.documentElement.scrollTop;
  185. }
  186. else {
  187. sdown=0;
  188. sleft=0;
  189. }
  190. }
  191.  
  192. window.onresize=set_width;
  193. function set_width() {
  194. var sw_min=999999;
  195. var sh_min=999999;
  196. if (document.documentElement && document.documentElement.clientWidth) {
  197. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  198. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  199. }
  200. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  201. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  202. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  203. }
  204. if (document.body.clientWidth) {
  205. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  206. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  207. }
  208. if (sw_min==999999 || sh_min==999999) {
  209. sw_min=800;
  210. sh_min=600;
  211. }
  212. swide=sw_min;
  213. shigh=sh_min;
  214. }
  215.  
  216. function createDiv(height, width) {
  217. var div=document.createElement("div");
  218. div.style.position="absolute";
  219. div.style.height=height+"px";
  220. div.style.width=width+"px";
  221. div.style.overflow="hidden";
  222. return (div);
  223. }
  224.  
  225. function newColour() {
  226. var c=new Array();
  227. c[0]=255;
  228. c[1]=Math.floor(Math.random()*256);
  229. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  230. c.sort(function(){return (0.5 - Math.random());});
  231. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  232. }
  233. // ]]>
  234. </script>
  235.  
  236.  
  237.  
  238.  
  239.  
  240. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  241. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  242. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  243. <link rel="shortcut icon" href="{Favicon}">
  244. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  245. <meta name="text:Link 1" content=""/>
  246. <meta name="text:Link 1 URL" content=""/>
  247. <meta name="text:Link 2" content=""/>
  248. <meta name="text:Link 2 URL" content=""/>
  249. <meta name="text:Link 3" content=""/>
  250. <meta name="text:Link 3 URL" content=""/>
  251. <meta name="text:Link 4" content=""/>
  252. <meta name="text:Link 4 URL" content=""/>
  253. <meta name="text:Link 5" content=""/>
  254. <meta name="text:Link 5 URL" content=""/>
  255. <meta name="text:Link 6" content=""/>
  256. <meta name="text:Link 6 URL" content=""/>
  257. <meta name="text:Link 7" content=""/>
  258. <meta name="text:Link 7 URL" content=""/>
  259. <meta name="text:Link 8" content=""/>
  260. <meta name="text:Link 8 URL" content=""/>
  261. <meta name="text:Home Label" content="Home"/>
  262. <meta name="text:Ask Label" content="Ask"/>
  263. <meta name="text:Submit Label" content="Submit"/>
  264. <meta name="text:Archive Label" content="Archive"/>
  265. <meta name="if:Show Archive Link" content="1"/>
  266. <meta name="if:Show Submit Link" content="1"/>
  267. <meta name="if:Show Title" content="1"/>
  268. <meta name="if:Show Tags" content="0"/>
  269. <meta name="if:Animation" content="1"/>
  270. <meta name="if:To Top Button" content="1"/>
  271. <meta name="if:Infinite Scroll" content="1"/>
  272. <meta name="if:Show Captions" content="0"/>
  273. <meta name="if:Show Tags" content="0"/>
  274. <meta name="image:Background" content=""/>
  275. <meta name="image:Sidebar" content=""/>
  276. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  277. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  278. <script type="text/javascript" src="http://static.tumblr.com/tpqedpr/vnzmibpqr/minified.js"></script>
  279. <style type="text/css">
  280. body {
  281. color: #878484;background: #ffffff url({image:Background});
  282. font-family: calibri light;
  283. letter-spacing:1px;
  284. font-size: 11px;
  285. line-height: 14px;
  286. }
  287. p {margin:0 0 .75em 0} p:last-child {margin:0}
  288. a {
  289. color: #ffb2b2;
  290. text-decoration:none;
  291. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  292. a:hover {color: #cadcfc; }
  293. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  294. line-height: 100%;border-left: solid 4px #EDEDED;
  295. }
  296. h1 {
  297. font-family: Century Gothic;
  298. font-size: 24px;
  299. line-height: 1.5em;font-weight: normal;
  300. }
  301. ul {
  302. margin: 0px 1.5em .75em;}
  303. li {
  304. margin: .75em 0;
  305. list-style-type: square;
  306. }
  307. .box img {
  308. display: block;
  309. max-width: 100%;}.m-i {
  310. display: block;
  311. line-height: 1px!important;
  312. }
  313. .menu-picture {
  314. line-height: 100%;
  315. display: inline-block;
  316. line-height: 0px!important;
  317. }
  318. .post-link{
  319. font-family: Lucida Sans;
  320. font-size: 8px;
  321. line-height: 8px;
  322. }p.source{text-align: center;}
  323. .menu-picture {
  324. line-height: 100%;display: inline-block;
  325. }p.source{text-align: center;}
  326. h3 {
  327. font-size: 14px; font-weight: normal;
  328. }.tagged { text-align: center; line-height: 8px;font-size: 8px;}
  329. .text { padding: 5px;}p.question {
  330. margin-bottom: .375em;
  331. }
  332.  
  333. @font-face{font-family:peacan;src:url('http://static.tumblr.com/e1djgf7/9Eun278cf/sp_peacan_a.ttf')}
  334.  
  335. .text2{ font-family: peacan; font-size: 20px;}
  336.  
  337. p.words {
  338. padding: 6px;
  339. line-height: 1.5em;
  340. color: #8a8888;
  341. background: #ffffff;
  342. }
  343. .response {
  344. background-image: url(http://i1172.photobucket.com/albums/r578/Happygirl94/background/tumblr_m8b0esdpD71qhqbrjo1_500_zps0124f3a4.jpg);
  345. padding: 5px;
  346. margin-bottom: .75em;
  347. color:#fff;
  348. border-radius: 5px;
  349. }.answer {
  350. text-align: left;
  351. }
  352. .post {
  353. position: relative;
  354. {block:IndexPage}
  355. width:250px;
  356. {/block:IndexPage}
  357. {block:PermalinkPage}
  358. width:500px;
  359. {/block:PermalinkPage}
  360. float:right;
  361. background: #ffffff;
  362. padding:10px;
  363. margin:20px;
  364. border: 1px solid #F2F2F2;
  365. -moz-border-radius:5px;
  366. border-radius:0px;
  367. }
  368.  
  369. .post img {max-width:500px; border-radius: 7px; {block:ifDuascolunas}{block:IndexPage}max-width:250px; border-radius: 7px;{/block:IndexPage}{/block:ifDuascolunas};}
  370.  
  371. .box {position: relative;}
  372.  
  373. #side {
  374. text-align: left;
  375. width:201px;
  376. padding:20px;
  377. height:100%;
  378. margin-top:-20px;
  379. position: fixed;
  380. margin-left:607px;
  381. background: #ffffff;
  382. border: 0px solid #a8a8a8;
  383. }#side img {
  384. max-width: 100%;
  385. }ul {margin-bottom: .75em;}
  386. #contain {
  387. width:864px;
  388. margin: 15px auto 0;
  389. }
  390.  
  391. #banner1 {
  392. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  393. repeat:repeat-x;
  394. left:0;
  395. width:720px;
  396. height:18px;
  397. position: fixed;
  398. opacity:1;
  399. border-right:10px solid #fafafa;
  400. margin-left: 480px;
  401. margin-top: 334px;-webkit-transform: rotate(90deg);
  402. -moz-transform: rotate(90deg);}
  403.  
  404. #banner2 {
  405. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  406. repeat:repeat-x;
  407. left:0;
  408. width:730px;
  409. height:18px;
  410. position: fixed;
  411. opacity:1;
  412. border-right:10px solid #fafafa;
  413. margin-left: 730px;
  414. margin-top: 334px;-webkit-transform: rotate(-90deg);
  415. -moz-transform: rotate(-90deg);}
  416.  
  417.  
  418.  
  419. #content {
  420. width:692px;
  421. float: left;
  422. margin-left: -60px;
  423.  
  424. }
  425. #infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}.post-header-a{width:100%;height:100%;position:absolute;display:block;text-align:center;z-index:9999999999;{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.p-center{position:relative;height:30px;top:50%;margin-top:-15px}.post:hover .reblog-button,.post:hover .like-button,.post:hover .note-perma{margin-top:0;opacity:1;filter:alpha(opacity = 1);{block:IfAnimation}-webkit-transition:all .33s ease-in;-moz-transition:all .33s ease-in;transition:all .33s ease-in;-o-transition:all .33s ease-in;{/block:IfAnimation}}.reblog-button:hover,.like-button:hover,.note-perma:hover{background:rgba(0,0,0,1);opacity:1;filter:alpha(opacity = 100)}.reblog-button{margin-top:60px;margin-left:3px;z-index:3333;display:inline-block;height:30px;width:30px;text-indent:-999em;background:rgba(0,0,0,.17);overflow:hidden;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;opacity:0;filter:alpha(opacity = 0)}.reblog-button img{z-index:33333;height:15px;display:block;margin:8px 5px;display:block;text-indent:-999em;overflow:hidden;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.note-perma{margin-top:60px;margin-left:3px;z-index:3333;display:inline-block;height:30px;width:30px;text-indent:-999em;background:rgba(0,0,0,.17);overflow:hidden;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;opacity:0;filter:alpha(opacity = 0)}.note-perma img{z-index:33333;height:15px;display:block;margin:7px 5px;text-indent:-999em;overflow:hidden;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.like-button{margin-top:60px;z-index:3333;background:rgba(0,0,0,.17);height:30px;width:30px;display:inline-block;right:10px;text-indent:-999em;overflow:hidden;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;opacity:0;filter:alpha(opacity = 0)}.like-button img{z-index:33333;height:15px;display:block;margin:8px auto;display:block;text-indent:-999em;overflow:hidden}.post-right { float: left; text-transform: uppercase; } .post-left { float: right; text-transform: uppercase;}h5,li.drawer{list-style-type:none}.drawer a{display:block;}iframe#tumblr_controls,.btn.icon.theme{filter:invert(100%);-webkit-filter:invert(100%);-moz-filter:invert(100%);-o-filter:invert(100%);-ms-filter:invert(100%); opacity:.4;position:fixed!important}.box iframe {
  426. max-width: 100%;
  427. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  428. .post-info-data{text-align:center}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
  429.  
  430. #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:21px;height:21px;border:0;text-indent:100%;background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;opacity:.5;filter:alpha(opacity = 50);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTopHover{width:21px;height:21px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTop:hover{opacity:1;filter:alpha(opacity = 100)}#toTop:active,#toTop:focus{outline:0}
  431.  
  432. a.btn{position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  433. </style></head>
  434. <body>
  435.  
  436.  
  437. <div id="banner2"></div>
  438. <div id="banner1"></div>
  439.  
  440.  
  441.  
  442. <div id="contain" class="clearfix">
  443. <div id="side">
  444. <div class="text">
  445. {block:IfShowTitle}<h1><a href="/"><div class="text2">{Title}</div></a></h1>{/block:IfShowTitle}<a href="/" class="m-i">
  446. <br>
  447. <center><img src="http://media.tumblr.com/30ee6eadffbc447b7d0491ef9cae75e3/tumblr_inline_mpl2qywPTA1qz4rgp.gif"/></center></a>
  448. <br>
  449. <div id="description" >{Description}</div>
  450. <center>
  451. <li class="drawer"><h5><strong>✿ いつまでも若くてかわいい ✿</strong></h5><div><p><a class="menu-link" href="/">{text:Home Label}</a><a class="menu-link" href="/ask">{text:Ask label}</a>{block:HasPages}{block:Pages}<p class="nav"><a href="{URL}">{Label}</a></p>{/block:Pages}{/block:HasPages}{block:Pages}<a class="menu-link" href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}{block:iflink1}<a class="menu-link" href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}{block:iflink2}<a class="menu-link" href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}{block:iflink3}<a class="menu-link" href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}{block:iflink4}<a class="menu-link" href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}{block:iflink5}<a class="menu-link" href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}{block:iflink6}<a class="menu-link" href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}{block:iflink7}<a class="menu-link" href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}{block:iflink8}<a class="menu-link" href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}{block:SubmissionsEnabled}{block:IfShowSubmitLink}<a class="menu-link" href="/submit">{text:Submit label}</a>{/block:IfShowSubmitLink}{/block:SubmissionsEnabled}{Block:IfShowArchiveLink}<a class="menu-link" href="/archive">{text:Archive Label}</a>{/Block:IfShowArchiveLink}</p></div></li></center>
  452.  
  453. {block:IfNotInfiniteScroll}{block:Pagination}<p class="previous-next text">{block:PreviousPage}<a href="{PreviousPage}" class="next"><</a>{/block:PreviousPage}<span id="pages"> {CurrentPage} of {TotalPages} </span>{block:NextPage}<a href="{NextPage}" class="previous">></a>{/block:NextPage}</p>{/block:Pagination}{/block:IfNotInfiniteScroll}
  454. </div>
  455. </div>
  456. <div id="content">
  457. {block:Posts}
  458. <div class="post">
  459.  
  460. {block:Text}
  461. <div class="text">
  462. {block:Title}<h3>{Title}</h3>{/block:Title}
  463. {Body}
  464. <!-- permalink --> {block:IndexPage}
  465. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  466. <!-- /permalink --> {/block:IndexPage}
  467. </div>
  468. {/block:Text}
  469.  
  470. {block:Quote}
  471. <div class="text quote">
  472. <p class="words">&#8220;{Quote}&#8221;</p>
  473. {block:Source}<p class="source">{Source}</p>{/block:Source}
  474. <!-- permalink --> {block:IndexPage}
  475. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  476. <!-- /permalink --> {/block:IndexPage}
  477. </div>
  478. {/block:Quote}
  479.  
  480. {block:Link}
  481. <div class="text link">
  482. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  483. {block:Description}{Description}{/block:Description}
  484. <!-- permalink --> {block:IndexPage}
  485. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  486. <!-- /permalink --> {/block:IndexPage}
  487. </div>
  488. {/block:Link}
  489.  
  490. {block:Chat}
  491. <div class="text chat">
  492. <ul class="conversation">
  493. {block:Lines}
  494. <li class="line {Alt}">
  495. {block:Label}<span class="person">{Label}</span>{/block:Label}
  496. <span class="person-said">{Line}</span>
  497. </li>
  498. {/block:Lines}
  499. </ul>
  500. <!-- permalink --> {block:IndexPage}
  501. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  502. <!-- /permalink --> {/block:IndexPage}
  503. </div>
  504. {/block:Chat}
  505.  
  506. {block:Audio}
  507. <div class="text audio">
  508. <p>{AudioPlayerBlack}</p>
  509. {block:IndexPage}{block:IfShowCaptions}
  510. {block:Caption}{Caption}{/block:Caption}
  511. {/block:IfShowCaptions}{/block:IndexPage}
  512. <!-- permalink --> {block:IndexPage}
  513. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  514. <!-- /permalink --> {/block:IndexPage}
  515. </div>
  516. {/block:Audio}
  517.  
  518. {block:Answer}
  519. <div class="text answer">
  520. <div class="response">
  521. <p><b>{Asker} speaks:</b> </p>
  522. <p class="question">{Question}</p>
  523. </div>
  524. {Answer}
  525. <!-- permalink --> {block:IndexPage}
  526. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  527. <!-- /permalink --> {/block:IndexPage}
  528. </div>
  529. {/block:Answer}
  530.  
  531. {block:Photoset}
  532. <div class="photoset">
  533. <div class="box">
  534. <!-- permalink --> {block:IndexPage}
  535. <div class="post-header-a"><div class="p-center">
  536. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/tpqedpr/F82mc9w76/heart.png" height="15" alt="Like this post" id="likeimage{PostID}"/></a>
  537. <a class="reblog-button" href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/tpqedpr/f9umccpf0/reblog.png" style="width:20px;cursor:pointer;" alt="reblog" title="reblog" border="0"></a>
  538. <a class="note-perma" href="{Permalink}"><img src="http://static.tumblr.com/tpqedpr/Cssmccqej/perma.png" style="width:20px;height:15px;cursor:pointer;" alt="perma" title="pre" border="0"></a>
  539. </div></div>
  540. <!-- /permalink --> {/block:IndexPage}
  541. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  542. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  543. </div>
  544. {block:IndexPage}{block:IfShowCaptions}
  545. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  546. {/block:IfShowCaptions}{/block:IndexPage}
  547. </div>
  548. {/block:Photoset}
  549.  
  550. {block:Video}
  551. <div class="video">
  552. <div class="box">
  553. <!-- permalink --> {block:IndexPage}
  554. <div class="post-header-a"><div class="p-center">
  555. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/tpqedpr/F82mc9w76/heart.png" height="15" alt="Like this post" id="likeimage{PostID}"/></a>
  556. <a class="reblog-button" href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/tpqedpr/f9umccpf0/reblog.png" style="width:20px;cursor:pointer;" alt="reblog" title="reblog" border="0"></a>
  557. <a class="note-perma" href="{Permalink}"><img src="http://static.tumblr.com/tpqedpr/Cssmccqej/perma.png" style="width:20px;height:15px;cursor:pointer;" alt="perma" title="pre" border="0"></a>
  558. </div></div>
  559. <!-- /permalink --> {/block:IndexPage}
  560. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  561. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  562. </div>
  563. {block:IndexPage}{block:IfShowCaptions}
  564. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  565. {/block:IfShowCaptions}{/block:IndexPage}
  566. </div>
  567. {/block:Video}
  568.  
  569. {block:Photo}
  570. <div class="photo">
  571. <div class="box">
  572. <!-- permalink --> {block:IndexPage}
  573. <div class="post-header-a"><div class="p-center">
  574. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/tpqedpr/F82mc9w76/heart.png" height="15" alt="Like this post" id="likeimage{PostID}"/></a>
  575. <a class="reblog-button" href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/tpqedpr/f9umccpf0/reblog.png" style="width:20px;cursor:pointer;" alt="reblog" title="reblog" border="0"></a>
  576. <a class="note-perma" href="{Permalink}"><img src="http://static.tumblr.com/tpqedpr/Cssmccqej/perma.png" style="width:20px;height:15px;cursor:pointer;" alt="perma" title="pre" border="0"></a>
  577. </div></div>
  578. <!-- /permalink --> {/block:IndexPage}
  579. {block:IndexPage}
  580. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  581. {/block:IndexPage}
  582. {block:PermalinkPage}
  583. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  584. {/block:PermalinkPage}
  585. </div>
  586. {block:IndexPage}{block:IfShowCaptions}
  587. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  588. {/block:IfShowCaptions}{/block:IndexPage}
  589. </div>
  590. {/block:Photo}
  591.  
  592. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  593. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  594. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  595.  
  596. {block:PermalinkPage}
  597. <div id="post-info" class="text">
  598. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  599. {block:HasTags}
  600. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  601. {/block:HasTags}
  602. <p class="post-info-data">
  603. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  604. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  605. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  606. {block:PostNotes}
  607. {PostNotes}
  608. {/block:PostNotes}
  609. </div>
  610. {/block:PermalinkPage}
  611.  
  612. </div> <!-- end single post -->
  613. {block:ContentSource}
  614. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  615. {/block:ContentSource}
  616. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  617. {/block:Posts}
  618. </div> <!-- end content -->
  619. <div class="loading"></div>
  620. </div> <!-- end containing div -->
  621. {block:IfInfiniteScroll}
  622. {block:Pagination}<ul id="pagination">
  623. {block:PreviousPage}
  624. <li><a href="{PreviousPage}"></a></li>
  625. {/block:PreviousPage}
  626. {block:JumpPagination length="5"}
  627. {block:CurrentPage}
  628. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  629. {/block:CurrentPage}
  630. {block:JumpPage}
  631. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  632. {/block:JumpPage}
  633. {/block:JumpPagination}
  634. {block:NextPage}
  635. <li><a id="nextPage" href="{NextPage}"></a></li>
  636. {/block:NextPage}
  637. </ul>{/block:Pagination}
  638. {/block:IfInfiniteScroll}
  639. {block:IndexPage}
  640. <script type="text/javascript">
  641. $(window).load(function () {
  642. $('#content').masonry(),
  643. $('.masonryWrap').infinitescroll({
  644. navSelector : '#pagination',
  645. nextSelector : '#pagination a#nextPage',
  646. itemSelector : ".post, .loading",
  647. bufferPx : 40,
  648. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  649. loadingText : "<em></em>",
  650. },
  651. function() { $('#content').masonry({ appendedContent: $(this) }); }
  652. );
  653. });
  654. </script>
  655. {/block:IndexPage}
  656. {block:IfToTopButton}
  657. <script type="text/javascript">
  658. $(document).ready(function() {
  659. /*
  660. var defaults = {
  661. containerID: 'toTop', // fading element id
  662. containerHoverID: 'toTopHover', // fading element hover id
  663. scrollSpeed: 1200,
  664. easingType: 'linear'
  665. };
  666. */
  667.  
  668. $().UItoTop({ easingType: 'easeOutQuart' });
  669.  
  670. });
  671. </script>
  672. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  673. {/block:IfToTopButton}<script type="text/javascript" src="http://static.tumblr.com/tpqedpr/R4Vmc9wcl/like.js"></script>
  674. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  675.  
  676. <script type="text/javascript">
  677. $(document).ready(function () {
  678. $('li.drawer div:nth-child(2)').hide();
  679. $('li.drawer h5').click(function () {
  680. if ($(this).hasClass('open')) {
  681. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  682. else {
  683. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  684. $(this).next().slideDown();
  685. $(this).addClass('open');}
  686. });
  687. });
  688. </script>
  689.  
  690. <BODY onselectstart="return false;" ondragstart="return false;">
  691. <div style=" font-size:8px; position:fixed; bottom:5px; left:0px; text-align:center; font-family:arial">
  692. theme by<center></center><a href="http://tumblrgenerator.com/">tumblrgenerator</a><br></a>
  693. but credit by <a href="cutesythuglife.tumblr.com">Miki</a></div>
  694. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment