API tools faq
paste
Advertisement
_mistfuls

new theme one

_mistfuls
Jul 27th, 2014
7,607
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.67 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8. ___ _ _ ____ _ _ ____ ___ _ _ _ _ ____ ____ ____ _ _ _ ____ ___ ____ _ _ _ ____
  9. | |__| |___ |\/| |___ |__] \_/ | | [__ |___ |__/ |\/| | [__ | |___ | | | [__
  10. | | | |___ | | |___ |__] | |__| ___] |___ | \ | | | ___] | | |__| |___ ___]
  11.  
  12. ____ _ _ _ ___ ___ _ _ _ ____ ____ _ _ ____ _ ____ _ _ ___ _ _ ____ _ _ ____ ____
  13. |___ | |\ | | \ | |__| | [__ | | |\ | [__ | | __ |__| | |__| |___ |\/| |___ [__
  14. | | | \| |__/ | | | | ___] |__| | \| ___] | |__] | | | | | |___ | | |___ ___]
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21. 1. DO NOT STEAL ANY OF THE CODES BELOW
  22.  
  23.  
  24. 2. DO NOT REMOVE THE CREDITS
  25.  
  26.  
  27. 3. I WORKED REALLY HARD SO FOLLOW THE RULES
  28.  
  29.  
  30. I can recognize my codes VERY easily so don't bother trying to steal them;
  31. You WILL be blocked AND reported, and will not have access to my themes
  32.  
  33.  
  34. * Make sure your POSTS PER PAGE is set at 15 otherwise the infinite scroll won't work!
  35. * ( CUSTOMIZE > ADVANCED > POSTS PER PAGE > 15 > SAVE )
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42. -->
  43.  
  44. <html lang="en">
  45. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  46. <html xmlns="http://www.w3.org/1999/xhtml">
  47. <head>
  48. <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'><link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  49. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  50. <script type="text/javascript">
  51. <!--
  52.  
  53. // Disable Right Click Script
  54.  
  55. function IE(e)
  56. {
  57. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  58. {
  59. return false;
  60. }
  61. }
  62. function NS(e)
  63. {
  64. if (document.layers || (document.getElementById && !document.all))
  65. {
  66. if (e.which == "2" || e.which == "3")
  67. {
  68. return false;
  69. }
  70. }
  71. }
  72. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  73.  
  74. //-->
  75. </script>
  76.  
  77.  
  78. <script type="text/javascript"
  79. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  80.  
  81. <!--DEFAULT VARIABLES-->
  82. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  83. <meta name="color:background" content="#fff"/>
  84. <meta name="color:link" content="#777"/>
  85. <meta name="color:text" content="#777"/>
  86. <meta name="color:title" content="#333"/>
  87. <meta name="color:sidebar links" content="#888" />
  88. <meta name="color:scrollbar" content="#ccc">
  89. <meta name="color:blogtitle" content="#888">
  90. <meta name="color:borders" content="#eee"/>
  91. <meta name="text:blogtitle font size" content="12"/>
  92. <meta name="text:blogtitle line height" content="10" />
  93. <meta name="text:blogtitle letter spacing" content="2"/>
  94. <meta name="text:link one" content=""/>
  95. <meta name="text:link one title" content="link 1" />
  96. <meta name="text:link two" content=""/>
  97. <meta name="text:link two title" content="link 2" />
  98. <meta name="text:link three" content=""/>
  99. <meta name="text:link three title" content="link 3" />
  100. <meta name="color:hover" content="#fff"/>
  101. <meta name="color:post background" content="#fff"/>
  102. <meta name="color:sidebar background" content="#fff"/>
  103. <meta name="color:padding background" content="#fbfbfb"/>
  104. <meta name="image:sidebar" content="1"/>
  105. <meta name="image:background" content="1"/>
  106. <meta name="if:covered background" content="1"/>
  107. <meta name="if:hide sidebar image" content="0"/>
  108. <meta name="if:one column" content="0" />
  109. <meta name="if:two column" content="1"/>
  110. <meta name="if:three column" content="0"/>
  111. <meta name="if:light posts" content="1" />
  112. <meta name="if:semi black and white posts" content="0" />
  113. <meta name="if:black and white posts" content="0" />
  114. <meta name="if:semi transparent posts" content="0"/>
  115. <meta name="if:transparent posts" content="0" />
  116. <meta name="if:shadows" content="1"/>
  117. <meta name="if:cursor one" content="1"/>
  118. <meta name="if:cursor two" content="0"/>
  119. <meta name="if:cursor three" content="0"/>
  120. <meta name="if:cursor four" content="0"/>
  121. <meta name="if:cursor five" content="0"/>
  122. <meta name="if:cursor six" content="0"/>
  123.  
  124. <style type="text/css">
  125.  
  126. #s-m-t-tooltip{
  127. max-width:150px;
  128. margin-top:10px;
  129. margin-left:10px;
  130. padding:4px;
  131. border:1px solid {color:borders};
  132. z-index:1000;
  133. background-color:{color:background};
  134. {block:ifsemitransparentposts}
  135. background: rgba(250, 250, 250, 0.3);
  136. {/block:ifsemitransparentposts}
  137. {block:iftransparentposts}
  138. background:transparent;
  139. {/block:iftransparentposts}
  140. color:{color:text};
  141. font-family:roboto;
  142. z-index:999999999;
  143. font-size:8px;
  144. letter-spacing:1px;
  145. font-style:normal;
  146. text-transform:uppercase;
  147. line-height:14px;
  148. {block:ifshadows}
  149. box-shadow: rgba(0,0,0,0.02)5px 5px;
  150. {/block:ifshadows}
  151. }
  152.  
  153. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  154.  
  155. ::-webkit-scrollbar {width:8px;height: 3px; opacity: .9;
  156. background:{color:background};border-left:1px solid {color:scrollbar}; }
  157. ::-webkit-scrollbar-thumb { width:11px;
  158. background-image:url('http://assets.tumblr.com/images/x.gif');background-size:cover;
  159. background-color:{color:background};
  160. border-right: 1px solid {color:scrollbar};
  161. border-top: 1px solid {color:scrollbar};
  162. border-bottom: 1px solid {color:scrollbar};
  163. z-index:9999;
  164. }
  165.  
  166.  
  167.  
  168. p {
  169. margin:0px;
  170. margin-top:5px;
  171. }
  172.  
  173.  
  174. body {
  175. padding: 0px;
  176. margin: 0px;
  177. color:{color:text};
  178. font-family:roboto;
  179. font-size:10px;
  180. line-height:13px;
  181. text-normal;
  182. text-align:left;
  183. background-color: {color:Background};
  184. background-image:url({image:Background});
  185. background-attachment: fixed;
  186. background-repeat: repeat;
  187. {block:ifcoveredbackground}
  188. background-position:center;
  189. background-repeat: no-repeat;
  190. background-attachment:fixed;
  191. background-size: cover;
  192. {/block:ifcoveredbackground}
  193. }
  194.  
  195.  
  196.  
  197. a:link, a:active, a:visited{
  198. text-decoration: none;
  199. -webkit-transition: color 0.3s ease-out;
  200. -moz-transition: color 0.3s ease-out;
  201. transition: color 0.3s ease-out;
  202. color:{color:link};
  203. }
  204.  
  205. a:hover {
  206. text-decoration: none;
  207. font-style:;
  208. color: {color:Hover};
  209. }
  210.  
  211. body, a, a:hover{
  212. {block:ifcursorone}
  213. cursor: url(https://31.media.tumblr.com/0b47eca9f7f529deed778f6a7c4f0318/tumblr_inline_n103ieli6Y1sr8w60.png), progress;
  214. {/block:ifcursorone}
  215. {block:ifcursortwo}
  216. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;
  217. {/block:ifcursortwo}
  218. {block:ifcursorthree}
  219. cursor: url(https://31.media.tumblr.com/ce7854133c8344bd6a75cbfa27fc0938/tumblr_inline_n104tbOJDM1sr8w60.png), progress;
  220. {/block:ifcursorthree}
  221. {block:ifcursorfour}
  222. cursor: url(https://31.media.tumblr.com/2e924cef5e114a06976923fb36949e6e/tumblr_inline_n109brIXX11sr8w60.png), progress;
  223. {/block:ifcursorfour}
  224. {block:ifcursorfive}
  225. cursor: url(https://31.media.tumblr.com/70444f630963e5ba6759d7e5f89b4120/tumblr_inline_n10aai56SU1sr8w60.png), progress;
  226. {/block:ifcursorfive}
  227. {block:ifcursorsix}
  228. cursor: url(https://31.media.tumblr.com/def8729b4eaed6fe2ae6dd6b5e52f2ad/tumblr_inline_n10b0k2sAY1sr8w60.png), progress;
  229. {/block:ifcursorsix}
  230. }
  231.  
  232. div#center{
  233. margin:auto;
  234. position:relative;
  235. width:auto;
  236. background-color:;
  237. overflow:auto;
  238. overflow-y:hidden;
  239. }
  240.  
  241. .entry {
  242. float:left;
  243. display: block;
  244. margin:25px;
  245. overflow:hidden;
  246. width:250px;
  247. border:1px solid {color:borders};
  248. padding:15px;
  249. {block:PermalinkPage}
  250. width:450px;
  251. text-align:left;
  252. {/block:PermalinkPage}
  253. background:{color:post background};
  254. background-image:URL();
  255. {block:ifshadows}
  256. box-shadow: rgba(0,0,0,0.02)5px 5px;
  257. {/block:ifshadows}
  258. {block:ifsemitransparentposts}
  259. background: rgba(250, 250, 250, 0.3);
  260. {/block:ifsemitransparentposts}
  261. {block:iftransparentposts}
  262. background:transparent;
  263. {/block:iftransparentposts}
  264. }
  265.  
  266. .entry img{
  267. {block:iflightposts}
  268. opacity:.75;
  269. {/block:iflightposts}
  270. {block:ifsemiblackandwhiteposts}
  271. -webkit-filter:grayscale(50%);
  272. {/block:ifsemiblackandwhiteposts}
  273. {block:ifblackandwhiteposts}
  274. -webkit-filter:grayscale(100%);
  275. {/block:ifblackandwhiteposts}
  276. }
  277.  
  278. .entry img{max-width:100%;}
  279.  
  280.  
  281. .entry .perma{
  282. width:238px;
  283. margin-left:0px;
  284. height:13px;
  285. line-height: 13px;
  286. overflow:hidden;
  287. text-align:center;
  288. margin-top:12px;
  289. background:white;
  290. word-spacing:1px;
  291. text-transform:uppercase;
  292. font-family:roboto;
  293. border:1px solid {color:borders};
  294. background:{color:padding background};
  295. {block:ifsemitransparentposts}
  296. background: transparent;
  297. {/block:ifsemitransparentposts}
  298. {block:iftransparentposts}
  299. background:transparent;
  300. {/block:iftransparentposts}
  301. padding:5px;
  302. -webkit-transition: all .7s ease;
  303. -moz-transition: all .7s ease;
  304. -o-transition: all .7s ease;
  305. transition: all .7s ease
  306. }
  307.  
  308. .reblogg{
  309. width:119px;
  310. margin-left:-3px;
  311. height:13px;
  312. line-height: 13px;
  313. overflow:hidden;
  314. text-align:center;
  315. margin-top:-4px;
  316. background:white;
  317. word-spacing:1px;
  318. letter-spacing:1px;
  319. text-transform:uppercase;
  320. font-family:roboto;
  321. background:{color:padding background};
  322. {block:ifsemitransparentposts}
  323. background: transparent;
  324. {/block:ifsemitransparentposts}
  325. {block:iftransparentposts}
  326. background:transparent;
  327. {/block:iftransparentposts}
  328. padding:5px;
  329. text-align:left;
  330. font-size:8px;
  331. -webkit-transition: all .7s ease;
  332. -moz-transition: all .7s ease;
  333. -o-transition: all .7s ease;
  334. transition: all .7s ease
  335. }
  336.  
  337. .notess{
  338. width:119px;
  339. margin-left:113px;
  340. height:13px;
  341. line-height: 13px;
  342. overflow:hidden;
  343. text-align:center;
  344. margin-top:-23px;
  345. background:white;
  346. word-spacing:1px;
  347. letter-spacing:1px;
  348. text-transform:uppercase;
  349. font-family:roboto;
  350. background:{color:padding background};
  351. {block:ifsemitransparentposts}
  352. background: transparent;
  353. {/block:ifsemitransparentposts}
  354. {block:iftransparentposts}
  355. background:transparent;
  356. {/block:iftransparentposts}
  357. padding:5px;
  358. text-align:right;
  359. font-size:8px;
  360. -webkit-transition: all .7s ease;
  361. -moz-transition: all .7s ease;
  362. -o-transition: all .7s ease;
  363. transition: all .7s ease
  364. }
  365.  
  366. .permalinktext{
  367. display: block;
  368. font-calibri;
  369. font-size:10px;
  370. line-height:3px;
  371. letter-spacing:1px;
  372. text-transform:uppercase;
  373. text-align: right;
  374. background-color:transparent;
  375. margin: 2px;
  376. margin-top:5px;
  377. border-top:1px solid {color:borders};
  378. padding-top:6px;
  379. }
  380.  
  381. #posts {
  382. margin-top:14px;
  383. z-index:99;
  384. margin-left:20px;
  385. right:auto;
  386. background:transparent;
  387. margin-right:auto;
  388. position:relative;
  389. overflow-y: hidden;
  390. {block:ifonecolumn}
  391. width:500px;
  392. {/block:ifonecolumn}
  393. {block:iftwocolumn}
  394. width:700px;
  395. {/block:iftwocolumn}
  396. {block:ifthreecolumn}
  397. width:1000px;
  398. {/block:ifthreecolumn}
  399. }
  400.  
  401. #sidebar{
  402. position:fixed !important;
  403. width:150px;
  404. background:{color:sidebar background};
  405. height:auto;
  406. margin-top:150px;
  407. text-align:center;
  408. border:1px solid {color:borders};
  409. padding:10px;
  410. padding-right:22px;
  411. z-index:9999;
  412. {block:ifshadows}
  413. box-shadow: rgba(0,0,0,0.02)5px 5px;
  414. {/block:ifshadows}
  415. {block:ifonecolumn}
  416. margin-left:435px;
  417. {/block:ifonecolumn}
  418. {block:iftwocolumn}
  419. margin-left:745px;
  420. {/block:iftwocolumn}
  421. {block:ifthreecolumn}
  422. margin-left:1080px;
  423. {/block:ifthreecolumn}
  424. {block:ifsemitransparentposts}
  425. background: rgba(250, 250, 250, 0.3);
  426. {/block:ifsemitransparentposts}
  427. {block:iftransparentposts}
  428. background:transparent;
  429. {/block:iftransparentposts}
  430. {block:PermalinkPage}
  431. margin-left:615px;
  432. {/block:PermalinkPage}
  433. }
  434.  
  435. #sidebar .tits{
  436. border:1px solid {color:borders};
  437. background:{color:padding background};
  438. {block:ifsemitransparentposts}
  439. background: transparent;
  440. {/block:ifsemitransparentposts}
  441. {block:iftransparentposts}
  442. background:transparent;
  443. {/block:iftransparentposts}
  444. width:150px;
  445. height:10px;
  446. padding:5px;
  447. line-height:{text:blogtitle line height}px;
  448. color:{color:blogtitle};
  449. text-transform:uppercase;
  450. font-size:{text:blogtitle font size}px;
  451. font-family:roboto;
  452. letter-spacing:{text:blogtitle letter spacing}px;
  453. }
  454.  
  455. #sidebar .desc{
  456. margin-top:8px;
  457. border:1px solid {color:borders};
  458. background:{color:padding background};
  459. {block:ifsemitransparentposts}
  460. background: transparent;
  461. {/block:ifsemitransparentposts}
  462. {block:iftransparentposts}
  463. background:transparent;
  464. {/block:iftransparentposts}
  465. width:150px;
  466. height:auto;
  467. padding:5px;
  468. font-family:roboto;
  469. font-size:11px;
  470. word-spacing:1px;
  471. {block:ifhidesidebarimage}
  472. margin-top:10px;
  473. {/block:ifhidesidebarimage}
  474. }
  475.  
  476. #links{
  477. margin-top:10px;
  478. border:1px solid {color:borders};
  479. background:{color:padding background};
  480. {block:ifsemitransparentposts}
  481. background: transparent;
  482. {/block:ifsemitransparentposts}
  483. {block:iftransparentposts}
  484. background:transparent;
  485. {/block:iftransparentposts}
  486. width:150px;
  487. height:auto;
  488. padding:5px;
  489. padding-top:6px;
  490. line-height:10px;
  491. }
  492.  
  493. .nav a{
  494. display:inline-block;
  495. margin-left:5px;
  496. margin-right:5px;
  497. color:{color:sidebar links};
  498. font-family:roboto;
  499. font-size:11px;
  500. -webkit-transition: all .7s ease;
  501. -moz-transition: all .7s ease;
  502. -o-transition: all .7s ease;
  503. transition: all .7s ease;
  504. }
  505.  
  506. .nav a:hover{
  507. color:{color:hover};
  508. -webkit-transition: all .7s ease;
  509. -moz-transition: all .7s ease;
  510. -o-transition: all .7s ease;
  511. transition: all .7s ease;
  512. }
  513.  
  514. #sidebar img{
  515. border:1px solid {color:borders};
  516. padding:5px;
  517. background:{color:padding background};
  518. {block:ifsemitransparentposts}
  519. background: transparent;
  520. {/block:ifsemitransparentposts}
  521. {block:iftransparentposts}
  522. background:transparent;
  523. {/block:iftransparentposts}
  524. margin-top:5px;
  525. {block:iflightposts}
  526. opacity:.75;
  527. {/block:iflightposts}
  528. {block:ifsemiblackandwhiteposts}
  529. -webkit-filter:grayscale(50%);
  530. {/block:ifsemiblackandwhiteposts}
  531. {block:ifblackandwhiteposts}
  532. -webkit-filter:grayscale(100%);
  533. {/block:ifblackandwhiteposts}
  534. {block:ifhidesidebarimage}
  535. display:none;
  536. {/block:ifhidesidebarimage}
  537. }
  538.  
  539.  
  540. #audio {
  541. width:250px;
  542. height:250px;
  543. padding-bottom:0px;
  544. }
  545.  
  546. .cover {
  547. position:absolute;
  548. z-index:1;
  549. width:250px;
  550. height:250px;
  551. }
  552.  
  553. .cover img {
  554. float:center;
  555. width:250px;
  556. height:auto;
  557. }
  558.  
  559. #audio:hover .info{
  560. opacity:.8;
  561. -webkit-transition: all .7s ease;
  562. -moz-transition: all .7s ease;
  563. -o-transition: all .7s ease;
  564. transition: all .7s ease;
  565. }
  566.  
  567. #audio:hover .playbox{
  568. opacity:.8;
  569. -webkit-transition: all .7s ease;
  570. -moz-transition: all .7s ease;
  571. -o-transition: all .7s ease;
  572. transition: all .7s ease;
  573. }
  574.  
  575. .playbox {
  576. opacity:0.6;
  577. width:223px;
  578. height:30px;
  579. overflow:hidden;
  580. position:absolute;
  581. z-index:5;
  582. left:33px;
  583. top:43px;
  584. text-align:center;
  585. line-height:30px;
  586. -webkit-transition: all .7s ease;
  587. -moz-transition: all .7s ease;
  588. -o-transition: all .7s ease;
  589. transition: all .7s ease;
  590. }
  591.  
  592. .info {
  593. left:41px;
  594. line-height:12px;
  595. background:white;
  596. width:197px;
  597. position:absolute;
  598. top:92px;
  599. z-index:999;
  600. padding:5px;
  601. opacity:0;
  602. color:#888;
  603. -webkit-transition: all .7s ease;
  604. -moz-transition: all .7s ease;
  605. -o-transition: all .7s ease;
  606. transition: all .7s ease;
  607. }
  608.  
  609. .title{
  610. font-family:roboto;
  611. font-size:14px;
  612. font-style:oblique;
  613. word-spacing:1px;
  614. line-height: 15px;
  615. color:{color:Title};
  616. font-weight: normal;
  617. padding-bottom:5px;
  618. }
  619.  
  620. .permalink{
  621. text-transform: normal;
  622. display: block;
  623. text-align: right;
  624. text-decoration: none;
  625. }
  626.  
  627. /*DO NOT MESS WITH THIS*/
  628. #infscr-loading{
  629. bottom: -70px;
  630. position: absolute;
  631. left: 50%;
  632. margin-left:-8px;
  633. width:16px;
  634. height:11px;
  635. overflow:hidden;
  636. margin-bottom: 50px;
  637. }
  638.  
  639. #postnotes{
  640. height:150px;
  641. overflow:auto;
  642. text-transform:uppercase;
  643. font-size:8px;
  644. letter-spacing:1px;
  645. line-height:15px;
  646. margin-top:-5px;
  647. }
  648.  
  649. #postnotes img{
  650. display:none;
  651. }
  652.  
  653.  
  654. #caption{
  655. height:auto;
  656. padding:3px;
  657. font-size:8px;
  658. text-transform:uppercase;
  659. word-spacing:1px;
  660. letter-spacing:1px;
  661. line-height:13px;
  662. border-bottom:1px solid {color:borders};
  663. padding-bottom:7px;
  664. margin-top:3px;
  665. }
  666.  
  667. #postnotes blockquote{
  668. border: 0px;}
  669.  
  670. blockquote{
  671. padding:5px;
  672. margin:6px;
  673. border-left: 1px solid {color:borders};
  674. }
  675.  
  676. blockquote p, ul{
  677. margin:0px;
  678. padding:0px;
  679. }
  680.  
  681. a img{border: 0px;}
  682.  
  683.  
  684. ul, ol, li{list-style:katakana; margin-top:5px; padding:0px;}
  685.  
  686. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  687. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  688.  
  689. .notes img{width:10px; position:relative; top:3px;}
  690. <--ses-->
  691. small{font-size: 90%;}
  692.  
  693. {CustomCSS}
  694.  
  695. </style>
  696.  
  697. {block:IndexPage}
  698. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  699. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  700.  
  701. <script type="text/javascript">
  702. $(window).load(function(){
  703. var $wall = $('#posts');
  704. $wall.imagesLoaded(function(){
  705. $wall.masonry({
  706. itemSelector: '.entry, .entry_photo',
  707. isAnimated : false
  708. });
  709. });
  710.  
  711. $wall.infinitescroll({
  712. navSelector : '#pagination',
  713. nextSelector : '#pagination a',
  714. itemSelector : '.entry, .entry_photo',
  715. bufferPx : 2000,
  716. debug : false,
  717. errorCallback: function() {
  718. $('#infscr-loading').fadeOut('normal');
  719. }},
  720. function( newElements ) {
  721. var $newElems = $( newElements );
  722. $newElems.hide();
  723. $newElems.imagesLoaded(function(){
  724. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  725. });
  726. }); $('#posts').show(500);
  727. });
  728. </script>
  729.  
  730.  
  731. {/block:IndexPage}
  732.  
  733.  
  734. <title>{title}</title>
  735.  
  736. <link rel="shortcut icon" href="{Favicon}" />
  737. <meta name="viewport" content="width=820" />
  738. </head>
  739.  
  740. <body>
  741. <BODY onselectstart="return false;" ondragstart="return false;">
  742. <div class="wrapper">
  743. <div class="header">
  744. </div>
  745.  
  746. <div id="cage">
  747. <div id="center">
  748.  
  749. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  750. <div id="sidebar">
  751. <center>
  752. <div class="tits">{title}</div><p>
  753. <a href="/"><img src="{image:sidebar}" width=100%></a>
  754. <div class="desc">{description}</div>
  755. <div id="links"><div class="nav">
  756.  
  757. <a href="/" title="home">I.</a>
  758. <a href="/ask" title="ask">II.</a>
  759. <a href="{text:link one}" title="{text:link one title}">III.</a>
  760. <a href="{text:link two}" title="{text:link two title}">IV.</a>
  761. <a href="{text:link three}" title="{text:link three title}">V.</a>
  762. <a href="http://mistfuls.tumblr.com" title="theme">VI.</a>
  763.  
  764. </div></div>
  765. </center>
  766. </div>
  767. <!------------------------------------->
  768.  
  769.  
  770. <div class="left">
  771. <div id="posts">
  772. {block:Posts}
  773. <div class="entry">
  774.  
  775. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}<span class="body">{Body}</span>{block:IndexPage}<div class="perma">
  776.  
  777. <div class="reblogg"><a href="{reblogurl}" target="_blank">reblog</a></div>
  778.  
  779. <div class="notess"><a href="{permalink}">{notecountwithlabel}</a></div>
  780.  
  781. </div>{/block:IndexPage}
  782. {/block:Text}
  783.  
  784. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} {block:IndexPage}<div class="perma">
  785.  
  786. <div class="reblogg"><a href="{reblogurl}" target="_blank">reblog</a></div>
  787.  
  788. <div class="notess"><a href="{permalink}">{notecountwithlabel}</a></div>
  789.  
  790. </div>{/block:IndexPage}{block:Link}
  791.  
  792. {block:Answer}
  793.  
  794.  
  795. <div style="font-family:roboto; font-size:15px; font-style:oblique; line-height:15px; color:{color:text}; text-align:center">{question}</div>
  796.  
  797. <div style="font-size:8px; text-transform:uppercase; letter-spacing:1px; text-align:right;">&mdash; {asker}</div>
  798.  
  799.  
  800. <div style="margin-top:5px; font-size:10px; word-spacing:1px; line-height:13px; text-align:center;">{answer}</div>
  801.  
  802.  
  803. {block:IndexPage}
  804. <div class="perma">
  805.  
  806. <div class="reblogg"><a href="{reblogurl}" target="_blank">reblog</a></div>
  807.  
  808. <div class="notess"><a href="{permalink}">{notecountwithlabel}</a></div>
  809.  
  810. </div>
  811. {/block:IndexPage}{/block:Answer}
  812.  
  813. {block:Photo}
  814. {block:IndexPage}
  815. <center>
  816.  
  817. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  818. {/block:IndexPage}
  819. {block:PermalinkPage}
  820. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  821.  
  822. {LinkCloseTag}
  823. {/block:PermalinkPage}
  824. {block:IndexPage}
  825. <div class="perma">
  826.  
  827. <div class="reblogg"><a href="{reblogurl}" target="_blank">reblog</a></div>
  828.  
  829. <div class="notess"><a href="{permalink}">{notecountwithlabel}</a></div>
  830.  
  831. </div>
  832. {/block:IndexPage}
  833. {/block:Photo}
  834.  
  835. {block:Photoset}
  836. <center>
  837. {block:IndexPage}
  838. {Photoset-250}
  839.  
  840. <div class="perma">
  841.  
  842. <div class="reblogg"><a href="{reblogurl}" target="_blank">reblog</a></div>
  843.  
  844. <div class="notess"><a href="{permalink}">{notecountwithlabel}</a></div>
  845.  
  846. </div>
  847. {/block:IndexPage}
  848. </center>
  849. <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset-500}{/block:PermalinkPage}</center>
  850. {/block:Photoset}
  851.  
  852. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>{block:IndexPage}
  853. <div class="perma">
  854.  
  855. <div class="reblogg"><a href="{reblogurl}" target="_blank">reblog</a></div>
  856.  
  857. <div class="notess"><a href="{permalink}">{notecountwithlabel}</a></div>
  858.  
  859. </div>{/block:IndexPage}
  860. {/block:Quote}
  861.  
  862. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  863. <ul class="chat">
  864. {block:Lines}
  865. <li class="user_{UserNumber}">
  866. {block:Label}
  867. <span class="label">{Label}</span>
  868. {/block:Label}
  869.  
  870. {Line}
  871. </li>
  872. {/block:Lines}
  873. {block:IndexPage}
  874. <div class="perma">
  875.  
  876. <div class="reblogg"><a href="{reblogurl}" target="_blank">reblog</a></div>
  877.  
  878. <div class="notess"><a href="{permalink}">{notecountwithlabel}</a></div>
  879.  
  880. </div>
  881. {/block:IndexPage}
  882. {/block:Chat}
  883.  
  884. {block:Audio}
  885. <div id="audio">
  886.  
  887. <div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  888.  
  889. {block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  890.  
  891. <span class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</span>
  892.  
  893. <div class="info">
  894.  
  895. <div style="text-align:center; font-size:13px;font-style:oblique;"> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><p>
  896.  
  897. <div style="text-align:center;"><span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div>
  898.  
  899.  
  900. </div></div>
  901. {block:IndexPage}
  902. <div class="perma">
  903.  
  904. <div class="reblogg"><a href="{reblogurl}" target="_blank">reblog</a></div>
  905.  
  906. <div class="notess"><a href="{permalink}">{notecountwithlabel}</a></div>
  907.  
  908. </div>
  909. {/block:IndexPage}
  910. {/block:Audio}
  911.  
  912. {block:Video}
  913. <center>
  914. {block:IndexPage}
  915. {Video-250}
  916. <div class="perma">
  917.  
  918. <div class="reblogg"><a href="{reblogurl}" target="_blank">reblog</a></div>
  919.  
  920. <div class="notess"><a href="{permalink}">{notecountwithlabel}</a></div>
  921.  
  922. </div>
  923. {/block:IndexPage}
  924. </center>
  925. <center>{block:PermalinkPage}{Video-450}{/block:PermalinkPage}</center>
  926. {block:Video}
  927.  
  928.  
  929. {block:PostNotes}
  930.  
  931. <div id="caption">
  932.  
  933. {caption}
  934.  
  935.  
  936. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  937.  
  938. posted: {timeago}
  939.  
  940. {block:RebloggedFrom}
  941. <br>reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  942.  
  943.  
  944. <br>posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  945.  
  946. {/block:RebloggedFrom}
  947.  
  948. {block:HasTags}
  949. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}{/block:HasTags}
  950.  
  951. </div>
  952.  
  953.  
  954. <br>
  955. <div id="postnotes">{PostNotes}</div><br>
  956.  
  957. <center>{block:ContentSource}
  958. <br><a href="{SourceURL}">
  959. {lang:Source}:
  960. {block:SourceLogo}
  961. <img src="{BlackLogoURL}" width="{LogoWidth}"
  962. height="{LogoHeight}" alt="{SourceTitle}" />
  963. {/block:SourceLogo}
  964. {block:NoSourceLogo}
  965. {SourceLink}
  966. {/block:NoSourceLogo}
  967. </a>
  968. {/block:ContentSource}</center>
  969.  
  970. {/block:PostNotes}
  971. </div>
  972. {/block:Posts}
  973. </div></div>
  974.  
  975. {block:IndexPage}
  976. {block:Pagination}
  977. <div id="pagination">
  978. {block:NextPage}
  979. <a id="nextPage" href="{NextPage}"></a>
  980. {/block:NextPage}
  981. {block:PreviousPage}
  982. <a href="{PreviousPage}"></a>
  983. {/block:PreviousPage}
  984. </div>
  985. {/block:Pagination}
  986. {/block:IndexPage}
  987. </body>
  988. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  989. <script>
  990. (function($){
  991. $(document).ready(function(){
  992. $("[title],a[title],img[title]").style_my_tooltips({
  993. tip_follows_cursor:true,
  994. tip_delay_time:100,
  995. tip_fade_speed:300,
  996. attribute:"title"
  997. });
  998. });
  999. })(jQuery);
  1000. </script>
  1001. </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!