API tools faq
paste
kimdahyun

Theme 12: Exquisite

kimdahyun
Oct 25th, 2015
450
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.18 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!--
  5. THEME XII
  6. SEHUNEU themes. Do not reproduce.
  7.  
  8. If you are using this theme, please say a huge thank you and bless tumblr user @cutepcy's existence.
  9. She is 60% why this theme exists.
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="color:background one" content="#BAF0A7"/>
  22. <meta name="color:Gradient One" content="#BAF0A7"/>
  23. <meta name="color:Gradient Two" content="#A7ECF0"/>
  24. <meta name="color:updates" content="#A7ECF0"/>
  25. <meta name="color:updates hover" content="#A7ECF0"/>
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Text" content="#bbbbbb"/>
  28. <meta name="color:Accent" content="#A987E2"/>
  29. <meta name="color:Link" content="#aaaaaa"/>
  30. <meta name="color:Post" content="#ffffff"/>
  31. <meta name="color:Tags" content="#cccccc"/>
  32. <meta name="color:Hover" content="#b3b3b3"/>
  33. <meta name="color:Line" content="#f2f2f2"/>
  34. <meta name="color:Border" content="#eeeeee"/>
  35. <meta name="color:Tooltip" content="#777777"/>
  36. <meta name="color:Scrollbar" content="#eeeeee"/>
  37.  
  38. <meta name="image:Background" content=""/>
  39.  
  40. <meta name="if:2 Columns" content="1"/>
  41. <meta name="if:Black Cursor" content="0"/>
  42. <meta name="if:Tall Caption" content="0"/>
  43.  
  44. <meta name="text:Blog Title" content="">
  45. <meta name="text:linkA" content="">
  46. <meta name="text:linkA url" content="/">
  47. <meta name="text:linkB" content="">
  48. <meta name="text:linkB url" content="/">
  49. <meta name="text:linkC" content="">
  50. <meta name="text:linkC url" content="/">
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  54. <script>
  55. (function($){
  56. $(document).ready(function(){
  57. $("[title]").style_my_tooltips({
  58. tip_follows_cursor:true,
  59. tip_delay_time:1,
  60. tip_fade_speed:100,
  61. attribute:"title"
  62. });
  63. });
  64. })(jQuery);
  65. </script>
  66.  
  67. <script src="http://static.tumblr.com/vmteopo/uMrnjl0jv/nav.js"></script>
  68.  
  69. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  70. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  71. <script>
  72. $(function(){
  73. var $container = $('#container');
  74. $container.imagesLoaded(function(){
  75. $container.masonry({
  76. itemSelector: '.char',
  77. });
  78. });
  79. $container.infinitescroll({
  80. itemSelector : ".char",
  81. loadingImg : "",
  82. loadingText : "<em></em>",
  83. bufferPx : 10000,
  84. extraScrollPx: 12000,
  85. },
  86. function( newElements ) {
  87. var $newElems = $( newElements ).css({ opacity: 0 });
  88. $newElems.imagesLoaded(function(){
  89. $newElems.animate({ opacity: 1 });
  90. $container.masonry( 'appended', $newElems, true );
  91. });
  92. }
  93. );
  94. });
  95. </script>
  96.  
  97. <style type="text/css">
  98.  
  99. @import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
  100.  
  101. ::-webkit-scrollbar {width:10px; height:auto; background:transparent;margin-left:-60px;border-left:solid 2px {color:scrollbar};}
  102. ::-webkit-scrollbar-corner {background:transparent;}
  103. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; width:8px;}
  104. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};height:5px !important;}
  105. ::-webkit-scrollbar-increment {width:4px; height:4px; background-color:#ffffff;}
  106.  
  107. iframe#tumblr_controls {right:2px !important; position: fixed !important;opacity:0.4px;}
  108.  
  109. iframe#tumblr_controls {
  110. top: 2px !important;
  111. right:2px !important;
  112. opacity:0.4;
  113. margin-left:-3px;
  114. position: fixed !important;
  115. filter:alpha(opacity=40);
  116. -webkit-transition: all 0.7s ease;
  117. -moz-transition: all 0.7s ease;
  118. -o-transition: all 0.7s ease;
  119. }
  120.  
  121.  
  122. #s-m-t-tooltip {
  123. max-width:300px;
  124. padding: 3px 5px;
  125. margin:10px;
  126. background-color:#ffffff;
  127. font-family:calibri;
  128. font-size:9px;
  129. font-style:bold;
  130. letter-spacing:1px;
  131. text-transform:uppercase;
  132. color:{color:tooltip};
  133. box-shadow:5px 5px 0.2em #f0f0f0;
  134. border-top:1px solid #f9f9f9;
  135. border-left:1px solid #f9f9f9;
  136. z-index:10000000000000000000000000000000;
  137. -moz-transition-duration: 0.3s;
  138. -webkit-transition-duration: 0.3s;
  139. -o-transition-duration: 0.3s;
  140. }
  141.  
  142. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  143. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  144. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  145.  
  146. .fade-in {
  147. opacity:0;
  148. -webkit-animation:fadeIn ease-in 1;
  149. -moz-animation:fadeIn ease-in 1;
  150. animation:fadeIn ease-in 1;
  151. -webkit-animation-fill-mode:forwards;
  152. -moz-animation-fill-mode:forwards;
  153. animation-fill-mode:forwards;
  154. -webkit-animation-duration:1s;
  155. -moz-animation-duration:1s; animation-duration:1s; }
  156.  
  157. .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
  158.  
  159. ::selection {background-color:{color:Accent};color:white;text-shadow:none;}
  160. ::-o-selection {background-color:{color:accent};color:#fff;text-shadow:none;}
  161. ::-moz-selection {background-color:{color:accent};color:#fff;text-shadow:none;}
  162.  
  163. #infscr-loading img {display:none!important;}
  164.  
  165. {block:ifBlackCursor}
  166. *, body, img { cursor:url(http://static.tumblr.com/vmteopo/yYInjhg6e/small_black_cursor.png), auto;}
  167. a, a:hover, a:active {cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair; }
  168. {/block:ifBlackCursor}
  169. {block:ifnotBlackCursor}
  170. *, body { cursor:url('http://33.media.tumblr.com/077daf9d6dcbcf1411910bb2b00c0377/tumblr_inline_muhn2mhVJ51qid2nw.gif'), auto }
  171. {/block:ifnotBlackCursor}
  172.  
  173. body {
  174. background:#ffffff;
  175. background-image:url('http://static.tumblr.com/qudkd6d/unwn4b7rg/5-grid.png');
  176. background-attachment:fixed;
  177. background-repeat:repeat;
  178. background-position:center;
  179.  
  180. margin-left:-60px;
  181. color:#c6c6c6;
  182. font-family:calibri;
  183. font-size:9px;
  184. line-height:125%;
  185. }
  186.  
  187. a {
  188. text-decoration:none;
  189. -moz-outline-style:none;
  190. color:{color:link};
  191. transition:0.5s ease-in-out;
  192. -webkit-transition:0.5s ease-in-out;
  193. -moz-transition:0.5s ease-in-out;
  194. -ms-transition:0.5s ease-in-out;
  195. -o-transition:0.5s ease-in-out;
  196. }
  197.  
  198. a:hover {color:{color:hover};text-decoration:line-through;}
  199.  
  200. img {border:none;max-width:100%;}
  201.  
  202. h1 {font-size:12px;text-transform:uppercase;}
  203. h2 {font-size:15px;text-shadow:2px 2px 0px #f1f1f1;line-height:115%}
  204. b, strong {font-weight:700;}
  205. small, sub {font-size:7px;}
  206. big {font-size:13px;}
  207. ol {list-style:lower-roman;line-height:123%;}
  208. li {list-style:square;line-height:123%;}
  209.  
  210. blockquote {
  211. padding-left:5px;
  212. border-left:1px solid;
  213. }
  214.  
  215. blockquote blockquote {
  216. padding-left:4px;
  217. border-left:1px solid;
  218. }
  219.  
  220. pre {
  221. padding:3px 5px;
  222. text-transform:uppercase;
  223. white-space: pre-wrap;
  224. white-space: -moz-pre-wrap;
  225. white-space: -pre-wrap;
  226. white-space: -o-pre-wrap;
  227. word-wrap: break-word;
  228. }
  229.  
  230. #sidebar {
  231. border:2px solid {color:updates};
  232. background:white;
  233. position:fixed;
  234. width:140px;
  235. left:70px;
  236. top:35px;
  237. opacity:1;
  238. z-index:2;
  239. }
  240.  
  241.  
  242. #title {
  243. font-size:17px;
  244. font-family:calibri;
  245. width:140px;
  246. padding-top:12px;
  247. padding-bottom:2px;
  248. text-transform:uppercase;
  249. text-align:center;
  250. line-height:110%;
  251. }
  252.  
  253. #title a {
  254. font-family:'Calibri';
  255. font-weight:300;
  256. letter-spacing:1px;
  257. margin-left:1px;
  258. text-decoration:none;
  259. padding:2px 5px;
  260. transition:0.55s ease-in-out;
  261. -webkit-transition:0.55s ease-in-out;
  262. -moz-transition:0.55s ease-in-out;
  263. -ms-transition:0.55s ease-in-out;
  264. -o-transition:0.55s ease-in-out;
  265. }
  266.  
  267. #title:first-letter {
  268. font-style:italic;
  269. color:{color:background};
  270. }
  271.  
  272. #title a:hover {
  273. text-decoration:none;
  274. }
  275.  
  276. .desc {
  277. border-left:2px solid {color:updates};
  278. border-right:2px solid {color:updates};
  279. position:fixed;
  280. margin-top:7px;
  281. font-family:calibri;
  282. line-height:130%;
  283. font-size:10px;
  284. width:120px;
  285. margin-left:-2px;
  286. height:auto;
  287. padding-left:10px;
  288. padding-right:10px;
  289. padding-bottom:10px;
  290. padding-top:7px;
  291. text-align:center;
  292. color:{color:text};
  293. background:white;
  294. border-bottom:solid 2px {color:updates};
  295. }
  296.  
  297. .links {
  298. border-left:2px solid {color:updates};
  299. border-right:2px solid {color:updates};
  300. margin-left:-2px;
  301. background:white;
  302. position:fixed;
  303. margin-top:-6px;
  304. width:106px;
  305. padding:5px 17px;
  306. word-spacing:0.5em;
  307. font-family:consolas;
  308. text-align:center;
  309. text-transform:uppercase;
  310. }
  311.  
  312. .links a {font-size:10px;}
  313. .links a:hover {color:{color:updates};text-decoration:none;}
  314.  
  315. #pagi{
  316. width:300px;
  317. font-size:8px;
  318. text-align:center;
  319. margin-top:40%;
  320. letter-spacing:0px;
  321. }
  322.  
  323. .current_page {
  324. height:10px;
  325. width:20px;
  326. padding:5px 7px;
  327. border:solid 1px {color:line};
  328. }
  329.  
  330. .jump_page {
  331. border:none;
  332. height:10px;
  333. width:20px;
  334. padding:5px;
  335. }
  336.  
  337. #all {
  338. padding:8px 10px;
  339. {block:ifnot2Columns}width:270px;{/block:ifnot2Columns}
  340. {block:if2Columns}width:750px;{/block:if2Columns}
  341. font-size:10px;
  342. z-index:2;
  343. margin-left:398px;
  344. margin-bottom:10px;
  345. padding-bottom:100px;
  346. }
  347.  
  348. #posts {
  349. width:250px;
  350. padding-left:18px;
  351. padding-right:18px;
  352. padding-top:17px;
  353. position:relative;
  354. float:left;
  355. margin-top:10px;
  356. {block:if2columns}margin:18px 26px 0;{/block:if2columns}
  357. border:2px solid {color:background one};
  358. background-color:white;
  359. -ms-word-break: break-all;
  360. word-break: break-all;
  361. word-break: break-word;
  362. -webkit-hyphens: auto;
  363. -moz-hyphens: auto;
  364. -ms-hyphens: auto;
  365. hyphens: auto;
  366. }
  367.  
  368. #caption {
  369. width:250px;
  370. -ms-word-break: break-all;
  371. word-break: break-all;
  372. word-break: break-word;
  373. -webkit-hyphens: auto;
  374. -moz-hyphens: auto;
  375. -ms-hyphens: auto;
  376. hyphens: auto;
  377. }
  378.  
  379. #boxes {
  380. display:block;
  381. position:relative;
  382. padding:4px;
  383. font-size:9px;
  384. width:12px;
  385. height:27px;
  386. margin-bottom:-20px;
  387. text-align:center;
  388. background-color:#ffffff;
  389. color:#b1d0ff;
  390. float:right;
  391. top:-18px;
  392. right:-42px;
  393. border:2px solid {color:updates hover};
  394. }
  395.  
  396. #boxes a {line-height:-80%}
  397. #boxes a:hover {text-decoration:none;}
  398.  
  399. #question {
  400. padding:10px;
  401. letter-spacing:2px;
  402. text-align:center;
  403. border-bottom:1px {color:border} solid;
  404. color:#c6c6c6;
  405. background-color:transparent;
  406. }
  407.  
  408. #akport {
  409. width:230px;
  410. text-align:center;
  411. height:12px;
  412. padding:5px 0;
  413. color:#c6c6c6;
  414. opacity:1;
  415. background-color:transparent;
  416. z-index:99999;
  417. margin-bottom:3px;
  418. }
  419.  
  420. #akport a {
  421. background-color:transparent;
  422. text-align:center;
  423. text-decoration:none;
  424. color:#c6c6c6;
  425. }
  426. #akport a:hover {text-decoration:none;letter-spacing:0.8em;}
  427.  
  428. .tumblr_audio_player {width:100%;}
  429.  
  430. .player {
  431. width:30px;
  432. height:30px;
  433. padding:10px;
  434. border-right:solid 1px #c6c6c6;
  435. overflow:hidden;
  436. background:#fff;
  437. margin:0;
  438. display:inline-block;
  439. }
  440.  
  441. .audioinfo {
  442. color:{color:accent};
  443. display:inline-block;
  444. padding-left:10px;
  445. text-align:left;
  446. font-size:10px;
  447. background:transparent;
  448. width:160px;
  449. max-height:30px;
  450. float:right;
  451. margin:15px 0 -20px -30px;
  452. }
  453.  
  454. .chat li {list-style:none;line-height:110%;}
  455. .line.odd {background-color:#c6c6c6;padding:3px 5px;color:#ffffff;}
  456. .line.even {padding:0;}
  457.  
  458. .hover {
  459. position:absolute;
  460. top:10px;
  461. right:0px;
  462. bottom:10px;
  463. left:2px;
  464. padding:2px 8px;
  465. opacity:0;
  466. display:block;
  467. {block:ifTallCaption}background:rgba(255,255,255,0.9);{/block:ifTallCaption}{block:ifnotTallCaption}background:transparent;{/block:ifnotTallCaption}
  468. transition:0.5s ease-in-out;
  469. -webkit-transition:0.5s ease-in-out;
  470. -moz-transition:0.5s ease-in-out;
  471. -ms-transition:0.5s ease-in-out;
  472. -o-transition:0.5s ease-in-out;
  473. }
  474. #posts:hover .hover {opacity:1;}
  475.  
  476. .hover #caption {
  477. width:260px;
  478. max-height:100%;
  479. -moz-box-sizing:border-box;
  480. box-sizing:border-box;
  481. overflow:auto;
  482. position:absolute;
  483. color:#c6c6c6;
  484. margin:0;
  485. bottom:0px;
  486. padding-left:8px;
  487. {block:ifnotTallCaption}background:rgba(255,255,255,0.9);{/block:ifnotTallCaption}{block:ifTallCaption}background:transparent;{/block:ifTallCaption}
  488. }
  489.  
  490. .hover #caption a {
  491. color:#cccccc;
  492. }
  493.  
  494. #notecontain {
  495. width:250px;
  496. padding:20px 15px;
  497. text-align:center;
  498. }
  499.  
  500. #notes {
  501. width:200px;
  502. height:150px;
  503. padding:5px 10px;
  504. overflow-y:scroll;
  505. overflow-x:hidden;
  506. text-align:justify;
  507. font-size:8px;
  508. margin:0 40px 0px 30px;
  509. line-height:125%;
  510. }
  511.  
  512. #notes img {display:none;}
  513. #notes ol, #notes li {list-style:circle;line-height:125%;}
  514.  
  515. /* MUSIC PLAYER by b0rn-to-be-wild--themes... Feel free to change it's margins, borders, colors, font and all other values */
  516.  
  517. /* Music player box */
  518.  
  519. #music{
  520. position:fixed;
  521. margin-top:160px;
  522. margin-left:132px;
  523. background:transparent;
  524. width:10px;
  525. height:30px;
  526. }
  527.  
  528. #music:hover{
  529. height:100px;
  530. }
  531.  
  532. /* Music player icon box */
  533.  
  534. .musicplayericon{
  535. position:absolute;
  536. margin-top:0px;
  537. margin-left:-2px;
  538. background:transparent;
  539. width:25px;
  540. height:13px;
  541. border:2px solid {color:updates};
  542. background:white;
  543. padding-top:10px;
  544. }
  545.  
  546. /* Music player box */
  547.  
  548. .musicplayer{
  549. border-top:2px solid {color:updates};
  550. border-right:2px solid {color:updates};
  551. border-bottom:2px solid {color:updates};
  552. padding-left:20px;
  553. position:absolute;
  554. margin-top:0px;
  555. margin-left:27px;
  556. background:transparent;
  557. width:93px;
  558. height:13px;
  559. background:white;
  560. padding-bottom:5px;
  561. padding-top:5px;
  562. overflow:hidden;
  563. z-index:10;
  564. }
  565.  
  566. /*updates tab*/
  567.  
  568. #updates1 {position:fixed;
  569. margin-top:35px;
  570. margin-left:1240px;color:{color:text};
  571. z-index:999999999999999999;}
  572.  
  573. #updates2 {position:fixed;
  574. margin-top:80px;
  575. margin-left:1240px;color:{color:text};
  576. z-index:99999999999999999;}
  577.  
  578. #updates3 {position:fixed;
  579. margin-top:125px;
  580. margin-left:1240px;color:{color:text};
  581. z-index:999999999;}
  582.  
  583. #updates4 {position:fixed;
  584. margin-top:170px;
  585. margin-left:1240px;color:{color:text};
  586. z-index:99999;}
  587.  
  588. #updatescircle {position:absolute;
  589. width:16px;
  590. height:16px;
  591. border-radius:8px;
  592. background:{color:updates};
  593. margin-top:20px;
  594. margin-left:30px;}
  595.  
  596. #updatescircle:hover{
  597. background:{color:updates hover};
  598. transition:0.3s ease-in-out;
  599. -webkit-transition:0.3s ease-in-out;
  600. -moz-transition:0.3s ease-in-out;
  601. -ms-transition:0.3s ease-in-out;
  602. -o-transition:0.3s ease-in-out;
  603. }
  604. #updatestriangle {position:absolute;
  605. width:0;
  606. height:0;
  607. border-left:14px solid {color:background one};
  608. border-top:10px solid transparent;
  609. border-bottom:10px solid transparent;
  610. margin-top:18px;
  611. margin-left:5px;
  612. opacity:0;
  613. -webkit-transition-duration:0.2s;
  614. -moz-transition-duration:0.2s;
  615. -o-transition-duration:0.2s;}
  616.  
  617. #updatesbox {position:fixed;
  618. padding:10px;
  619. width:110px;
  620. height:56px;
  621. margin-top:-6px;
  622. margin-left:-125px;
  623. background-color:#ffffff;
  624. color:{color:text};
  625. border:1px solid {color:background one};
  626. border-radius:10px;
  627. opacity:0;
  628. font-family:calibri;
  629. font-size:8px;
  630. -webkit-transition-duration:0.2s;
  631. -moz-transition-duration:0.2s;
  632. -o-transition-duration:0.2s;}
  633.  
  634. #updates1:hover #updatestriangle {opacity:1;}
  635. #updates1:hover #updatesbox {opacity:1;}
  636. #updates2:hover #updatestriangle {opacity:1;}
  637. #updates2:hover #updatesbox {opacity:1;}
  638. #updates3:hover #updatestriangle {opacity:1;}
  639. #updates3:hover #updatesbox {opacity:1;}
  640. #updates4:hover #updatestriangle {opacity:1;}
  641. #updates4:hover #updatesbox {opacity:1;}
  642.  
  643. {CustomCSS}
  644.  
  645. #barleft{
  646. left:0;
  647. top:0;
  648. bottom:0;
  649. height:100%;
  650. width:284px;
  651. background:{color:background one};
  652. position:fixed;
  653. }
  654.  
  655. </style></head><body>
  656. <div id="barleft"></div>
  657.  
  658. <!-- Music player tab starts -->
  659. <div id="music">
  660.  
  661. <!-- Your can change the music player icon here -->
  662. <div class="musicplayericon"><center><img style="width:14px;height:14px;margin-top:-6px;"src="http://icons.iconarchive.com/icons/iconsmind/outline/512/Play-Music-icon.png"></center></div>
  663.  
  664. <div class="musicplayer">
  665. <!-- YOUR MUSIC PLAYER CODE GOES HERE -->
  666. </div></div>
  667. <!-- Music player tab ends -->
  668.  
  669. <div id="sidebar">
  670. <div id="title"><a href="/">{text:Blog Title}</a></div>
  671. <div class="links">
  672. <a href="{text:linkA url}">{text:linkA}</a>
  673. <a href="{text:linkB url}">{text:linkB}</a>
  674. <a href="{text:linkC url}">{text:linkC}</a>
  675. <a href="http://bravesound.co.vu" title="Theme Credit">X</a>
  676. <a href="http://erised.co.vu" title="Theme Co-Credit">X</a>
  677. </div>
  678. <div class="desc">
  679. {Description}
  680. </div>
  681. {block:ifnot2Columns}
  682. {block:Pagination}<div id="pagi">
  683. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&emsp;{/block:PreviousPage}
  684. {block:JumpPagination length="3"}
  685. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&emsp;{/block:CurrentPage}
  686. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&emsp;{/block:JumpPage}
  687. {/block:JumpPagination}
  688. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  689. </div>{/block:Pagination}
  690. {/block:ifnot2Columns}
  691. </div>
  692. {block:if2Columns}
  693. {block:IndexPage}<div class="column navigation" id="navigation">
  694. {block:Pagination}
  695. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  696. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  697. </div>{/block:IndexPage}
  698. {/block:if2Columns}
  699.  
  700. <div id="all" class="box fade-in one">
  701. {block:Posts}<div id="posts">
  702. {block:IndexPage}{block:Caption}<div class="hover" style="display:none;{block:photo}display:block;{/block:photo}{block:photoset}display:block;{/block:photoset}">
  703. <div id="caption">{Caption}</div>
  704. </div>{/block:Caption}{/block:IndexPage}
  705.  
  706. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  707.  
  708. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}</center>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  709.  
  710. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  711.  
  712. {block:Photoset}<center>{Photoset-250}</center>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  713.  
  714. {block:Quote}<div style="text-align:center"><h2>“{Quote}”</h2><br>↳ {Source}</div><br>{/block:Quote}
  715.  
  716. {block:Audio}
  717. <div class="player">{AudioPlayerWhite}</div>
  718. <div class="audioinfo">
  719. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  720. </div>
  721. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  722.  
  723. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  724.  
  725. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}</div>{/block:Chat}
  726. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:10px; padding-bottom:10px"><div id="akport">{Asker}</div></span>{Question}</div><left><font color="#c6c6c6">{Answer}</font></left>{/block:Answer}
  727. <div id="boxes"><a title="with {NoteCount} notes" href="{Permalink}"><font size="2">P</font></a><br><a title="reblog?" href="{ReblogURL}"><font size="2">R</font></a>
  728. </div>
  729. </div>
  730.  
  731. {/block:Posts}
  732. {block:PostNotes}<div id="notecontain"><div id="notes">{PostNotes}</div></div>{/block:PostNotes}
  733. {/block:Posts}
  734. </div></div>
  735.  
  736. {block:if2Columns}
  737. {block:IndexPage} <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  738. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  739. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  740.  
  741. <script type="text/javascript">
  742. $(window).load(function(){
  743. var $wall = $('#all');
  744. $wall.imagesLoaded(function(){
  745. $wall.masonry({
  746. itemSelector: '#posts',
  747. isAnimated : true
  748. });
  749. });
  750. $wall.infinitescroll({
  751. navSelector : "div#navigation",
  752. nextSelector : "div#navigation a#nextPage",
  753. itemSelector : '#posts',
  754. loadingImg : "",
  755. loadingText : " ",
  756. donetext : " ",
  757. extraScrollPx : 0,
  758. bufferPx : 10000,
  759. debug : false,
  760. errorCallback: function() {
  761. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  762. }},
  763. function( newElements ) {
  764. var $newElems = $( newElements );
  765. $newElems.hide();
  766. $newElems.imagesLoaded(function(){
  767. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  768. });
  769. }); $('#all').show(500);
  770. });
  771. </script>
  772.  
  773. <script language="JavaScript">
  774. function function1(){
  775. window.scrollTo(0,5);
  776. }
  777. function function2(){
  778. window.scroll(0,2);
  779. }
  780. </script>
  781. {/block:IndexPage}
  782. {/block:if2Columns}
  783.  
  784. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!