API tools faq
paste
nunmuri

theme fourteen

nunmuri
Dec 14th, 2012
10,652
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.48 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme made by nunmuri.tumblr.com/rockappeal.tumblr.com | don't take off the credits -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <html>
  7. <head>
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <meta name="color:Background" content="#fff" />
  17. <meta name="text:Background Position" content="" />
  18. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  19. <meta name="color:Blockquote Background" content="#fff" />
  20. <meta name="color:Link" content="#6f6c6c" />
  21. <meta name="color:Link Hover" content="#b9b9b9" />
  22. <meta name="color:menu Link" content="#b6b6b6" />
  23. <meta name="color:menu Link Hover" content="#fff" />
  24. <meta name="if:Fixed Background" content="0" />
  25. <meta name="color:Text" content="#c0bfbf" />
  26. <meta name="color:dotted line" content="#000" />
  27. <meta name="color:chat" content="#f5f5f5" />
  28. <meta name="color:pagination background" content="#000" />
  29. <meta name="color:pagination link" content="#fff" />
  30. <meta name="color:permalink text" content="#0a0a0a" />
  31. <meta name="image:Sidebar" content="http://static.tumblr.com/..."/>
  32. <meta name="color:permalink" content="#5a5a5a" />
  33. <meta name="color:permalink background" content="#f9f9f9" />
  34. <meta name="color:permalink hover" content="#0a0a0a" />
  35. <meta name="color:Title" content="#a8a7a7" />
  36. <meta name="color:Sidebar Text" content="#cfcece" />
  37. <meta name="color:navi1 background" content="#f0eeee" />
  38. <meta name="color:navi1 background hover" content="#000" />
  39. <meta name="text:Links 1 Title" content="link 1" />
  40. <meta name="text:Links 1" content="" />
  41. <meta name="text:Links 2 Title" content="link 2" />
  42. <meta name="text:Links 2" content="" />
  43. <meta name="if:Grayscale Posts" content="0"/>
  44. <meta name="if:More Links" content="1"/>
  45. <meta name="if:Show Title" content="1"/>
  46. <meta name="if:Show Tags" content="1"/>
  47. <meta name="if:endless scroll" content="0"/>
  48. <meta name="if:two columns" content="2"/>
  49. <meta name="if:one column" content="0"/>
  50. <meta name="if:Show Captions" content="0"/>
  51. <meta name="color:Scroll Background" content="#fff" />
  52. <meta name="color:Scroll" content="#000" />
  53.  
  54. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  55.  
  56. <link rel="shortcut icon" href="{Favicon}" />
  57. <style type="text/css">
  58. iframe#tumblr_controls {right:3px !important;
  59. position: fixed !important;
  60. opacity: 0.4;
  61. filter:alpha(opacity=40);
  62. -moz-opacity: 0.4;
  63. -khtml-opacity: 0.4;
  64. -webkit-transition: all 0.9s ease;
  65. -moz-transition: all 0.9s ease;
  66. -o-transition: all 0.9s ease;}
  67. iframe#tumblr_controls:hover{
  68. opacity: 1;
  69. filter:alpha(opacity=100);
  70. -moz-opacity: 1;
  71. -khtml-opacity: 1;
  72. -webkit-transition: all 0.9s ease;
  73. -moz-transition: all 0.9s ease;
  74. -o-transition: all 0.9s ease;}
  75.  
  76.  
  77.  
  78. ::-webkit-scrollbar {
  79. width: 8px;
  80. height: 8px;}
  81.  
  82. ::-webkit-scrollbar-button:start:decrement,
  83. ::-webkit-scrollbar-button:end:increment {
  84. height: 0px;
  85. display: block;
  86. background-color: transparent;}
  87.  
  88. ::-webkit-scrollbar-track-piece {
  89. background-color: {color:scroll background};
  90. -webkit-border-radius: 0px;}
  91.  
  92. ::-webkit-scrollbar-thumb:vertical {
  93. height: 30px;
  94. background-color: {color:scroll};
  95. -webkit-border-radius: 0px;}
  96.  
  97.  
  98. #title {
  99. font-size: 14px;
  100. font-family: consolas;
  101. padding-right: 5px;
  102. padding-left: 0px;
  103. padding-top: 5px;
  104. padding-bottom: 5px;
  105. line-height:10px;
  106. letter-spacing:1px;
  107. font-weight:normal;
  108. text-align:left;
  109. color:{color:title};
  110. }
  111.  
  112. #title a{
  113. font-size: 14px;
  114. font-family: trebuchet ms;
  115. padding-right: 5px;
  116. padding-left: 5px;
  117. padding-top: 5px;
  118. padding-bottom: 0px;
  119. line-height:15px;
  120. letter-spacing:0px;
  121. border-bottom: 0px solid;
  122. text-align:left;
  123. color:{color:title};
  124. }
  125.  
  126. #title a:hover{
  127. color:{color:link};
  128. }
  129.  
  130. #title2 {
  131. font-size: 9px;
  132. font-family: trebuchet ms;
  133. padding-right: 5px;
  134. padding-left: 5px;
  135. padding-top: 5px;
  136. padding-bottom: 0px;
  137. line-height:10px;
  138. letter-spacing:2px;
  139. text-align:right;
  140. color:{color:sidebar text};
  141. }
  142.  
  143. #title2 a{
  144. font-size: 9px;
  145. padding: 4px;
  146. margin: 0px;
  147. font-family:trebuchet ms;
  148. line-height:10px;
  149. letter-spacing:0px;
  150. text-transform:lowercase;
  151. text-align:right;
  152. color: {color:sidebar text};
  153. }
  154.  
  155.  
  156. #titlediv {
  157. width: 520px;
  158. margin-left:450px;
  159. margin-top: -3px;
  160. padding: 0px;
  161. position:absolute;
  162. z-index: 999;
  163.  
  164. }
  165.  
  166.  
  167. #sidebar {
  168. width: 170px;
  169. height: auto;
  170. text-align:right;
  171. font-size: 9px;
  172. padding: 8px;
  173. font-family: lucida console, trebuchet ms, sans-serif;
  174. line-height:9px;
  175. text-transform:lowercase;
  176. position: fixed;
  177. top: 55px;
  178. margin-left:240px;
  179. -moz-border-radius: 0px 0px 0px 0px;
  180. -webkit-border-radius: 0px 0px 0px 0px;
  181. border-radius: 0px 0px 0px 0px;
  182. color:{color:Sidebar Text};
  183. z-index: 99999;
  184. }
  185.  
  186.  
  187.  
  188.  
  189. #quote {
  190. padding: 5px;
  191. font: 12px/12px "Courier New", Courier, monospace;
  192. letter-spacing: -1px;}
  193.  
  194.  
  195. blockquote {padding: 2px;
  196. padding-left: 5px;
  197. margin-right: 50px;
  198. border-left: 1px dashed {color:text};
  199. background-color: {color:blockquote background};
  200. color: {color:blockquote text};
  201. }
  202.  
  203.  
  204. .posts {
  205. {block:Iftwocolumns}width: 251px;{/block:Iftwocolumns}
  206. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  207. text-align:justify;
  208. overflow:hidden;
  209. color: {color:text};
  210. font-size: 10px;
  211. font-family:trebuchet ms;
  212. margin-left:0px;
  213. margin-top:0px;
  214. margin-bottom:-4px;
  215. line-height: 10px;
  216. float: left;
  217. {block:PermalinkPage}float: none; display:block; {/block:PermalinkPage}
  218. {block:Iftwocolumns} margin:8px; {/block:Iftwocolumns}
  219. {block:Ifonecolumn} margin-bottom:5px; width: 500px;{/block:Ifonecolumn}
  220. }
  221.  
  222. .posts img{{block:PermalinkPage}width: 500px; {/block:PermalinkPage} {block:Iftwocolumns}width: 250px; {block:PermalinkPage}width: 500px; {/block:PermalinkPage} {/block:Iftwocolumns}overflow:hidden; {block:Ifonecolumn}max-width: 500px; {/block:Ifonecolumn}
  223. {block:IfGrayscalePosts}
  224. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  225. filter: gray; /* IE6-9 */
  226. -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  227.  
  228. {/block:IfGrayscalePosts}
  229. }
  230.  
  231. .posts img:hover{ {block:IfGrayscalePosts}filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  232. -webkit-filter: grayscale(0%);}{/block:IfGrayscalePosts}}
  233. #photoset {
  234. {block:Iftwocolumns}max-width: 250px; {/block:Iftwocolumns}overflow:hidden;}
  235.  
  236. #photoset img{
  237. {block:Iftwocolumns}max-width: 250px;{/block:Iftwocolumns} overflow:hidden;}
  238.  
  239.  
  240. #content1 {position: absolute; left: 0px; top: 0px; z-index: 3;}
  241.  
  242.  
  243. #content2 {
  244. {block:PermalinkPage}width: 510px;{/block:PermalinkPage}
  245. {block:Iftwocolumns}width: 534px; margin-left: 440px;{/block:Iftwocolumns}
  246. {block:Ifonecolumn}width: 500px;margin-left: 457px;{/block:Ifonecolumn}
  247. margin-top: 55px;
  248. height: auto;
  249. padding-top: 15px;
  250. border-top: 1px dotted {color:dotted line};
  251. position: relative;
  252. float:left;
  253. }
  254.  
  255.  
  256.  
  257. .permalink {
  258. float: left;
  259. width: 0px;
  260. height: 15px;
  261. font-size: 8px;
  262. font-family: courier new;
  263. text-transform:uppercase;
  264. margin-left: 0px;
  265. color: {color:permalink text};
  266. margin-top:10px;
  267. padding-top:0px;
  268. background:{color:permalink background};
  269. line-height:8px;
  270. letter-spacing: 1px;
  271. overflow: hidden;
  272. position: absolute;
  273. border-left: 0px solid;
  274. text-align: center;
  275. -webkit-transition: all 0.5s ease-out;
  276. -moz-transition: all 0.5s ease-out;
  277. -o-transition: all 0.5s ease-out;
  278. z-index:99999;
  279. }
  280.  
  281. .permalink a{color:{color:permalink}; font-size: 8px;
  282. font-family: courier new;
  283. text-transform:uppercase;}
  284.  
  285. .permalink a:hover {color:{color:permalink hover};}
  286.  
  287. .posts:hover .permalink{ width: 80px; padding: 0px;
  288. opacity: 1;overflow: hidden;
  289. filter:alpha(opacity=100);
  290. -moz-opacity: 1;
  291. -khtml-opacity: 1;
  292. -webkit-transition: all 0.5s ease-out;
  293. -moz-transition: all 0.5s ease-out;
  294. -o-transition: all 0.5s ease-out;}
  295. body {
  296. background-color:{color:background};
  297. color:{color:text};
  298. background-image: url('{image:background}');
  299. background-position: {text:background position};
  300. background-attachment:fixed;
  301. font-family: trebuchet ms;
  302. font-size: 9px;
  303. overflow-x:hidden;
  304. }
  305. a {font-weight:normal; color:{color:link}; text-decoration:none; text-transform: lowercase; font-family: trebuchet ms; font-size: 9px; letter-spacing:0px; -webkit-transition: all 0.5s ease-out;
  306. -moz-transition: all 0.5s ease-out;
  307. -o-transition: all 0.5s ease-out;}
  308. a:hover {color:{color:link hover}; -webkit-transition: all 0.5s ease-out;
  309. -moz-transition: all 0.5s ease-out;
  310. -o-transition: all 0.5s ease-out;}
  311. h3, .link {font-size:13px; font-family: {font:title}; margin:0px; font-style:italic; font-weight:normal; color: {color:title}}
  312. h3 a, .link{font-weight:normal; color:{color:title}}
  313.  
  314. i {color: {color:link};}
  315.  
  316. {block:IfFixedBackground}
  317. body {background-attachment:fixed; background-repeat:no-repeat;}
  318. {/block:IfFixedBackground}
  319.  
  320.  
  321.  
  322. .navi1 a{
  323. float: left;
  324. width: 70px;
  325. height: 5px;
  326. background: {color:navi1 background};
  327. color: {color:menu link};
  328. margin-left: 0px;
  329. margin-top: 0px;
  330. margin-bottom: 15px;
  331. padding-top: 5px;
  332. padding-left: 8px;
  333. text-align: center;
  334. padding-right: 8px;
  335. padding-bottom: 5px;
  336. font-family: courier new;
  337. letter-spacing: 1px;
  338. line-height: 37px;
  339. font-size: 8px;
  340. text-transform:uppercase;
  341. -webkit-transition: all 0.5s ease-out;
  342. -moz-transition: all 0.5s ease-out;
  343. -o-transition: all 0.5s ease-out;
  344. }
  345.  
  346. .navi1 a:hover{
  347. background: {color:navi1 background hover};
  348. color: {color:menu link hover};
  349. line-height: 19px;
  350. padding-bottom:15px;
  351. -webkit-transition: all 0.5s ease-out;
  352. -moz-transition: all 0.5s ease-out;
  353. -o-transition: all 0.5s ease-out;
  354. }
  355.  
  356.  
  357.  
  358. #quote {padding: 5px; font: 14px trebuchet ms; font-style: italic; letter-spacing: -1px;}
  359. #quotecredits {text-align: center; display: block; }
  360.  
  361. #answer {text-align:left;}
  362. #question {color: #737373; border-bottom: 1px; border-left: 0px; border-right: 0px; border-top: 0px; border-style: solid; font-style: italic; font-family: georgia; font-size: 9px; border-color: {color:text};}
  363. #question a{color: {color:link};}
  364.  
  365. #avask img{border-color: {color:chat};
  366. border: 8px solid {color:chat}; -moz-border-radius: 5px 5px 5px 5px;
  367. -webkit-border-radius: 5px 5px 5px 5px;
  368. border-radius: 5px 5px 5px 5px;}
  369. #avask {padding-right: 8px; margin-bottom: 4px; margin-top: 5px;}
  370. .ballon {font: 20px arial; margin-bottom: 0px; margin-top: 15px; margin-left: -5px; color:{color:chat}; float: left;}
  371. ol.notes li.note img.avatar {
  372. width: 16px;
  373. height: 16px;}
  374.  
  375. #caption {text-align: left;}
  376. #caption a:hover{color:{color:link}; background:{color:entry background};}
  377.  
  378. #chatg { padding-left: 0px; padding-top: 5px; width: 99%;}
  379. #chat {font: 10px trebuchet ms; letter-spacing: 0px; color: {color:text}; padding: 3px; padding-left: 16px; margin-bottom: 2px; text-transform: lowercase; background:{color:chat};line-height:10px; }
  380. #chat .label {padding-left: 2px; text-transform: uppercase; color: {color:text}; font: 10px trebuchet ms; letter-spacing: 1px; background-color:{color:background}; line-height:10px; }
  381.  
  382. #notes {width:480px; padding-top: 10px; color: {color:text}; margin-top: 10px; margin-left: 5px; line-height: 15px; float:none; letter-spacing: 0px; text-transform:lowercase; text-align: left; font-family: trebuchet ms; font-size: 10px; z-index: 999999;}
  383. li.notes {list-style:decimal; padding: 2px; margin: 2px; letter-spacing: 0px; text-transform:lowercase; text-align: left;}
  384. #notes a{color: {color:link}; letter-spacing: 0px; text-transform:lowercase; font-family: trebuchet ms; font-size: 10px; border: 0px;}
  385. #notes img {border: 0px;}
  386. #notes a img {border: 0px;}
  387.  
  388. #audio {margin-left: 0px;}
  389. #atext {width: 53%; padding-left: 10px; padding-right: 10px; padding-top: 10px; margin-left:85px; min-height:60px; margin-top: 25px; margin-bottom: 25px; text-transform: lowercase; background:{color:chat}; text-transform:uppercase; font-family: trebuchet ms; font-size: 7px; border-left: 0px solid {color:text};}
  390.  
  391. #player {
  392. width:20px;
  393. height:70px;
  394. overflow:hidden;
  395. position:absolute;
  396. margin-top:22px;
  397. text-align: center;
  398. margin-bottom:5px;
  399. margin-left: 18px;
  400. padding-left: 5px;
  401. opacity: 0.7;
  402. filter:alpha(opacity=70);
  403. -moz-opacity: 0.7;
  404. -khtml-opacity: 0.7;
  405. z-index: 3
  406. }
  407.  
  408. #playerbg{ width:70px;
  409. height:70px;
  410. margin-top:25px;
  411. margin-left:10px;
  412. overflow:hidden;
  413. margin-bottom:40px;
  414. background-color: #e6e6e6;
  415. opacity: 0.7;
  416. filter:alpha(opacity=70);
  417. -moz-opacity: 0.7;
  418. -khtml-opacity: 0.7;
  419. position:absolute;
  420. z-index: 2
  421. }
  422.  
  423.  
  424.  
  425. #navi25 {
  426. float: left;
  427. width: 520px;
  428. margin-left: 450px;
  429. margin-top: 15px;
  430. height: auto;
  431. position:absolute;
  432. z-index: 9999;
  433. text-align: right;
  434. }
  435.  
  436.  
  437. #sidepic {
  438. width: 186px;
  439. height: auto;
  440. }
  441.  
  442. #sidebari {margin-left:0px; margin-bottom:0px; margin-top:0px; padding-right:0px; width: auto; float:none;}
  443. #sidebari img { max-height: auto; text-align:center; padding-right:0px; margin-bottom:10px; width:70px;height:70px; -webkit-transition: all 0.5s ease-out;-moz-border-radius: 100px 100px 100px 100px;
  444. -webkit-border-radius:100px 100px 100px 100px;
  445. border-radius: 100px 100px 100px 100px;
  446. -moz-transition: all 0.5s ease-out;
  447. -o-transition: all 0.5s ease-out;
  448. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  449. filter: gray; /* IE6-9 */
  450. -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  451.  
  452. }
  453. #sidebari img:hover { -moz-border-radius: 0px 0px 0px 0px;
  454. -webkit-border-radius:0px 0px 0px 0px;
  455. border-radius: 0px 0px 0px 0px;
  456. -webkit-transition: all 0.5s ease-out;
  457. -moz-transition: all 0.5s ease-out;
  458. -o-transition: all 0.5s ease-out; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  459. -webkit-filter: grayscale(0%);}
  460.  
  461.  
  462. #paginationwrap {margin-left:65px; margin-top:0px; text-align:right; float: left; padding: 5px; width: 110px; height: auto; position: fixed;}
  463.  
  464. #pagination1 {font-family:trebuchet ms; color:{color:paginationlink text}; font-size:8px; float: left; margin-left: 2px; padding: 2px; padding-right: 5px; padding-left: 5px; }
  465.  
  466. #pagination {font-family:trebuchet ms; color:{color:paginationlink text}; font-size:8px; float: left;}
  467.  
  468. #pagination a{font-family:trebuchet ms; color:{color:paginationlink text};
  469. font-size:8px; float: left; margin-left: 2px; padding: 2px; padding-left: 5px; padding-right: 5px;}
  470.  
  471. #pagination a:hover{color:{color:link hover};}
  472.  
  473.  
  474. #pagination a:hover{color:{color:link hover};}
  475.  
  476. .reblogx { margin-right:5px; float: left;}
  477.  
  478. .reblogx img{padding:5px; float: left;}
  479.  
  480. {block:IfEndlessScroll}
  481. #big{
  482. height:2000px;
  483. top:0px;
  484. left:0px;
  485. width: 100%;
  486. position:absolute;
  487. }
  488. {/block:IfEndlessScroll}
  489.  
  490.  
  491. {block:IfEndlessScroll}
  492. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  493. #infscr-loading {display:none;}
  494. .navigation {display:none!important;}
  495. .autopagerize_page_element{min-height:600px !important;}
  496.  
  497. {/block:IfEndlessScroll}
  498.  
  499. </style>
  500.  
  501. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  502. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  503.  
  504. <script type="text/javascript">
  505. $(window).load(function () {
  506. $('#content2').masonry({
  507. itemSelector : ".posts",
  508. },
  509. function() { $('#content2').masonry({ appendedContent: $(this) }); }
  510. );
  511. });
  512. </script>
  513. {block:IfEndlessScroll}
  514. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  515.  
  516. <script type="text/javascript">
  517. $(window).load(function () {
  518. $('#content2').masonry(),
  519. $('.masonryWrap').infinitescroll({
  520. itemSelector : ".posts",
  521. navSelector : "div.navigation",
  522. nextSelector : ".navigation a#next",
  523. bufferPx : 10000,
  524. extraScrollPx: 10000,
  525. loadingImg : "",
  526. loadingText : "",
  527. },
  528. function() { $('#content2').masonry({ appendedContent: $(this) });
  529. });
  530. });</script>{/block:IfEndlessScroll}
  531.  
  532. <script type="text/javascript">
  533.  
  534. /* repair video players*/
  535. $(newElements).filter('.type-video').each(function(){
  536. var audioID = $(this).attr("id");
  537. var $videoPost = $(this);
  538. $.ajax({
  539. url: '/api/read/json?id=' + audioID,
  540. dataType: 'jsonp',
  541. timeout: 10000,
  542. success: function(data){
  543. $videoPost.find('.video').html(data.posts[0]["video-player"]);
  544. }
  545. });
  546. });
  547.  
  548. /* repair audio players*/
  549. $(newElements).filter('.type-audio').each(function(){
  550. var audioID = $(this).attr("id");
  551. var $audioPost = $(this);
  552. $.ajax({
  553. url: '/api/read/json?id=' + audioID,
  554. dataType: 'jsonp',
  555. timeout: 10000,
  556. success: function(data){
  557. $audioPost.find('.player').html('<span><div class="audio_player">' + data.posts[0]["audio-player"] + '</span></div>');
  558. }
  559. });
  560. });
  561.  
  562. var $newElems = $( newElements ).css({ opacity: 0 });
  563.  
  564. setTimeout(function(){
  565. $newElems.imagesLoaded(function(){
  566. $newElems.animate({ opacity: 1 });
  567. $("#content2").masonry( 'appended', $newElems, true );
  568. });
  569. },1000);
  570. });
  571. })(jQuery);
  572.  
  573. </script>
  574.  
  575. </head>
  576. <body>
  577.  
  578.  
  579. {block:IfShowTitle}
  580. <div id="titlediv"><div id="title2"><a href="/">{Title}</a></div>
  581. </div>
  582. {/block:IfShowTitle}
  583.  
  584. <div id="navi25">
  585.  
  586. <div class="navi1"><a href="/">index</a></div>
  587. <div class="navi1"><a href="/ask">message</a></div>
  588. <div class="navi1"><a href="/archive">past</a></div>
  589. {block:IfMoreLinks}
  590. <div class="navi1"><a href="{text:Links 1}">{text:Links 1 Title}</a></div>
  591. <div class="navi1"><a href="{text:Links 2}">{text:Links 2 Title}</a> </div>{/block:IfMoreLinks}
  592. <div class="navi1"><a href="http://nunmurithemes.tumblr.com">theme</a>
  593. </div>
  594.  
  595.  
  596. </div>
  597.  
  598. </div>
  599. <div id="sidebar">
  600. <div id="sidebari">
  601.  
  602. {block:IfSidebarImage}
  603. <img src="{image:sidebar}" width="70px" border="0">
  604. {/block:IfSidebarImage}</div>
  605.  
  606. {block:Description}
  607. {Description}{/block:Description}
  608.  
  609.  
  610. {block:IfNotEndlessScroll}<div id="paginationwrap"> {block:Pagination} <div id="pagination">
  611. {block:PreviousPage}
  612. <a href="{PreviousPage}"><big>←</big></a>
  613. {/block:PreviousPage}</div>
  614.  
  615. {block:JumpPagination}
  616.  
  617. {block:CurrentPage}
  618. <div id="pagination1"> <span class="current_page">{PageNumber}</span></div>
  619. {/block:CurrentPage}
  620.  
  621. <div id="pagination">
  622. {block:JumpPage}
  623. <a class="jump_page" href="{URL}">{PageNumber}</a>
  624. {/block:JumpPage}</div>
  625.  
  626. {/block:JumpPagination}
  627.  
  628.  
  629. <div id="pagination">
  630. {block:NextPage}
  631. <a href="{NextPage}"><big>→</big></a>
  632. {/block:NextPage}</div>
  633. {/block:Pagination}</div></div> {/block:IfNotEndlessScroll}
  634.  
  635. {block:IfEndlessScroll} <div class="navigation">
  636. {block:Pagination}
  637. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  638. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  639. {/block:Pagination}
  640. </div>
  641. {/block:IfEndlessScroll}
  642. </div>
  643.  
  644. </div></div></div></div></div> </div> </div> </div>
  645.  
  646.  
  647.  
  648. {block:IfEndlessScroll}
  649. <div id ="big"></div>
  650. {/block:IfEndlessScroll}
  651.  
  652. <div id="content2">
  653. {block:Posts}
  654. {block:Text}
  655. <div class="posts"> <span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth},{Year} </a><br>{NoteCountWithLabel}</span>
  656. <div id="title">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
  657. <div id="text">{Body}</div>
  658. </div> {/block:Text}
  659.  
  660. {block:Quote}<div class="posts"> <span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth},{Year} </a><br>{NoteCountWithLabel}</span>
  661. <div id="quote" align="center">&#8220;{Quote}&#8221; </div>
  662. <div id="quotesource" align="center">{block:Source}&#8212; {Source}{/block:Source}
  663. </div> </div>
  664. {/block:Quote}
  665.  
  666.  
  667. {block:Link} <div class="posts"> <span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth},{Year} </a><br>{NoteCountWithLabel}</span>
  668. <div id="title"><a href="{URL}" {Target}>{Name}</a></div>
  669. {block:Description}{Description}{/block:Description}
  670. </div>{/block:Link}
  671.  
  672. {block:Chat} <div class="posts"> <span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth},{Year} </a><br>{NoteCountWithLabel}</span>
  673. {block:Title}
  674. <div id="title"><a href="{Permalink}">{Title}</a></div>
  675. {/block:Title}
  676.  
  677. {block:Lines}<div id="chat"><div id="chat{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line} </div> </div>
  678. {/block:Lines}
  679. </div>
  680. {/block:Chat}
  681.  
  682. {block:Audio}<div class="posts"> <span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth},{Year} </a><br>{NoteCountWithLabel}</span>
  683.  
  684. <div id="playerbg">
  685. <div id="player">{AudioPlayerGrey}</div>
  686. </div>
  687.  
  688.  
  689. <div id="atext">
  690. <i>{PlayCountWithLabel}</i><br>
  691. {block:Artist}
  692. <i>Artist:</i> {Artist}
  693. {/block:Artist} <br> {block:TrackName}
  694. <i>Trackname:</i> {TrackName}
  695. {/block:TrackName}<br>
  696. {block:Album}
  697. <i>Album:</i> {Album}
  698. {/block:Album}
  699. <br><br> </div>
  700. {block:IfShowCaptions}
  701. {block:Caption}
  702. {Caption}
  703. {/block:Caption}
  704. {/block:IfShowCaptions}
  705. </div>
  706. {/block:Audio}
  707.  
  708. {block:Answer} <div class="posts"> <span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth},{Year} </a><br>{NoteCountWithLabel}</span>
  709. <div id="question">{Asker}: {Question}</div>
  710. <div id="answer">{Answer}</div>
  711. </div>{/block:Answer}
  712.  
  713. {block:Photo}<div class="posts"> <span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth},{Year} </a><br>{NoteCountWithLabel}</span>
  714.  
  715. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" border="0" max-width="500" /></a>{LinkCloseTag}
  716. {block:ContentSource}
  717. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  718. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  719. {/block:ContentSource}
  720. {block:IfNotShowCaptions}{block:PermalinkPage}
  721. {block:Caption}
  722. {Caption}
  723. {/block:Caption}
  724. {/block:PermalinkPage}{/block:IfNotShowCaptions}
  725. {block:IfShowCaptions}
  726. {block:Caption}
  727. {Caption}
  728. {/block:Caption}
  729. {/block:IfShowCaptions}
  730. {/block:Caption}
  731. </div>{/block:Photo}
  732.  
  733. {block:Photoset} <div class="posts"> <span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth},{Year} </a><br>{NoteCountWithLabel}</span>
  734. {block:Iftwocolumns}{Photoset-250}{/block:Iftwocolumns}
  735. {block:Ifonecolumn}{Photoset-500}{/block:Ifonecolumn}
  736. {block:IfNotShowCaptions}{block:PermalinkPage}
  737. {block:Caption}
  738. {Caption}
  739. {/block:Caption}
  740. {/block:PermalinkPage}{/block:IfNotShowCaptions}
  741. {block:IfShowCaptions}
  742. {block:Caption}
  743. {Caption}
  744. {/block:Caption}
  745. {/block:IfShowCaptions}
  746. {/block:Caption}
  747. </div>{/block:Photoset}
  748.  
  749. {block:Video} <div class="posts"> <span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth},{Year} </a><br>{NoteCountWithLabel} - {PlayCountWithLabel}</span>
  750. {Video-250}
  751. {block:IfNotShowCaptions}{block:PermalinkPage}
  752. {block:Caption}
  753. {Caption}
  754. {/block:Caption}
  755. {/block:PermalinkPage}{/block:IfNotShowCaptions}
  756. {block:IfShowCaptions}
  757. {block:Caption}
  758. {Caption}
  759. {/block:Caption}
  760. {/block:IfShowCaptions}
  761. {/block:Caption}</div>
  762. {/block:Video}
  763.  
  764. {block:PermalinkPage}
  765. <div id="notes">{ShortMonth} {DayOfMonth},{Year} {NoteCountWithLabel}<bR>{block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (source <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}
  766. <br>{block:IfShowTags} {block:HasTags}tagged {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfShowTags}<br>
  767. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  768.  
  769.  
  770.  
  771.  
  772.  
  773. {/block:Posts}
  774. </div>
  775.  
  776. </div>
  777. </div>
  778. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!