API tools faq
paste
wallflwers

personal theme 01

wallflwers
Feb 16th, 2013
2,455
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.10 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme by joshdevin!
  3. -->
  4.  
  5. <html lang="en">
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10.  
  11.  
  12. <script type="text/javascript"
  13. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14.  
  15. <meta name="color:background" content=""/>
  16. <meta name="color:text" content="#928f8f"/>
  17. <meta name="color:links" content="#928f8f"/>
  18. <meta name="color:hover" content="#e4e2e2"/>
  19. <meta name="color:border" content="#e4e2e2"/>
  20.  
  21. <meta name="image:sidebar" content=""/>
  22. <meta name="image:background" content=""/>
  23.  
  24. <meta name="text:link1url" content="/"/>
  25. <meta name="text:link1name" content=""/>
  26. <meta name="text:link2url" content="/"/>
  27. <meta name="text:link2name" content=""/>
  28. <meta name="text:link3url" content="/"/>
  29. <meta name="text:link3name" content=""/>
  30. <meta name="text:link4url" content="/"/>
  31. <meta name="text:link4name" content=""/>
  32.  
  33. <meta name="if:link1" content="/"/>
  34. <meta name="if:link2" content="/"/>
  35. <meta name="if:link3" content="/"/>
  36. <meta name="if:link4" content="/"/>
  37.  
  38. <div style="font-size: 11px; letter-spacing: 2px; float: right; position: fixed; bottom: 10px; right: 10px; text-transform:lowercase;color:{color:text}; font-family:calibri;"><a href="http://joshdevin.tumblr.com">©<i>j</i>oshdevin</a></div>
  39.  
  40. <style type="text/css">
  41.  
  42.  
  43. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  44.  
  45. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  46.  
  47. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  48.  
  49. p {
  50. margin:0px;
  51. margin-top:0px;
  52. }
  53.  
  54.  
  55. body{
  56. color:{color:text};
  57. font-family:helvetica;
  58. font-size:10px;
  59. background-color:{color:background};
  60. background-image:url({image:background});
  61. background-position: fixed;
  62. background-attachment:fixed;
  63. background-repeat:repeat;
  64. text-decoration:none;
  65. }
  66.  
  67. a
  68. {
  69. text-decoration:none;
  70. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  71. opacity:1;
  72. color:{color:links};
  73. }
  74.  
  75. a:hover
  76. {text-decoration:none;
  77. opacity:1;
  78. color:{color:hover};
  79. }
  80.  
  81. div#center{
  82. margin:auto;
  83. position:relative;
  84. width:1000px;
  85. background-color:;
  86. overflow:auto;
  87. overflow-y:hidden;
  88. }
  89.  
  90.  
  91. .entry {
  92. float:left;
  93. display: block;
  94. margin:1px;
  95. overflow:hidden;
  96. width:220px;
  97. {block:PermalinkPage}
  98. width:450px;
  99. text-align:left;
  100. line-height:10px;
  101. {/block:PermalinkPage}
  102. background:white;
  103. background-image:URL();
  104. }
  105.  
  106.  
  107. .entry .perma{
  108. width:220px;
  109. height:48px;
  110. margin-left:0px;
  111. position: absolute;
  112. line-height: 16px;
  113. overflow:hidden;
  114. color:white;
  115. padding:-5;
  116. text-align:center;
  117. top:0px;
  118. background:black;
  119. word-spacing:2px;
  120. letter-spacing:1px;
  121. opacity: 0.0;
  122. -webkit-transition: all .7s ease;
  123. -moz-transition: all .7s ease;
  124. -o-transition: all .7s ease;
  125. transition: all .7s ease;
  126.  
  127. }
  128.  
  129. .entry:hover .perma{
  130. overflow:visible;
  131. opacity:1;
  132. }
  133.  
  134.  
  135. #posts {
  136. width:500px;
  137. margin-top:0px;
  138. z-index:99;
  139. margin-left:289px;
  140. right:auto;
  141. background:transparent;
  142. margin-right:auto;
  143. position:relative;
  144. overflow-y: hidden;
  145. }
  146.  
  147.  
  148. #sidebar {
  149. padding:5px;
  150. margin-top:150px;
  151. margin-left:20px;
  152. border:1px solid {color:border};
  153. position:fixed;
  154. }
  155.  
  156. #description {
  157. width:200px;
  158. font-size:9px;
  159. text-align:center;
  160. padding-top:5px;
  161. padding-bottom:5px;
  162. border-top:1px solid #eee;
  163. }
  164.  
  165. #sidebarimage {
  166. width:115px;
  167. opacity:1;
  168. -moz-transition-duration:0.5s;
  169. -webkit-transition-duration:0.5s;
  170. -o-transition-duration:0.5s;
  171. }
  172.  
  173. #sidebarimage:hover {
  174. opacity:0.7;
  175. -moz-transition-duration:0.5s;
  176. -webkit-transition-duration:0.5s;
  177. -o-transition-duration:0.5s;
  178. }
  179.  
  180. .links {
  181. position:absolute;
  182. position:fixed;
  183. margin-top:-17% ;
  184. margin-left:65px;
  185. font-size:10px;
  186. text-align:center;
  187. padding:2px;
  188. color:{color:links};
  189. text-transform:uppercase;
  190. opacity:0;
  191. max-width:40px;
  192. -moz-transition-duration:0.5s;
  193. -webkit-transition-duration:0.5s;
  194. -o-transition-duration:0.5s;
  195. }
  196.  
  197. .links a{
  198. font-size:9px;
  199. padding:5px;
  200. margin-top:2px;
  201. display:block;
  202. text-align:center;
  203. min-width:60px;
  204. background:white;
  205. text-decoration:none;
  206. -webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
  207. }
  208.  
  209. #sidebarimage:hover .links {
  210. opacity:1;
  211. -moz-transition-duration:0.5s;
  212. -webkit-transition-duration:0.5s;
  213. -o-transition-duration:0.5s;
  214. }
  215.  
  216.  
  217. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  218.  
  219.  
  220. .title{
  221. line-height: 12px;
  222. color:{color:Title};
  223. font-weight: normal;
  224. }
  225.  
  226.  
  227. .permalink{
  228. text-transform: normal;
  229. display: block;
  230. text-align: right;
  231. text-decoration: none;
  232. }
  233.  
  234.  
  235. #infscr-loading{
  236. bottom: -70px;
  237. position: absolute;
  238. left: 50%;
  239. margin-left:-8px;
  240. width:16px;
  241. height:11px;
  242. overflow:hidden;
  243. margin-bottom: 50px;
  244. }
  245.  
  246. #postnotes{
  247. text-align: justify;}
  248.  
  249. #postnotes blockquote{
  250. border: 0px;}
  251.  
  252. blockquote{
  253. padding:0px 0px 2px 5px;
  254. margin:0px 0px 2px 10px;
  255. border-left: 1px dotted #555555;
  256. }
  257.  
  258. blockquote p, ul{
  259. margin:0px;
  260. padding:0px;
  261. }
  262.  
  263. a img{border: 0px;}
  264.  
  265.  
  266. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  267.  
  268. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  269. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  270.  
  271. .notes img{width:10px; position:relative; top:3px;}
  272. <--ses-->
  273. small{font-size: 90%;}
  274.  
  275. {CustomCSS}
  276.  
  277. </style>
  278.  
  279. {block:IndexPage}
  280. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  281. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  282.  
  283. <script type="text/javascript">
  284. $(window).load(function(){
  285. var $wall = $('#posts');
  286. $wall.imagesLoaded(function(){
  287. $wall.masonry({
  288. itemSelector: '.entry, .entry_photo',
  289. isAnimated : false
  290. });
  291. });
  292.  
  293. $wall.infinitescroll({
  294. navSelector : '#pagination',
  295. nextSelector : '#pagination a',
  296. itemSelector : '.entry, .entry_photo',
  297. bufferPx : 2000,
  298. debug : false,
  299. errorCallback: function() {
  300. $('#infscr-loading').fadeOut('normal');
  301. }},
  302. function( newElements ) {
  303. var $newElems = $( newElements );
  304. $newElems.hide();
  305. $newElems.imagesLoaded(function(){
  306. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  307. });
  308. }); $('#posts').show(500);
  309. });
  310. </script>
  311.  
  312.  
  313. {/block:IndexPage}
  314.  
  315.  
  316. <title>{title}</title>
  317.  
  318. <link rel="shortcut icon" href="{Favicon}" />
  319. <meta name="viewport" content="width=820" />
  320. </head>
  321.  
  322. <body>
  323. <BODY onselectstart="return false;" ondragstart="return false;">
  324. <div class="wrapper">
  325. <div class="header">
  326. </div>
  327.  
  328. <div id="cage">
  329. <div id="center">
  330.  
  331. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  332. <div id="sidebar">
  333. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}" style="width:200px"></a>
  334. <div class="links">
  335. {block:iflink1}
  336. <a href="{text:link1url}">{text:link1name}</a>
  337. {/block:iflink1}{block:iflink2}
  338. <a href="{text:link2url}">{text:link2name}</a>
  339. {/block:iflink2}{block:iflink3}
  340. <a href="{text:link3url}">{text:link3name}</a>
  341. {/block:iflink3}{block:iflink4}
  342. <a href="{text:link4url}">{text:link4name}</a>
  343. {/block:iflink4}</div>
  344. </div>
  345. <div id="description">{Description}<br>
  346. {block:Pagination}{/block:Pagination}
  347. {block:PreviousPage}<a style="{color:text}"href="{PreviousPage}">back</a>{/block:PreviousPage}
  348. {block:NextPage}<a style="{color:text}"href="{NextPage}">next</a>{/block:NextPage}
  349. </div>
  350. </div>
  351.  
  352. <div class="left">
  353. <div id="posts">
  354. {block:Posts}
  355. <div class="entry">
  356.  
  357. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  358.  
  359. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  360. {/block:Text}
  361.  
  362. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  363.  
  364. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  365.  
  366. {block:Photo}
  367. {block:IndexPage}
  368. <center>
  369. <div class="perma">
  370. <a href="{ReblogURL}" target="_blank"> reblog </a> <br>
  371. <a href="{Permalink}">{NoteCountwithlabel} </a><br>
  372. <a href="{Permalink}"> {TimeAgo}</a>
  373. </div>
  374.  
  375. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  376. {/block:IndexPage}
  377. {block:PermalinkPage}
  378. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  379.  
  380. {LinkCloseTag}
  381. {/block:PermalinkPage}
  382. {/block:Photo}
  383.  
  384. {block:Photoset}
  385. {block:IndexPage}
  386. <center>
  387.  
  388. <div class="perma">
  389. <a href="{ReblogURL}" target="_blank"> reblog </a><br>
  390. <a href="{Permalink}">{NoteCountwithlabel} </a> <br>
  391. <a href="{Permalink}"> {TimeAgo}</a>
  392. </div>
  393.  
  394. {Photoset-250}</center>
  395. {/block:IndexPage}
  396. {block:PermalinkPage}
  397. <center>
  398. {Photoset-500}</center>
  399. {/block:PermalinkPage}
  400. {/block:Photoset}
  401.  
  402. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  403.  
  404. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  405.  
  406. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  407. <ul class="chat">
  408. {block:Lines}
  409. <li class="user_{UserNumber}">
  410. {block:Label}
  411. <span class="label">{Label}</span>
  412. {/block:Label}
  413.  
  414. {Line}
  415. </li>
  416. {/block:Lines}
  417. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  418. {/block:Chat}
  419.  
  420. {block:Audio}
  421. <div style="width:200px; height:30px;">
  422. {AudioPlayerBlack}
  423. </div>
  424. {block:IndexPage}<span class="permalink">
  425. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  426. </span>{/block:IndexPage}
  427. {/block:Audio}
  428.  
  429. {block:Video}
  430. {block:IndexPage}
  431. <center>
  432. <div class="perma">
  433. <a href="{ReblogURL}" target="_blank"> reblog </a>
  434. <a href="{Permalink}">{NoteCountwithlabel} </a>
  435. </div>
  436. {Video-250}</center>
  437. {/block:IndexPage}
  438. {block:PermalinkPage}
  439. <center>
  440. {Video-400}</center>
  441. {/block:PermalinkPage}
  442. {block:Video}
  443.  
  444. {block:Answer}<div style="padding:5px;"><b>{Asker} whispered:</b><br> </div><div style="background:#eee;border-left:4px solid #8c9194;padding:5px;">"{Question}"</div>
  445. {Answer}{/block:answer}
  446.  
  447. {block:PostNotes}<div align="middle">{caption}</div>
  448. <center>
  449.  
  450. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  451.  
  452. {block:HasTags}
  453. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  454. {block:RebloggedFrom}
  455. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  456. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  457.  
  458. {/block:RebloggedFrom}
  459. </center></span>
  460. <br>
  461. <div id="postnotes">{PostNotes}</div><br>
  462.  
  463. <center>{block:ContentSource}
  464. <br><a href="{SourceURL}">
  465. {lang:Source}:
  466. {block:SourceLogo}
  467. <img src="{BlackLogoURL}" width="{LogoWidth}"
  468. height="{LogoHeight}" alt="{SourceTitle}" />
  469. {/block:SourceLogo}
  470. {block:NoSourceLogo}
  471. {SourceLink}
  472. {/block:NoSourceLogo}
  473. </a>
  474. {/block:ContentSource}</center>
  475.  
  476. {/block:PostNotes}
  477. </div>
  478. {/block:Posts}
  479. </div></div>
  480.  
  481. {block:IndexPage}
  482. {block:Pagination}
  483. <div id="pagination">
  484. {block:NextPage}
  485. <a id="nextPage" href="{NextPage}"></a>
  486. {/block:NextPage}
  487. {block:PreviousPage}
  488. <a href="{PreviousPage}"></a>
  489. {/block:PreviousPage}
  490. </div>
  491. {/block:Pagination}
  492. {/block:IndexPage}
  493. </body>
  494. </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!