API tools faq
paste
Advertisement
extendedhate

"sometimes" theme

extendedhate
May 18th, 2013
1,162
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.46 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. "sometimes" theme by coolified
  3. keep the credit and enjoy thanks
  4. -->
  5.  
  6. <html lang="en">
  7. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10.  
  11. <script type="text/javascript">
  12. <!--
  13.  
  14. // Disable Right Click Script
  15.  
  16. function IE(e)
  17. {
  18. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  19. {
  20. return false;
  21. }
  22. }
  23. function NS(e)
  24. {
  25. if (document.layers || (document.getElementById && !document.all))
  26. {
  27. if (e.which == "2" || e.which == "3")
  28. {
  29. return false;
  30. }
  31. }
  32. }
  33. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  34.  
  35. //-->
  36. </script>
  37.  
  38.  
  39. <script type="text/javascript"
  40. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41.  
  42. <!--DEFAULT VARIABLES-->
  43. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  44. <meta name="color:Background" content="#fff"/>
  45. <meta name="color:Hover" content="#fff"/>
  46. <meta name="color:Entry Text" content="#aaa"/>
  47. <meta name="color:Description Text" content="#aaa"/>
  48. <meta name="color:Entry Links" content="#aaa"/>
  49. <meta name="color:Navigation Background" content="#fff"/>
  50. <meta name="color:Navigation Links" content="#aaa"/>
  51. <meta name="color:Blogtitle" content="#aaa"/>
  52. <meta name="color:Title" content="#aaa"/>
  53. <meta name="image:Background" content="0"/>
  54. <meta name="image:Sidebar" content="0"/>
  55. <meta name="text:Link One" content="">
  56. <meta name="text:Link One Title" content="">
  57. <meta name="text:Link Two" content="">
  58. <meta name="text:Link Two Title" content="">
  59. <meta name="text:Link Three" content="">
  60. <meta name="text:Link Three Title" content="">
  61. <meta name="text:Link Four" content="">
  62. <meta name="text:Link Four Title" content="">
  63. <meta name="text:Link Five" content="">
  64. <meta name="text:Link Five Title" content="">
  65. <meta name="text:Blogtitle" content="">
  66. <meta name="color:Scrollbar" content="#000000"/>
  67. <meta name="color:Scrollbar Background" content="#fff"/>
  68. <meta name="if:White Follow Buttons" content="1" />
  69.  
  70.  
  71. <style type="text/css">
  72. #fade { /*--Transparent background layer--*/
  73. display: none; /*--hidden by default--*/
  74. background:#000;
  75. position: fixed; left: 0; top: 0;
  76. width: 100%; height: 100%;
  77. opacity: 0.6;
  78. background-image:url(http://25.media.tumblr.com/75f5ab7d86e7bde341081a2d19ad5d29/tumblr_mhx6nfQ9Bn1s1p782o1_500.gif);
  79. z-index: 9999;
  80. }
  81.  
  82. .popup_block{
  83. display: none; /*--hidden by default--*/
  84. background:#fff;
  85. padding: 20px;
  86. border-radius: 10px;
  87. border: 14px solid #eee;
  88. font-family: calibri;
  89. font-size:10px;
  90. float: left;
  91. line-height: 11px;
  92. position: fixed;
  93. top: 45%; left: 50%;
  94. z-index: 99999;
  95. /*--CSS3 Box Shadows--*/
  96. -webkit-box-shadow: 0px 0px 20px #000;
  97. -moz-box-shadow: 0px 0px 20px #000;
  98. box-shadow: 0px 0px 20px #000;
  99. }
  100.  
  101. #music
  102. {position:fixed; top:26px; right:43px;
  103. text-align:center; height:27px; width:30px; overflow:hidden;
  104. border:1px solid #f8f8f8;
  105. padding-top: 5px;
  106. border-radius: 5px;
  107. color:#888;
  108. -webkit-transition: opacity 0.7s linear;
  109. -webkit-transition: all 0.7s ease-in-out;
  110. -moz-transition: all 0.7s ease-in-out;
  111. -o-transition: all 0.7s ease-in-out;
  112. background-color:#fff;
  113. z-index:999;}
  114.  
  115.  
  116. ::-webkit-scrollbar-thumb{
  117. background-color: {color:scrollbar};
  118. border: 2px solid {color:scrollbar background};
  119. height:auto;
  120. -moz-border-radius: 10px;
  121. border-radius: 10px;
  122. }
  123.  
  124.  
  125.  
  126. ::-webkit-scrollbar {
  127. height:auto;
  128. width:9px;
  129. background-color: #999999;
  130. border: 4px solid {color:scrollbar background};
  131. }
  132.  
  133.  
  134. {block:ifWhiteFollowButtons}iframe#tumblr_controls {-webkit-filter: invert(100%); right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.4;-webkit-transition: all 0.8s ease-out;-moz-
  135.  
  136. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  137.  
  138. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}{/block:ifWhiteFollowButtons}
  139.  
  140. {block:ifNOTWhiteFollowButtons}iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-
  141.  
  142. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  143.  
  144. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}{/block:ifNOTWhiteFollowButtons}
  145. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  146.  
  147.  
  148. p {
  149. margin:0px;
  150. margin-top:0px;
  151. }
  152.  
  153.  
  154. body {
  155. padding: 0px;
  156. margin: 0px;
  157. color:{color:Entry Text};
  158. font-family: calibri;
  159. text-align: left;
  160. line-height:11px;
  161. font-size:10px;
  162. background-color: {color:Background};
  163. background-image:url({image:Background});
  164. background-attachment: fixed;
  165. background-repeat: repeat;
  166. background-size:100%;
  167. }
  168.  
  169.  
  170. a:link, a:active, a:visited{
  171. text-decoration: none;
  172. -webkit-transition: color 0.3s ease-out;
  173. -moz-transition: color 0.3s ease-out;
  174. transition: color 0.3s ease-out;
  175. color:{color:Entry Links};
  176. }
  177.  
  178. a:hover {
  179. text-decoration: none;
  180. font-style:;
  181. color: {color:Hover};
  182. }
  183.  
  184. @font-face { font-family: "sem"; src: url('http://static.tumblr.com/ygfurav/QgNmga3qn/semplice_regular.ttf'); }
  185.  
  186. .entry{
  187. text-align:left;
  188. float:left;
  189. font-family: calibri;
  190. font-size: 10px;
  191. width: 250px;
  192. height: auto;
  193. border: 1px solid #f8f8f8;
  194. {block:PermalinkPage}
  195. width: 500px;
  196. height: auto;
  197. {/block:PermalinkPage}
  198. line-height:12px;
  199. background-color:#fff;
  200. margin:16px;
  201. overflow:hidden;
  202. padding: 18px;
  203. border-radius: 0px;
  204. -webkit-transition: color 0.9s ease-out;
  205. -moz-transition: color 0.9s ease-out;
  206. }
  207. .entry img{
  208. opacity: 0.7;
  209. border-radius: 0px;
  210. transition: all 0.5s ease-out;
  211. -o-transition-transition: all 0.5s ease-out;
  212. -webkit-transition: all 0.5s ease-out;
  213. -moz-transition: all 0.5s ease-out;}
  214.  
  215. .entry img:hover{
  216. opacity:0.9;
  217. transition: all 0.5s ease-out;
  218. -o-transition-transition: all 0.5s ease-out;
  219. -webkit-transition: all 0.5s ease-out;
  220. -moz-transition: all 0.5s ease-out;}
  221.  
  222.  
  223.  
  224. .entry .perma1{
  225. width:230px;
  226. height: auto;
  227. position:absolute;
  228. font-size: 10px;
  229. line-height: 15px;
  230. text-align: center;
  231. opacity: 0.0;
  232. display:block;
  233. padding-top:3px;
  234. padding-bottom:3px;
  235. z-index: 1;
  236. padding-left:3px;
  237. padding-right:3px;
  238. text-transform:uppercase;
  239. font-family:consolas;
  240. font-style: normal;
  241. letter-spacing:1px;
  242. border-top:0px solid #ddd;
  243. background-color:#fff;
  244. top:25px;
  245. margin-left:7px;
  246. transition: all 0.9s ease-out;
  247. -o-transition-transition: all 0.9s ease-out;
  248. -webkit-transition: all 0.9s ease-out;
  249. -moz-transition: all 0.9s ease-out;
  250. }
  251.  
  252. .entry:hover .perma1{
  253. opacity:0.9;
  254. transition: all 0.9s ease-out;
  255. -o-transition-transition: all 0.9s ease-out;
  256. -webkit-transition: all 0.9s ease-out;
  257. -moz-transition: all 0.9s ease-out;
  258. }
  259.  
  260.  
  261. #border {
  262.  
  263.  
  264. width:400px;
  265. height: 400px;
  266. position: fixed;
  267. opacity:1;
  268. margin-left: 50px;
  269. margin-top: 116px;-webkit-transform: rotate(0deg);
  270. -moz-transform: rotate(0deg);}
  271.  
  272. .permalinktext a{
  273. color: {entry links};}
  274. .permalinktext {
  275. display: block;
  276. padding: 4px;
  277. margin: 9px 0px 0px 0px;
  278. text-transform:uppercase;
  279. font-family:calibri;
  280. font-size: 8px;
  281. color: {color:entry text};
  282. line-height: 11px;
  283. letter-spacing:1px;
  284. text-align: center;
  285. font-style: none;
  286. text-decoration: none;
  287. border-top: 1px solid #eee;
  288. background-color:#fff;
  289. webkit-transition: all 0.2s linear;
  290. -webkit-transition: all 0.2s linear;
  291. -moz-transition: all 0.2s linear;
  292. transition: all 0.2s linear;
  293. }
  294.  
  295. .permalinktext:hover{
  296. webkit-transition: all 0.2s linear;
  297. -webkit-transition: all 0.2s linear;
  298. -moz-transition: all 0.2s linear;
  299. transition: all 0.2s linear;
  300. }
  301.  
  302. #postnotes{
  303. text-align: left;}
  304.  
  305. #postnotes blockquote{
  306. border: 0px;}
  307.  
  308.  
  309. blockquote{
  310. padding:0px 0px 2px 3px;
  311. margin:0px 0px 2px 1px;
  312. }
  313. ul, ol, li{
  314. list-style:none;
  315. margin:0px;
  316. padding:0px;
  317. }
  318.  
  319. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  320. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  321. }
  322.  
  323. a.links {
  324. font-family: ronda;
  325. font-size: 8px;
  326. line-height: 8px;
  327. text-transform: normal;
  328. letter-spacing:0px;
  329. display:block;
  330. padding: 0px;
  331. margin-bottom: 0px;
  332. }
  333.  
  334. a.links:hover {
  335. font-style: none;
  336. text-decoration: none;
  337. letter-spacing:10px;
  338. }
  339. @font-face { font-family: "cedar"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  340.  
  341. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  342. @font-face { font-family: "bebas"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  343. @font-face { font-family: "heartbreaks"; src: url('http://static.tumblr.com/8hrjcus/3AMmlmh05/heartbreaks.ttf'); }
  344. @font-face { font-family: "milliondollars"; src: url('http://static.tumblr.com/8hrjcus/9llmlmi3z/milliondollars.ttf'); }
  345. @font-face { font-family: "strawberry"; src: url('http://static.tumblr.com/8hrjcus/9llmlmi3z/milliondollars.ttf'); }
  346. div#titlebar{
  347. position: fixed !important;
  348. margin-top:95px;
  349. margin-left:190px;
  350. color:{color:Blogtitle};
  351. text-shadow: 2px 2px 2px #ddd;
  352. font-family:sunshine;
  353. font-size: 45px;
  354. line-height:15px;
  355. letter-spacing:2px;
  356. width:450px;
  357. z-index: 2;
  358. height:60px;
  359. opacity:1;
  360. background-color: transparent;-webkit-transform: rotate(deg);
  361. -moz-transform: rotate(deg);}
  362.  
  363. @font-face {
  364. font-family: "prop";
  365. src: url('http://static.tumblr.com/2k9mf5a/bPomezign/prophecy_script.ttf');
  366. }
  367. @font-face { font-family: "caviar"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  368.  
  369.  
  370. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  371. .caption { margin-left:5px; line-height:0px; }
  372. .blockquote, blockquote { text-align:left; letter-spacing:0px; padding-left:5px; border-left:3px solid #cccccc; }
  373. blockquote small, blockquote { font-size:10px; }
  374.  
  375. #cunt{width:250px; height:auto;}
  376. {block:PermalinkPage}
  377. width:410px;
  378. {/block:PermalinkPage}
  379. }
  380.  
  381. #center{
  382. padding-top:3px;
  383. padding-bottom:3px;
  384. position:fixed !important;
  385. width:250px;
  386. height:207px;
  387. background-color:#fff;
  388. {block:PermalinkPage}
  389. width:410px;
  390. height:207px;
  391. {/block:PermalinkPage}
  392. }
  393.  
  394. #posts{
  395. opacity: 1;
  396. float:center;
  397. width:645px;
  398. margin-left: 500px;
  399. padding-left: 25px;
  400. margin-top:0px;
  401. transition: all 0.5s ease-out;
  402. -o-transition-transition: all 0.5s ease-out;
  403. -webkit-transition: all 0.5s ease-out;
  404. -moz-transition: all 0.5s ease-out;
  405. }
  406. #sidebar{
  407. position:fixed;
  408. text-align: center;
  409. opacity:1;
  410. height: 150px;
  411. width: 270px;
  412. background: white;
  413. padding: 20px;
  414. border: 1px solid #f8f8f8;
  415. margin-top:00px;
  416. height: 100%;
  417. margin-left:170px;
  418. }
  419. @font-face { font-family: "sem"; src: url('http://static.tumblr.com/ygfurav/QgNmga3qn/semplice_regular.ttf'); }@font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  420.  
  421. #desc{
  422. opacity:1;
  423. position:fixed;
  424. width:150px;
  425. height:79px;
  426. margin-left:0px;
  427. overflow: auto;
  428. margin-top:8px;
  429. font-family:calibri;
  430. text-transform:none;
  431. letter-spacing:0px;
  432. font-size:10px;
  433. color:{color: description text};
  434. z-index: 1;
  435. padding:18px;
  436. border-radius: 0px;
  437. background: #fff;
  438. line-height:11px;
  439. text-align:center;
  440. border: 1px solid #f8f8f8;
  441. transition: all 0.5s ease-out;
  442. -o-transition-transition: all 0.5s ease-out;
  443. -webkit-transition: all 0.5s ease-out;
  444. -moz-transition: all 0.5s ease-out;
  445. }
  446.  
  447. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/wt5v40t/q2Fme0ncp/wendy.ttf'); }
  448. @font-face {font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }@font-face { font-family: "handy00"; src: url('http://static.tumblr.com/va8axoh/0n6lwmnpk/handy00.ttf'); }
  449.  
  450. #links {
  451. text-align:center;
  452. margin-left:86px;
  453. margin-top:3px;
  454. width:290px;
  455. position:fixed;
  456. font-size: 8px;
  457. z-index: 1;
  458. font-family:calibri;
  459. padding:2px 0px 0px 0px;
  460. text-transform:uppercase;
  461. letter-spacing:1px;
  462. }
  463. @font-face { font-family: "cutty"; src: url('http://static.tumblr.com/dcylwch/HvDmhxbob/cuttyfruty.ttf'); }
  464.  
  465. #links a {
  466. display:inline-block;
  467. padding:4px 4px 4px 4px;
  468. background:{color:navigation background};
  469. color:{color:navigation links};
  470. margin-top: 3px;
  471. width: 64px;
  472. border-radius: px;
  473. border: 1px solid #f8f8f8;
  474. transition: all 0.9s ease;
  475. -o-transition-transition: all 0.9s ease;
  476. -webkit-transition: all 0.9s ease;
  477. -moz-transition: all 0.9s ease;
  478. }
  479. #links a:hover{
  480. background: white;
  481. color: #aaa;
  482. transition: all 0.9s ease;
  483. -o-transition-transition: all 0.9s ease;
  484. -webkit-transition: all 0.9s ease;
  485. -moz-transition: all 0.9s ease;}
  486.  
  487. @font-face{ font-family:jane; src: url('http://static.tumblr.com/bm7b8hm/vnWmf9864/janeaust.ttf');,}
  488.  
  489.  
  490. .title{
  491. font-family: sunshine;
  492. font-size: 25px;
  493. line-height: 36px;
  494. color:{color:Title};
  495. letter-spacing: 0px;
  496. font-weight: normal;
  497. text-shadow: 2px 2px 2px #ddd;
  498. padding:0px 0px 0px 0px;
  499. }
  500.  
  501. #jennifer{
  502. position: fixed;
  503. bottom: 10px;
  504. right: 0px;
  505. width: 20px;
  506. height: 12px;
  507. text-align:center;
  508. line-height: 5px;
  509. padding: 3px;
  510. background: white;
  511. border-bottom: 1px solid #f8f8f8;
  512. border-left: 1px solid #f8f8f8;
  513. border-top: 1px solid #f8f8f8;
  514. -o-transition-transition: all 0.9s ease-out;
  515. -webkit-transition: all 0.9s ease-out;
  516. -moz-transition: all 0.9s ease-out;}
  517.  
  518. @font-face {
  519. font-family: "prop";
  520. src: url('http://static.tumblr.com/2k9mf5a/bPomezign/prophecy_script.ttf');
  521. }
  522.  
  523. .blogtitle{
  524. font-family: prop;
  525. font-size: 28px;
  526. line-height: 20px;
  527. color:{color:Title};
  528. z-index: 1;
  529. text-transform: none;
  530. font-weight: normal;
  531. }
  532. @font-face { font-family: "dreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  533. @font-face { font-family: "cute"; src: url('http://static.tumblr.com/8hrjcus/16Lmhnmvv/dk_carte_blanche.otf'); }
  534. @font-face { font-family: "demo"; src: url('http://static.tumblr.com/jdjsstr/Eq8m819c1/neou-thin_1_.ttf'); }
  535. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  536. @font-face {font-family:"Bree"; src:url('http://static.tumblr.com/9wzbixa/YBvm26pgu/bree.ttf');}
  537. @font-face { font-family: "sb"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  538. @font-face { font-family: "lala"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');}
  539. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  540. @font-face { font-family: "icons"; src: url('http://static.tumblr.com/8hrjcus/Q3fmg7rhn/breezi_font-webfont.ttf'); }
  541.  
  542. .permalink{
  543. text-transform: normal;
  544. display: block;
  545. background: {color:Permatext Background};
  546. padding: 3px;
  547. margin-top: 4px;
  548. text-align: right;
  549. text-decoration: none;
  550. }
  551. askk{
  552. font-family:sunshine;
  553. font-size: 18px;
  554. line-height:20px;
  555. z-index: 1;
  556. letter-spacing: 1px;
  557. color: {color:entry links};
  558. text-shadow: 2px 2px 2px #ddd;
  559. font-weight: normal;}
  560.  
  561.  
  562. #infscr-loading{
  563. bottom: -70px;
  564. position: absolute;
  565. left: 50%;
  566. margin-left:-8px;
  567. width:16px;
  568. height:11px;
  569. overflow:hidden;
  570. margin-bottom: 50px;
  571. }
  572.  
  573. #postnotes{
  574. text-align: justify;}
  575.  
  576. #postnotes blockquote{
  577. border: 0px;}
  578.  
  579. blockquote{
  580. padding:0px 0px 0px 5px;
  581. margin:0px 0px 0px 10px;
  582. border-left: 1px dotted #ddd;
  583. }
  584.  
  585. blockquote p, ul{
  586. margin:0px;
  587. padding:0px;
  588. }
  589.  
  590. a img{border: 0px;}
  591.  
  592.  
  593. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  594.  
  595. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  596. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  597.  
  598. .notes img{width:10px; position:relative; top:3px;}
  599. <--ses-->
  600. small{font-size: 90%;}
  601.  
  602. {CustomCSS}
  603.  
  604. #audio {width:500px; height:auto; min-height:60px; padding-bottom:13px;}
  605. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  606. .cover img {float:left; width:60px; height:60px;}
  607. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  608. .info {margin-left:73px; width: 200px;margin-top:4px; line-height:14px;}
  609. </style>
  610.  
  611. {block:IndexPage}
  612. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  613. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  614.  
  615. <script type="text/javascript">
  616. $(window).load(function(){
  617. var $wall = $('#posts');
  618. $wall.imagesLoaded(function(){
  619. $wall.masonry({
  620. itemSelector: '.entry, .entry_photo',
  621. isAnimated : false
  622. });
  623. });
  624.  
  625. $wall.infinitescroll({
  626. navSelector : '#pagination',
  627. nextSelector : '#pagination a',
  628. itemSelector : '.entry, .entry_photo',
  629. bufferPx : 2000,
  630. debug : false,
  631. errorCallback: function() {
  632. $('#infscr-loading').fadeOut('normal');
  633. }},
  634. function( newElements ) {
  635. var $newElems = $( newElements );
  636. $newElems.hide();
  637. $newElems.imagesLoaded(function(){
  638. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  639. });
  640. }); $('#posts').show(500);
  641. });
  642. </script>
  643.  
  644.  
  645. {/block:IndexPage}
  646.  
  647.  
  648. <title>{title}</title>
  649.  
  650. <link rel="shortcut icon" href="{favicon}" />
  651. <meta name="viewport" content="width=820" />
  652. </head>
  653.  
  654. <body>
  655. <BODY onselectstart="return false;" ondragstart="return false;">
  656.  
  657. <div id="center">
  658. <div id="content">
  659.  
  660. <div id="jennifer"><a href="http://coolified.tumblr.com/"><img src="http://media.tumblr.com/tumblr_lfhu337F4Z1qzvcyt.gif"></a> </div>
  661. <div id="titlebar">{text:blogtitle}</div>
  662. <div id="sidebar"><br><br><br><br><br><br><br><Br><Br>
  663.  
  664. <a href="/"><img src="{image:sidebar}" style="height:auto; width:230px; opacity:1; padding: 18px; border: 1px solid #f8f8f8; background: white;
  665. -webkit-filter:grayscale(100%); border-radius: 0px;"></a>
  666. <div id="desc">{description}</div>
  667. <div id="links">
  668. <a href="{text:Link One}">{text:Link One Title}</a><br>
  669.  
  670. <a href="{text:Link Two}">{text:Link Two Title}</a><Br>
  671.  
  672. <a href="{text:Link Three}">{text:Link Three Title}</a><br>
  673.  
  674. <a href="{text:Link Four}">{text:Link Four Title}</a><br>
  675.  
  676. <a href="{text:Link Five}">{text:Link Five Title}</a>
  677.  
  678. </div></div>
  679.  
  680. </div>
  681.  
  682. <div class="left">
  683. <div id="posts">
  684. {block:Posts}
  685. <div class="entry">
  686.  
  687. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><div class="permalinktext"><a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>
  688. {/block:Text}
  689.  
  690. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext"><a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>{block:Link}
  691.  
  692. {block:Photo}
  693. {block:IndexPage}
  694. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  695. <div class="perma1">{shortmonth} {dayofmonthwithzero}{DayOfMonthSuffix} with
  696. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  697. </div>
  698. {/block:IndexPage}
  699. {block:PermalinkPage}
  700. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  701. {block:caption}{caption}{/block:caption}
  702. {LinkCloseTag}
  703. {/block:PermalinkPage}
  704. {/block:Photo}
  705.  
  706. {block:Answer}
  707. <img src="{AskerPortraitURL-40}" width="40" align="left" style="margin-right:3px; border-radius: 0px; border: 4px double #ddd; padding: 3px; background: white;"/>
  708. <div style="margin-top:0px; margin-bottom:0px; height:44px; padding: 5px; background-color:#f8f8f8; overflow: auto;">
  709.  
  710. <askk>{Asker}</askk>: {Question}</div>
  711. <div style="margin-top:2px; margin-bottom:4px; background: transparent;">{Answer}</div>
  712. {/block:Answer}
  713.  
  714. {block:Photoset}
  715. {block:IndexPage}
  716. <div class="perma1">{shortmonth} {dayofmonthwithzero}{DayOfMonthSuffix} with
  717. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  718. </div>
  719. {Photoset-250}</center>
  720. {/block:IndexPage}
  721. {block:PermalinkPage}
  722. <center>
  723. {Photoset-500}</center>
  724. {/block:PermalinkPage}
  725. {/block:Photoset}
  726.  
  727. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><div class="permalinktext"> <a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:Quote}
  728.  
  729. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  730. <ul class="chat">
  731. {block:Lines}
  732. <li class="user_{UserNumber}">
  733. {block:Label}
  734. <span class="label">{Label}</span>
  735. {/block:Label}
  736.  
  737. {Line}
  738. </li>
  739. {/block:Lines}
  740. <div class="permalinktext"><a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>
  741. {/block:Chat}
  742.  
  743. {block:Video}
  744. {block:IndexPage}
  745. <div class="perma1">{shortmonth} {dayofmonthwithzero}{DayOfMonthSuffix} with
  746. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  747. </div>
  748. {Video-250}</center>
  749. {/block:IndexPage}
  750. {block:PermalinkPage}
  751. <center>
  752. {Video-500}</center>
  753. {/block:PermalinkPage}
  754. {block:Video}
  755.  
  756. {block:Audio}
  757. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  758. {block:IndexPage}
  759. <div class="permalinktext"><a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>
  760. {/block:IndexPage}
  761. {/block:Audio}
  762.  
  763. {block:PostNotes}
  764. <center>
  765.  
  766. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  767.  
  768. {block:HasTags}
  769. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  770. {block:RebloggedFrom}
  771. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  772. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  773.  
  774. {/block:RebloggedFrom}
  775. </center></span>
  776. <br>
  777. <div id="postnotes">{PostNotes}</div><br>
  778.  
  779. <center>{block:ContentSource}
  780. <br><a href="{SourceURL}">
  781. {lang:Source}:
  782. {block:SourceLogo}
  783. <img src="{BlackLogoURL}" width="{LogoWidth}"
  784. height="{LogoHeight}" alt="{SourceTitle}" />
  785. {/block:SourceLogo}
  786. {block:NoSourceLogo}
  787. {SourceLink}
  788. {/block:NoSourceLogo}
  789. </a>
  790. {/block:ContentSource}</center>
  791.  
  792. {/block:PostNotes}
  793. </div>
  794. {/block:Posts}
  795. </div></div>
  796.  
  797. {block:IndexPage}
  798. {block:Pagination}
  799. <div id="pagination">
  800. {block:NextPage}
  801. <a id="nextPage" href="{NextPage}"></a>
  802. {/block:NextPage}
  803. {block:PreviousPage}
  804. <a href="{PreviousPage}"></a>
  805. {/block:PreviousPage}
  806. </div>
  807. {/block:Pagination}
  808. {/block:IndexPage}
  809. </body>
  810.  
  811. </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!