API tools faq
paste
Advertisement
Guest User

SwiftofRph's Edited Theme 2

a guest
Aug 24th, 2014
378
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.02 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. [[•------» яσχιє'ѕ тнємєѕ «------•]]
  4.  
  5. do noт reмove тнe credιт
  6. do noт υѕe aѕ вaѕe
  7. do noт claιм aѕ yoυrѕ
  8.  
  9. [[•------» тнαик уσυ «------•]]
  10.  
  11.  
  12. -->
  13.  
  14. <html>
  15.  
  16. <head>
  17.  
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:Text" content="#868686"/>
  20. <meta name="color:Links" content="#aaaaaa"/>
  21. <meta name="color:Links Hover" content="#dddddd"/>
  22. <meta name="color:Header Border" content="#dddddd"/>
  23. <meta name="color:Header Title" content="#ffffff"/>
  24.  
  25. <meta name="text:Main Title" content="" />
  26. <meta name="text:Second Title" content="" />
  27. <meta name="text:Link 1 Title" content="home" />
  28. <meta name="text:Link 1 Url" content="" />
  29. <meta name="text:Link 2 Title" content="message" />
  30. <meta name="text:Link 2 Url" content="" />
  31. <meta name="text:Link 3 Title" content="explore" />
  32. <meta name="text:Link 3 Url" content="" />
  33. <meta name="text:Link 4 Title" content="stuffs" />
  34. <meta name="text:Link 4 Url" content="" />
  35. <meta name="text:Link 5 Title" content="blogroll" />
  36. <meta name="text:Link 5 Url" content="" />
  37. <meta name="text:Link 6 Title" content="more" />
  38. <meta name="text:Link 6 Url" content="" />
  39.  
  40. <meta name="image:Header" content="" />
  41.  
  42. <meta name="if:Shows Link 3" content="1" />
  43. <meta name="if:Shows Link 4" content="1" />
  44. <meta name="if:Shows Link 5" content="1" />
  45. <meta name="if:Shows Link 6" content="1" />
  46.  
  47. <title>{title}</title>
  48. <link rel="shortcut icon" href="{Favicon}" />
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
  51.  
  52. <!-- credit:http://www.appelsiini.net/projects/lazyload -->
  53. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  54. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  55. <script type="text/javascript" charset="utf-8">
  56. var $j = jQuery.noConflict();
  57. $j(function() {
  58. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  59. $j("img").lazyload({
  60. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  61. effect: "fadeIn",
  62. });
  63. });
  64. </script>
  65.  
  66. <link href='http://fonts.googleapis.com/css?family=Raleway:400,700,300' rel='stylesheet' type='text/css'>
  67.  
  68. <style type="text/css">
  69.  
  70. html, body {
  71. font-family: 'raleway';
  72. font-size:10px;
  73. color:{color:Text};
  74. background:{color:Background};
  75. margin-left:0px;
  76. margin-top:0px;
  77. cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress !important;
  78. }
  79.  
  80. a{
  81. color:{color:Links};
  82. text-decoration:none;
  83. }
  84.  
  85. a:hover, a:active{
  86. color:{color:Links Hover};
  87. cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress !important;
  88. }
  89.  
  90. iframe#tumblr_controls {
  91. white-space:nowrap;
  92. -webkit-filter: invert(100%);
  93. -moz-filter: invert(100%);
  94. -o-filter: invert(100%);
  95. -ms-filter: invert(100%);
  96. filter: invert(100%);
  97. opacity:0.2;
  98. transition: .8s ease-in-out;
  99. -webkit-transition: .8s ease-in-out;
  100. -moz-transition: .8s ease-in-out;
  101. -o-transition: .8s ease-in-out;
  102. cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress !important;
  103. }
  104.  
  105.  
  106. /*---header---*/
  107.  
  108. #header{
  109. width:245px;
  110. height:150px;
  111. position:fixed;
  112. margin:auto;
  113. margin-left:50px;
  114. margin-top:100px;
  115. text-align:center;
  116. padding:10px;
  117. border:3px double {color:Header Border};
  118. background-image:url('{image:Header}');
  119. background-repeat:no-repeat;
  120. background-position:center;
  121. }
  122.  
  123. #titles{
  124. position:absolute;
  125. margin-top:150px;
  126. left:42%;
  127. text-align:center;
  128. }
  129.  
  130. .title{
  131. margin:auto;
  132. padding-top:5px;
  133. padding-bottom:5px;
  134. padding-left:10px;
  135. margin-top:0px;
  136. padding-right:10px;
  137. width:245px;
  138. font-size:16px;
  139. color:{color:Header Title};
  140. text-transform:uppercase;
  141. letter-spacing:3px;
  142. }
  143.  
  144. .title2{
  145. font-size:7px;
  146. margin:auto;
  147. margin-top:10px;
  148. margin-left:-120px;
  149. color:{color:Header Title};
  150. text-transform:uppercase;
  151. letter-spacing:6px;
  152. }
  153.  
  154. .desc{
  155. width:300px;
  156. position:absolute;
  157. margin-top:240px;
  158. margin-left:-20px;
  159. color:{color:Text};
  160. text-align:center;
  161. font-family:Helvetica;
  162. letter-spacing:2px;
  163. z-index:99999999;
  164. }
  165.  
  166. /*---navi---*/
  167.  
  168. #navi{
  169. margin:auto;
  170. margin-top:100px;
  171. margin-left:40px
  172. text-align:center;
  173. opacity:0.6;
  174.  
  175. height:50px;
  176. }
  177.  
  178. #navi a{
  179. width:30px;
  180. height:32px;
  181. margin-top:300px;
  182. display:inline-block;
  183. margin-left:10px;
  184. margin-right:10px;
  185. background-repeat:no-repeat;
  186. background-position:center;
  187. color:transparent;
  188. text-align:center;
  189. text-transform:uppercase;
  190. letter-spacing:1.5px;
  191. font-size:7px;
  192. font-family:Helvetica;
  193. line-height:1400%;
  194. -webkit-transition: all 0.5s ease-in-out;
  195. -o-transition: all 0.5s ease-in-out;
  196. -ms-transition: all 0.5s ease-in-out;
  197. transition: all 0.5s ease-in-out;
  198. }
  199.  
  200. #navi a:hover{
  201. color:#000;
  202. -webkit-transition: all 0.5s ease-in-out;
  203. -o-transition: all 0.5s ease-in-out;
  204. -ms-transition: all 0.5s ease-in-out;
  205. transition: all 0.5s ease-in-out;
  206. }
  207.  
  208. .home{
  209. background-image:url('http://static.tumblr.com/a0dmjhi/O1Gn70grn/home-20.png');
  210. -webkit-transition: all 0.5s ease-in-out;
  211. -o-transition: all 0.5s ease-in-out;
  212. -ms-transition: all 0.5s ease-in-out;
  213. transition: all 0.5s ease-in-out;
  214. }
  215.  
  216. .home:hover{
  217. background-image:url('http://static.tumblr.com/a0dmjhi/MxCn70et7/home-32.png');
  218. -webkit-transition: all 0.5s ease-in-out;
  219. -o-transition: all 0.5s ease-in-out;
  220. -ms-transition: all 0.5s ease-in-out;
  221. transition: all 0.5s ease-in-out;
  222. }
  223.  
  224. .mssg{
  225. background-image:url('http://static.tumblr.com/a0dmjhi/e2bn70gwq/message-20.png');
  226. -webkit-transition: all 0.5s ease-in-out;
  227. -o-transition: all 0.5s ease-in-out;
  228. -ms-transition: all 0.5s ease-in-out;
  229. transition: all 0.5s ease-in-out;
  230. }
  231.  
  232. .mssg:hover{
  233. background-image:url('http://static.tumblr.com/a0dmjhi/9lun70ezt/message-32.png');
  234. -webkit-transition: all 0.5s ease-in-out;
  235. -o-transition: all 0.5s ease-in-out;
  236. -ms-transition: all 0.5s ease-in-out;
  237. transition: all 0.5s ease-in-out;
  238. }
  239.  
  240. .navi{
  241. background-image:url('http://static.tumblr.com/a0dmjhi/9YTn70h0b/navi-20.png');
  242. -webkit-transition: all 0.5s ease-in-out;
  243. -o-transition: all 0.5s ease-in-out;
  244. -ms-transition: all 0.5s ease-in-out;
  245. transition: all 0.5s ease-in-out;
  246. }
  247.  
  248. .navi:hover{
  249. background-image:url('http://static.tumblr.com/a0dmjhi/Wrnn70f22/navi-32.png');
  250. -webkit-transition: all 0.5s ease-in-out;
  251. -o-transition: all 0.5s ease-in-out;
  252. -ms-transition: all 0.5s ease-in-out;
  253. transition: all 0.5s ease-in-out;
  254. }
  255.  
  256. .works{
  257. background-image:url('http://static.tumblr.com/a0dmjhi/xQCn70gz4/works-20.png');
  258. -webkit-transition: all 0.5s ease-in-out;
  259. -o-transition: all 0.5s ease-in-out;
  260. -ms-transition: all 0.5s ease-in-out;
  261. transition: all 0.5s ease-in-out;
  262. }
  263.  
  264. .works:hover{
  265. background-image:url('http://static.tumblr.com/a0dmjhi/kvXn70f49/works-32.png');
  266. -webkit-transition: all 0.5s ease-in-out;
  267. -o-transition: all 0.5s ease-in-out;
  268. -ms-transition: all 0.5s ease-in-out;
  269. transition: all 0.5s ease-in-out;
  270. }
  271.  
  272. .broll{
  273. background-image:url('http://static.tumblr.com/a0dmjhi/gbAn70gxb/blogroll-20.png');
  274. -webkit-transition: all 0.5s ease-in-out;
  275. -o-transition: all 0.5s ease-in-out;
  276. -ms-transition: all 0.5s ease-in-out;
  277. transition: all 0.5s ease-in-out;
  278. }
  279.  
  280. .broll:hover{
  281. background-image:url('http://static.tumblr.com/a0dmjhi/YDqn70f6z/blogroll-32.png');
  282. -webkit-transition: all 0.5s ease-in-out;
  283. -o-transition: all 0.5s ease-in-out;
  284. -ms-transition: all 0.5s ease-in-out;
  285. transition: all 0.5s ease-in-out;
  286. }
  287.  
  288. .themes{
  289. background-image:url('http://static.tumblr.com/a0dmjhi/kQin70gy7/themes-20.png');
  290. -webkit-transition: all 0.5s ease-in-out;
  291. -o-transition: all 0.5s ease-in-out;
  292. -ms-transition: all 0.5s ease-in-out;
  293. transition: all 0.5s ease-in-out;
  294. }
  295.  
  296. .themes:hover{
  297. background-image:url('http://static.tumblr.com/a0dmjhi/RMnn70f8b/themes-32.png');
  298. -webkit-transition: all 0.5s ease-in-out;
  299. -o-transition: all 0.5s ease-in-out;
  300. -ms-transition: all 0.5s ease-in-out;
  301. transition: all 0.5s ease-in-out;
  302. }
  303.  
  304. /*--posts--*/
  305.  
  306.  
  307. #container{
  308. margin:auto;
  309. margin-top:-90px;
  310. margin-left:500px;
  311. width:520px;
  312. padding-bottom:100px;
  313. }
  314.  
  315. #post {
  316. font-size:10px;
  317. font-weight:400;
  318. width:490px;
  319. margin-bottom:80px;
  320. text-align:justify;
  321. padding-top:40px;
  322. padding:20px;
  323. letter-spacing:0.5px;
  324. border:1px solid #ddd;
  325. }
  326.  
  327. #pagination{
  328. font-size:16px;
  329. text-align:center;
  330. font-weight:700;
  331. margin:auto;
  332. }
  333.  
  334. .posttitle{
  335. font-family:Helvetica;
  336. font-weight:700;
  337. text-transform:uppercase;
  338. font-size:14px;
  339. line-height:110%;
  340. width:480px;
  341. padding:10px;
  342. margin-bottom:8px;
  343. text-align:center;
  344. }
  345.  
  346. .quotes{
  347. margin-top:10px;
  348. font-family:Helvetica;
  349. font-weight:700;
  350. font-size:14px;
  351. letter-spacing:0px;
  352. color:{color:Text};
  353. }
  354.  
  355. blockquote{
  356. margin-left:10px;
  357. padding-left:7px;
  358. border-left:1px solid {color:Text};
  359. }
  360.  
  361. p {
  362. padding-top:5px;
  363. }
  364.  
  365. blockquote p{
  366. padding-top:0px !important;
  367. }
  368.  
  369. ol {
  370. margin-left:-15px;
  371. }
  372.  
  373. ul {
  374. list-style-type:circle;
  375. margin-left:-15px;
  376. }
  377.  
  378. .ask {
  379. padding:10px;
  380. position:relative;
  381. text-align:left;
  382. }
  383.  
  384. .ask question{
  385. font-family:Helvetica;
  386. text-align:left;
  387. font-size:14px;
  388. padding:10px;
  389. }
  390.  
  391. .ask asker{
  392. font-size:10px;
  393. font-family:Georgia;
  394. font-style:italic;
  395. letter-spacing:0px;
  396. margin-left:10px;
  397. }
  398.  
  399. .askicon{
  400. float:left;
  401. padding-right:10px;
  402. }
  403.  
  404. .askicon img{
  405. width:30px;
  406. height:30px;
  407. border:5px solid #ccc;
  408. padding:0px;
  409. }
  410.  
  411. #permalink{
  412. position:absolute;
  413. margin-left:-80px;
  414. text-align:left;
  415. font-size:10px;
  416. height:auto;
  417. width:100px;
  418. margin-top:-15px;
  419. letter-spacing:10px;
  420. z-index:0;
  421. }
  422.  
  423. .notecount{
  424. font-family:Helvetica;
  425. font-weight:400;
  426. margin-left:-15px;
  427. font-size:18px;
  428. letter-spacing:0px;
  429. }
  430.  
  431. .notecount a{
  432. color:#868686;
  433. }
  434.  
  435. .notecount a:hover{
  436. color:#aaa;
  437. }
  438.  
  439. .info{
  440. margin-top:3px;
  441. margin-left:-15px;
  442. letter-spacing:0.5px;
  443. line-height:100%;
  444. font-family:Helvetica;
  445. font-size:10px;
  446. font-weight:300;
  447. color:#aaa;
  448. display:block;
  449. }
  450.  
  451. .postperma{
  452. position:absolute;
  453. font-size:9px;
  454. width:120px;
  455. margin-left:395px;
  456. font-family:Helvetica;
  457. margin-top:-18px;
  458. text-align:right;
  459. }
  460.  
  461. .postperma info{
  462. letter-spacing:1px;
  463. margin-left:-10px;
  464. padding-left:15px;
  465. padding-right:10px;
  466. background:#fff;
  467. }
  468.  
  469. .postperma info > a{
  470. display:inline-block;
  471. padding-right:4px;
  472. padding-bottom:2px;
  473. margin-top:-1px;
  474. color:#ccc;
  475. }
  476.  
  477. .postperma info > a:hover{
  478. color:#eee;
  479. }
  480.  
  481. .tag{
  482. font-size:8.5px;
  483. margin-top:20px;
  484. text-align:center;
  485. letter-spacing:1px;
  486. }
  487.  
  488. .tag a{
  489. color:#bbb;
  490. }
  491.  
  492. .tag a:hover{
  493. color:#ddd;
  494. }
  495.  
  496. #audiopost {
  497. margin-bottom:5px;
  498. width:500px;
  499. height:80px
  500. }
  501.  
  502. .albumart {
  503. width:80px;
  504. height:80px;
  505. position:absolute;
  506. }
  507.  
  508. .albumart img {
  509. width:80px;
  510. height:80px;
  511. float:left;
  512. }
  513.  
  514. .player {
  515. opacity: 0.5;
  516. position:absolute;
  517. z-index:1;
  518. width:80px;
  519. height:80px;
  520. display:block;
  521. -webkit-transition: all 0.7s ease;
  522. -moz-transition: all 0.7s ease;
  523. -o-transition: all 0.7s ease;
  524. }
  525.  
  526. .player:hover {
  527. opacity:1;
  528. }
  529.  
  530. .playerr {
  531. width:25px;
  532. height:25px;
  533. margin-top:24px;
  534. margin-left:24px;
  535. overflow:hidden;
  536. padding:3px;
  537. }
  538.  
  539. .track {
  540. margin-left:100px;
  541. line-height:12px;
  542. padding-top:10px;
  543. }
  544.  
  545. ul.chat, .chat ol, .chat li .chat li {list-style:none;}
  546.  
  547. /*------» do noт reмove «------*/
  548.  
  549. #credit {
  550. font-family:calibri;
  551. font-weight:bold;
  552. font-size:12px;
  553. position:fixed;
  554. bottom:10px;
  555. right:3px;
  556. letter-spacing:0px;
  557. z-index:9999;
  558. }
  559.  
  560. #credit a{
  561. display:block;
  562. color:#a0a0a0;
  563. background:#fff;
  564. padding-bottom:9px;
  565. padding-left:7px;
  566. padding-right:7px;
  567. padding-top:3px;
  568. line-height:120%;
  569. height:8px;
  570. width:15px;
  571. overflow:hidden;
  572. text-align:center;
  573. }
  574.  
  575. #credit a:hover{
  576. color:#fff;
  577. background:#a0a0a0;
  578. height:23px;
  579. width:35px;
  580. }
  581.  
  582.  
  583. /*------» тнαик уσυ «------*/
  584.  
  585.  
  586.  
  587. </style>
  588.  
  589. </head>
  590.  
  591. <body>
  592.  
  593. <!-- [[•------» do noт reмove «------•]] -->
  594.  
  595. <div id="credit">
  596. <a href="http://cuphaz.tumblr.com/theme" target:"_blank">CH<br>themes</a>
  597. </div>
  598.  
  599. <!-- [[•------» тнαик уσυ «------•]] -->
  600.  
  601. <div id="header">
  602. <div id="titles">
  603. <div class="title"style="margin-left:-115px; margin-top:-220px;">{text:Main Title}</div>
  604. <div class="title2">{text:Second Title}</div>
  605. </div>
  606. <div class="desc">{description}</div>
  607. </div>
  608.  
  609. <div id="navi">
  610. <div style="position:fixed;margin-left:30px"><a href="{text:Link 1 Url}" class="home">{text:Link 1 Title}</a></div>
  611. <div style="position:fixed; margin-left:80px"><a href="{text:Link 2 Url}" class="mssg">{text:Link 2 Title}</a></div>
  612. {block:ifShowsLink3}
  613. <div style="position:fixed; margin-left:130px"><a href="{text:Link 3 Url}" class="navi">{text:Link 3 Title}</a></div>
  614. {/block:ifShowsLink3}
  615. {block:ifShowsLink4}
  616. <div style="position:fixed; margin-left:180px"><a href="{text:Link 4 Url}" class="works">{text:Link 4 Title}</a></div>
  617. {/block:ifShowsLink4}
  618. {block:ifShowsLink5}
  619. <div style="position:fixed;margin-left:230px"><a href="{text:Link 5 Url}" class="broll">{text:Link 5 Title}</a></div>
  620. {/block:ifShowsLink5}
  621. {block:ifShowsLink6}
  622. <div style="position:fixed;margin-left:280px"><a href="{text:Link 6 Url}" class="themes">{text:Link 6 Title}</a></div>
  623. {/block:ifShowsLink6}
  624. </div>
  625.  
  626.  
  627. <div id="container">
  628.  
  629. <center>
  630.  
  631. {block:Posts}
  632. <div id="post">
  633.  
  634. <div id="permalink">
  635. {block:Date}
  636. <div class="notecount">
  637. <a href="{Permalink}">{NoteCount}</a>
  638. </div>
  639. <div class="info">
  640. {12HourWithZero}:{Minutes} {AmPm}<br>
  641. {DayOfWeek}<br>
  642. {Month} {DayOfMonthWithZero}<br>
  643. {Year}
  644. </div>
  645. {/block:Date}
  646. </div>
  647.  
  648.  
  649. {block:Text}
  650. {block:Title}
  651. <div class="posttitle">{Title}</div>
  652. {/block:Title}
  653. {Body}
  654. {/block:Text}
  655.  
  656. {block:Link}
  657. <div class="posttitle">
  658. <a href="{URL}">{Name}</a>
  659. </div>
  660. {block:Description}{Description}{/block:Description}
  661. {/block:Link}
  662.  
  663. {block:Photo}
  664. <center>
  665. {LinkOpenTag}
  666. <a href="{permalink}">
  667. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  668. {LinkCloseTag}
  669. </center>
  670. {block:Caption}{Caption}{/block:Caption}
  671. {block:ContentSource}
  672. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  673. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  674. {/block:SourceLogo}
  675. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  676. {/block:ContentSource}
  677. {block:ReblogParentURL}
  678. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  679. {/block:ReblogParentURL}
  680. {/block:Photo}
  681.  
  682. {block:Photoset}
  683. {Photoset-500}
  684. {block:Caption}{Caption}{/block:Caption}
  685. {/block:Photoset}
  686.  
  687. {block:Quote}
  688. <center>
  689. <div class="quotes">“ {Quote} ”</div>
  690. {block:Source}<br>
  691. <div style="letter-spacing:0px;font-family:Georgia;">— {Source}</div>
  692. {/block:Source}
  693. </center>
  694. <br>
  695. {/block:Quote}
  696.  
  697. {block:Chat}
  698. {block:Title}
  699. <div class="posttitle">
  700. {Title}
  701. </div>
  702. {/block:Title}
  703. <ul class="chat">
  704. {block:Lines}
  705. <li class="user_{UserNumber}">
  706. {block:Label}
  707. <span class="label"><b>{Label}</b></span>
  708. {/block:Label}
  709. &nbsp;{Line}
  710. </li>
  711. {/block:Lines}
  712. </ul>
  713. {/block:Chat}
  714.  
  715. {block:Audio}
  716. <div id="audiopost">
  717. <div class="albumart">
  718. {block:AlbumArt}<img src="{AlbumArtURL}" width="80px">{/block:AlbumArt}
  719. </div>
  720. <div class="player">
  721. <div class="playerr">
  722. <span id="audio">{AudioPlayerWhite}</span>
  723. </div>
  724. </div>
  725. <div class="track">
  726. <b>Title:</b> {block:TrackName}{TrackName}{/block:Trackname}<br>
  727. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  728. <b>Album:</b> {block:Album}{Album}{/block:Album}<br>
  729. <b>Played:</b> {block:PlayCount}{PlayCount}{/block:PlayCount}
  730. </div></div>
  731. {block:caption}{Caption}{/block:caption}{/block:Audio}
  732.  
  733. {block:Video}
  734. {Video-500}
  735. {block:Caption}{Caption}{/block:Caption}
  736. {/block:Video}
  737.  
  738. {block:Answer}
  739. <div class="ask">
  740. <div class="askicon"><img src="{AskerPortraitURL-48}" width="30px"></div>
  741. <question>“ {Question} ”</question><br>
  742. <asker>— {Asker}</asker>
  743. </div>
  744. {Answer}
  745. {/block:Answer}
  746.  
  747.  
  748.  
  749. </div>
  750.  
  751. <div style="font-family: 'Lato', sans-serif;font-size:10px;font-weight:300;letter-spacing:1px;text-align:justify;">
  752. {block:PostNotes}
  753. {PostNotes}
  754. {/block:PostNotes}
  755. </div>
  756.  
  757. {/block:Posts}
  758.  
  759. <div id="pagination">
  760. {block:Pagination}
  761. {block:NextPage}
  762. —&nbsp;
  763. <a href="{NextPage}">next</a>
  764. &nbsp;
  765. {/block:NextPage}
  766. {block:PreviousPage}
  767. &nbsp;
  768. <a href="{PreviousPage}">back</a>
  769. &nbsp;—
  770. {/block:PreviousPage}
  771. {/block:Pagination}
  772. </div>
  773.  
  774. </center>
  775.  
  776. </div>
  777.  
  778. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  779. <script type="text/javascript">//** jQuery Scroll to Top Control script- (c) I made this script myself (Kyle Monk) and it is hosted on my personal site so would appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for details on how to change the location.
  780. //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
  781. //** v1.1 (April 7th, 10'):
  782. //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
  783. //** 2) Fixes scroll animation not working in Opera.
  784.  
  785.  
  786. var scrolltotop={
  787. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  788. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  789. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  790. controlHTML: '<img src="http://www.boonex.com/modules/Market/data/images/s/sa/sandklock/bg/696023.jpg" style="opacity:0.3;margin-bottom:-10px;" width="20px"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  791. controlattrs: {offsetx:35, offsety:60}, //offset of control relative to right/ bottom of window corner
  792. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  793.  
  794. state: {isvisible:false, shouldvisible:false},
  795.  
  796. scrollup:function(){
  797. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  798. this.$control.css({opacity:0}) //hide control immediately after clicking it
  799. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  800. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  801. dest=jQuery('#'+dest).offset().top
  802. else
  803. dest=0
  804. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  805. },
  806.  
  807. keepfixed:function(){
  808. var $window=jQuery(window)
  809. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  810. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  811. this.$control.css({left:controlx+'px', top:controly+'px'})
  812. },
  813.  
  814. togglecontrol:function(){
  815. var scrolltop=jQuery(window).scrollTop()
  816. if (!this.cssfixedsupport)
  817. this.keepfixed()
  818. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  819. if (this.state.shouldvisible && !this.state.isvisible){
  820. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  821. this.state.isvisible=true
  822. }
  823. else if (this.state.shouldvisible==false && this.state.isvisible){
  824. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  825. this.state.isvisible=false
  826. }
  827. },
  828.  
  829. init:function(){
  830. jQuery(document).ready(function($){
  831. var mainobj=scrolltotop
  832. var iebrws=document.all
  833. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  834. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  835. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  836. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0})
  837. .attr({title:'back to top'})
  838. .click(function(){mainobj.scrollup(); return false})
  839. .appendTo('body')
  840. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  841. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  842. mainobj.togglecontrol()
  843. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  844. mainobj.scrollup()
  845. return false
  846. })
  847. $(window).bind('scroll resize', function(e){
  848. mainobj.togglecontrol()
  849. })
  850. })
  851. }
  852. }
  853.  
  854. scrolltotop.init()</script>
  855.  
  856. </body>
  857.  
  858.  
  859. </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!