API tools faq
paste
Advertisement
b0rn-to-be-wild

Serendipity

b0rn-to-be-wild
May 13th, 2014
1,029
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <!----
  5.  
  6. © borntobewildthemes.tumblr.com | "Serendipity"
  7.  
  8. + Please do not redistribute this theme or remove credits
  9. + You are allowed to make changes as long as you keep our credits
  10. + If you have any questions or concerns, just contact us
  11. + Thanks for using our theme :) Hope you enjoy it!
  12.  
  13. ---->
  14.  
  15. <head>
  16.  
  17. <!--Google fonts-->
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Rancho' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  28.  
  29. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  30.  
  31. <meta name="viewport" content="width=device-width, initial-scale=1">
  32.  
  33.  
  34. <title>{Title}</title>
  35.  
  36. <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}</title>
  37.  
  38. <link rel="shortcut icon" href="{image:Sidebar}">
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  40.  
  41. <meta name="image:Sidebar" content="1"/>
  42. <meta name="image:Background" content="1"/>
  43.  
  44. <meta name="color:Background" content="#fff"/>
  45. <meta name="color:Link" content="#333"/>
  46. <meta name="color:Post hover color" content="#888888"/>
  47. <meta name="color:Icon" content="#ccc"/>
  48. <meta name="color:Sidebar link" content="#eee"/>
  49. <meta name="color:Sidebar link background" content="#e8a5db"/>
  50. <meta name="color:Sidebar icon" content="#eee"/>
  51. <meta name="color:Sidebar icon background" content="#85D4FF"/>
  52. <meta name="color:Text" content="#ccc"/>
  53. <meta name="color:Hover" content="#78cc6f"/>
  54. <meta name="color:Blog Title" content="#ccc"/>
  55. <meta name="color:Blog Title First Letter" content="#78cc6f"/>
  56. <meta name="color:Pagination" content="#ccc"/>
  57. <meta name="color:Description" content="#eee"/>
  58. <meta name="color:Description background" content="#78cc6f"/>
  59. <meta name="color:Borders" content="#ccc"/>
  60. <meta name="color:Bold" content="#85D4FF"/>
  61. <meta name="color:Italic" content="#e8a5db"/>
  62. <meta name="color:Scrollbar" content="#eee"/>
  63.  
  64. <meta name="select:Post transparency color" content="255,255,255" title="white">
  65. <meta name="select:Post transparency color" content="0,0,0" title="black">
  66. <meta name="select:Post transparency color" content="238,238,238" title="gray">
  67. <meta name="select:Post transparency color" content="255,168,212" title="pink">
  68. <meta name="select:Post transparency color" content="127,88,242" title="purple">
  69. <meta name="select:Post transparency color" content="184,168,255" title="indigo">
  70. <meta name="select:Post transparency color" content="184,208,255" title="blue">
  71. <meta name="select:Post transparency color" content="103,173,90" title="green">
  72. <meta name="select:Post transparency color" content="33,209,297" title="turquoise">
  73. <meta name="select:Post transparency color" content="226,229,23" title="yellow">
  74. <meta name="select:Post transparency color" content="112,38,11" title="brown">
  75.  
  76. <meta name="select:Post transparency" content="1" title="opaque">
  77. <meta name="select:Post transparency" content=".9" title=".9">
  78. <meta name="select:Post transparency" content=".8" title=".8">
  79. <meta name="select:Post transparency" content=".7" title=".7">
  80. <meta name="select:Post transparency" content=".6" title=".6">
  81. <meta name="select:Post transparency" content=".5" title=".5">
  82. <meta name="select:Post transparency" content=".4" title=".4">
  83. <meta name="select:Post transparency" content=".3" title=".3">
  84. <meta name="select:Post transparency" content=".2" title=".2">
  85. <meta name="select:Post transparency" content=".1" title=".1">
  86. <meta name="select:Post transparency" content=".0" title="transparent">
  87.  
  88. <meta name="select:Sidebar transparency color" content="255,255,255" title="white">
  89. <meta name="select:Sidebar transparency color" content="238,238,238" title="gray">
  90. <meta name="select:Sidebar transparency color" content="0,0,0" title="black">
  91. <meta name="select:Sidebar transparency color" content="255,168,212" title="pink">
  92. <meta name="select:Sidebar transparency color" content="127,88,242" title="purple">
  93. <meta name="select:Sidebar transparency color" content="184,168,255" title="indigo">
  94. <meta name="select:Sidebar transparency color" content="184,208,255" title="blue">
  95. <meta name="select:Sidebar transparency color" content="103,173,90" title="green">
  96. <meta name="select:Sidebar transparency color" content="33,209,297" title="turquoise">
  97. <meta name="select:Sidebar transparency color" content="226,229,23" title="yellow">
  98. <meta name="select:Sidebar transparency color" content="112,38,11" title="brown">
  99.  
  100. <meta name="select:Sidebar transparency" content="1" title="opaque">
  101. <meta name="select:Sidebar transparency" content=".9" title=".9">
  102. <meta name="select:Sidebar transparency" content=".8" title=".8">
  103. <meta name="select:Sidebar transparency" content=".7" title=".7">
  104. <meta name="select:Sidebar transparency" content=".6" title=".6">
  105. <meta name="select:Sidebar transparency" content=".5" title=".5">
  106. <meta name="select:Sidebar transparency" content=".4" title=".4">
  107. <meta name="select:Sidebar transparency" content=".3" title=".3">
  108. <meta name="select:Sidebar transparency" content=".2" title=".2">
  109. <meta name="select:Sidebar transparency" content=".1" title=".1">
  110. <meta name="select:Sidebar transparency" content=".0" title="transparent">
  111.  
  112. <meta name="select:Title Font" content="Rancho" title="Rancho">
  113. <meta name="select:Title Font" content="Clicker Script" title="Clicker Script">
  114. <meta name="select:Title Font" content="Dancing Script" title="Dancing Script">
  115. <meta name="select:Title Font" content="Julius Sans One" title="Julius Sans One">
  116. <meta name="select:Title Font" content="The Girl Next Door" title="Julius Sans One">
  117.  
  118. <meta name="font:Body font" content="Helvetica"/>
  119.  
  120. <meta name="if:Show Sidebar Image" content="1" />
  121. <meta name="if:Show Description" content="1" />
  122. <meta name="if:Show Sidebar Icons" content="1" />
  123. <meta name="if:Show Extra Links" content="1" />
  124. <meta name="if:Show Captions" content="1" />
  125. <meta name="if:Show Tags" content="1" />
  126.  
  127. <meta name="text:Link One Title" content="Link" />
  128. <meta name="text:Link One Url" content="http://"/>
  129. <meta name="text:Link Two Title" content="Link"/>
  130. <meta name="text:Link Two Url" content="http://"/>
  131. <meta name="text:Link Three Title" content="Link" />
  132. <meta name="text:Link Three Url" content="http://" />
  133. <meta name="text:Link Four Title" content="Link" />
  134. <meta name="text:Link Four Url" content="http://" />
  135. <meta name="text:Link Five Title" content="Link" />
  136. <meta name="text:Link Five Url" content="http://" />
  137.  
  138. <meta charset="utf-8">
  139.  
  140. <style type="text/css">
  141.  
  142. /* Main Content */
  143.  
  144. body {
  145. color:{color:Text};
  146. background-color:{color:Background};
  147. background-image:url({image:Background});
  148. background-attachment: fixed;
  149. background-repeat: repeat;
  150. font-family:{font:Body font};
  151. line-height:100%;
  152. font-size:14px;
  153. text-align:left;
  154. overflow-x:hidden;
  155. }
  156.  
  157. h1{
  158. line-height: 25px;
  159. color:{color:Title};
  160. font-family:{select:Title Font};
  161. font-size:20px;
  162. font-weight: normal;
  163. border-bottom:1px solid {color:Info border};
  164. }
  165.  
  166. a:link, a:active, a:visited{
  167. -webkit-transition: color 0.3s ease-out;
  168. -moz-transition: color 0.3s ease-out;
  169. transition: color 0.3s ease-out;
  170. color:{color:link};
  171. text-decoration:none;
  172. }
  173.  
  174. a:hover {
  175. color: {color:Hover};
  176. text-decoration:none;
  177. }
  178.  
  179. a img{border: 0px;}
  180.  
  181. b, strong {color:{color:Bold};}
  182. i, em {color:{color:Italic};}
  183. p {margin-top:5px; margin-bottom:5px;}
  184.  
  185. blockquote{
  186. padding:0px 0px 2px 5px;
  187. margin:0px 0px 2px 10px;
  188. border-left: 1px dotted #555555;
  189. }
  190.  
  191. blockquote p, ul{
  192. margin:0px;
  193. padding:0px;
  194. }
  195.  
  196. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  197.  
  198. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  199. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  200.  
  201. .notes img{
  202. width:15px;
  203. position:relative;
  204. top:3px;
  205. margin-right:5px;
  206. border:1px solid {color:Borders};
  207. border-radius:60px;
  208. }
  209.  
  210. <--ses-->
  211. small{font-size: 90%;}
  212.  
  213. big{font-size: 110%;}
  214.  
  215.  
  216. /* Webkit scrollbar */
  217.  
  218. ::-webkit-scrollbar-thumb {
  219. background: {color:Scrollbar};
  220. height: auto; border: 3px solid {color:Background};
  221. }
  222.  
  223. ::-webkit-scrollbar {
  224. height:10px;
  225. width:12px;
  226. background: {color:Scrollbar};
  227. height: auto;
  228. border: 5px solid {color:Background};
  229. }
  230.  
  231. /* Posts and entries */
  232.  
  233. #wrap {
  234. width:100%;
  235. margin: 0 auto;
  236. }
  237.  
  238. #posts {
  239. width:70%;
  240. padding:10px;
  241. margin-left:300px;
  242. {block:PermalinkPage}
  243. width:800px;
  244. margin:auto;
  245. overflow:visible;
  246. {/block:PermalinkPage}
  247. }
  248.  
  249. .entry {
  250. float:left;
  251. width:250px;
  252. padding:10px;
  253. margin:10px;
  254. overflow:hidden;
  255. border:1px dashed {color:Borders};
  256. background:rgba({select:Post transparency color}, {select:Post transparency});
  257. {block:PermalinkPage}
  258. margin-left:160px;
  259. width:500px;
  260. {/block:PermalinkPage}
  261. display: block;
  262. position: relative;
  263. }
  264.  
  265. .entry p img, .entry blockquote img { max-width: 100%; }
  266.  
  267. .entry:hover {
  268. {block:IndexPage}
  269. -webkit-transition: opacity 0.5s linear;
  270. -webkit-transition: all 0.5s ease-out;
  271. -moztransition: all 0.5s ease-out;
  272. transition: all 0.5s ease-out;
  273. opacity:.9;
  274. {/block:IndexPage}
  275. }
  276.  
  277. .entry .infoo{
  278. position:absolute;
  279. width:100%;
  280. height:100%;
  281. top:0px;
  282. left:0px;
  283. background:{color:Post hover color};
  284. overflow:hidden;
  285. opacity:0.0;
  286. font-size:13px;
  287. color:{color:Link};
  288. letter-spacing:1px;
  289. text-align:center;
  290. z-index:10;
  291. -webkit-transition: all 0.6s ease-out;
  292. -moz-transition: all 0.6s ease-out;
  293. transition: all 0.6s ease-out;
  294. }
  295.  
  296. .entry .infoo a{
  297. color:{color:Link};
  298. }
  299.  
  300. .entry .infoo img{
  301. width:auto;
  302. }
  303.  
  304. .entry:hover .infoo{
  305. opacity:.9;
  306. background:{color:Post hover color};
  307. -webkit-transition: all 0.6s ease-out;
  308. -moz-transition: all 0.6s ease-out;
  309. transition: all 0.6s ease-out;
  310. }
  311.  
  312. .e {
  313. position: absolute;
  314. z-index:1000;
  315. top: 40%;
  316. width: 100%;
  317. padding:0px;
  318. font-size:16px;
  319. color: #ffffff;
  320. }
  321.  
  322. .e a {
  323. display:inline;
  324. font-size: 20px;
  325. letter-spacing:1px;
  326. color: #fff;
  327. }
  328.  
  329. /* Sidebar */
  330.  
  331. #sidebar {
  332. display: block;
  333. position:fixed;
  334. top:0px;
  335. left:0;
  336. background:rgba({select:Sidebar transparency color}, {select:Sidebar transparency});
  337. line-height:20px;
  338. font-size:22px;
  339. padding-top:20px;
  340. padding-left:50px;
  341. padding-right:15px;
  342. padding-bottom:15px;
  343. width:200px;
  344. height:100%;
  345. word-wrap:break-word;
  346. text-align:justify;
  347. z-index:1
  348. }
  349.  
  350. #sidebaricons {
  351. position:relative;
  352. display:inline;
  353. text-align:center;
  354. min-width:300px;
  355. margin:20px auto;
  356. padding:5px;
  357. }
  358.  
  359. #sidebaricons i{
  360. padding-left:5px;
  361. padding-right:5px;
  362. margin:5px;
  363. line-height:20px;
  364. font-size:12px;
  365. border-radius:20px;
  366. background:{color:Sidebar icon background};
  367. }
  368.  
  369. #sidebaricons i{
  370. color:{color:Sidebar icon};
  371. }
  372.  
  373. #sidebaricons a:hover{
  374. transform:rotate(360deg);
  375. -ms-transform:rotate(360deg);
  376. -webkit-transform:rotate(360deg);
  377. -o-transform:rotate(360deg);
  378. }
  379.  
  380. #sidebar .sidebarimage {
  381. display:block;
  382. width:190px;
  383. height:150px;
  384. padding:3px;
  385. border:dashed 1px #cccccc;
  386. margin-top:15px;
  387. margin-left:5px;
  388. }
  389.  
  390. #sidebar .sidebarimage img {
  391. display:block;
  392. width:100%;
  393. height:100%;
  394. }
  395.  
  396. #sidebarlinks {
  397. display: block;
  398. position:fixed;
  399. margin-top:125px;
  400. margin-left:10px;
  401. line-height:30px;
  402. width:20px;
  403. padding:5px;
  404. height:auto;
  405. text-align:center;
  406. z-index:10;
  407. }
  408.  
  409. #sidebarlinks a{
  410. display:block;
  411. padding-left:4px;
  412. padding-right:7px;
  413. line-height:20px;
  414. font-size:12px;
  415. border-radius:20px;
  416. color:{color:Sidebar link};
  417. background:{color:Sidebar link background};
  418. margin-top:5px;
  419. margin-left:0px;
  420. text-align:center;
  421. }
  422.  
  423. #sidebarlinks a:hover{
  424. transform:rotate(360deg);
  425. -ms-transform:rotate(360deg);
  426. -webkit-transform:rotate(360deg);
  427. -o-transform:rotate(360deg);
  428. }
  429.  
  430. .desc {
  431. top:0px;
  432. left:20px;
  433. position:relative;
  434. display: inline-block;
  435. width: 300px;
  436. height: 200px
  437. background:{color:Description background};
  438. }
  439.  
  440. .desc span {
  441. position: absolute;
  442. display:inline-block;
  443. width:0;
  444. height:0;
  445. line-height:0;
  446. border:6.521739130434782px solid transparent;
  447. margin-top:-6.521739130434782px;
  448. border-bottom:6.521739130434782px solid {color:Description background};
  449. left:4.3478260869565215px;top:0px;
  450. }
  451.  
  452. .description {
  453. width:155px;
  454. height:auto;
  455. padding:10px;
  456. font-size:15px;
  457. line-height:14px;
  458. overflow:hidden;
  459. opacity:1;
  460. margin:5px -5px;
  461. border-radius:10px;
  462. color:{color:Description};
  463. background:{color:Description Background};
  464. }
  465.  
  466. .description::first-letter{
  467. font-family:{select:Title Font};
  468. font-size:200%;
  469. color:{color:Sidebar Link};
  470. padding:2px;
  471. margin-top:2px;
  472. margin-right: 5px;
  473. margin-bottom: 2px;
  474. float:left;
  475. }
  476.  
  477. .blogtitle {
  478. top:0px;
  479. left:auto;
  480. right:auto;
  481. width:100%;
  482. font-size:25px;
  483. margin-bottom:10px;
  484. text-align:center;
  485. font-family:{select:Title Font};
  486. line-height:30px;
  487. color:{color:Blog Title};
  488. text-shadow: 3px 0px 30px rgba(150, 150, 150, 1);
  489. }
  490.  
  491. .blogtitle::first-letter{
  492. font-size:200%;
  493. line-height:100%;
  494. color:{color:Blog Title First Letter};
  495. }
  496.  
  497. /* Pagination */
  498.  
  499. #pagination{
  500. display:none;
  501. }
  502.  
  503. .pagination h1{
  504. font-size:15px;
  505. font-family:{select:Title Font};
  506. margin-top:20px;
  507. margin-left:60px
  508. color:{color:Pagination};
  509. border:none;
  510. }
  511.  
  512. /* Audio posts */
  513.  
  514. .album img{
  515. max-width:70px;
  516. margin-left:5px;
  517. float:left;
  518. margin-top:0px;
  519. z-index:10;
  520. border: 1px solid {color:Borders};
  521. }
  522.  
  523. .audio{
  524. position:absolute;
  525. width:165px;
  526. min-height:70px;
  527. margin-left:80px;
  528. float:left;
  529. padding:5px;
  530. margin-top:-2px;
  531. z-index:10;
  532. font-size:11px;
  533. line-height:15px;
  534. overflow:hidden;
  535. }
  536.  
  537. .player{
  538. position:absolute;
  539. max-width:28px;
  540. max-height:28px;
  541. margin-left:27px;
  542. margin-top:27px;
  543. z-index:100000;
  544. overflow:hidden;
  545. }
  546.  
  547. /*Ask Posts*/
  548.  
  549. .bubble {
  550. position: relative;
  551. align:right;
  552. height:auto;
  553. color:{color:Text};
  554. background:{color:Description Background};
  555. margin:5px 0px 5px 66px;
  556. padding:5px;
  557. -moz-border-radius:5px;
  558. -webkit-border-radius:5px;
  559. border-radius:5px;
  560. }
  561.  
  562. .bubble a {
  563. color:{color:Sidebar Link};
  564. }
  565.  
  566. .bubble p {
  567. margin:1px 0px;
  568. }
  569.  
  570. .bubble span {
  571. display:block;
  572. position:absolute;
  573. width:1px;
  574. height:1px;
  575. font-size: 0;
  576. line-height: 1px;
  577. margin-left:-10px;
  578. margin-top:0px;
  579. border-top:7px solid transparent;
  580. border-bottom:7px solid transparent;
  581. border-right:10px solid {color:Description Background};}
  582.  
  583. .askborder {
  584. float: left;
  585. margin: 1px 4px 0 0;
  586. padding: 2px;
  587. background: {color:Description Background};}
  588.  
  589. .answerr {
  590. position: relative;
  591. align:left;
  592. height:auto;
  593. margin:5px 0px 5px 5px;
  594. padding:5px;
  595. -moz-border-radius:5px;
  596. -webkit-border-radius:5px;
  597. border-radius:5px;
  598. }
  599.  
  600. /* Chat posts */
  601.  
  602. .chat .line{
  603. margin:0 0 -1px;
  604. color: {color:Text};
  605. padding:2px;
  606. border-top:1px dashed {color:Borders};
  607. border-bottom:1px dashed {color:Borders};
  608. }
  609.  
  610. .label {
  611. font-weight:bold;
  612. color:{color:Bold};
  613. font-size:15px;
  614. }
  615.  
  616. /* Quote posts */
  617.  
  618. .quote {
  619. font-size:25px;
  620. line-height:25px;
  621. color:{color:Italic};
  622. height:auto;
  623. font-family:{select:Title Font};
  624. margin-top:10px;
  625. margin-left:10px;
  626. margin-right:10px;
  627. margin-bottom:5px;
  628. padding:5px;
  629. text-align:left;
  630. letter-spacing:1px;
  631. }
  632.  
  633. .source {
  634. font-size:20px;
  635. line-height:25px;
  636. color:{color:Italic};
  637. height:auto;
  638. margin-top:10px;
  639. margin-left:10px;
  640. margin-right:10px;
  641. margin-bottom:5px;
  642. padding:5px;
  643. text-align:right;
  644. letter-spacing:1px;
  645. }
  646.  
  647. /* Extras */
  648.  
  649. .like_and_reblog_buttons {
  650. position:absolute;
  651. float:right;
  652. margin-left:90px;
  653. margin-top:-5px;
  654. z-index:200000;
  655. border: 0px solid #fff;
  656. border-radius: 3px;
  657. {block:PermalinkPage}
  658. margin-left:440px;
  659. text-align:left;
  660. line-height:10px;
  661. {/block:PermalinkPage}
  662. list-style: none;
  663. }
  664.  
  665. .like_and_reblog_buttons li {
  666. float:right;
  667. margin: 5px 5px;
  668. height: 15px;
  669. }
  670.  
  671. .like_and_reblog_buttons li:first-child {
  672. border-right: 0px solid #fff;
  673. }
  674.  
  675. /* Style of the box that appears when you hover over the links */
  676.  
  677. #s-m-t-tooltip {
  678. max-width:300px;
  679. z-index:10000000000;
  680. margin:24px 14px 7px 12px;
  681. padding:8px;
  682. color:{color:Link};
  683. background:{color:Sidebar link background};
  684. font-size:12px;
  685. line-height:15px;
  686. }
  687.  
  688. /* Credits */
  689.  
  690. #credits {
  691. position:fixed;
  692. right:10px;
  693. top:40px;
  694. z-index:100000;
  695. }
  696.  
  697. #credits img{
  698. border:3px solid {color:Borders};
  699. }
  700.  
  701. </style>
  702.  
  703. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  704. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  705. <script src="jquery.style-my-tooltips.js"></script>
  706.  
  707. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  708.  
  709. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  710. <script>
  711. (function($){
  712. $(document).ready(function(){
  713. $("[title]").style_my_tooltips({
  714. tip_follows_cursor:true,
  715. tip_delay_time:200,
  716. tip_fade_speed:300
  717. }
  718. );
  719. });
  720. })(jQuery);
  721. </script>
  722.  
  723.  
  724. <script type="text/javascript"
  725. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  726.  
  727. {block:IndexPage}
  728. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  729. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  730.  
  731. <script type="text/javascript">
  732. $(window).load(function(){
  733. var $wall = $('#posts');
  734. $wall.imagesLoaded(function(){
  735. $wall.masonry({
  736. itemSelector: '.entry, .entry_photo',
  737. isAnimated : false
  738. });
  739. });
  740.  
  741. $wall.infinitescroll({
  742. navSelector : '#pagination',
  743. nextSelector : '#pagination a',
  744. itemSelector : '.entry, .entry_photo',
  745. bufferPx : 2000,
  746. debug : false,
  747. errorCallback: function() {
  748. $('#infscr-loading').fadeOut('normal');
  749. }},
  750. function( newElements ) {
  751. var $newElems = $( newElements );
  752. $newElems.hide();
  753. $newElems.imagesLoaded(function(){
  754. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  755. });
  756. }); $('#posts').show(500);
  757. });
  758. </script>
  759.  
  760. {/block:IndexPage}
  761.  
  762.  
  763. </head>
  764. <body>
  765.  
  766.  
  767. <div id="wrap">
  768.  
  769. <div id="sidebar">
  770.  
  771. <center>
  772.  
  773. <div class="blogtitle">{title}</div>
  774.  
  775. {block:IfShowSidebarIcons}
  776. <div id="sidebaricons">
  777. <a href="/" title="Index"><i class="fa fa-home"></i></a>
  778. <a href="/ask" title="Ask"><i class="fa fa-envelope"></i></a>
  779. <a href="/submit" title="Submit"><i class="fa fa-pencil"></i></a>
  780. <a href="/archive" title="Archive"><i class="fa fa-clock-o"></i></a>
  781. </div>
  782. </center>
  783. {/block:IfShowSidebarIcons}
  784.  
  785. {block:IfShowSidebarImage}
  786. <a class="sidebarimage" href="/">
  787. <img src="{image:Sidebar}" /></a><br>
  788. {/block:IfShowSidebarImage}
  789.  
  790. {block:IfShowDescription}
  791. <div class="desc"><span></span>
  792.  
  793. <div class="description">{description}</div>
  794.  
  795. </div>
  796. {/block:IfShowDescription}
  797.  
  798. <div class="pagination">
  799. <center><h1>
  800. {block:PreviousPage}
  801. <a href="{PreviousPage}" title="newer entries">&nbsp;&laquo;</a>
  802. {/block:PreviousPage}
  803. {text:Blog Title}
  804. {lang:Page CurrentPage of TotalPages}
  805. {block:NextPage}
  806. <a href="{NextPage}" title="older entries">&nbsp;&raquo; </a>
  807. {/block:NextPage}
  808. </h1></center>
  809. </div><br>
  810.  
  811. </div>
  812.  
  813.  
  814. <div id="sidebarlinks">
  815.  
  816. {block:IfShowExtraLinks}
  817. <div id="extralinks">
  818. <center>
  819. <a href="{text:Link One Url}" title="{text:Link One Title}">01.</a>
  820.  
  821. <a href="{text:Link Two Url}" title="{text:Link Two Title}">02.</a>
  822.  
  823. <a href="{text:Link Three Url}" title="{text:Link Three Title}">03.</a>
  824.  
  825. <a href="{text:Link Four Url}" title="{text:Link Four Title}">04.</a>
  826.  
  827. <a href="{text:Link Five Url}" title="{text:Link Five Title}">05.</a>
  828. </center>
  829. </div>
  830. {/block:IfShowExtraLinks}
  831.  
  832. </div>
  833.  
  834. <div id="posts">
  835.  
  836. {block:Posts}
  837.  
  838. <div class="entry">
  839.  
  840. {block:Text}
  841. {block:Title}
  842. <a href="{Permalink}">
  843. <h1>{Title}</h1></a>
  844. {/block:Title}
  845. {Body}
  846. {/block:Text}
  847.  
  848. {block:Photo}
  849. {block:IndexPage}
  850. {LinkOpenTag}
  851. <img src="{Photourl-250}"
  852. alt="{PhotoAlt}"
  853. width="100%"/>
  854. {LinkCloseTag}
  855. {/block:IndexPage}
  856. {block:PermalinkPage}
  857. {LinkOpenTag}
  858. <img src="{Photourl-HighRes}"
  859. alt="{PhotoAlt}"
  860. width="500"/>
  861. {LinkCloseTag}
  862. {/block:PermalinkPage}
  863. {/block:Photo}
  864.  
  865. {block:Panorama}
  866. {block:IndexPage}
  867. {LinkOpenTag}
  868. <img src="{Photourl-Panorama}"
  869. alt="{PhotoAlt}" />
  870. {LinkCloseTag}
  871. {/block:IndexPage}
  872. {block:PermalinkPage}
  873. {LinkOpenTag}<img src="{Photourl-Panorama}"
  874. alt="{PhotoAlt}"
  875. width="500"/>{LinkCloseTag}
  876. {/block:PermalinkPage}
  877. {/block:Panorama}
  878.  
  879. {block:Photoset}
  880. {block:IndexPage}
  881. {Photoset-250}
  882. {/block:IndexPage}
  883. {block:PermalinkPage}
  884. {Photoset-500}
  885. {/block:PermalinkPage}
  886. {/block:Photoset}
  887.  
  888. {block:Quote}
  889. <div class="quote">
  890. "{Quote}"
  891. {block:Source}
  892. <div class="source">-{Source}
  893. </div>{/block:Source}</div>
  894. {/block:Quote}
  895.  
  896. {block:Link}
  897. <a href="{URL}"
  898. class="linkpost"
  899. target="_blank">
  900. <h1><i class="fa fa-link"></i>
  901. {Name} &raquo;</h1></a>
  902. {block:Description}
  903. {Description}
  904. {/block:Description}
  905. {/block:Link}
  906.  
  907. {block:Video}
  908. {block:IndexPage}
  909. {VideoEmbed-250}
  910. {/block:IndexPage}
  911. {block:PermalinkPage}
  912. {VideoEmbed-500}
  913. {/block:PermalinkPage}
  914. {/block:Video}
  915.  
  916. {block:Chat}
  917. {block:Title}
  918. <h1>{Title}</h1>
  919. {/block:Title}
  920. {block:Lines}
  921. <div class="chat"><div class="line {Alt}">
  922. <div class="{Alt} user_{UserNumber}">
  923. {block:Label}
  924. <span class="label">
  925. <span style="text-transform:uppercase;
  926. letter-spacing:1px">
  927. <b>{Label}</b>
  928. </span></span>
  929. {/block:Label}
  930. {Line}</div>
  931. </div></div>
  932. {/block:Lines}
  933. {/block:Chat}
  934.  
  935. {block:Audio}
  936. <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}">
  937. {block:AlbumArt}</div>
  938. <div class="player">
  939. {AudioPlayerGrey}
  940. </div>
  941. <div class="audio">
  942. {block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}
  943. {block:Artist}<br><b>Artist:</b> {Artist}{/block:Artist}
  944. {block:Album}<br><b>Album:</b> {Album}{/block:Album}
  945. {block:PlayCount}<br><b>Play count:</b> {PlayCount}{/block:PlayCount}
  946. </div>
  947. <br><br><br><br><br>
  948. {/block:Audio}
  949.  
  950. {block:Answer}
  951. <img src="{AskerPortraitURL-40}"
  952. width="40px"
  953. margin-left:"5px"
  954. margin-top:"5px"
  955. align="left"
  956. class="askborder">
  957. <div class="bubble">
  958. <span></span>{Asker}
  959. {Question}&nbsp;</div>
  960. <div class="answerr">{Answer}</div>
  961. <br>
  962. {/block:Answer}
  963.  
  964. {block:IndexPage}
  965. {block:IfShowCaptions}
  966. {block:Caption}
  967. <h2>{Caption}</h2>
  968. {/block:Caption}
  969. {/block:IfShowCaptions}
  970. {/block:IndexPage}
  971.  
  972. {block:IfShowTags}
  973. {block:HasTags}
  974. {block:Tags}
  975. <a href="{TagURL}">
  976. <i class="fa fa-tag"></i>
  977. {Tag}</a> &nbsp;
  978. {/block:Tags}
  979. {/block:HasTags}
  980. {block:IfShowTags}
  981.  
  982. {block:IndexPage}
  983. <div class="infoo"><div class="e">
  984. {Month} {DayOfMonthWithSuffix} {Year}
  985. <br><br><br>
  986. <center>
  987. <ul class="like_and_reblog_buttons">
  988. <li>{ReblogButton size="15"}</li>
  989. <li>{LikeButton size="15"}</li>
  990. </ul>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  991. <a href="{Permalink}"><img src="http://i57.tinypic.com/mj29l.jpg"></a>
  992. <br><br>
  993. {block:NoteCount}
  994. {NoteCountWitLabel}
  995. {/block:NoteCount}
  996. </center>
  997. </div></div>
  998. {/block:IndexPage}
  999.  
  1000. {block:PermalinkPage}
  1001. {block:Date}
  1002.  
  1003. <br><div class="notes">
  1004. <br>{block:Caption}
  1005. {Caption}
  1006. {/block:Caption}<br>
  1007.  
  1008. {block:RebloggedFrom}
  1009. Reblogged from
  1010. <a href="{ReblogParenturl}">
  1011. {ReblogParentName}
  1012. </a> on{/block:RebloggedFrom}
  1013.  
  1014. {Month} {DayofMonth}{DayofMonthSuffix} {Year}
  1015.  
  1016. {block:NoteCount}
  1017. with {NoteCountWitLabel}
  1018. {/block:NoteCount}<br>
  1019.  
  1020. {block:HasTags}
  1021. {block:Tags}&nbsp;#
  1022. <a href="{Tagurl}">
  1023. {Tag}</a>&nbsp;
  1024. {/block:Tags}
  1025. {/block:HasTags}
  1026. <br><br>
  1027.  
  1028. <ul class="like_and_reblog_buttons">
  1029. <li>{ReblogButton size="15"}</li>
  1030. <li>{LikeButton size="15"}</li>
  1031. </ul>
  1032. </div>
  1033. <br>
  1034.  
  1035. {/block:Date}
  1036. {/block:PermalinkPage}
  1037. {block:PostNotes}
  1038. {PostNotes}
  1039. {/block:PostNotes}
  1040. </div>
  1041. {/block:Posts}
  1042. </div>
  1043. </div>
  1044.  
  1045.  
  1046.  
  1047. <a href="http://b0rn-to-be-wild--themes.tumblr.com"><div id="credits">
  1048. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
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!