Advertisement
terrabithia

kaitlin's theme - edit of pale by depressur

Jul 25th, 2013
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.09 KB | None | 0 0
  1. <!---
  2. theme by depressur
  3.  
  4. keep the credit somewhere visible or i'll honestly hate you forever and get you deleted
  5.  
  6. edited by terrabithia holla all theme credits to depressur though
  7. --->
  8.  
  9. <html lang="en">
  10.  
  11. <head>
  12.  
  13.  
  14.  
  15. <style type="text/css">body, a:hover {cursor: url(http://static.tumblr.com/oukcyj6/ZDXmqj0lt/zorzc.png), progress !important;}</style><div style="position: fixed; bottom:5px; right:5px;"></div>
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Over+the+Rainbow' rel='stylesheet' type='text/css'>
  23.  
  24. <script type="text/javascript">
  25. <!--
  26.  
  27. // Disable Right Click Script
  28.  
  29. function IE(e)
  30. {
  31. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  32. {
  33. return false;
  34. }
  35. }
  36. function NS(e)
  37. {
  38. if (document.layers || (document.getElementById && !document.all))
  39. {
  40. if (e.which == "2" || e.which == "3")
  41. {
  42. return false;
  43. }
  44. }
  45. }
  46. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  47.  
  48. //-->
  49. </script>
  50. <link href='http://fonts.googleapis.com/css?family=League+Script|Codystar' rel='stylesheet' type='text/css'>
  51. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  52. <meta name="color:Background" content="#ffffff"/>
  53. <meta name="color:Title" content="#292929"/>
  54. <meta name="color:Text" content="#363636"/>
  55. <meta name="color:Link" content="#C29B9B"/>
  56. <meta name="color:scrollbar" content="#727272"/>
  57. <meta name="color:Hover" content="#ddd"/>
  58. <meta name="image:Background" content=""/>
  59. <meta name="image:Sidebar" content=""/>
  60. <meta name="text:linkA" content="">
  61. <meta name="text:linkA url" content="/">
  62. <meta name="text:linkB" content="">
  63. <meta name="text:linkB url" content="/">
  64. <meta name="text:linkC" content="">
  65. <meta name="text:linkC url" content="/">
  66. <meta name="text:linkD" content="">
  67. <meta name="text:linkD url" content="/">
  68. <meta name="text:linkE" content="">
  69. <meta name="text:linkE url" content="/">
  70.  
  71. </script>
  72.  
  73. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  74. <style>
  75. div#qTip {
  76. padding: 2px;
  77. display: none;
  78. text-align: center;
  79. position: absolute;
  80. font-size:8px;
  81. line-height:10px;
  82. font-family:baskerville;
  83. z-index: 1000;
  84. background: white;
  85. border:1px ##D1D0CE;
  86. color: {color:text};
  87. text-transform:uppercase;
  88. letter-spacing: 1px;
  89. }
  90. </style>
  91.  
  92. <style type="text/css">
  93.  
  94.  
  95.  
  96. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;position:fixed !important;-webkit-filter: invert(100%) ;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  97.  
  98. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  99.  
  100.  
  101.  
  102. ::-webkit-scrollbar {width: 5px; height: 4px; background: #eeeeee; border-left: 1px solid #aaaaaa; }
  103.  
  104. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-left: 1px solid
  105. #aaaaaa; border-right: 1px solid #aaaaaa; }
  106.  
  107. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  108.  
  109. @font-face {
  110. font-family: "jenna";
  111. src: url('http://static.tumblr.com/jdjsstr/W6qm7fotz/simpleronde-regular_1_.ttf');
  112. }
  113.  
  114. body{
  115. margin:5px;
  116. background-color: {color:Background};
  117. background-image:url({image:background});
  118. background-attachment: fixed;
  119. background-repeat: repeat;
  120. font-size: 12px;
  121. font-family: 'consolas';
  122. line-height:8px;
  123. color:{color:Text};
  124. cursor:url(), progress;
  125. }
  126.  
  127. a:link, a:active, a:visited{
  128. color:{color:link};
  129. text-decoration: none;
  130. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  131. }
  132.  
  133. a:hover {
  134. color:{color:hover};
  135. text-decoration: none;
  136. cursor: url(), auto;
  137. }
  138.  
  139. #cunt{width:250px; height:auto;}
  140. {block:PermalinkPage}
  141. width:410px;
  142. {/block:PermalinkPage}
  143. }
  144.  
  145. #center{
  146. padding-top:3px;
  147. padding-bottom:3px;
  148. position:fixed !important;
  149. width:250px;
  150. height:207px;
  151. background-color:#fff;
  152. {block:PermalinkPage}
  153. width:410px;
  154. height:207px;
  155. {/block:PermalinkPage}
  156. }
  157.  
  158. #posts{
  159. opacity: .9;
  160. float:center;
  161. {block:indexpage}
  162. width:530px;
  163. {/block:indexpage}
  164. {block:permalinkpage}
  165. width:250px;
  166. {/block:permalinkpage}
  167. margin-left: 520px;
  168. margin-top: -3px;
  169. transition: all 0.5s ease-out;
  170. -o-transition-transition: all 0.5s ease-out;
  171. -webkit-transition: all 0.5s ease-out;
  172. -moz-transition: all 0.5s ease-out;
  173. }
  174. #posts:hover{
  175. opacity: 1;
  176. transition: all 0.5s ease-out;
  177. -o-transition-transition: all 0.5s ease-out;
  178. -webkit-transition: all 0.5s ease-out;
  179. -moz-transition: all 0.5s ease-out;
  180. }
  181. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  182.  
  183. @font-face{
  184. font-family: 'pixel';
  185. font-style: normal;
  186. font-weight: normal;
  187. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  188.  
  189. #desc{
  190. position:fixed;
  191. opacity:0.3;
  192. text-align: center;
  193. margin-left:0px;
  194. margin-top:10px;
  195. line-height:10px;
  196. width:160px;
  197. height:15px;
  198. padding-top:7px;
  199. padding-left:7px;
  200. text-align:center;
  201. background:transparent;
  202. transition: all 0.5s ease-out;
  203. -o-transition-transition: all 0.5s ease-out;
  204. -webkit-transition: all 0.5s ease-out;
  205. -moz-transition: all 0.5s ease-out;
  206. }
  207.  
  208. #desc:hover{
  209. opacity:1;
  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.  
  216. #title{
  217. opacity:0.9;
  218. font-size:20px;
  219. font-family: 'Over the Rainbow', cursive;
  220. text-align:center;
  221. }
  222.  
  223. #sidebar {
  224. position:fixed !important;
  225. opacity: .9;
  226. width: 172px;
  227. height: auto;
  228. padding:1px;
  229. margin-top: 190px;
  230. margin-left: 300px;
  231. text-align: center;
  232. margin-bottom: 0px;
  233. text-transform: none;
  234. line-height: 8px;
  235. background: white;
  236. font-size: 11px;
  237. font-family: 'consolas';
  238. letter-spacing: 0px;
  239. transition: all 0.5s ease-out;
  240. -o-transition-transition: all 0.5s ease-out;
  241. -webkit-transition: all 0.5s ease-out;
  242. -moz-transition: all 0.5s ease-out;
  243. }
  244.  
  245. #sidebar:hover{
  246. opacity: 1;
  247. transition: all 0.5s ease-out;
  248. -o-transition-transition: all 0.5s ease-out;
  249. -webkit-transition: all 0.5s ease-out;
  250. -moz-transition: all 0.5s ease-out;
  251. }
  252.  
  253.  
  254. .linkslol {
  255. position: fixed;
  256. text-align:right;
  257. margin-left:5px;
  258. margin-top:26px;
  259. font-size:16px;
  260. border:1px solid #bbb;
  261. height:13px;
  262. padding-top:5px;
  263. padding-right:2px;
  264. padding-left:3px;
  265. width:15px;
  266. text-align:center;
  267. font-size:12px;
  268. -webkit-border-radius:5px;
  269. -moz-border-radius:5px;
  270. margin-bottom:2px;
  271. font-size:9px;
  272. font-family:garamond;
  273. text-transform:lowercase;
  274. font-style:bold;
  275. text-align:center;
  276. letter-spacing:5px;
  277. line-height:100%;
  278. }
  279.  
  280. .linkslol a{
  281. padding:3px;
  282. color:{color:link};
  283. letter-spacing:0px;
  284. text-decoration:none;
  285. -moz-transition-duration:1s;
  286. -webkit-transition-duration:1s;
  287. -o-transition-duration:1s;
  288. }
  289.  
  290. .linkslol a:hover{
  291. color:{color:hover};
  292. -moz-transition-duration:1s;
  293. -webkit-transition-duration:1s;
  294. -o-transition-duration:1s;
  295. }
  296.  
  297. .lol{
  298. position:fixed;
  299. margin-left:16px;
  300. margin-top:0px;
  301. border-right:1px solid #bbb;
  302. height:27px;
  303. }
  304.  
  305.  
  306. .linkssup {
  307. position: fixed;
  308. text-align:right;
  309. margin-left:40px;
  310. margin-top:42px;
  311. font-size:16px;
  312. border:1px solid #bbb;
  313. height:13px;
  314. padding-top:5px;
  315. padding-right:3px;
  316. padding-left:3px;
  317. width:15px;
  318. text-align:center;
  319. font-size:12px;
  320. -webkit-border-radius:5px;
  321. -moz-border-radius:5px;
  322. margin-bottom:2px;
  323. font-size:9px;
  324. font-family:garamond;
  325. text-transform:lowercase;
  326. font-style:bold;
  327. text-align:center;
  328. letter-spacing:3px;
  329. line-height:100%;
  330. }
  331.  
  332. .linkssup a{
  333. padding:3px;
  334. color:{color:link};
  335. letter-spacing:0px;
  336. text-decoration:none;
  337. -moz-transition-duration:1s;
  338. -webkit-transition-duration:1s;
  339. -o-transition-duration:1s;
  340. }
  341.  
  342. .linkssup a:hover{
  343. color:{color:hover};
  344. -moz-transition-duration:1s;
  345. -webkit-transition-duration:1s;
  346. -o-transition-duration:1s;
  347. }
  348.  
  349. .sup{
  350. position:fixed;
  351. margin-left:51px;
  352. margin-top:0px;
  353. border-right:1px solid #bbb;
  354. height:43px;
  355. }
  356.  
  357.  
  358. .linkswut {
  359. position: fixed;
  360. text-align:right;
  361. margin-left:75px;
  362. margin-top:26px;
  363. font-size:16px;
  364. border:1px solid #bbb;
  365. height:13px;
  366. padding-top:5px;
  367. padding-right:6px;
  368. width:15px;
  369. text-align:center;
  370. font-size:12px;
  371. -webkit-border-radius:5px;
  372. -moz-border-radius:5px;
  373. margin-bottom:2px;
  374. font-size:9px;
  375. font-family:garamond;
  376. text-transform:lowercase;
  377. font-style:bold;
  378. text-align:center;
  379. letter-spacing:3px;
  380. line-height:100%;
  381. }
  382.  
  383. .linkswut a{
  384. padding:3px;
  385. color:{color:link};
  386. letter-spacing:0px;
  387. text-decoration:none;
  388. -moz-transition-duration:1s;
  389. -webkit-transition-duration:1s;
  390. -o-transition-duration:1s;
  391. }
  392.  
  393. .linkswut a:hover{
  394. color:{color:hover};
  395. -moz-transition-duration:1s;
  396. -webkit-transition-duration:1s;
  397. -o-transition-duration:1s;
  398. }
  399.  
  400. .wut{
  401. position:fixed;
  402. margin-left:86px;
  403. margin-top:0px;
  404. border-right:1px solid #bbb;
  405. height:27px;
  406. }
  407.  
  408.  
  409. .linksok {
  410. position: fixed;
  411. text-align:right;
  412. margin-left:110px;
  413. margin-top:42px;
  414. font-size:16px;
  415. border:1px solid #bbb;
  416. height:13px;
  417. padding-top:5px;
  418. padding-right:3px;
  419. padding-left:3px;
  420. width:15px;
  421. text-align:center;
  422. font-size:12px;
  423. -webkit-border-radius:5px;
  424. -moz-border-radius:5px;
  425. margin-bottom:2px;
  426. font-size:9px;
  427. font-family:garamond;
  428. text-transform:lowercase;
  429. font-style:bold;
  430. text-align:center;
  431. letter-spacing:3px;
  432. line-height:100%;
  433. }
  434.  
  435. .linksok a{
  436. padding:3px;
  437. color:{color:link};
  438. letter-spacing:0px;
  439. text-decoration:none;
  440. -moz-transition-duration:1s;
  441. -webkit-transition-duration:1s;
  442. -o-transition-duration:1s;
  443. }
  444.  
  445. .linksok a:hover{
  446. color:{color:hover};
  447. -moz-transition-duration:1s;
  448. -webkit-transition-duration:1s;
  449. -o-transition-duration:1s;
  450. }
  451.  
  452. .ok{
  453. position:fixed;
  454. margin-left:121px;
  455. margin-top:0px;
  456. border-right:1px solid #bbb;
  457. height:43px;
  458. }
  459.  
  460.  
  461. .linksha {
  462. position: fixed;
  463. text-align:right;
  464. margin-left:145px;
  465. margin-top:26px;
  466. font-size:16px;
  467. border:1px solid #bbb;
  468. height:13px;
  469. padding-top:5px;
  470. padding-right:2px;
  471. padding-left:3px;
  472. width:15px;
  473. text-align:center;
  474. font-size:12px;
  475. -webkit-border-radius:5px;
  476. -moz-border-radius:5px;
  477. margin-bottom:2px;
  478. font-size:9px;
  479. font-family:garamond;
  480. text-transform:lowercase;
  481. font-style:bold;
  482. text-align:center;
  483. letter-spacing:3px;
  484. line-height:100%;
  485. }
  486.  
  487. .linksha a{
  488. padding:3px;
  489. color:{color:link};
  490. letter-spacing:0px;
  491. text-decoration:none;
  492. -moz-transition-duration:1s;
  493. -webkit-transition-duration:1s;
  494. -o-transition-duration:1s;
  495. }
  496.  
  497. .linksha a:hover{
  498. color:{color:hover};
  499. -moz-transition-duration:1s;
  500. -webkit-transition-duration:1s;
  501. -o-transition-duration:1s;
  502. }
  503.  
  504. .ha{
  505. position:fixed;
  506. margin-left:156px;
  507. margin-top:0px;
  508. border-right:1px solid #bbb;
  509. height:27px;
  510. }
  511.  
  512.  
  513.  
  514.  
  515. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  516.  
  517. @font-face { font-family: "that one thing"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  518.  
  519.  
  520. h3{
  521. font-family: stars;
  522. font-size: 80px;
  523. line-height: 12px;
  524. color: #A78282;
  525. font-weight: normal;
  526. line-height:15px;
  527. letter-spacing: 1px;
  528. font-style: normal;
  529. text-transform: lowercase;
  530. text-align: right;
  531. padding: 0px;
  532. margin:0px;
  533. }
  534.  
  535. #entry .perma a{
  536. color:;}
  537. @font-face { font-family: "beansprout"; src: url('http://static.tumblr.com/pwgdr2n/aDQm3ij6n/1-beansprout-dna.ttf'); }
  538.  
  539. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  540.  
  541. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  542.  
  543. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/jdjsstr/94Vm81hpy/ferrica_1_.ttf'); }
  544.  
  545. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  546.  
  547. .permatext {
  548. font-family: 'consolas';
  549. font-size: 10px;
  550. letter-spacing: 0px;
  551. color: #000;
  552. line-height: 11px;
  553. display: block;
  554. padding: 0px;
  555. margin: 1px 1px 0px 1px;
  556. text-transform:normal;
  557. text-align: right;
  558. border-top: 1px solid #ddd;
  559. }
  560.  
  561. .permatext a{
  562. padding-right: 1px;
  563. border-right: 3px solid #fff;
  564. -webkit-transition: all 0.6s ease;
  565. -moz-transition: all 0.6s ease;
  566. -o-transition: all 0.6s ease;
  567. }
  568.  
  569. .permatext a:hover{
  570. border-right: 12px solid #Fff;
  571. -webkit-transition: all 0.6s ease;
  572. -moz-transition: all 0.6s ease;
  573. -o-transition: all 0.6s ease;
  574. }
  575. #entry .perma a{
  576. color:;}
  577.  
  578.  
  579. #entry .perma{
  580. width:70px;
  581. height: 15px;
  582. line-height: 15px;
  583. text-transform: none;
  584. font-family: 'consolas';
  585. position: absolute;
  586. font-size: 10px;
  587. text-align: center;
  588. overflow:hidden;
  589. opacity: 0.0;
  590. background: #fff;
  591. margin-top:7px;
  592. margin-left: 127px;
  593. border: 1px solid #eee !important;
  594. letter-spacing: 0px;
  595. -webkit-transition: opacity 0.5s linear;
  596. -webkit-transition: all 0.5s linear;
  597. -moz-transition: all 0.5s linear;
  598. transition: all 0.5s linear;
  599. }
  600.  
  601. #entry:hover .perma{
  602. overflow:visible;
  603. margin-left: 7px;
  604. -webkit-transition: all 0.5s linear; opacity: 0.9;
  605. -webkit-transition: all 0.5s linear;
  606. -moz-transition: all 0.5s linear;
  607. transition: all 0.5s linear;
  608. }
  609. #postnotes{
  610. text-align: left;
  611. }
  612. #postnotes blockquote{
  613. border: 0px;
  614. }
  615.  
  616.  
  617. #permapage{
  618. font-family: 'consolas';
  619. font-size: 10px;
  620. line-height: 8px;
  621. text-align: center;
  622. padding-bottom:10px;
  623. z-index:9999;
  624. }
  625.  
  626. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  627. #postnotes{
  628. text-align: left;
  629. }
  630.  
  631. #postnotes blockquote{
  632. border: 0px;
  633. }
  634.  
  635. #entry{
  636. font-family: 'consolas';
  637. opacity:0.8;
  638. font-size: 10px;
  639. line height: 11px;
  640. text-align:center;
  641. z-index:9999;
  642. float:left;
  643. width: 250px;
  644. height: auto;
  645. {block:PermalinkPage}
  646. width: 250px;
  647. height: auto;
  648. {/block:PermalinkPage}
  649. line-height:8px;
  650. background-color:#fff;
  651. background-image:url({image:Posts background});
  652. margin-right:5px;
  653. overflow:hidden;
  654. margin-bottom:5px;
  655. padding: 4px;
  656. padding-bottom:2px;
  657. border: 1px solid #ddd;
  658. transition: all 0.5s ease-out;
  659. -o-transition-transition: all 0.5s ease-out;
  660. -webkit-transition: all 0.5s ease-out;
  661. -moz-transition: all 0.5s ease-out;
  662. }
  663.  
  664. #entry:hover{
  665. opacity: 0.9;
  666. transition: all 0.5s ease-out;
  667. -o-transition-transition: all 0.5s ease-out;
  668. -webkit-transition: all 0.5s ease-out;
  669. -moz-transition: all 0.5s ease-out;
  670. }
  671.  
  672.  
  673. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  674.  
  675. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  676.  
  677. #permapage{
  678. font-family: 'consolas';
  679. font-size: 10px;
  680. line-height: 8px;
  681. text-align: center;
  682. padding-bottom:10px;
  683. z-index:9999;}
  684.  
  685. .title{
  686. font-family: 'Over the Rainbow', cursive;
  687. font-size: 14px;
  688. line-height: 12px;
  689. color: {color:Title};
  690. font-weight: normal;
  691. letter-spacing: 0px;
  692. padding: 10px 0px 0px 0px;
  693. }
  694. @font-face { font-family: "pacifico"; src: url('http://static.tumblr.com/jdjsstr/Julm7s6p2/pacifico_1_.ttf'); }
  695.  
  696. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  697.  
  698. .blogtitle{
  699. font-family: beauty;
  700. font-size: 18px;
  701. line-height: 18px;
  702. color: {color:Link};
  703. font-weight: normal;
  704. }
  705.  
  706. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  707.  
  708. blockquote{
  709. padding:0px 0px 2px 3px;
  710. margin:0px 0px 2px 1px;
  711. }
  712. ul, ol, li{
  713. list-style:none;
  714. margin:0px;
  715. padding:0px;
  716. }
  717.  
  718. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  719. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  720. }
  721.  
  722. a.links {
  723. font-family: 'consolas';
  724. font-size: 10px;
  725. line-height: 8px;
  726. text-transform: normal;
  727. letter-spacing:0px;
  728. display:block;
  729. padding: 0px;
  730. margin-bottom: 0px;
  731. }
  732.  
  733. a.links:hover {
  734. font-style: none;
  735. text-decoration: none;
  736. letter-spacing:10px;
  737. }
  738.  
  739. </style>
  740. <title>{title}</title>
  741. <link rel="shortcut icon" href="{Favicon}">
  742. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  743. <meta name="viewport" content="width=720" />
  744.  
  745.  
  746. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  747.  
  748. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  749.  
  750.  
  751. </head>
  752. <body>
  753. <div id="center">
  754. <div id="content">
  755. <div id="sidebar">
  756.  
  757. <div id="title">{title}</div><br/>
  758.  
  759.  
  760.  
  761. <br/><br/>
  762. <div id="desc">{Description}</div><br/>
  763.  
  764. <a href="/"><img src="{image:sidebar}" style="width:170px; height: auto; padding: 2px; border:1px solid #bbb; background:#fff;"></a>
  765.  
  766. <div class="linkslol">
  767. {block:IfLinkA}
  768. <a href="{text:linkA url}" title="{text:LinkA}">.i</a>&nbsp;
  769. {/block:IfLinkA}
  770. </div>
  771.  
  772.  
  773. <div class="linkssup">
  774. {block:IfLinkB}
  775. <a href="{text:linkB url}"title="{text:linkB}">.ii</a>&nbsp;
  776. {/block:IfLinkB}
  777. </div>
  778.  
  779.  
  780. <div class="linkswut">
  781. {block:IfLinkC}
  782. <a href="{text:linkC url}"title="{text:linkC}">.iii</a>&nbsp;
  783. {/block:IfLinkC}
  784. </div>
  785.  
  786.  
  787. <div class="linksok">
  788. {block:IfLinkD}
  789. <a href="{text:linkD url}"title="{text:linkD}">.iv</a>
  790. {/block:IfLinkD}
  791. </div>
  792.  
  793.  
  794. <div class="linksha">
  795. {block:IfLinkE}
  796. <a href="{text:linkE url}"title="{text:linkE}">.v</a>
  797. {/block:IfLinkE}
  798. </div>
  799.  
  800.  
  801. <div class="lol"></div><div class="sup"></div><div class="wut"></div><div class="ok"></div><div class="ha"></div>
  802.  
  803. </div></div>
  804.  
  805.  
  806.  
  807.  
  808. <div id="posts">
  809. {block:Posts}
  810. <div id="entry">
  811.  
  812. {block:Answer}
  813. <div style="border-radius:5px; border: 1px solid #ddd; margin: 3px; min-height:30px; padding: 3px; background-color: transparent; box-shadow: 0px 0px 3px 0px #aaa; font-family: 'consolas'; font-size: 10px;">
  814. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #ddd; border-top-right-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-bottom-left-radius:3px;"/>
  815. {Asker} was like: {Question}</div>
  816. <div style="font-family: 'consolas';; font-size: 10px;">
  817. so i said:{Answer} <br>
  818. </div>
  819. <center><span class="permatext"><div class="peeta"><a href="{permalink}"> </a></div></span>
  820. {/block:Answer}
  821.  
  822. {block:Photo}
  823. <center>
  824. <div class="perma">
  825. <font color="#000"><center><a href="{reblogurl}" target="_blank"> relove </a></span></div>
  826. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=250px/></a>{LinkCloseTag}
  827. {/block:Photo}
  828. {block:Photoset}<div style="width:300px !important;">{Photoset-250}</div></span>{/block:Photoset}
  829.  
  830. {block:PermalinkPage}
  831. {LinkOpenTag}
  832. {LinkCloseTag}{/block:PermalinkPage}
  833. {/block:Photo}
  834.  
  835.  
  836. {block:Text}
  837. {block:Title}<span class="title">{Title}</span>{/block:Title}
  838. <span class="entrytext">{Body}</span>
  839. <div class="permatext"><a href="{permalink}">{timeago}</a>† <a href="{permalink}">{notecountwithlabel}</a></div>
  840. {/block:Text}
  841.  
  842. {block:Link}
  843. <a href="{URL}" class="title">{Name}</a>
  844. {block:Description}{Description}{/block:Description}<br>
  845. <div class="permatext"><a href="{permalink}"> {notecountwithlabel}</a> </div>
  846. {block:Link}
  847.  
  848. {block:Quote}
  849. <span class="title">{Quote}</span>
  850. {block:Source}<strong>{Source}</strong>{/block:Source}
  851. <span class="permalink">
  852. </span>
  853. <br>
  854. <div class="permatext"><a href="{permalink}"> {notecountwithlabel}</a> </div>
  855. {/block:Quote}
  856.  
  857. {block:Chat}
  858. {block:Title}<span class="title">{Title}</span>{/block:Title}
  859. <ul class="chat">
  860. {block:Lines}
  861. <li class="user_{UserNumber}">
  862. {block:Label}
  863. <span class="label">{Label}</span>
  864. {/block:Label}
  865.  
  866. {Line}
  867. </li>
  868. {/block:Lines}
  869. <span class="permalink">
  870. </span><br>
  871. <div class="permatext"><a href="{permalink}"> {notecountwithlabel}</a> </div>
  872. {/block:Chat}
  873.  
  874. {block:Audio}
  875. <center><div style="width:220px; height:20px;"><div style="float:center">{AudioPlayerWhite}</div><div style="margin-top:10px; float:center;">
  876. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  877. <div class="permatext">
  878. <a href="{permalink}">{notecountwithlabel}</a>
  879. </div>
  880. {/block:Audio}
  881.  
  882. {block:Video}
  883. {block:IndexPage}
  884. <div style="padding-top:0px; padding-bottom:2px;">
  885. {Video-250}</div>
  886. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  887. {block:indexpage}<hr size="1" width="300">
  888. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  889. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}, {Year}
  890. </a></div>{/block:indexpage}
  891. {/block:Video}
  892.  
  893. {block:PermalinkPage}</a>
  894. <div id="permapage"><br>
  895. {block:Caption}{Caption}{/block:Caption}<br/>
  896. {block:notecount}{notecountwithlabel}{/block:notecount}
  897. <br><br>
  898. <div align="left">
  899. {block:PostNotes}
  900. {PostNotes}
  901. {/block:PostNotes}
  902. </div>
  903. </div>
  904. {/block:PermalinkPage}
  905. </div>
  906. {/block:Posts}
  907. </div>
  908. </div>
  909. </div>
  910. </center>
  911. </div>
  912. </div>
  913. {block:indexpage}
  914. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  915. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  916. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  917. <script type="text/javascript">
  918. $(window).load(function(){
  919. var $wall = $('#posts');
  920. $wall.imagesLoaded(function(){
  921. $wall.masonry({
  922. itemSelector: '#entry, #entry_photo',
  923. isAnimated : false
  924. });
  925. });
  926.  
  927. $wall.infinitescroll({
  928. navSelector : '#page-nav',
  929. nextSelector : '#page-nav a',
  930. itemSelector : '#entry, #entry_photo',
  931. bufferPx : 2000,
  932. debug : false,
  933. errorCallback: function() {
  934. $('#infscr-loading').fadeOut('normal');
  935. }},
  936. function( newElements ) {
  937. var $newElems = $( newElements );
  938. $newElems.hide();
  939. $newElems.imagesLoaded(function(){
  940. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  941. });
  942. }); $('#content').show(500);
  943. });
  944. </script>
  945. {/block:indexpage}
  946. </body>
  947. <div style="position:fixed; bottom:10px; left:10px;">
  948. <a href="http://depressur.tumblr.com">theme</a></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement