API tools faq
paste
Advertisement
altairis

THEME 10 - SPRING (Petrichor)

altairis
May 15th, 2013
5,230
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.04 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <!--
  5. theme by altairis @ tumblr
  6.  
  7. do not steal or redistribute this theme!
  8.  
  9. any questions will be answered in my support blog: http://ask-altairis.tumblr.com/
  10. -->
  11.  
  12. <head>
  13. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  18.  
  19. <!--meta tags-->
  20. <meta name="color:background" content="">
  21. <meta name="color:scroll" content="#fc8181">
  22. <meta name="color:scroll bg" content="#ffffff">
  23. <meta name="color:entry" content="#ffffff">
  24. <meta name="color:text" content="#807a7a">
  25. <meta name="color:bold" content="#d14747">
  26. <meta name="color:italic" content="#c44646">
  27. <meta name="color:underline" content="">
  28. <meta name="color:links" content="#a83838">
  29. <meta name="color:header" content="">
  30. <meta name="color:link hover" content="#ec8686">
  31. <meta name="color:blockquote" content="#fc8181">
  32. <meta name="color:blockquotebg" content="#c7c2c2">
  33. <meta name="color:strikethrough" content="">
  34. <meta name="color:entry titles" content="#fdfcfc">
  35. <meta name="color:entry titles bg" content="#da6a6a">
  36. <meta name="color:selection" content="#b13737">
  37. <meta name="color:sidebar" content="#f86c6c">
  38. <meta name="color:title" content="#ffffff">
  39. <meta name="color:permalink" content="#eb8282">
  40. <meta name="color:permalink bg" content="#fcfafa">
  41. <meta name="color:title bg" content="#ee6c6c">
  42. <meta name="color:description" content="#f7f3f4">
  43. <meta name="color:pagination" content="#ffffff">
  44. <meta name="color:pagination bg" content="#ca4646">
  45. <meta name="color:question" content="#fcfafa">
  46. <meta name="color:question bg" content="#c05a5a">
  47. <meta name="color:navi links" content="#fdfcfc">
  48. <meta name="color:navi links hover" content="#a33333">
  49. <meta name="color:navi links bg" content="#d63d3d">
  50. <meta name="color:audio bg" content="#f58b8b">
  51.  
  52. <meta name="image:background" content="http://static.tumblr.com/bg7zoyn/3nhmmutqo/white_bed_sheet.png">
  53. <meta name="image:posts" content="http://static.tumblr.com/bg7zoyn/hEemmutr4/squairy_light.png">
  54. <meta name="image:sidebar" content="http://static.tumblr.com/bg7zoyn/4MZmmuuvq/614195.png">
  55. <meta name="image:header" content="http://static.tumblr.com/bg7zoyn/EbCmmuutu/banner.png">
  56.  
  57. <meta name="if:ImageFade" content="1">
  58. <meta name="if:Captions" content="">
  59. <meta name="if:Monochrome" content="">
  60. <meta name="if:Infinite Scrolling" content="">
  61.  
  62. <meta name="text:Link 1" content="">
  63. <meta name="text:Link URL 1" content="">
  64. <meta name="text:Link 2" content="">
  65. <meta name="text:Link URL 2" content="">
  66. <meta name="text:Link 3" content="">
  67. <meta name="text:Link URL 3" content="">
  68. <meta name="text:Link 4" content="">
  69. <meta name="text:Link URL 4" content="">
  70. <meta name="text:Link 5" content="">
  71. <meta name="text:Link URL 5" content="">
  72. <meta name="text:Link 6" content="">
  73. <meta name="text:Link URL 6" content="">
  74. <meta name="text:Link 7" content="">
  75. <meta name="text:Link URL 7" content="">
  76. <meta name="text:Link 8" content="">
  77. <meta name="text:Link URL 8" content="">
  78.  
  79. <style type="text/css">
  80.  
  81. /*body*/
  82. body{
  83. background-color:{color:background};
  84. background-image: url('{image:background}');
  85. background-repeat:repeat;
  86. margin:0px;
  87. padding:0px;
  88. }
  89.  
  90.  
  91. /*scroll bars*/
  92. ::-webkit-scrollbar {
  93. height: 0px;
  94. width: 5px;
  95. }
  96.  
  97. ::-webkit-scrollbar-thumb {
  98. background-color:{color:scroll};
  99. }
  100.  
  101. ::-webkit-scrollbar-track{
  102. background-color:{color:scroll bg};
  103. }
  104. ::-webkit-scrollbar-buttom{
  105. background-color:{color:scroll bg};
  106. }
  107.  
  108.  
  109. /*images*/
  110. #cassiel{
  111. width:100%;
  112. height:140px;
  113. background-color:{color:header};
  114. position:relative;
  115. top:0px;
  116. left:0px;
  117. z-index:9999
  118. }
  119.  
  120. #cassiel img{
  121. height:140px;
  122. }
  123.  
  124. #barachiel{
  125. font-family: cambria;
  126. font-size: 10px;
  127. text-align: center;
  128. width:100px;
  129. height:12px;
  130. text-transform:uppercase;
  131. padding:10px;
  132. background-color:{color:title bg};
  133. letter-spacing:1px;
  134. margin-top:0px;
  135. width:100%;
  136. left:0px;
  137. position:relative;
  138. color:{color:title};
  139. z-index:9999
  140. }
  141.  
  142. #navi{
  143. position:relative;
  144. margin-top:-132px;
  145. margin-left:20px;
  146. width:280px;
  147. text-align:center;
  148. z-index:99999!important;
  149. }
  150.  
  151. #navi a{
  152. display:inline-block;
  153. font-family:calibri;
  154. margin-top:5px;
  155. text-transform:uppercase;
  156. font-size:10px;
  157. padding:10px;
  158. text-decoration:none;
  159. background-color:{color:navi links bg};
  160. opacity:.5;
  161. color:{color:navi links};
  162. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  163. }
  164.  
  165. #navi a:hover{
  166. opacity:1;
  167. text-decoration:none;
  168. background-color:{color:navi links hover};
  169. color:{color:navi links};
  170. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  171. }
  172.  
  173. #sidebar{
  174. width:100px;
  175. height:140px;
  176. position:fixed;
  177. background-color:{color:sidebar};
  178. padding:10px;
  179. margin-left:-130px;
  180. top:193px
  181. }
  182.  
  183. #sidebar img{
  184. width:100px;
  185. height:140px;
  186. }
  187.  
  188. #desc{
  189. width:100px;
  190. background-color:{color:sidebar};
  191. color:{color:description};
  192. padding:10px;
  193. margin-top:20px;
  194. font-family:cambria;
  195. font-size:10px;
  196. margin-left:-10px
  197. }
  198.  
  199.  
  200. /*entries*/
  201. .container{
  202. {block:IndexPage}width:640px;{/block:IndexPage}
  203. {block:PermalinkPage}width:530px;{/block:PermalinkPage}
  204. height:100%;
  205. position:relative;
  206. margin-top:20px;
  207. bottom:10px;
  208. margin-left:auto!important;
  209. margin-right:auto!important;
  210. }
  211.  
  212. .entry {
  213. background-color:{color:entry};
  214. {block:IndexPage}
  215. width:250px;
  216. padding:10px 10px 3px 10px;
  217. {/block:IndexPage}
  218. {block:PermalinkPage}
  219. width:500px;
  220. padding:15px 15px 15px 15px;
  221. {/block:PermalinkPage}
  222. margin:10px!important;
  223. top:160px;
  224. margin-top:15px;
  225. margin-bottom:5px;
  226. display:block;
  227. border:15px solid;
  228. border-image: url('{image:posts}') 20% repeat;
  229. font-family:cambria;
  230. font-weight:normal;
  231. font-size:11px;
  232. color:{color:text};
  233. text-align:justify;
  234. z-index:999!important;
  235. float:left;
  236. }
  237.  
  238. #bitchi{
  239. width:100px;
  240. position:absolute;
  241. height:15px;
  242. border:3px solid {color:bold};
  243. font-family:calibri;
  244. font-size:10px;
  245. text-transform:uppercase;
  246. text-align:center;
  247. color:{color:permalink};
  248. background-color:{color:permalink bg};
  249. opacity:0;
  250. top:14px;
  251. left:14px;
  252. -webkit-transition: all 0.7s ease-in-out;
  253. -moz-transition: all 0.7s ease-in-out;
  254. -o-transition: all 0.7s ease-in-out;
  255. -ms-transition: all 0.7s ease-in-out;
  256. transition: all 0.7s ease-in-out
  257. }
  258.  
  259. .entry:hover #bitchi{
  260. opacity:1;
  261. color:{color:permalink};
  262. background-color:{color:permalink bg};
  263. -webkit-transition: all 0.7s ease-in-out;
  264. -moz-transition: all 0.7s ease-in-out;
  265. -o-transition: all 0.7s ease-in-out;
  266. -ms-transition: all 0.7s ease-in-out;
  267. transition: all 0.7s ease-in-out
  268. }
  269.  
  270. #bitchi a{
  271. color:{color:permalink};
  272. z-index:99999;
  273. text-decoration:none;
  274. -webkit-transition: all 0.7s ease-in-out;
  275. -moz-transition: all 0.7s ease-in-out;
  276. -o-transition: all 0.7s ease-in-out;
  277. -ms-transition: all 0.7s ease-in-out;
  278. transition: all 0.7s ease-in-out
  279. }
  280.  
  281. #bitchi a:hover{
  282. color:{color:permalink};
  283. text-decoration:none;
  284. border-bottom:1px dashed {color:permalink};
  285. -webkit-transition: all 0.7s ease-in-out;
  286. -moz-transition: all 0.7s ease-in-out;
  287. -o-transition: all 0.7s ease-in-out;
  288. -ms-transition: all 0.7s ease-in-out;
  289. transition: all 0.7s ease-in-out
  290. }
  291.  
  292. b,strong {
  293. color:{color:bold};
  294. }
  295.  
  296. i,em {
  297. color:{color:italic};
  298. }
  299.  
  300. u {
  301. color:{color:underline};
  302. }
  303.  
  304. strike {
  305. color:{color:strikethrough};
  306. }
  307.  
  308. a {
  309. color:{color:links};
  310. font-style:italic;
  311. padding:0px;
  312. text-decoration:none;
  313. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  314. }
  315.  
  316. a:hover {
  317. color:{color:link hover};
  318. text-decoration:none;
  319. font-style:none;
  320. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  321. }
  322.  
  323. blockquote {
  324. border-left:1px dashed {color:blockquote};
  325. padding-left:5px;
  326. margin-left:2px;
  327. {block:IndexPage}width:220px;{/block:IndexPage}
  328. {block:PermalinkPage}width:450px;{/block:PermalinkPage}
  329. }
  330.  
  331. pre {
  332. white-space: pre-wrap; /* css-3 */
  333. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  334. white-space: -pre-wrap; /* Opera 4-6 */
  335. white-space: -o-pre-wrap; /* Opera 7 */
  336. word-wrap: break-word; /* Internet Explorer 5.5+ */
  337. }
  338.  
  339. .entry h1 {
  340. font-family:calibri;
  341. text-transform:uppercase;
  342. font-style:italic;
  343. letter-spacing:1px;
  344. font-size:10px;
  345. text-align:center;
  346. font-weight:normal;
  347. padding:20px;
  348. background-color:{color:entry titles bg};
  349. line-height:70%;
  350. color:{color:entry titles};
  351. margin-top:0px;
  352. }
  353.  
  354. .entry img{
  355. {block:IndexPage}max-width:250px;{/block:IndexPage}
  356. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
  357. -webkit-transition: all 0.7s ease-in-out;
  358. -moz-transition: all 0.7s ease-in-out;
  359. -o-transition: all 0.7s ease-in-out;
  360. -ms-transition: all 0.7s ease-in-out;
  361. transition: all 0.7s ease-in-out;
  362. background-color:transparent!important;
  363. {block:IfImageFade}
  364. opacity:.7;{/block:IfImageFade}
  365. {block:IfMonochrome}
  366. 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 3.5+ */
  367. filter: gray; /* IE6-9 */
  368. -webkit-filter: grayscale(1);opacity:1;
  369. {/block:IfMonochrome}
  370. }
  371.  
  372. .entry img:hover{
  373. -webkit-transition: all 0.7s ease-in-out;
  374. -moz-transition: all 0.7s ease-in-out;
  375. -o-transition: all 0.7s ease-in-out;
  376. -ms-transition: all 0.7s ease-in-out;
  377. transition: all 0.7s ease-in-out;
  378. background-color:transparent!important;
  379. {block:IfImageFade}opacity:1{/block:IfImageFade}
  380. {block:IfMonochrome}filter: none;
  381. -webkit-filter: grayscale(0);
  382. -webkit-transition: all 0.7s ease-in-out;
  383. -moz-transition: all 0.7s ease-in-out;
  384. -o-transition: all 0.7s ease-in-out;opacity:1;{/block:IfMonochrome}
  385. }
  386.  
  387. /*photo & photosets*/
  388. .photo{
  389. {block:IndexPage}max-width:250px;{/block:IndexPage}
  390. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
  391. display:block;
  392. background-color:transparent!important;
  393. padding:0px 0px 5px 0px;
  394. {block:IfNotImageFade}
  395. opacity:1;{/block:IfNotImageFade}
  396. {block:IfImageFade}
  397. opacity:.7;{/block:IfImageFade}
  398. {block:IfMonochrome}
  399. 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 3.5+ */
  400. filter: gray; /* IE6-9 */
  401. -webkit-filter: grayscale(1);opacity:1;
  402. {/block:IfMonochrome}
  403. -webkit-transition: all 0.7s ease-in-out;
  404. -moz-transition: all 0.7s ease-in-out;
  405. -o-transition: all 0.7s ease-in-out;}
  406.  
  407. .photo:hover{
  408. -webkit-transition: all 0.7s ease-in-out;
  409. -moz-transition: all 0.7s ease-in-out;
  410. -o-transition: all 0.7s ease-in-out;
  411. -ms-transition: all 0.7s ease-in-out;
  412. transition: all 0.7s ease-in-out;
  413. background-color:transparent!important;
  414. {block:IfImageFade}
  415. opacity:1;{/block:IfImageFade}
  416. {block:IfMonochrome}filter: none;
  417. -webkit-filter: grayscale(0);
  418. -webkit-transition: all 0.7s ease-in-out;
  419. -moz-transition: all 0.7s ease-in-out;
  420. -o-transition: all 0.7s ease-in-out;opacity:1;{/block:IfMonochrome}}
  421.  
  422. /*quote posts*/
  423. .entry h2{
  424. font-family:calibri;
  425. text-transform:uppercase;
  426. font-style:italic;
  427. letter-spacing:1px;
  428. font-size:10px;
  429. text-align:center;
  430. font-weight:normal;
  431. padding:20px;
  432. background-color:{color:entry titles bg};
  433. line-height:70%;
  434. color:{color:entry titles};
  435. margin-top:0px;
  436. }
  437.  
  438. #source {
  439. font-family:cambria;
  440. font-size:9px;
  441. text-align:right;
  442. border-top:1px solid {color:text};
  443. padding:5px;
  444. }
  445.  
  446. /*link posts*/
  447.  
  448. .entry h1 a{
  449. font-family:calibri;
  450. text-transform:uppercase;
  451. font-style:italic;
  452. letter-spacing:1px;
  453. font-size:10px;
  454. text-align:center;
  455. font-weight:normal;
  456. padding:20px;
  457. background-color:{color:entry titles bg};
  458. line-height:70%;
  459. color:{color:entry titles};
  460. }
  461.  
  462. .entry h1 a:hover{
  463. font-family:calibri;
  464. text-transform:uppercase;
  465. font-style:italic;
  466. letter-spacing:1px;
  467. font-size:10px;
  468. text-align:center;
  469. font-weight:normal;
  470. padding:20px;
  471. background-color:{color:link hover};
  472. line-height:70%;
  473. color:#ffffff;
  474. }
  475.  
  476. /*ask posts*/
  477. #quest{
  478. height:100%;
  479. {block:IndexPage}width:84%;{/block:IndexPage}
  480. {block:PermalinkPage}width:92%;{/block:PermalinkPage}
  481. font-family:calibri;
  482. text-transform:uppercase;
  483. font-style:italic;
  484. letter-spacing:1px;
  485. font-size:10px;
  486. text-align:center;
  487. font-weight:normal;
  488. padding:20px;
  489. background-color:{color:question bg};
  490. line-height:70%;
  491. color:{color:question};
  492. }
  493.  
  494. /*selection*/
  495. ::selection {
  496. background: {color:selection};
  497. color: #ffffff;
  498. }
  499.  
  500. ::-moz-selection {
  501. background: {color:selection};
  502. color: #ffffff;
  503. }
  504.  
  505. ::-webkit-selection {
  506. background: {color:selection};
  507. color: #ffffff;
  508. }
  509.  
  510. #permanote {
  511. width:480px;
  512. margin-top:10px;
  513. margin-bottom:15px;
  514. margin-left:auto;
  515. margin-right:auto;
  516. position:relative;
  517. color:{color:text};
  518. font-size:10px;
  519. }
  520.  
  521. #permanote a{
  522. color:{color:links};
  523. padding:2px;
  524. text-decoration:none;
  525. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  526. }
  527.  
  528. #permanote a:hover{
  529. color:#ffffff;
  530. background-color:{color:link hover};
  531. padding:2px;
  532. text-decoration:none;
  533. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  534. }
  535.  
  536.  
  537. ol.notes li {
  538. list-style:decimal;
  539. margin-left:-26px;
  540. padding:4px;
  541. }
  542.  
  543.  
  544. .perma{
  545. position:absolute!important;
  546. {block:IndexPage}width:330px;{/block:IndexPage}
  547. margin-top:30px;
  548. margin-left:-44px;
  549. text-align:center;
  550. padding:5px;
  551. z-index:99
  552. }
  553.  
  554. .perma a{
  555. display:inline-block;
  556. font-family:cambria;
  557. font-size:9px;
  558. color:#ffffff;
  559. background-color:transparent;
  560. text-transform:uppercase;
  561. text-decoration:none;
  562. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  563. }
  564.  
  565. .perma a:hover{
  566. color:{color:links hover};
  567. text-decoration:none;
  568. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  569. }
  570.  
  571. #date{
  572. width:500px;
  573. text-align:left;
  574. color:{color:info};
  575. text-transform:uppercase;
  576. font-family:calibri;
  577. font-size:9px;
  578. margin-top:5px;
  579. z-index:99999
  580. }
  581.  
  582. .date a{
  583. text-decoration:none;opacity:1;
  584. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  585. }
  586.  
  587. .date a:hover{
  588. color:{color:info hover};
  589. text-decoration:none;
  590. opacity:1
  591. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  592. }
  593.  
  594. #borderinfo{
  595. border-bottom:4px solid {color:info};
  596. width:500px;
  597. margin-top:10px
  598. }
  599.  
  600. #pagination {
  601. font-family: cambria;
  602. font-size: 10px;
  603. text-align: center;
  604. width:100px;
  605. padding:5px;
  606. background-color:{color:pagination bg};
  607. letter-spacing:3px;
  608. bottom:0px;
  609. width:100%;
  610. left:0px;
  611. position:fixed;
  612. color:{color:pagination};
  613. z-index:9999
  614. }
  615.  
  616. #pagination a{
  617. color:{color:pagination};
  618. background-color:transparent;
  619. text-decoration:none;
  620. }
  621.  
  622. #pagination a:hover{
  623. color:{color:pagination};
  624. background-color:transparent;
  625. border-bottom:dashed 1px {color:pagination};
  626. text-decoration:none;
  627. }
  628.  
  629. #kudos {
  630. font-family:calibri;
  631. text-align:left;
  632. font-size:10px;
  633. color:{color:text};
  634. position:fixed!important;
  635. padding:10px;
  636. text-decoration:none;
  637. bottom:-5px;
  638. right:0px;}
  639.  
  640. #kudos a {
  641. color:{color:links}!important;
  642. background-color:#ffffff;
  643. text-decoration:none
  644. }
  645.  
  646. #kudos a:hover{
  647. color:{color:links}!important;
  648. background-color:#ffffff;
  649. text-decoration:none
  650. }
  651.  
  652.  
  653. iframe#tumblr_controls {
  654. z-index:999999999 !important;
  655. right:3px !important;
  656. position: fixed !important;
  657. -webkit-transition: opacity 0.7s linear;
  658. opacity: 0.8;
  659. -webkit-transition: all 0.8s ease-out;
  660. -moz-transition: all 0.8s ease-out;
  661. transition: all 0.8s ease-out;
  662. z-index:999999999
  663. }
  664.  
  665. iframe#tumblr_controls:hover {
  666. -webkit-transition: opacity 0.7s linear;
  667. opacity: 1;
  668. -webkit-transition: all 0.4s ease-out;
  669. -moz-transition: all 0.4s ease-out;
  670. transition: all 0.4s ease-out;
  671. }
  672.  
  673. #s-m-t-tooltip{
  674. max-width:300px;
  675. z-index:10;
  676. margin:14px 10px 5px 15px;
  677. padding:3px;
  678. background-color:#ffffff;
  679. text-transform:uppercase;
  680. font-family:calibri;
  681. font-size:10px;
  682. line-height:13px;
  683. color:#888888;
  684. z-index:99999;
  685. }
  686.  
  687. .pagination {
  688. display: none;
  689. }
  690.  
  691. {CustomCSS}
  692.  
  693. </style>
  694.  
  695.  
  696. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  697.  
  698. <script src="http://static.tumblr.com/taiol9r/FKKmcv180/jquery.style-my-tooltips.js"></script>
  699.  
  700. <script>
  701. (function($){
  702. $(document).ready(function(){
  703. $("[title]").style_my_tooltips({
  704. tip_follows_cursor:true,
  705. tip_delay_time:100,
  706. tip_fade_speed:500,
  707. });
  708. });
  709. })(jQuery);
  710. </script>
  711.  
  712. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  713.  
  714. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  715.  
  716. <script>
  717. $(function(){
  718. var $container = $('.container');
  719. $container.imagesLoaded(function(){
  720. $container.masonry({
  721. itemSelector: '.entry',
  722. });
  723. });
  724. $container.infinitescroll({
  725. itemSelector : ".entry",
  726. navSelector : "div.pagination",
  727. nextSelector : ".pagination a#next",
  728. loadingImg : "",
  729. loadingText : "<em></em>",
  730. bufferPx : 10000,
  731. extraScrollPx: 12000,
  732. },
  733. // trigger Masonry as a callback
  734. function( newElements ) {
  735. var $newElems = $( newElements ).css({ opacity: 0 });
  736. // ensure that images load before adding to masonry layout
  737. $newElems.imagesLoaded(function(){
  738. $newElems.animate({ opacity: 1 });
  739. $container.masonry( 'appended', $newElems, true );
  740. });
  741. }
  742. );
  743. });
  744. </script>
  745.  
  746. </head>
  747.  
  748. <body>
  749.  
  750. <div id="cassiel"><img src="{image:header}"><div id="navi">
  751. <a href="/">home</a>
  752. <a href="/ask">mail</a>
  753. <a href="/archive">past</a>
  754. <a href="/random">random</a>
  755. {block:IfLink1}<a href="{text:Link URL 1}">{text:Link 1}</a>{/block:IfLink1}
  756. {block:IfLink2}<a href="{text:Link URL 2}">{text:Link 2}</a>{/block:IfLink2}
  757. {block:IfLink3}<a href="{text:Link URL 3}">{text:Link 3}</a>{/block:IfLink3}
  758. {block:IfLink4}<a href="{text:Link URL 4}">{text:Link 4}</a>{/block:IfLink4}
  759. {block:IfLink5}<a href="{text:Link URL 5}">{text:Link 5}</a>{/block:IfLink5}
  760. {block:IfLink6}<a href="{text:Link URL 6}">{text:Link 6}</a>{/block:IfLink6}
  761. {block:IfLink7}<a href="{text:Link URL 7}">{text:Link 7}</a>{/block:IfLink7}
  762. {block:IfLink8}<a href="{text:Link URL 8}">{text:Link 8}</a>{/block:IfLink8}
  763. </div></div>
  764. <div id="barachiel">{Title}</div>
  765.  
  766. {block:IfInfiniteScrolling}
  767. <div class="pagination">
  768. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  769. </div>{/block:IfInfiniteScrolling}
  770.  
  771. {block:IfNotInfiniteScrolling}
  772. {block:Pagination}<div id="pagination">
  773. {block:PreviousPage}<a href="{PreviousPage}">←</a>&nbsp;&nbsp;{/block:PreviousPage}
  774. {block:JumpPagination length="5"}
  775. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  776. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  777. {/block:JumpPagination}
  778. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  779. </div>{/block:Pagination}{/block:IfNotInfiniteScrolling}
  780.  
  781.  
  782. <div class = "autopagerize_page_element" >
  783.  
  784. <div class="container">
  785.  
  786. <div id="sidebar"><img src="{image:sidebar}"><div id="desc">{Description}</div></div>
  787.  
  788. {block:Posts}
  789. <div class="entry">
  790.  
  791. {block:Text}
  792. {block:Title}<h1>{Title}</h1>{/block:Title}
  793. {Body}
  794. {/block:Text}
  795.  
  796. {block:Photo}
  797. <center><div class="photo">
  798. {block:IndexPage}<img src="{PhotoURL-250}">{/block:IndexPage}
  799. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}">{/block:PermalinkPage}{LinkCloseTag}</div></center>
  800. {block:IfCaptions}{block:Caption}
  801. {Caption}
  802. {/block:Caption}{/block:IfCaptions}
  803. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  804. {Caption}
  805. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  806. {/block:Photo}
  807.  
  808. {block:Photoset}
  809. <div class="photo">
  810. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  811. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  812. </div>
  813. {block:IfCaptions}{block:Caption}
  814. {Caption}
  815. {/block:Caption}{/block:IfCaptions}
  816. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  817. {Caption}
  818. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  819. {/block:Photoset}
  820.  
  821. {block:Quote}
  822. <h2>❝{Quote}❞</h2>
  823. {block:Source}<div id="source">—{Source}</div>{/block:Source}
  824. {/block:Quote}
  825.  
  826. {block:Link}
  827. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  828. {block:Description}{Description}{/block:Description}
  829. {/block:Link}
  830.  
  831. {block:Chat}
  832. {block:Title}<h1>{Title}</h1>{/block:Title}
  833. {block:Lines}
  834. {block:Label}
  835. <b>{Label}</b>
  836. {/block:Label}
  837. {Line}<br />
  838. {/block:Lines}
  839. {/block:Chat}
  840.  
  841. {block:Audio}
  842. <div style="height:40px;padding:20px 20px 10px 20px;background-color:{color:Audio bg}">{AudioPlayerWhite}</div>
  843.  
  844. {block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br />{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br /><b>Plays:</b> {FormattedPlayCount}<br/>{block:Caption}{Caption}{/block:Caption}
  845. {/block:Audio}
  846.  
  847.  
  848. {block:Video}
  849. {block:IndexPage}{Video-250}{/block:IndexPage}
  850. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  851. {block:IfCaptions}{block:Caption}
  852. {Caption}
  853. {/block:Caption}{/block:IfCaptions}
  854. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  855. {Caption}
  856. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  857. {/block:Video}
  858.  
  859. {block:Answer}
  860. <div id="quest">{Asker}: {Question}</div>
  861. {Answer}
  862. {/block:Answer}
  863.  
  864. {block:IndexPage}
  865. <div id="bitchi">
  866. <a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year} </a> · <a href="{Permalink}">{block:NoteCount} {NoteCount} {/block:NoteCount}</a>
  867. </div>
  868. {/block:IndexPage}
  869.  
  870. {block:PermalinkPage}
  871.  
  872. <div id="borderinfo"></div>
  873.  
  874. <div id="date">
  875. Posted: <a href="{Permalink}">{block:Date} {TimeAgo} {/block:Date}</a> {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel} {/block:NoteCount}</a>-
  876.  
  877. {block:RebloggedFrom} VIA: <a href="{ReblogParentURL}">{ReblogParentName}</a> - {/block:RebloggedFrom}
  878.  
  879. {block:ContentSource} SOURCE: <a href="{SourceURL}">{SourceTitle}</a> -{/block:ContentSource} <a href="{ReblogURL}" target="_blank">Reblog?</a>
  880.  
  881. {block:NotReblog}
  882. {/block:NotReblog}
  883. <br/>
  884.  
  885. {block:Tags}{block:HasTags} <a href="{TagURL}">#{Tag}</a>{/block:HasTags}{/block:Tags}
  886. </div>
  887. {/block:PermalinkPage}
  888.  
  889. </div>
  890.  
  891. {/block:Posts}
  892.  
  893. </div></div>
  894.  
  895. {block:PermalinkPage}
  896.  
  897. {block:PostNotes}<div id="permanote">{PostNotes-16}</div>{/block:PostNotes}
  898.  
  899. {/block:PermalinkPage}
  900.  
  901. <div style="text-transform:uppercase;text-align:right; position:fixed; bottom:0px; right:0px;z-index:9999"><div id="kudos"><a href="http://altairis.tumblr.com/">theme</a></div></div>
  902.  
  903. </body>
  904.  
  905. </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!