API tools faq
paste
silvercybermen

Theme 12: Elegance

silvercybermen
Jun 26th, 2014
669
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.22 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.  
  3. <!--
  4.  
  5. Theme 12: Elegance by lunecerise aka sxriusblack
  6.  
  7. -keep the credit intact
  8. -don't steal any code
  9. -don't use as a basecode
  10. -don't claim this as your own
  11.  
  12. thank you :) xx
  13.  
  14. -->
  15.  
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head>
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Title" content="#777777"/>
  27. <meta name="color:Text" content="#000000"/>
  28. <meta name="color:Link" content="#aaaaaa"/>
  29. <meta name="color:Tags" content="#cccccc"/>
  30. <meta name="color:Hover" content="#f1f1f1"/>
  31. <meta name="color:Line" content="#f2f2f2"/>
  32. <meta name="color:Border" content="#eeeeee"/>
  33. <meta name="color:Scrollbar" content="#000000"/>
  34.  
  35. <meta name="if:Popup Ask" content="1"/>
  36. <meta name="image:sidebar" content=""/>
  37.  
  38. <meta name="text:Your URL" content="put your url here for the popup ask to work"/>
  39.  
  40. <meta name="text:Blog Title" content="">
  41. <meta name="text:linkA" content="">
  42. <meta name="text:linkA url" content="/">
  43. <meta name="text:linkB" content="">
  44. <meta name="text:linkB url" content="/">
  45. <meta name="text:linkC" content="">
  46. <meta name="text:linkC url" content="/">
  47. <meta name="text:linkD" content="">
  48. <meta name="text:linkD url" content="/">
  49.  
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  52. <script>
  53. (function($){
  54. $(document).ready(function(){
  55. $("[title]").style_my_tooltips({
  56. tip_follows_cursor:true,
  57. tip_delay_time:1,
  58. tip_fade_speed:100,
  59. attribute:"title"
  60. });
  61. });
  62. })(jQuery);
  63. </script>
  64.  
  65. <style type="text/css">
  66.  
  67. *, body, a, a:hover, a:active {cursor:url(http://static.tumblr.com/vmteopo/3Bkn5qfil/cursor2.png), auto;}
  68.  
  69. #s-m-t-tooltip {
  70. max-width:300px;
  71. padding: 5px 7px;
  72. margin:10px;
  73. background-color:{color:background};
  74. font-family:calibri;
  75. font-size:8px;
  76. border:double {color:border};
  77. font-style:bold;
  78. letter-spacing:1px;
  79. text-transform:uppercase;
  80. color:{color:Text};
  81. z-index:10000000000000000000000000000000000000000000000000000000000000;
  82. -moz-transition-duration: 0.3s;
  83. -webkit-transition-duration: 0.3s;
  84. -o-transition-duration: 0.3s;
  85. }
  86.  
  87. ::-webkit-scrollbar {width:7px; height:auto; background:{color:background};}
  88. ::-webkit-scrollbar-corner {background:{color:background};}
  89. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  90. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  91. ::-webkit-scrollbar-increment {width:7px; height:7px; background-color:#fff;}
  92.  
  93.  
  94. body {
  95. background:{color:background};
  96. margin:0px;
  97. color:{color:text};
  98. font-family:calibri;
  99. font-size:9px;
  100. line-height:110%;
  101. }
  102.  
  103. a {
  104. text-decoration:none;
  105. -moz-outline-style:none;
  106. color:{color:link};
  107. transition:0.5s ease-in-out;
  108. -webkit-transition: all 0.5s ease;
  109. -moz-transition: all 0.5s ease;
  110. -o-transition: all 0.5s ease;
  111. }
  112.  
  113. a:hover {
  114. opacity:1;
  115. text-decoration:line-through;
  116. }
  117.  
  118. img {
  119. border:none;
  120. max-width:100%;
  121. }
  122.  
  123.  
  124. h1 {
  125. font-size:12px;
  126. text-transform:uppercase;
  127. }
  128.  
  129. h1 a:hover {
  130. letter-spacing:2px;
  131. font-style:italic;
  132. }
  133.  
  134. h2 {
  135. font-family:times;
  136. font-style:italic;
  137. font-size:15px;
  138. text-align:center;
  139. line-height:123%;
  140. }
  141.  
  142. blockquote {
  143. padding-left:5px;
  144. border-left:1px solid;
  145. }
  146.  
  147. blockquote blockquote {
  148. padding-left:5px;
  149. border-left:1px solid;
  150. }
  151.  
  152. pre {
  153. padding:3px 5px;
  154. background-color:#f1f1f1;
  155. }
  156.  
  157. b, strong {
  158. font-weight:700;
  159. }
  160.  
  161. ul {
  162. list-style:square;
  163. }
  164.  
  165. ol {
  166. list-style:upper-roman;
  167. line-height:115%;
  168. }
  169.  
  170. li {
  171. line-height:115%;
  172. }
  173.  
  174. #sidebar {
  175. position:fixed;
  176. width:220px;
  177. margin-left:200px;
  178. margin-top:100px;
  179. opacity:1;
  180. transition:0.5s ease-in-out;
  181. -webkit-transition:0.5s ease-in-out;
  182. -moz-transition:0.5s ease-in-out;
  183. -ms-transition:0.5s ease-in-out;
  184. -o-transition:0.5s ease-in-out;
  185. }
  186.  
  187. #sidebar:hover .links {
  188. opacity:1;
  189. }
  190.  
  191. #sidebarimage {
  192. height:320px;
  193. overflow:hidden;
  194. top:100px;
  195. position:fixed;
  196. width:220px;
  197. z-index:-1;
  198. }
  199.  
  200. #sidebarimage img {
  201. height:320px;
  202. width:220px;
  203. padding:6px;
  204. }
  205.  
  206. #title {
  207. position:fixed;
  208. z-index:444;
  209. margin-top:60px;
  210. margin-bottom:-50px;
  211. font-size:15px;
  212. width:200px;
  213. padding:5px 10px;
  214. text-align:center;
  215. color:#777;
  216. font-family:times;
  217. font-style:italic;
  218. transition:0.5s ease-in-out;
  219. -webkit-transition:0.5s ease-in-out;
  220. -moz-transition:0.5s ease-in-out;
  221. -ms-transition:0.5s ease-in-out;
  222. -o-transition:0.5s ease-in-out;
  223. }
  224.  
  225. #title a {
  226. color:{color:Title};
  227. text-shadow:2px 2px 0.1em #777;
  228. text-decoration:none;
  229. letter-spacing:1px;
  230. transition:0.5s ease-in-out;
  231. -webkit-transition:0.5s ease-in-out;
  232. -moz-transition:0.5s ease-in-out;
  233. -ms-transition:0.5s ease-in-out;
  234. -o-transition:0.5s ease-in-out;
  235. }
  236.  
  237. #title a:hover {
  238. letter-spacing:2px;
  239. }
  240.  
  241. .desc {
  242. z-index:444;
  243. position:fixed;
  244. margin-left:2px;
  245. font-family:cambria;
  246. line-height:110%;
  247. margin-top:90px;
  248. font-size:9px;
  249. font-style:italic;
  250. width:200px;
  251. padding:10px;
  252. text-align:justify;
  253. color:{color:text};
  254. background:rgba(255,255,255,0.8);
  255. transition:0.5s ease-in-out;
  256. -webkit-transition:0.5s ease-in-out;
  257. -moz-transition:0.5s ease-in-out;
  258. -ms-transition:0.5s ease-in-out;
  259. -o-transition:0.5s ease-in-out;
  260. }
  261.  
  262. .links {
  263. opacity:0;
  264. z-index:444;
  265. position:fixed;
  266. margin-top:30px;
  267. width:200px;
  268. padding: 5px 10px;
  269. word-spacing:2px;
  270. font-family:calibri;
  271. text-align:center;
  272. text-transform:uppercase;
  273. transition:0.5s ease-in-out;
  274. -webkit-transition:0.5s ease-in-out;
  275. -moz-transition:0.5s ease-in-out;
  276. -ms-transition:0.5s ease-in-out;
  277. -o-transition:0.5s ease-in-out;
  278. }
  279.  
  280. .links a {
  281. text-decoration:none;
  282. font-size: 9px;
  283. padding:4px 6px;
  284. border:double {color:border};
  285. background:rgba(255,255,255,0.8);
  286. }
  287.  
  288. .links a:hover {
  289. color:{color:Hover};
  290. }
  291.  
  292. #pagi {
  293. width:220px;
  294. font-size:8px;
  295. text-align:center;
  296. margin-top:210px;
  297. font-family:cambria;
  298. letter-spacing:0px;
  299. transition:0.5s ease-in-out;
  300. -webkit-transition:0.5s ease-in-out;
  301. -moz-transition:0.5s ease-in-out;
  302. -ms-transition:0.5s ease-in-out;
  303. -o-transition:0.5s ease-in-out;
  304. }
  305.  
  306. #pagi a {
  307. color:{color:background};
  308. text-decoration:none;
  309. }
  310.  
  311.  
  312. #all {
  313. padding:10px;
  314. width:500px;
  315. margin-left:520px;
  316. margin-top:50px;
  317. font-size:10px;
  318. }
  319.  
  320. #posts {
  321. width:500px;
  322. padding-bottom:20px;
  323. padding:10px;
  324. margin-top:30px;
  325. background-color:{color:Post};
  326. }
  327.  
  328.  
  329. #details {
  330. text-align:center;
  331. margin-top:8px;
  332. text-transform:uppercase;
  333. font-size:8px;
  334. font-style:none;
  335. border-top:1px solid {color:Line};
  336. }
  337.  
  338. .caption {
  339. line-height:110%;
  340. -ms-word-break: break-all;
  341. word-break: break-all;
  342. word-break: break-word;
  343. -webkit-hyphens: auto;
  344. -moz-hyphens: auto;
  345. -ms-hyphens: auto;
  346. hyphens: auto;
  347. }
  348.  
  349. #tags {
  350. font-family:cambria;
  351. letter-spacing:0px;
  352. text-transform:lowercase;
  353. font-size:10px;
  354. font-style:italic;
  355. margin-top:2px;
  356. text-align:center;
  357. }
  358.  
  359. #tags a {
  360. display:inline-block;
  361. padding:-3px;
  362. text-align:right;
  363. color:{color:Tags};
  364. -webkit-transition: all 0.6s ease-in-out;
  365. -moz-transition: all 0.6s ease-in-out;
  366. -o-transition: all 0.6s ease-in-out;
  367. -ms-transition: all 0.6s ease-in-out;
  368. -transition: all 0.6s ease-in-out;
  369. }
  370.  
  371. #tags .comma:last-child {
  372. display:none;
  373. }
  374.  
  375. #question {
  376. padding:8px;
  377. font-family:times;
  378. letter-spacing:2px;
  379. text-align:center;
  380. border-bottom:1px {color:border} solid;
  381. color:{color:text};
  382. background-color:{color:background}
  383. }
  384.  
  385. /*CHAT POSTS*/
  386.  
  387. .chat li {
  388. list-style:none;
  389. line-height:105%;
  390. }
  391.  
  392. .line.odd {
  393. background-color:#f2f2f2;
  394. padding:4px 5px;
  395. }
  396.  
  397. .line.even {
  398. padding:0 5px;
  399. }
  400.  
  401. .cover {
  402. position: relative;
  403. z-index: 1;
  404. width:100px;
  405. margin-bottom:30px;
  406. background-color:{color:background};
  407. }
  408.  
  409. .playbutton {
  410. width: 20px;
  411. height: 30px;
  412. overflow: hidden;
  413. position: relative;
  414. z-index: 1000;
  415. margin: 12px 20px 10px 12px;
  416. }
  417.  
  418. .playbox {
  419. width:50px;
  420. height:50px;
  421. background-color: #000;
  422. position: absolute;
  423. z-index: 1000;
  424. margin-top:25px;
  425. margin-left:24px;
  426. opacity:0.6;
  427. transition-duration:0.5s;
  428. -o-transition-duration:0.5s;
  429. -ms-transition-duration:0.5s;
  430. -moz-transition-duration:0.5s;
  431. -webkit-transition-duration:0.5s;
  432. }
  433.  
  434. .playbox:hover {
  435. opacity:1;
  436. transition-duration:0.5s;
  437. -o-transition-duration:0.5s;
  438. -ms-transition-duration:0.5s;
  439. -moz-transition-duration:0.5s;
  440. -webkit-transition-duration:0.5s;
  441. }
  442.  
  443. .thepopup {
  444. display: none;
  445. padding: 20px 40px 20px;
  446. float: left;
  447. position: fixed;
  448. top: 50%;
  449. left: 50%;
  450. color:{color:text};
  451. font-family:calibri;
  452. background-color:{color:background};
  453. border:double {color:border};
  454. font-size:11px;
  455. line-height:112%;
  456. height:400px;
  457. width:400px;
  458. overflow-y:scroll;
  459. overflow-x:hidden;
  460. z-index: 9999999999999999999999999999999999999999;
  461. }
  462.  
  463. *html #fade {
  464. position: absolute;
  465. }
  466.  
  467. *html .thepopup {
  468. position: absolute;
  469. }
  470.  
  471. #fade {
  472. display: none;
  473. position: fixed; left: 0; top: 0; width: 100%; height: 100%;
  474. opacity: 1;
  475. z-index: 9999;
  476. }
  477.  
  478. img.btn_close {
  479. float: right;
  480. margin: -15px -35px 0 0;
  481. }
  482.  
  483. #credit, #credit a {
  484. text-decoration:none;
  485. position:fixed;
  486. bottom:4px;
  487. right:4px;
  488. padding:5px 4px;
  489. font-family: helvetica;
  490. text-transform:uppercase;
  491. color:#fff;
  492. font-size:10px;
  493. background-color:#000;
  494. -moz-transition-duration:0.3s;
  495. -webkit-transition-duration:0.3s;
  496. -o-transition-duration:0.3s;
  497. -ms-transition-duration:0.3s;
  498. }
  499.  
  500. #credit:hover, #credit a:hover {
  501. text-decoration:none;
  502. font-family: helvetica;
  503. color:#000;
  504. background-color:#fff;
  505. text-shadow:#aaa 2px 2px;
  506. -moz-transition-duration:0.4s;
  507. -webkit-transition-duration:0.4s;
  508. -o-transition-duration:0.4s;
  509. -ms-transition-duration:0.4s;
  510. }
  511.  
  512. {CustomCSS}</style></head><body>
  513.  
  514.  
  515. <!--- START POPUP ASK --->
  516.  
  517. <div id="popupask" class="thepopup">
  518. <h2>FAQ</h2>
  519. <h1>April</h1>
  520. <p>April, hold up all you have and let me down I don't ever want to wonder about you now
  521. <h1>A Little Death</h1>
  522. <p>Dancing through the night, a vodka and a sprite, a glimpse of the silhouettes, a night that they never forget</p>
  523. <h1>Crystalised</h1>
  524. <p>You've applied the pressure to have me crystallized and you've got the faith that I could bring paradise</p>
  525. <p><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:Your URL}.tumblr.com" style="background-color:transparent; overflow:hidden; border-bottom:1px solid #000; padding-bottom:15px" id="ask_form"></iframe></p>
  526. </div>
  527.  
  528. <!--- END POPUP ASK --->
  529.  
  530. <div id="sidebar">
  531.  
  532. <div id="title"><a href="/">{text:blog title}</a></div>
  533. <div class="desc">
  534. {Description}
  535. </div>
  536. <div class="links">
  537. {block:IfLinkA}
  538. <a href="{text:linkA url}" style="padding:4px 8px" title="{text:linkA}">i</a>
  539. {/block:IfLinkA}
  540. {block:IfLinkB}
  541. <a href="{text:linkB url}" style="padding:4px 7px" title="{text:linkB}">ii</a>
  542. {/block:IfLinkB}
  543. {block:IfLinkC}
  544. <a href="{text:linkC url}" title="{text:linkC}">iii</a>
  545. {/block:IfLinkC}
  546. {block:IfLinkD}
  547. <a href="{text:linkD url}" title="{text:linkD}">iv</a>
  548. {/block:IfLinkD}
  549. {block:ifPopupAsk}
  550. <a href="#?w=500" style="padding:4px 7px" rel="popupask" class="poplight" title="message">v</a>
  551. {/block:ifPopupAsk}
  552. </div>
  553. {block:Pagination}<div id="pagi">
  554. {block:PreviousPage}<a href="{PreviousPage}" title="return">◀</a>&nbsp;&nbsp;{/block:PreviousPage}
  555. {block:JumpPagination length="3"}
  556. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  557. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  558. {/block:JumpPagination}
  559. {block:NextPage}<a href="{NextPage}" title="advance">▶</a>{/block:NextPage}
  560. </div>{/block:Pagination}
  561. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  562. </div>
  563.  
  564. <div id="all">{block:Posts}<div id="posts">
  565.  
  566. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{block:More}<a href="{Permalink}" style="text-align:center; display:inline-block; width:500px; padding:8px 0; color:#fff; background-color:{color:text}; line-height:115%">READ MORE</a>{/block:More}{/block:Text}
  567.  
  568. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</center>{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Photo}
  569.  
  570. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  571.  
  572. {block:Photoset}{Photoset-500}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Photoset}
  573.  
  574. {block:Quote}<h2 style="text-shadow:2px 2px 0px #f2f2f2; text-align:center">“{Quote}”</h2><br> <center>—{Source}</center>{/block:Quote}
  575.  
  576. {block:Audio}<div class="playbox">
  577. <div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  578. {block:AlbumArt}
  579. <img src="{AlbumArtURL}" class="cover">
  580. {/block:AlbumArt}
  581. <div style="margin-left:110px; margin-top:-130px; line-height:160%; margin-bottom:40px"><br>
  582. {block:TrackName}{TrackName}<br>{/block:TrackName}
  583. {block:Artist}{Artist}<br>{/block:Artist}
  584. {block:Album}{Album}<br>{/block:Album}
  585. {/block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  586. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Audio}
  587.  
  588. {block:Video}{Video-500}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Video}
  589.  
  590. {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}
  591.  
  592. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div><left> {Answer}</left>{/block:Answer}
  593.  
  594. <div id="details">
  595. <br>{block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {12Hour} {CapitalAMPM}</a>{/block:Date}{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}{block:NoteCount} / + <a href="{Permalink}">{NoteCount}</a> / {/block:NoteCount}<a href="{ReblogURL}" target="_blank">reblog</a>
  596. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a><span class="comma">,</span> {/block:Tags}</div>{/block:HasTags}</div></div>
  597. {/block:Posts}
  598. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  599. {/block:Posts}</div></div></div>
  600.  
  601.  
  602.  
  603.  
  604.  
  605.  
  606.  
  607. <!--- yo don't touch any of this ok --->
  608.  
  609. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  610. <script type="text/javascript">
  611.  
  612.  
  613. var scrolltotop={
  614.  
  615. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  616. controlHTML: '<img src="https://31.media.tumblr.com/58628c84be970330b50d14caaa35aad8/tumblr_n7he8023x51sekzjlo1_75sq.png" style="filter:alpha(opacity=70); -moz-opacity:0.7;" width="10"/>', //link for button there//
  617. controlattrs: {offsetx:10, offsety:30}, //positioning//
  618. anchorkeyword: '#top',
  619.  
  620. state: {isvisible:false, shouldvisible:false},
  621.  
  622. scrollup:function(){
  623. if (!this.cssfixedsupport)
  624. this.$control.css({opacity:0})
  625. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  626. if (typeof dest=="string" && jQuery('#'+dest).length==1)
  627. dest=jQuery('#'+dest).offset().top
  628. else
  629. dest=0
  630. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  631. },
  632.  
  633. keepfixed:function(){
  634. var $window=jQuery(window)
  635. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  636. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  637. this.$control.css({left:controlx+'px', top:controly+'px'})
  638. },
  639.  
  640. togglecontrol:function(){
  641. var scrolltop=jQuery(window).scrollTop()
  642. if (!this.cssfixedsupport)
  643. this.keepfixed()
  644. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  645. if (this.state.shouldvisible && !this.state.isvisible){
  646. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  647. this.state.isvisible=true
  648. }
  649. else if (this.state.shouldvisible==false && this.state.isvisible){
  650. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  651. this.state.isvisible=false
  652. }
  653. },
  654.  
  655. init:function(){
  656. jQuery(document).ready(function($){
  657. var mainobj=scrolltotop
  658. var iebrws=document.all
  659. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest
  660. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  661. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  662. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  663. .attr({title:'back to top'})
  664. .click(function(){mainobj.scrollup(); return false})
  665. .appendTo('body')
  666. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
  667. mainobj.$control.css({width:mainobj.$control.width()})
  668. mainobj.togglecontrol()
  669. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  670. mainobj.scrollup()
  671. return false
  672. })
  673. $(window).bind('scroll resize', function(e){
  674. mainobj.togglecontrol()
  675. })
  676. })
  677. }
  678. }
  679.  
  680. scrolltotop.init()</script>
  681.  
  682. <script type="text/javascript"
  683. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  684.  
  685. <script>
  686. $(document).ready(function() {
  687. //
  688. //When you click on a link with class of poplight and the href starts with a #
  689. $('a.poplight[href^=#]').click(function() {
  690. var popID = $(this).attr('rel'); //Get Popup Name
  691. var popURL = $(this).attr('href'); //Get Popup href to define size
  692. //Pull Query & Variables from href URL
  693. var query= popURL.split('?');
  694. var dim= query[1].split('&');
  695. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  696. //Fade in the Popup and add close button
  697. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/bmdsqsc/NoFm7hr5m/close.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  698. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend;
  699. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  700. var popMargTop = ($('#' + popID).height() + 90) / 2;
  701. var popMargLeft = ($('#' + popID).width() + 90) / 2;
  702. //Apply Margin to Popup
  703. $('#' + popID).css({
  704. 'margin-top' : -popMargTop,
  705. 'margin-left' : -popMargLeft
  706. });
  707. //Fade in Background
  708. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  709. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  710. return false;
  711. });
  712. //Close Popups and Fade Layer
  713. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  714. $('#fade , .thepopup').fadeOut(function() {
  715. $('#fade, a.close').remove(); //fade them both out
  716. });
  717. return false;
  718. });
  719. });
  720. </script>
  721.  
  722. <!-- DON'T TOUCH ANYTHING HERE -->
  723.  
  724. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  725. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  726. <script>
  727. $(function(){
  728. var $container = $('#container');
  729. $container.imagesLoaded(function(){
  730. $container.masonry({
  731. itemSelector: '.char',
  732. });
  733. });
  734. $container.infinitescroll({
  735. itemSelector : ".char",
  736. loadingImg : "",
  737. loadingText : "<em></em>",
  738. bufferPx : 10000,
  739. extraScrollPx: 12000,
  740. },
  741. // trigger Masonry as a callback
  742. function( newElements ) {
  743. var $newElems = $( newElements ).css({ opacity: 0 });
  744. // ensure that images load before adding to masonry layout
  745. $newElems.imagesLoaded(function(){
  746. $newElems.animate({ opacity: 1 });
  747. $container.masonry( 'appended', $newElems, true );
  748. });
  749. }
  750. );
  751. });
  752. </script>
  753.  
  754. <div id="credit"><a href="http://lunecerise.tumblr.com" title="lunecerise">LC</a></center></div>
  755.  
  756. </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!