Advertisement
sunrisen

suede theme

Jan 21st, 2016
2,335
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.97 KB | None | 0 0
  1. <!--
  2.  
  3. SUEDE THEME CREATED BY DECADE (SUNRISENTHEMES)
  4. RELEASED 21/01/2016
  5. _ ___ __ _ _ ___
  6. | \ | / /_\ | \ |
  7. | | |--- | | | | | |---
  8. |__/ |___ \___ | | |__/ |___
  9.  
  10. FIND MORE THEMES BY DECADE AT SUNRISENTHEMES
  11.  
  12. -->
  13. <html lang="en">
  14. <head>
  15.  
  16. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  17. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. <html xmlns="http://www.w3.org/1999/xhtml">
  19. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  22.  
  23. <title>{Title}</title>
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26.  
  27. <!-------------- color inputs --------------->
  28. <meta name="color:background" content="#ffffff"/>
  29. <meta name="color:text" content="#000000"/>
  30. <meta name="color:link" content="#000000"/>
  31. <meta name="color:hover" content="#cccccc"/>
  32. <meta name="color:title" content="#000000"/>
  33. <meta name="color:bottombar" content="#dff0ff"/>
  34. <meta name="color:permalink" content="#000000"/>
  35.  
  36. <!-------------- image inputs --------------->
  37. <meta name="image:background" content=""/>
  38. <meta name="image:header" content=""/>
  39.  
  40. <!-------------- if inputs ------------------>
  41. <meta name="if:invert follow button" content="1"/>
  42. <meta name="if:image fade" content="1"/>
  43.  
  44. <!-------------- link inputs ----------------->
  45. <meta name="text:link one" content=""/>
  46. <meta name="text:link one title" content=""/>
  47. <meta name="text:link two" content=""/>
  48. <meta name="text:link two title" content=""/>
  49. <meta name="text:link three" content=""/>
  50. <meta name="text:link three title" content=""/>
  51. <meta name="text:link four" content=""/>
  52. <meta name="text:link four title" content=""/>
  53. <meta name="text:link five" content=""/>
  54. <meta name="text:link five title" content=""/>
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59. #tumblr_controls{
  60. position:fixed !important;
  61. {block:ifinvertfollowbutton}
  62. -webkit-filter: invert(100%) ;
  63. {/block:ifinvertfollowbutton}
  64. }
  65.  
  66. ::-webkit-scrollbar-thumb{
  67. background-color: {color:text};
  68. border: 3px solid {color:background};
  69. height:auto;
  70. }
  71.  
  72. ::-webkit-scrollbar {
  73. height:auto;
  74. width:9px;
  75. background-color: #999999;
  76. border: 4px solid {color:background};
  77. }
  78.  
  79. body{
  80. margin:0px;
  81. background-repeat: repeat;
  82. background-attachment:fixed;
  83. background-color:{color:background};
  84. background-image:url('{image:background}');
  85. font-size: 8px;
  86. font-family: littlefont;
  87. line-height:9px;
  88. text-transform:lowercase;
  89. color: {color:text};
  90. }
  91.  
  92. a:link, a:active, a:visited{
  93. color: {color:link};
  94. text-decoration: none;
  95. padding-bottom:1px;
  96. -webkit-transition-duration:.2s;
  97. }
  98.  
  99. a:hover{
  100. color: {color:hover};
  101. }
  102.  
  103. .entry {
  104. margin:30px;
  105. padding: 20px;
  106. padding-bottom:22px;
  107. margin-bottom:27px;
  108. float:left;
  109. background-color:none;
  110. {block:IndexPage}
  111. width:250px;
  112. {/block:IndexPage}
  113. {block:PermalinkPage}
  114. width:500px;
  115. {/block:PermalinkPage}
  116. font-family:consolas;
  117. font-size: 10px;
  118. letter-spacing:1px;
  119. text-transform:uppercase;
  120. line-height:14px;
  121. color:#888888;
  122. }
  123. .entry:hover a{{block:ifpermastyleone}color:white;{/block:ifpermastyleone}
  124. }
  125.  
  126. .entry img{max-width:100%;}
  127. .entry .shadow {z-index:-10;width:250px;height:100%;display:inline-block;position:absolute;padding:30px;padding-bottom:32px;background:{color:background};margin-top:-30px;margin-left:-32px;{block:permalinkpage}display:none;{/block:permalinkpage}-webkit-transition-duration:.7s;}
  128. .entry:hover .shadow{{block:ifpermastyleone}background:black;{/block:ifpermastyleone}}
  129. .photo a, .photo a:hover{background:none;border:none;}
  130.  
  131. .wrapper{{block:indexpage}width:700px;{/block:indexpage}{block:permalinkpage}width:530px;{/block:permalinkpage}margin:0px auto;}
  132.  
  133. #posts {
  134. width:700px;
  135. {block:permalinkpage}
  136. width:530px;
  137. {/block:permalinkpage}
  138. margin-top:0px;
  139. padding-top:20px;
  140. padding-bottom:100px;
  141. padding-right:0px;
  142. padding-left:0px;
  143. margin-left:0px;
  144. background:none;
  145. padding-left:0px;
  146. z-index:2;
  147. }
  148.  
  149. #infscr-loading{
  150. bottom: -10px;
  151. position: absolute;
  152. left: 50%;
  153. margin-left:0px;
  154. width:16px;
  155. height:16px;
  156. overflow:hidden;
  157. margin-bottom: 50px;
  158. }
  159.  
  160. .img{{block:indexpage}margin-bottom:-3px;{block:ifimagefade}opacity:.9;{/block:ifimagefade}{/block:indexpage}z-index:2;-webkit-transition-duration:.7s;-webkit-filter:grayscale(0%);z-index:3;}
  161.  
  162. .img:hover, .entry:hover .img{opacity:1;}
  163.  
  164. .img a{{block:indexpage}color:black;{/block:indexpage}}
  165. .img a:hover{color:{color:hover};}
  166.  
  167. .title{
  168. font-family:consolas;
  169. font-size: 9px;
  170. font-weight:normal;
  171. line-height:7px;
  172. letter-spacing:1px;
  173. text-transform:uppercase;
  174. color:white;
  175. }
  176. .entry:hover .title a{color:white;}
  177.  
  178. blockquote{
  179. padding:0px 0px 2px 5px;
  180. margin:2px 0px 2px 1px;
  181. border-left: 1px solid #cccccc;}
  182. blockquote p, ul{margin:0px; padding:0px;}
  183.  
  184. .chat .line{
  185. background-color:#ffffff;
  186. margin: 0 0 1px;
  187. padding: 5px;
  188. }
  189. .chat .line.odd{
  190. background-color:#eeeeee;
  191. }
  192.  
  193. .label {font-weight:bold; color:{color:text}}
  194.  
  195. a img{border: 0px;}
  196.  
  197. .p { padding-top: 5px; }
  198. .ol, ul { margin-left: 10px; padding: 5px; }
  199. .ul { list-style-type: square; }
  200.  
  201. .albumart { margin-bottom: 0px; }
  202. .albumart img, .audio embed { width: 55px; padding-right: 5px;}
  203. .notes img{width:20px; position:left; top:5px;border-radius:100px;}
  204. .notes{line-height:17px;text-transform:uppercase;font-family:consolas;font-size:9px;letter-spacing:1px;text-align:left;}
  205.  
  206. #s-m-t-tooltip{
  207. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  208. max-width:270px;
  209. margin-top:7px;
  210. margin-left:7px;
  211. padding-left:4px;
  212. padding-right:4px;
  213. border:none;
  214. border-radius:0px;
  215. z-index:1000;
  216. background-color:#ffffff;
  217. color:#000000;
  218. font-family:trebuchet ms;
  219. z-index:1000000009;
  220. font-size:8px;
  221. letter-spacing:1px;
  222. font-style:normal;
  223. text-transform:uppercase;
  224. line-height:15px;
  225. box-shadow:3px 3px 0px #cccccc;
  226. border:1px solid #aaaaaa;
  227. }
  228.  
  229. #sidebar{
  230. position:fixed;
  231. height:auto;
  232. width:100%;
  233. height:40px;
  234. margin-top:0px;
  235. padding:0px;
  236. padding-bottom:0px;
  237. color:black;
  238. font-family:roboto;
  239. font-size:15px;letter-spacing:1px;text-transform:uppercase;-webkit-transition-duration:1s;
  240. text-align:left;
  241. z-index:99;
  242. margin-left:0px;
  243. line-height:40px;
  244. padding-left:10px;
  245. padding-right:px;
  246. opacity:1;
  247. bottom:0px;
  248. margin-left:40px;
  249. background:{color:bottombar};
  250.  
  251. }
  252. #sidebar2{width:40px;height:40px;position:fixed;bottom:0px;margin-left:0px;font-size:30px;font-family:roboto;padding:0px;text-transform:uppercase;padding:0px;z-index:999999999999999999;overflow:hidden;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;background:#dff0ff;}
  253. #sidebar2:hover{width:1000px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
  254.  
  255. .hear {width:36px;height:36px;padding:5px;overflow:hidden;position:absolute;z-index:9999;margin:-145px 0 0 105px;background-color:#000000;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;
  256. }
  257.  
  258. .hear .player {width:26px;height:26px;overflow:hidden;position:absolute;margin:5px 0 0 5px;background-color:#000000;-moz-border-radius: 30px;
  259. }
  260.  
  261. @font-face {font-family: "littlefont";
  262. src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf');
  263. }
  264.  
  265. .perma {position:absolute; text-decoration:none; margin-top:0px; margin-left:-15px; padding:2px; opacity:1;-webkit-transition: all .7s ease-in-out;-moz-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;transition: all .7s ease-in-out;z-index:10;font-family:consolas;width:auto;text-align:center;color:white;font-size:9px;padding-top:0px;padding-bottom:0px;border:0px;z-index:1;letter-spacing:1px;}
  266. .perma a {text-transform:uppercase;color:black;}
  267. .perma:hover a{color:black;}
  268. .entry:hover .perma {margin-left:-15px;-webkit-transition: all .7s ease-in-out;-moz-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;transition: all .7s ease-in-out; position:absolute; opacity:1;border:0px;color:black;}
  269. .entry:hover .perma:hover{opacity:1;z-index:100;color:black;-webkit-transition: all .7s ease-in-out;-moz-transition: all .7s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .7s ease-in-out;}
  270.  
  271. .perma2 {position:absolute; text-decoration:none; margin-top:0px; margin-left:40px; padding:2px; opacity:1;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;z-index:10;font-family:consolas;font-size:9px;width:auto;text-align:center;color:white;text-transform:uppercase;letter-spacing:1px;padding-top:0px;padding-bottom:0px;}
  272. .perma2 a {text-decoration:none;text-transform:uppercase;color:black;}
  273. .perma2 a:hover{color:black;}
  274. .entry:hover .perma2 {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out; position:absolute; opacity:1;color:black;}
  275. .entry:hover .perma2:hover{opacity:1;z-index:100;border:0px;color:black;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
  276.  
  277. .perma4 {position:absolute; text-decoration:none;margin-top:100%;bottom:-12px;margin-left:10px; padding:1px;padding-top:0px;padding-bottom:4px; background:none; opacity:0; -webkit-transition: 0.4s ease-in;z-index:10;font-family:trebuchet ms;width:auto;text-align:center;font-size:9px;letter-spacing:1px;padding-left:11px;padding-right:10px;height:10px;color:black;border-left:20px solid {color:permalink};{block:permalinkpage}display:none;{/block:permalinkpage}}
  278. .perma4 a {text-decoration:none;text-transform:uppercase;color:black;}
  279. .entry:hover .perma4 {-webkit-transition: 0.5s ease-in; position:absolute;bottom:-12px; opacity:1;}
  280. .entry:hover .perma4:hover{opacity:1;z-index:100;border-left:40px solid {color:permalink};}
  281.  
  282.  
  283. {CustomCSS}
  284. </style>
  285. <link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'/>
  286. <!--credit - please keep this link so i can keep my themes free, otherwise i will have to make all themes premium and nobody likes paying for themes, thank you for understanding-->
  287. <div style="bottom:5px;right:5px;position:fixed;z-index:99999999999999999;"><a href="http://sunrisenthemes.tumblr.com" title="credit"><img src="http://static.tumblr.com/sjab39p/xU4nc96xj/cigarette.png" style="z-index:999999999;"/></a></div>
  288. {block:IndexPage}
  289. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  290. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  291. <script type="text/javascript">
  292. $(window).load(function () {
  293. var $content = $('#posts');
  294. $content.masonry({itemSelector: '.entry'}),
  295. $content.infinitescroll({
  296. navSelector : 'div#pagination',
  297. nextSelector : 'div#pagination a#nextPage',
  298. itemSelector : '.entry',
  299. loading: {
  300. finishedMsg: '',
  301. img: 'http://static.tumblr.com/apahx90/gbVmpo84y/ajax-loader-1.gif'
  302. },
  303. bufferPx : 600,
  304. debug : false,
  305. },
  306. // call masonry as a callback.
  307. function( newElements ) {
  308. var $newElems = $( newElements );
  309. $newElems.hide();
  310. // ensure that images load before adding to masonry layout
  311. $newElems.imagesLoaded(function(){
  312. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(1300);} );
  313. });
  314. });
  315. });
  316. </script>
  317. {/block:IndexPage}
  318. <meta name="viewport" content="width=800" />
  319.  
  320. </head><body>
  321.  
  322. <div id="sidebar"><i><a href="/">refresh</a>{block:iflinkonetitle}&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<a href="{text:link one}">{text:link one title}</a>{/block:iflinkonetitle}{block:iflinktwotitle}&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<a href="{text:link two}">{text:link two title}</a>{/block:iflinktwotitle}{block:iflinkthreetitle}&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<a href="{text:link three}">{text:link three title}</a>{/block:iflinkthreetitle}{block:iflinkfourtitle}&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<a href="{text:link four}">{text:link four title}</a>{/block:iflinkfourtitle}{block:iflinkfivetitle}&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<a href="{text:link five}">{text:link five title}</a>{/block:iflinkfivetitle}&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<a href="http://decade.tumblr.com">credit</a></i>
  323. </div>
  324. <div id="sidebar2">
  325. <a href="/"><img src="{PortraitURL-48}" style="width:40px;position:relative;"/></a>
  326. <div style="width:300px;height:40px;margin-top:-33px;margin-left:60px;background:#dff0ff;margin-left:0px;padding-left:45px;padding-top:0px;opacity:1;color:black;text-align:left;font-size:9px;line-height:10px;">{description}</div>
  327. </div>
  328.  
  329. <div class="wrapper">
  330. <div class="autopagerize_page_element">
  331. <div id="posts">
  332.  
  333. {block:Posts}
  334. <div class="entry">
  335. <div class="shadow" style="{block:Answer}left:0px;padding-right:60px;{/block:Answer}"></div>
  336.  
  337. {block:Text}
  338. {block:Title}<div class="title">{Title}</div>{/block:Title}
  339. {Body}
  340. {block:IndexPage}
  341. <div class="perma"><a href="{reblogurl}" target="_blank">REBLOG</a></div>
  342. <div class="perma2"><a href="{permalink}">{notecountwithlabel}</a></div>
  343. {/block:IndexPage}
  344. {/block:Text}
  345.  
  346. {block:Link}
  347. <a href="{URL}" class="title">{Name}</a>
  348. {block:Description}{Description}{/block:Description}
  349. {block:IndexPage}
  350. <div class="perma"><a href="{reblogurl}" target="_blank">REBLOG</a></div>
  351. <div class="perma2"><a href="{permalink}">{notecountwithlabel}</a></div>
  352. {/block:IndexPage}
  353. {block:Link}
  354.  
  355. {block:Photo}
  356. <div class="img">
  357. <div class="perma4">
  358. <a href="{reblogurl}" target="_blank">REBLOG</a> / <a href="{permalink}">{notecountwithlabel}</a></div>
  359. {block:indexpage}
  360. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="100%"></img></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-500}" width="500px" class="border"></img>{/block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  361. </div>
  362. {/block:Photo}
  363.  
  364. {block:Answer}
  365. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;border-radius:100px;"/>
  366. <b>{Asker}</b>: <b>{Question}</b>{Answer}
  367. {block:IndexPage}
  368. <div class="perma4">
  369. <a href="{reblogurl}" target="_blank">REBLOG</a> / <a href="{permalink}">{notecountwithlabel}</a></div>
  370. {/block:IndexPage}
  371. {/block:Answer}
  372.  
  373. {block:Photoset}
  374. <div class="img">
  375. {block:IndexPage}<a href="{permalink}"><!--{block:Photos}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{/block:Photos}-->{photoset-250}<div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div></a>{/block:IndexPage}
  376. {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
  377. </div>
  378. {block:IndexPage}
  379. <div class="perma4"><a href="{reblogurl}" target="_blank">REBLOG</a> / <a href="{permalink}">{notecountwithlabel}</a></div>
  380. {/block:IndexPage}
  381. {/block:Photoset}
  382.  
  383. {block:Quote}
  384. {Quote} - {source}
  385. {block:IndexPage}
  386. <div class="perma"><a href="{reblogurl}" target="_blank">REBLOG</a></div>
  387. <div class="perma2"><a href="{permalink}">{notecountwithlabel}</a></div>
  388. {/block:IndexPage}
  389. {/block:Quote}
  390.  
  391. {block:Audio}
  392. {block:indexpage}
  393. <div class="audio">{block:AlbumArt}<a href="{permalink}" title="{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}"><img src="{AlbumArtURL}" style="width:100%;height:auto;position:relative;" class="ig"/></a>{/block:AlbumArt}</div><div class="hear">
  394. <div class="player">
  395. {AudioPlayerBlack}</div></div>
  396. {block:ExternalAudio}{/block:ExternalAudio}
  397. {/block:indexpage}
  398. {block:permalinkpage}
  399. <div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}" style="width:47px;height:47px;position:relative;">{/block:AlbumArt}</div><div style="float:left;text-align:left;width:250px;height:27px;padding-top:10px;padding-bottom:10px;{block:albumart}margin-top:-51px;{/block:albumart}float:right;background-color:#000000;">{AudioPlayerBlack height="50" width="420"}
  400. {block:ExternalAudio}{/block:ExternalAudio}</div>
  401. {/block:permalinkpage}
  402. {block:IndexPage}
  403. <div class="perma4"><a href="{reblogurl}" target="_blank">REBLOG</a> / <a href="{permalink}">{notecountwithlabel}</a></div>
  404. {/block:IndexPage}
  405. {/block:Audio}
  406.  
  407. {block:video}
  408. {block:indexpage}
  409. {video-250}
  410. {block:indexpage}
  411. {block:permalinkpage}
  412. {video-500}
  413. {/block:permalinkpage}
  414. {block:IndexPage}
  415. <div class="perma"><a href="{reblogurl}" target="_blank">REBLOG</a></div>
  416. <div class="perma2"><a href="{permalink}">{notecountwithlabel}</a></div>
  417. {/block:IndexPage}
  418. {/block:video}
  419.  
  420. {block:Chat}
  421. {block:Title}<div class="title"><center>{Title}</center></div>{/block:Title}
  422. <div class="chat">
  423. <div class="lines">
  424. {block:Lines}
  425. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  426. {/block:Lines}
  427. </div>
  428. </div>
  429. {block:IndexPage}
  430. <div class="perma"><a href="{reblogurl}" target="_blank">REBLOG</a></div>
  431. <div class="perma2"><a href="{permalink}">{notecountwithlabel}</a></div>
  432. {/block:IndexPage}
  433. {/block:Chat}
  434.  
  435. {block:IndexPage}
  436. <div style="display:none;">
  437. {block:ContentSource}
  438. <a href="{SourceURL}">
  439. {lang:Source}:
  440. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  441. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  442. </a>via {ReblogParentName}{block:RebloggedFromReblog}{/block:RebloggedFromReblog}{/block:ContentSource}</div>
  443. {/block:IndexPage}
  444.  
  445. {block:PermalinkPage}
  446. <center>
  447. {block:Date}
  448. <center>
  449. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  450. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  451. {/block:Date}
  452. {block:RebloggedFrom}
  453. <center><br>{via: <a href="{ReblogParentURL}">{ReblogParentName}</a>}
  454. </center>
  455. {/block:RebloggedFrom}
  456. {/block:PermalinkPage}
  457.  
  458. {block:PostNotes}<div class="notes">{PostNotes}</div>
  459. {/block:PostNotes}
  460. </div>
  461.  
  462.  
  463. {/block:Posts}
  464. </div>
  465. </div></div>
  466. <div class="right">
  467. </div>
  468. <div class="footer">
  469. <br>
  470. </div>
  471. </body>
  472. </html>
  473. <div style="position:fixed;right:0px;bottom:-425px;">
  474. {block:IndexPage}
  475. {block:Pagination}
  476. <div id="pagination">
  477. {block:NextPage}
  478. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  479. {/block:NextPage}
  480. {block:PreviousPage}
  481. <a href="{PreviousPage}">&larr;&nbsp;</a>
  482. {/block:PreviousPage}
  483. </div>
  484. {/block:Pagination}
  485. {/block:IndexPage}</div></div>
  486. </body>
  487. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  488. <script>
  489. (function($){
  490. $(document).ready(function(){
  491. $("[title],a[title],img[title]").style_my_tooltips({
  492. tip_follows_cursor:true,
  493. tip_delay_time:100,
  494. tip_fade_speed:300,
  495. attribute:"title"
  496. });
  497. });
  498. })(jQuery);
  499. </script>
  500. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement