Advertisement
sunrisen

faded theme

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