Advertisement
extendedhate

"jamba" theme

May 18th, 2013
757
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.93 KB | None | 0 0
  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: 22px;
  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:28px;
  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:97px;
  349. margin-left:217px;
  350. color:{color:Blogtitle};
  351. text-shadow: 2px 2px 2px #ddd;
  352. font-family:jane;
  353. font-size: 35px;
  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:355px;
  398. margin-left: 550px;
  399. background: white;
  400. padding-left: 25px;
  401. margin-top:0px;
  402. border-right: 1px solid #f8f8f8;
  403. border-left: 1px solid #f8f8f8;
  404. transition: all 0.5s ease-out;
  405. -o-transition-transition: all 0.5s ease-out;
  406. -webkit-transition: all 0.5s ease-out;
  407. -moz-transition: all 0.5s ease-out;
  408. {block:permalinkpage}
  409. margin-left: 500px;
  410. {/block:permalinkpage}
  411. }
  412. #sidebar{
  413. position:fixed;
  414. text-align: center;
  415. opacity:1;
  416. height: 150px;
  417. width: 270px;
  418. background: white;
  419. padding: 20px;
  420. border: 1px solid #f8f8f8;
  421. margin-top:00px;
  422. height: 100%;
  423. margin-left:190px;
  424. }
  425. @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'); }
  426.  
  427. #desc{
  428. opacity:1;
  429. position:fixed;
  430. width:230px;
  431. height:auto;
  432. margin-left:0px;
  433. margin-top:30px;
  434. font-family:calibri;
  435. text-transform:none;
  436. letter-spacing:0px;
  437. font-size:10px;
  438. color:{color: description text};
  439. z-index: 1;
  440. padding:18px;
  441. border-radius: 0px;
  442. background: #fff;
  443. line-height:11px;
  444. text-align:center;
  445. border: 1px solid #f8f8f8;
  446. transition: all 0.5s ease-out;
  447. -o-transition-transition: all 0.5s ease-out;
  448. -webkit-transition: all 0.5s ease-out;
  449. -moz-transition: all 0.5s ease-out;
  450. }
  451.  
  452. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/wt5v40t/q2Fme0ncp/wendy.ttf'); }
  453. @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'); }
  454.  
  455. #links {
  456. text-align:center;
  457. margin-left:86px;
  458. margin-top:3px;
  459. width:290px;
  460. position:fixed;
  461. font-size: 8px;
  462. z-index: 1;
  463. font-family:calibri;
  464. padding:2px 0px 0px 0px;
  465. text-transform:uppercase;
  466. letter-spacing:1px;
  467. }
  468. @font-face { font-family: "cutty"; src: url('http://static.tumblr.com/dcylwch/HvDmhxbob/cuttyfruty.ttf'); }
  469.  
  470. #links a {
  471. display:inline-block;
  472. padding:4px 4px 4px 4px;
  473. background:{color:navigation background};
  474. color:{color:navigation links};
  475. margin-top: 3px;
  476. width: 64px;
  477. border-radius: px;
  478. border: 1px solid #f8f8f8;
  479. transition: all 0.9s ease;
  480. -o-transition-transition: all 0.9s ease;
  481. -webkit-transition: all 0.9s ease;
  482. -moz-transition: all 0.9s ease;
  483. }
  484. #links a:hover{
  485. background: white;
  486. color: #aaa;
  487. transition: all 0.9s ease;
  488. -o-transition-transition: all 0.9s ease;
  489. -webkit-transition: all 0.9s ease;
  490. -moz-transition: all 0.9s ease;}
  491.  
  492. @font-face{ font-family:jane; src: url('http://static.tumblr.com/bm7b8hm/vnWmf9864/janeaust.ttf');,}
  493.  
  494.  
  495. .title{
  496. font-family: jane;
  497. font-size: 25px;
  498. line-height: 36px;
  499. color:{color:Title};
  500. letter-spacing: 0px;
  501. font-weight: normal;
  502. text-shadow: 2px 2px 2px #ddd;
  503. padding:0px 0px 0px 0px;
  504. }
  505. #linkbarr{
  506. position:fixed !important;
  507. width:295px;
  508. height:20px;
  509. margin-left:-13px;
  510. margin-top:5px;
  511. font-family:calibri;
  512. border-radius: 10px;
  513. font-size:9px;
  514. text-transform:uppercase;
  515. letter-spacing:1px;
  516. line-height:20px;
  517. text-align:center;
  518. z-index:1;
  519. color:white;
  520. background:{color:Navigation Background};
  521. }
  522.  
  523. #linkbarr a{
  524. color:{color:navigation links};
  525. }
  526. #jennifer{
  527. position: fixed;
  528. bottom: 10px;
  529. right: 0px;
  530. width: 20px;
  531. height: 12px;
  532. text-align:center;
  533. line-height: 5px;
  534. padding: 3px;
  535. background: white;
  536. border-bottom: 1px solid #f8f8f8;
  537. border-left: 1px solid #f8f8f8;
  538. border-top: 1px solid #f8f8f8;
  539. -o-transition-transition: all 0.9s ease-out;
  540. -webkit-transition: all 0.9s ease-out;
  541. -moz-transition: all 0.9s ease-out;}
  542.  
  543. @font-face {
  544. font-family: "prop";
  545. src: url('http://static.tumblr.com/2k9mf5a/bPomezign/prophecy_script.ttf');
  546. }
  547.  
  548. .blogtitle{
  549. font-family: prop;
  550. font-size: 28px;
  551. line-height: 20px;
  552. color:{color:Title};
  553. z-index: 1;
  554. text-transform: none;
  555. font-weight: normal;
  556. }
  557. @font-face { font-family: "dreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  558. @font-face { font-family: "cute"; src: url('http://static.tumblr.com/8hrjcus/16Lmhnmvv/dk_carte_blanche.otf'); }
  559. @font-face { font-family: "demo"; src: url('http://static.tumblr.com/jdjsstr/Eq8m819c1/neou-thin_1_.ttf'); }
  560. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  561. @font-face {font-family:"Bree"; src:url('http://static.tumblr.com/9wzbixa/YBvm26pgu/bree.ttf');}
  562. @font-face { font-family: "sb"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  563. @font-face { font-family: "lala"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');}
  564. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  565. @font-face { font-family: "icons"; src: url('http://static.tumblr.com/8hrjcus/Q3fmg7rhn/breezi_font-webfont.ttf'); }
  566.  
  567. .permalink{
  568. text-transform: normal;
  569. display: block;
  570. background: {color:Permatext Background};
  571. padding: 3px;
  572. margin-top: 4px;
  573. text-align: right;
  574. text-decoration: none;
  575. }
  576. askk{
  577. font-family:sunshine;
  578. font-size: 18px;
  579. line-height:20px;
  580. z-index: 1;
  581. letter-spacing: 1px;
  582. color: {color:entry links};
  583. text-shadow: 2px 2px 2px #ddd;
  584. font-weight: normal;}
  585.  
  586.  
  587. #infscr-loading{
  588. bottom: -70px;
  589. position: absolute;
  590. left: 50%;
  591. margin-left:-8px;
  592. width:16px;
  593. height:11px;
  594. overflow:hidden;
  595. margin-bottom: 50px;
  596. }
  597.  
  598. #postnotes{
  599. text-align: justify;}
  600.  
  601. #postnotes blockquote{
  602. border: 0px;}
  603.  
  604. blockquote{
  605. padding:0px 0px 0px 5px;
  606. margin:0px 0px 0px 10px;
  607. border-left: 1px dotted #ddd;
  608. }
  609.  
  610. blockquote p, ul{
  611. margin:0px;
  612. padding:0px;
  613. }
  614.  
  615. a img{border: 0px;}
  616.  
  617.  
  618. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  619.  
  620. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  621. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  622.  
  623. .notes img{width:10px; position:relative; top:3px;}
  624. <--ses-->
  625. small{font-size: 90%;}
  626.  
  627. {CustomCSS}
  628.  
  629. #audio {width:500px; height:auto; min-height:60px; padding-bottom:13px;}
  630. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  631. .cover img {float:left; width:60px; height:60px;}
  632. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  633. .info {margin-left:73px; width: 200px;margin-top:4px; line-height:14px;}
  634. </style>
  635.  
  636. {block:IndexPage}
  637. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  638. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  639.  
  640. <script type="text/javascript">
  641. $(window).load(function(){
  642. var $wall = $('#posts');
  643. $wall.imagesLoaded(function(){
  644. $wall.masonry({
  645. itemSelector: '.entry, .entry_photo',
  646. isAnimated : false
  647. });
  648. });
  649.  
  650. $wall.infinitescroll({
  651. navSelector : '#pagination',
  652. nextSelector : '#pagination a',
  653. itemSelector : '.entry, .entry_photo',
  654. bufferPx : 2000,
  655. debug : false,
  656. errorCallback: function() {
  657. $('#infscr-loading').fadeOut('normal');
  658. }},
  659. function( newElements ) {
  660. var $newElems = $( newElements );
  661. $newElems.hide();
  662. $newElems.imagesLoaded(function(){
  663. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  664. });
  665. }); $('#posts').show(500);
  666. });
  667. </script>
  668.  
  669.  
  670. {/block:IndexPage}
  671.  
  672.  
  673. <title>{title}</title>
  674.  
  675. <link rel="shortcut icon" href="{favicon}" />
  676. <meta name="viewport" content="width=820" />
  677. </head>
  678.  
  679. <body>
  680. <BODY onselectstart="return false;" ondragstart="return false;">
  681.  
  682. <div id="center">
  683. <div id="content">
  684.  
  685. <div id="jennifer"><a href="http://coolified.tumblr.com/"><img src="http://media.tumblr.com/tumblr_lfhu337F4Z1qzvcyt.gif"></a> </div>
  686. <div id="titlebar">{text:blogtitle}</div>
  687. <div id="sidebar"><br><br><br><br><br><br><br><Br><Br>
  688.  
  689. <a href="/"><img src="{image:sidebar}" style="height:auto; width:230px; opacity:1; padding: 18px; border: 1px solid #f8f8f8; background: white;
  690. -webkit-filter:grayscale(100%); border-radius: 0px;"></a>
  691. <div id="linkbarr"><a href="{text:Link One}">{text:Link One Title}</a> /
  692.  
  693. <a href="{text:Link Two}">{text:Link Two Title}</a> /
  694.  
  695. <a href="{text:Link Three}">{text:Link Three Title}</a> /
  696.  
  697. <a href="{text:Link Four}">{text:Link Four Title}</a> /
  698.  
  699. <a href="{text:Link Five}">{text:Link Five Title}</a></div>
  700. <div id="desc">{description}</div>
  701.  
  702. </div>
  703.  
  704. <div class="left">
  705. <div id="posts">
  706. {block:Posts}
  707. <div class="entry">
  708.  
  709. {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>
  710. {/block:Text}
  711.  
  712. {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}
  713.  
  714. {block:Photo}
  715. {block:IndexPage}
  716. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  717. <div class="perma1">{shortmonth} {dayofmonthwithzero}{DayOfMonthSuffix} with
  718. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  719. </div>
  720. {/block:IndexPage}
  721. {block:PermalinkPage}
  722. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  723. {block:caption}{caption}{/block:caption}
  724. {LinkCloseTag}
  725. {/block:PermalinkPage}
  726. {/block:Photo}
  727.  
  728. {block:Answer}
  729. <img src="{AskerPortraitURL-40}" width="40" align="left" style="margin-right:3px; border-radius: 0px; border: 4px double #ddd; padding: 3px; background: white;"/>
  730. <div style="margin-top:0px; margin-bottom:0px; height:44px; padding: 5px; background-color:#f8f8f8; overflow: auto;">
  731.  
  732. <askk>{Asker}</askk>: {Question}</div>
  733. <div style="margin-top:2px; margin-bottom:4px; background: transparent;">{Answer}</div>
  734. {/block:Answer}
  735.  
  736. {block:Photoset}
  737. {block:IndexPage}
  738. <div class="perma1">{shortmonth} {dayofmonthwithzero}{DayOfMonthSuffix} with
  739. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  740. </div>
  741. {Photoset-250}</center>
  742. {/block:IndexPage}
  743. {block:PermalinkPage}
  744. <center>
  745. {Photoset-500}</center>
  746. {/block:PermalinkPage}
  747. {/block:Photoset}
  748.  
  749. {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}
  750.  
  751. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  752. <ul class="chat">
  753. {block:Lines}
  754. <li class="user_{UserNumber}">
  755. {block:Label}
  756. <span class="label">{Label}</span>
  757. {/block:Label}
  758.  
  759. {Line}
  760. </li>
  761. {/block:Lines}
  762. <div class="permalinktext"><a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>
  763. {/block:Chat}
  764.  
  765. {block:Video}
  766. {block:IndexPage}
  767. <div class="perma1">{shortmonth} {dayofmonthwithzero}{DayOfMonthSuffix} with
  768. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  769. </div>
  770. {Video-250}</center>
  771. {/block:IndexPage}
  772. {block:PermalinkPage}
  773. <center>
  774. {Video-500}</center>
  775. {/block:PermalinkPage}
  776. {block:Video}
  777.  
  778. {block:Audio}
  779. <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>
  780. {block:IndexPage}
  781. <div class="permalinktext"><a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>
  782. {/block:IndexPage}
  783. {/block:Audio}
  784.  
  785. {block:PostNotes}
  786. <center>
  787.  
  788. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  789.  
  790. {block:HasTags}
  791. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  792. {block:RebloggedFrom}
  793. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  794. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  795.  
  796. {/block:RebloggedFrom}
  797. </center></span>
  798. <br>
  799. <div id="postnotes">{PostNotes}</div><br>
  800.  
  801. <center>{block:ContentSource}
  802. <br><a href="{SourceURL}">
  803. {lang:Source}:
  804. {block:SourceLogo}
  805. <img src="{BlackLogoURL}" width="{LogoWidth}"
  806. height="{LogoHeight}" alt="{SourceTitle}" />
  807. {/block:SourceLogo}
  808. {block:NoSourceLogo}
  809. {SourceLink}
  810. {/block:NoSourceLogo}
  811. </a>
  812. {/block:ContentSource}</center>
  813.  
  814. {/block:PostNotes}
  815. </div>
  816. {/block:Posts}
  817. </div></div>
  818.  
  819. {block:IndexPage}
  820. {block:Pagination}
  821. <div id="pagination">
  822. {block:NextPage}
  823. <a id="nextPage" href="{NextPage}"></a>
  824. {/block:NextPage}
  825. {block:PreviousPage}
  826. <a href="{PreviousPage}"></a>
  827. {/block:PreviousPage}
  828. </div>
  829. {/block:Pagination}
  830. {/block:IndexPage}
  831. </body>
  832.  
  833. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement