API tools faq
paste
wallflwers

theme 28 jd

wallflwers
Feb 21st, 2013
2,253
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.82 KB | None | 0 0
raw download clone embed print report
  1. <!--THEME BY JOSHDEVIN, PLEASE DO NOT USE AS A BASE OR REDISTRIBUTE IN ANYWAY.-->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Text+Me+One' rel='stylesheet' type='text/css'>
  11.  
  12.  
  13. <div style="font-size: 11px; letter-spacing: 2px; float: right; position: fixed; bottom: 10px; right: 10px; text-transform:lowercase;color:{color:text}"><a href="http://joshdevin.tumblr.com">©<i>j</i>oshdevin</a></div>
  14.  
  15.  
  16. <script type="text/javascript"
  17. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18. <script>
  19. $(document).ready(function() {
  20. //
  21. $('a.poplight[href^=#]').click(function() {
  22. var popID = $(this).attr('rel'); //Get Popup Name
  23. var popURL = $(this).attr('href'); //Get Popup href to define size
  24. var query= popURL.split('?');
  25. var dim= query[1].split('&');
  26. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  27. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  28. var popMargTop = ($('#' + popID).height() + 80) / 2;
  29. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  30. //Apply Margin to Popup
  31. $('#' + popID).css({
  32. 'margin-top' : -popMargTop,
  33. 'margin-left' : -popMargLeft
  34. });
  35. $('body').append('<div id="fade"></div>');
  36. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=0)'})
  37. return false;
  38. });
  39. $('a.close, #fade').live('click', function() {
  40. $('#fade , .popup_block').fadeOut(function() {
  41. $('#fade, a.close').remove(); //fade them both out
  42. });
  43. return false;
  44. });
  45. });
  46. </script>
  47.  
  48. <script type="text/javascript">
  49.  
  50. var _gaq = _gaq || [];
  51. _gaq.push(['_setAccount', 'UA-38205334-1']);
  52. _gaq.push(['_trackPageview']);
  53.  
  54. (function() {
  55. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  56. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  57. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  58. })();
  59.  
  60. </script>
  61.  
  62.  
  63.  
  64. <meta name="color:sidelinks" content="#bdbaba"/>
  65. <meta name="color:sidelinkshover" content="#e4e2e2"/>
  66. <meta name="color:links" content="#bdbaba"/>
  67. <meta name="color:linkshover" content="#e4e2e2"/>
  68. <meta name="color:text" content="#c4c6c7"/>
  69. <meta name="color:border" content="#f2f2f2"/>
  70. <meta name="color:background" content="#ffffff"/>
  71. <meta name="color:desc" content="#c4c6c7"/>
  72. <meta name="color:linkback" content="#c4c6c7"/>
  73. <meta name="color:scrollbar" content="#f2f2f2"/>
  74.  
  75.  
  76.  
  77. <meta name="image:sbarimg" content=""/>
  78. <meta name="image:header" content=""/>
  79.  
  80. <meta name="if:img" content=""/>
  81.  
  82. <meta name="text:Link 1 Name" content=""/>
  83. <meta name="text:Link 1 URL" content="/"/>
  84. <meta name="text:Link 2 Name" content=""/>
  85. <meta name="text:Link 2 URL" content="/"/>
  86. <meta name="text:Link 3 Name" content=""/>
  87. <meta name="text:Link 3 URL" content="/"/>
  88. <meta name="text:Link 4 Name" content=""/>
  89. <meta name="text:Link 4 URL" content="/"/>
  90.  
  91. <meta name="if:Link1" content=""/>
  92. <meta name="if:Link2" content=""/>
  93. <meta name="if:Link3" content=""/>
  94. <meta name="if:Link4" content=""/>
  95.  
  96.  
  97. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  98.  
  99. <script src="jquery.js"></script>
  100. <script>
  101. $(document).ready(function(){
  102. $("#flip").click(function(){
  103. $("#panel").slideToggle("fast");
  104. });
  105. });
  106. </script>
  107.  
  108.  
  109. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  110.  
  111.  
  112. {block:Description}
  113. <meta name="description" content="{MetaDescription}" />{/block:Description}
  114. <title>
  115. {block:PostSummary}
  116. {PostSummary} - {/block:PostSummary}{Title}</title>
  117. </style>
  118.  
  119. <style type="text/css">
  120.  
  121.  
  122.  
  123.  
  124. iframe#tumblr_controls { width:50%; white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  125.  
  126. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  127.  
  128.  
  129. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  130.  
  131.  
  132. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  133.  
  134.  
  135. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  136.  
  137.  
  138. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  139.  
  140. ::-webkit-scrollbar {width: 5px; height: 5px; background:#eee; }
  141. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  142.  
  143.  
  144. body
  145. {font-family:calibri;
  146. font-size:11px;
  147. color:{color:text};
  148. background-color:{color:background};
  149. }
  150.  
  151. a
  152. {text-decoration:none;
  153. -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;
  154. opacity:1;
  155. color:{color:links};
  156. }
  157.  
  158. a:hover
  159. {text-decoration:none;
  160. opacity:1;
  161. color:{color:linkshover};
  162. }
  163.  
  164. #container {
  165. width:450px;
  166. }
  167.  
  168. #content {
  169. width:450px;
  170. padding:20px;
  171. }
  172.  
  173.  
  174.  
  175. #sidebar {
  176. margin-top:180px;
  177. margin-left:305px;
  178. width:240px;
  179. position:fixed;
  180. }
  181.  
  182. #sbarimg {
  183. width:90px;
  184. height:90px;
  185. margin-left:-115px;
  186. margin-top:-45px;
  187. z-index:22222;
  188. position:fixed;
  189. -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;
  190. }
  191.  
  192. #description {
  193. font-size:9px;
  194. width:162px;
  195. font-family:calibri;
  196. font-style:italic;
  197. letter-spacing:1px;
  198. padding:5px;
  199. padding-top:4px;
  200. padding-bottom:0px;
  201. color:{color:desc};
  202. position:fixed;
  203. margin-top:5px;
  204. z-index:1222;
  205. opacity:1;
  206. border:1px solid #eee;
  207. margin-left:-44px;
  208. border-bottom:0px;
  209.  
  210. text-align:center;
  211. -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;
  212. }
  213.  
  214. .links {
  215. width:168px;
  216. letter-spacing:1px;
  217. margin-left:-6px;
  218.  
  219. text-transform:none;
  220. background:white;
  221. padding:2px;
  222. padding-top:5px;
  223. border:1px solid #f2f2f2;
  224. border-top:0px;
  225. font-family:calibri;
  226. color:{color:sidelinks};
  227. text-transform:uppercase;
  228. line-height:110%;
  229. text-align:center;
  230. -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;
  231. }
  232.  
  233. .links a{
  234. font-family:calibri;
  235. font-style:normal;
  236. font-size:10px;
  237. padding:2px;
  238. width:50px;
  239. text-align:center;
  240. letter-spacing:2px;
  241. text-decoration:none;
  242. -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;
  243. }
  244.  
  245. .links a:hover{
  246. border-right:3px solid #eee;
  247. padding-right:2px; padding-left:2px;
  248. border-top:0px; border-bottom:0px;
  249. border-left:3px solid #eee;
  250. color:{color:sidelinkshover};
  251. -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;
  252. }
  253.  
  254.  
  255. #posts {
  256. margin-left:380px;
  257. width:500px;
  258. border-left:1px solid #eee;
  259. border-right:1px solid #eee;
  260.  
  261. }
  262.  
  263. #pag {
  264. text-align:center;
  265. }
  266.  
  267. #info {
  268. font-family:calibri;
  269. font-size: 9px;
  270. margin-top:10px;
  271. border-top: 1px solid #eee;
  272. padding:3px;
  273. text-transform:lowercase;
  274. }
  275.  
  276. #blue {
  277. text-align: center;
  278. font-size: 11px;
  279. font-family: calibri;
  280. position:fixed;
  281. left:2px;
  282. top:-190px;
  283. border-color:#EBF3F5;
  284. -webkit-transition: all .5s ease-in-out;
  285. -moz-transition: all .5s ease-in-out;
  286. -o-transition: all .5s ease-in-out;
  287. z-index:999;
  288. }
  289.  
  290. #blue:hover {top:-120px;}
  291.  
  292. #pink {
  293. font-family: calibri;
  294. font-size: 9px;
  295. letter-spacing: 1px;
  296. border-right-style:solid;
  297. border-bottom-style:solid;
  298. border-left-style:solid;
  299. border-width:1px;
  300. border-color:#EBF3F5;
  301. padding: 5px 0 5px 0;
  302. background: #fff;
  303. width:120px;
  304. height:50px;
  305. margin-top:130px;
  306. z-index: 9999;
  307. }
  308.  
  309. #pinktab {
  310. border-top-style:none;
  311. border-right-style:solid;
  312. border-bottom-style:solid;
  313. border-left-style:solid;
  314. border-width:1px;
  315. border-color:#eee;
  316. text-align: center;
  317. height:8px;
  318. padding: 2px 0 8px 0;
  319. background:#FFFFFF;
  320. width: 70px;
  321. }
  322.  
  323.  
  324. </style>
  325. </head>
  326. <body>
  327.  
  328.  
  329. <div id="container">
  330. <div id="content">
  331.  
  332. <div id="sidebar">
  333. <div id="sbarimg"><a href="/"><img src="{image:sbarimg}" style="width:100px;height:100px;"> </a>
  334. <div id="description">{Description}
  335. <div class="links">
  336. {block:iflink1}
  337. <a href="{text:Link 1 URL}">{text:Link 1 Name}</a>
  338. {/block:iflink1}
  339. {block:iflink2}
  340. <a href="{text:Link 2 URL}">{text:Link 2 Name}</a>
  341. {/block:iflink2}
  342. {block:iflink3}
  343. <a href="{text:Link 3 URL}">{text:Link 3 Name}</a>
  344. {/block:iflink3}
  345. {block:iflink4}
  346. <a href="{text:Link 4 URL}">{text:Link 4 Name}</a></div>
  347. {/block:iflink4}
  348. </div></div></div>
  349.  
  350. <div style="margin-top:330px;margin-left:285px;position:fixed;">
  351. <b>{block:Pagination}{/block:Pagination}
  352. {block:PreviousPage}<a style="{color:text}"href="{PreviousPage}">-</a>{/block:PreviousPage}
  353. {block:NextPage}<a style="{color:text}"href="{NextPage}">+</a>{/block:NextPage}</b></div>
  354.  
  355. </div></div>
  356.  
  357.  
  358. <div style="margin-top:-20px;">
  359. {block:Posts}<div id="posts" style="font-family:calibri;font-size:10px; padding:10px;letter-spacing:1px;">
  360.  
  361. {block:Text}
  362. {block:Title}
  363. <h3><a href="{Permalink}">{Title}</a></h3>
  364. {/block:Title}
  365.  
  366. {Body}
  367.  
  368. {/block:Text}
  369.  
  370. {block:Photo}<img src="{PhotoURL-500}">{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  371.  
  372. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  373.  
  374.  
  375. {block:Quote}
  376. "{Quote}"
  377.  
  378. {block:Source}
  379. <div class="source">{Source}</div>
  380. {/block:Source}
  381.  
  382. {/block:Quote}
  383.  
  384. {block:Link}
  385. <a href="{URL}" class="link" {Target}>{Name}</a>
  386.  
  387. {block:Description}
  388. <div class="description">{Description}</div>
  389. {/block:Description}
  390.  
  391. {/block:Link}
  392.  
  393. {block:Chat}
  394. {block:Title}
  395. <h3><a href="{Permalink}">{Title}</a></h3>
  396. {/block:Title}
  397.  
  398. {block:Lines}
  399. {block:Label}
  400. <span class="label">{Label}</span>
  401. {/block:Label}
  402.  
  403. {Line}
  404. {/block:Lines}
  405.  
  406. {/block:Chat}
  407.  
  408. {block:Video}
  409. {Video-500}
  410. {block:Caption}
  411. <div class="caption">{Caption}</div>
  412. {/block:Caption}
  413. {/block:Video}
  414.  
  415. {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>
  416. {Answer}{/block:answer}
  417.  
  418.  
  419. {block:Audio}<div style="float:right;margin-top:-40px;">
  420. {AudioPlayerGrey}</div>
  421. {block:PlayCount} {PlayCount} Plays {/block:PlayCount}
  422. {block:AlbumArt}
  423. <img src="{AlbumArtURL}" style="width:50px;float:left;margin-top:-40px;padding:5px;">
  424. {/block:AlbumArt}
  425. {block:TrackName}
  426. | {TrackName}
  427. {/block:TrackName}
  428. {block:Artist}
  429. | by {Artist}
  430. {/block:Artist}
  431. {block:Caption}
  432. {/block:Caption}
  433.  
  434.  
  435. {/block:Audio}
  436.  
  437. <div id="info">
  438. {block:IndexPage}<br>
  439. posted
  440. <a href="{Permalink}"> {TimeAgo}</a>
  441. with
  442. <a href="{Permalink}">{NoteCountwithlabel} </a>
  443. <br>
  444. {block:RebloggedFrom} reblogged through <a href="{ReblogParentURL}" target="_blank"> {ReblogParentName}</a> originally by <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom}
  445.  
  446. <br>
  447. {block:HasTags}
  448. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  449. {/block:Tags}
  450. {/block:HasTags}
  451. </center> </div>
  452. {block:ContentSource}
  453. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  454. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  455. {/block:SourceLogo}
  456. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  457. {/block:ContentSource}
  458. {/block:IndexPage}
  459.  
  460. {block:PermalinkPage}
  461. {block:Date}
  462. {TimeAgo} on
  463. {ShortMonth} {DayofMonth},{Year}
  464. {/block:Date}
  465. {block:NoteCount} {NoteCountWithLabel}
  466. {/block:NoteCount}<br>
  467. {block:HasTags}
  468. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  469. {/block:Tags}
  470. {/block:HasTags}
  471. <br>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> ( <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  472. </center>
  473. {/block:PermalinkPage}
  474.  
  475. {block:PostNotes}
  476. {PostNotes}
  477. {/block:PostNotes}
  478.  
  479.  
  480. </div>
  481. {/block:Posts}
  482.  
  483.  
  484.  
  485.  
  486. </body>
  487. </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!