API tools faq
paste
Advertisement
jollyxo

SIMPLE THEME

jollyxo
Nov 9th, 2012
7,952
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.73 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. ******************************************
  6. | | |
  7. | | |
  8. | _____ | |
  9. | | | | | | \ / PLEADINGLY.tumblr.com
  10. | | | | | | \ / UNPRESENTABLE.tumblr.com
  11. \_____/ |_____| | | \____/ JOLLYTHEMES.tumblr.com
  12. /
  13. /
  14. \____/
  15. Simple Theme by UNPRESENTABLE aka PLEADINGLY
  16. Last update: April 06, 2013
  17. Please do not remove the credits.
  18. Or at least put me on your faqs. Thank you.
  19. ******************************************
  20. -->
  21.  
  22. <meta name="color:text" content="#000">
  23. <meta name="color:links" content="#000">
  24. <meta name="color:background" content="#fff">
  25.  
  26. <meta name="if:show archive" content="1"/>
  27. <meta name="if:show ask" content="1" />
  28. <meta name="if:show captions" content="0" />
  29. <meta name="if:bigger posts with two columns" content="1" />
  30. <meta name="if:show portrait photo" content="0" />
  31. <meta name="if:endless scroll" content="1"/>
  32.  
  33. <meta name="font:title" content="Baskerville" />
  34. <meta name="font:body" content="Baskerville" />
  35.  
  36. <meta name="text:title font size" content="12px" />
  37. <meta name="text:font size" content="10px" />
  38.  
  39. <meta name="text:Custom Link One" content="" />
  40. <meta name="text:Custom Link One Title" content="" />
  41. <meta name="text:Custom Link Two" content="" />
  42. <meta name="text:Custom Link Two Title" content="" />
  43. <meta name="text:Custom Link Three" content="" />
  44. <meta name="text:Custom Link Three Title" content="" />
  45. <meta name="text:Custom Link Four" content="" />
  46. <meta name="text:Custom Link Four Title" content="" />
  47. <meta name="text:Custom Link Five" content="" />
  48. <meta name="text:Custom Link Five Title" content="" />
  49.  
  50. <link rel="shortcut icon" href="{Favicon}">
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52. <link rel="shortcut icon" href="{Favicon}">
  53.  
  54. <link href='http://fonts.googleapis.com/css?family=Lekton|Antic' rel='stylesheet' type='text/css'>
  55. <title>{Title}</title>
  56. <link rel="shortcut icon" href="{Favicon}">
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  58.  
  59.  
  60. {block:Description}
  61. <meta name="description" content="{MetaDescription}" />
  62. {/block:Description}
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67. img { border: 0px solid #eee; padding: 3px; filter: alpha (opacity=80); opacity: 0.80;}
  68. img:hover {filter: alpha (opacity=100); opacity: 1.0;}
  69. body {margin-top:20px;
  70. font-family:Antic;
  71. font-size:{text:font size};
  72. color:{color:text};
  73. background-color:{color:background};
  74. line-height:12px;}
  75.  
  76. .tumblrAutoPager_page_info,
  77. .tumblrAutoPager_page_separator {display:none;}
  78.  
  79. #tumblr_controls{
  80. position:fixed !important;
  81. -webkit-filter: invert(100%)
  82. }
  83.  
  84. a {text-decoration:none; color:{color:links};-webkit-transition: color 0.5s ease-out;-moz-transition: color 0.5s ease-out;transition: color 0.5s ease-out;}
  85.  
  86. a img {
  87. opacity:0.8;
  88. -moz-transition: 0.2s ease-in;
  89. -webkit-transition: 0.2s ease-in;
  90. -o-transition: 0.2s ease-in;
  91. transition: 0.2s ease-in;}
  92.  
  93. #infscr-loading {display:none;}
  94.  
  95. .bloglinks {position:fixed;
  96. right:50%;
  97. margin-right:400px;
  98. top:20px;
  99. padding-right:10px;
  100. padding-bottom:2px;
  101. position:fixed;
  102. width:200px;
  103. border-right: 1px solid {color:text};}
  104.  
  105. .blogtitle {font-family:Lekton;
  106. text-align:right;
  107. font-size:25px;
  108. letter-spacing:5px;
  109. font-weight:bold;}
  110.  
  111. .navlinks {padding-top:6px;
  112. text-align:right;}
  113.  
  114. .navlinks a {display:block;
  115. margin-right:2px;
  116. opacity:0.8;
  117. -moz-transition: 0.2s ease-in;
  118. -webkit-transition: 0.2s ease-in;
  119. -o-transition: 0.2s ease-in;
  120. transition: 0.2s ease-in;}
  121.  
  122. .description {position:fixed;
  123. right:50%;
  124. margin-right:400px;
  125. bottom:40px;
  126. padding-right:10px;
  127. padding-bottom:2px;
  128. position:fixed;
  129. width:200px;
  130. text-align:right;}
  131.  
  132. .cap {margin-top:-10px; padding:2px;}
  133.  
  134. .text,
  135. .quote,
  136. .answer,
  137. .chat,
  138. .link{{block:IndexPage}{block:ifnotbiggerpostswithtwocolumns}width:250px;{block:ifnotbiggerpostswithtwocolumns}
  139. {block:ifbiggerpostswithtwocolumns}width:400px; {/block:ifbiggerpostswithtwocolumns}{/block:IndexPage}
  140. {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  141.  
  142. .body img {{block:IndexPage}
  143. {block:ifnotbiggerpostswithtwocolumns}max-width:250px;{block:ifnotbiggerpostswithtwocolumns}
  144. {block:ifbiggerpostswithtwocolumns}max-width:400px;{/block:ifbiggerpostswithtwocolumns}{/block:IndexPage}
  145. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}}
  146.  
  147. .wrap {width:900px;
  148. height:100%;
  149. margin:auto;}
  150.  
  151. .posts {float:right;
  152. width:840px;}
  153.  
  154. .post {{block:IndexPage}{block:ifnotbiggerpostswithtwocolumns}width:250px;{block:ifnotbiggerpostswithtwocolumns}
  155. {block:ifbiggerpostswithtwocolumns}width:400px;{/block:ifbiggerpostswithtwocolumns}{/block:IndexPage}
  156. {block:PermalinkPage}width:500px{/block:PermalinkPage}
  157. float:left;
  158. margin: 0 20px 20px 0;
  159. position: relative;}
  160.  
  161. .photo img {{block:IndexPage}{block:ifnotbiggerpostswithtwocolumns}width:250px;{block:ifnotbiggerpostswithtwocolumns}
  162. {block:ifbiggerpostswithtwocolumns}width:400px;{/block:ifbiggerpostswithtwocolumns}{/block:IndexPage}
  163. {block:PermalinkPage}width:620px{/block:PermalinkPage}
  164. margin:auto;}
  165.  
  166. div.video embed,
  167. div.post div.video object {{block:IndexPage}{block:ifnotbiggerpostswithtwocolumns}width:250px;{block:ifnotbiggerpostswithtwocolumns}
  168. {block:ifbiggerpostswithtwocolumns}width:400px;{/block:ifbiggerpostswithtwocolumns} height:200px;{/block:IndexPage}
  169. {block:PermalinkPage}width:580px;
  170. height:500px;{/block:PermalinkPage}
  171. margin-bottom:10px;}
  172.  
  173.  
  174. .player {background:#fff;
  175. margin:10px 0 10px 0;
  176. {block:ifnotbiggerpostswithtwocolumns}width:250px;{block:ifnotbiggerpostswithtwocolumns}
  177. {block:ifbiggerpostswithtwocolumns}width:400px;{/block:ifbiggerpostswithtwocolumns}}
  178.  
  179. #portrait {-moz-border-radius:64px;
  180. -webkit-border-radius:64px;
  181. width:64px;
  182. height:64px;
  183. background-image:url({PortraitURL-64})}
  184.  
  185. #jaaaa {
  186. position: fixed;
  187. z-index: 5000;
  188. background-color: transparent;
  189. font-family: Lekton;
  190. padding: 5px;
  191. bottom:-3px;
  192. right: 15px;
  193. color:{color:link};
  194. font-size: 15px;
  195. border-top-right-radius:5px;
  196. border-top-left-radius:5px;
  197. box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
  198. -webkit-transition: all 0.3s ease;
  199. -moz-transition: all 0.3s ease;
  200. transition: all 0.3s ease;}
  201.  
  202.  
  203. #jaaaa:hover {
  204. bottom:0px;
  205. padding-bottom:10px;
  206. -webkit-transition: all 0.3s ease;
  207. -moz-transition: all 0.3s ease;
  208. transition: all 0.3s ease;}
  209.  
  210.  
  211. .entry:hover .photo_perma{ {block:IfCaption} margin-top:25px; {/block:IfCaption} opacity:0.75;
  212. filter: alpha(opacity = 75); -webkit-transition: 0.3s ease-in; }
  213. .pag {{block:IfNotEndlessScroll}position:fixed;
  214. right:50%;
  215. bottom:10px;
  216. margin-right:400px;
  217. padding-right:10px;
  218. padding-bottom:2px;
  219. width:200px;
  220. text-align:right;{/block:IfNotEndlessScroll}}
  221.  
  222. .textperma {text-align:right;
  223. opacity:0.4;
  224. -webkit-transition: 0.5s ease-in;}
  225. .textperma:hover {opacity:1;
  226. -webkit-transition: 0.5s ease-in;}
  227.  
  228. ol.notes {position:relative;
  229. margin-top:20px;
  230. margin-bottom: 10px;
  231. list-style-type: none;
  232. font-size:{text:font size};
  233. text-align:left;
  234. width:400px;
  235. {block:ifnotbiggerpostswithtwocolumns}width:250px;{block:ifnotbiggerpostswithtwocolumns}
  236. {block:ifbiggerpostswithtwocolumns}width:400px;{/block:ifbiggerpostswithtwocolumns}}
  237.  
  238. ol.notes li.note img.avatar {vertical-align:-4px;
  239. margin-right:10px;
  240. width:16px;
  241. height:16px;}
  242.  
  243. ol.notes li.note span.action {font-size:{text:font size};
  244. text-align:left;}
  245.  
  246. ol.notes li.note span.action a {font-size:{text:font size};
  247. text-align:left;}
  248.  
  249. ol.notes li.note .answer_content {font-size:{text:font size};}
  250.  
  251. ol.notes li.note blockquote {font-size:{text:font size};
  252. padding: 1px 3px;
  253. margin: 3px 0 3px 7px;}
  254.  
  255. ol.notes li.note blockquote a {font-size:{text:font size};}
  256.  
  257. blockquote {padding-left:7px;
  258. margin: 3px 10px 3px 7px;}
  259.  
  260. {CustomCSS}
  261. </style>
  262. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  263.  
  264. <!-- {block:IndexPage} -->
  265. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  266. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  267.  
  268. <script type="text/javascript">
  269. $(window).load(function () {
  270. $('.posts').masonry(),
  271. $('.masonryWrap').infinitescroll({
  272. navSelector : "div.navigation",
  273. // selector for the paged navigation (it will be hidden)
  274. nextSelector : ".navigation a#next",
  275. // selector for the NEXT link (to page 2)
  276. itemSelector : ".post",
  277. // selector for all items you'll retrieve
  278. bufferPx : 10000,
  279. extraScrollPx: 10000,
  280. loadingImg : "http://static.tumblr.com/ry7nsix/S4Klhms7s/load.gif",
  281. loadingText : "<em></em>",
  282. },
  283. // call masonry as a callback.
  284. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  285. );
  286. });
  287. </script>
  288. <!-- {/block:IndexPage} -->
  289.  
  290. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  291. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  292. <script type="text/javascript" charset="utf-8">
  293. var $j = jQuery.noConflict();
  294. $j(function() {
  295. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  296. $j("img").lazyload({
  297. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  298. effect: "fadeIn",
  299. });
  300. });
  301. </script>
  302.  
  303. {block:IndexPage}
  304. <script type="text/javascript">
  305. $(window).load(function(){
  306. $("p").remove(":contains('Source:')");
  307. $("p").remove(":contains('(via')");
  308. });
  309. </script>
  310. {/block:IndexPage}
  311. </head>
  312. <body>
  313.  
  314.  
  315. <div class="wrap">
  316. <div class="navigation">
  317. <!--{block:Pagination}-->
  318. <!--{block:NextPage}-->
  319. <p id="page_nav">
  320. <a style="float:right" href="{NextPage}" id="next">Older</a>
  321. <!--{/block:NextPage}-->
  322. <!--{block:PreviousPage}-->
  323. <a style="float:left" href="{PreviousPage}">Newer</a>
  324. </p>
  325. <!--{/block:PreviousPage}-->
  326. <!--{/block:Pagination}-->
  327. </div>
  328.  
  329. <div class="bloglinks">
  330. {block:ifshowportraitphoto}
  331. <div align="right"><div id="portrait"></div></div>
  332. {/block:ifshowportraitphoto}
  333. <div class="blogtitle"><a href="/">{Title}</a></div>
  334. <div class="description">{block:description}{description}<br>{/block:description}</div>
  335. <div class="navlinks">
  336. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  337. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  338. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  339. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
  340. {block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}">{text:Custom Link Five Title}</a>{/block:ifCustomLinkFiveTitle}
  341. </div>
  342. <div class="navlinks">{block:Ifshowarchive}<a href="/archive">history</a>{/block:Ifshowarchive}
  343. {block:Ifshowask}<a href="/ask">ask</a>{/block:Ifshowask}
  344. <a href="http://unpresentable.tumblr.com">credit</a><br>
  345. {block:HasPages}{block:Pages}<a href="{URL}">{Label} </a>{/block:Pages}{/block:HasPages}</div>
  346. </div>
  347.  
  348. <div class="posts">
  349. {block:Posts}
  350.  
  351. {block:Text}
  352. <div class="post text">
  353. {block:Title}<b>{Title}</b>{/block:Title}
  354. {Body}
  355. {block:IndexPage}<div class="textperma"><a href="{Permalink}">{24HourWithZero}<b>:</b>{Minutes}</a></div>{/block:IndexPage}
  356. </div>
  357. {/block:Text}
  358.  
  359. {block:Photo}<div class="post photo">
  360. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  361. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  362. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}"/>
  363. {block:IndexPage}</a>{/block:IndexPage}
  364. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  365. {block:Ifshowcaptions}<div class="cap">{Caption}</div>{/block:Ifshowcaptions}
  366. </div>
  367. {/block:Photo}
  368.  
  369.  
  370. {block:Photoset}
  371. <div class="post">
  372. {block:IndexPage}{/block:IndexPage}
  373. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  374. {block:ifnotbiggerpostswithtwocolumns}{Photoset-250}{block:ifnotbiggerpostswithtwocolumns}
  375. {block:ifbiggerpostswithtwocolumns}{Photoset-400}{/block:ifbiggerpostswithtwocolumns}
  376. {block:IndexPage}</a>{/block:IndexPage}
  377. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  378. {block:Ifshowcaptions}<div class="cap">{Caption}</div>{/block:Ifshowcaptions}
  379. </div>
  380. {/block:Photoset}
  381.  
  382. {block:Quote}<div class="post quote">
  383. <div id="entry">
  384. "{Quote}"
  385. <br>{block:Source}<b>—{Source}</b>{/block:Source}
  386. </div>
  387. </div>
  388. {/block:Quote}
  389.  
  390. {block:Link}<div class="post link">
  391. <a href="{URL}"><b>{Name}</b></a>
  392. {block:Description}{Description}{/block:Description}
  393. {block:IndexPage}<div class="textperma"><a href="{Permalink}">{24HourWithZero}<b>:</b>{Minutes}</a></div>{/block:IndexPage}
  394. </div>
  395. {/block:Link}
  396.  
  397. {block:Chat}<div class="post chat">
  398. {block:Title}{Title}{/block:Title}
  399. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  400. {block:IndexPage}<div class="textperma"><a href="{Permalink}">{24HourWithZero}<b>:</b>{Minutes}</a></div>{/block:IndexPage}
  401. </div>
  402. {/block:Chat}
  403.  
  404. {block:Audio}
  405. <div class="post text">
  406. <div class="player">{AudioPlayerWhite}</div>
  407. {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}
  408. {block:IndexPage}<div class="textperma"><a href="{Permalink}">{24HourWithZero}<b>:</b>{Minutes}</a></div>{/block:IndexPage}
  409. </div>
  410. {/block:Audio}
  411.  
  412. {block:Answer}<div class="post answer">
  413. {Question} <i>asked by</i> <b>{Asker}</b>
  414. <i>{Answer}</i>
  415. {block:IndexPage}<div class="textperma"><a href="{Permalink}">{24HourWithZero}<b>:</b>{Minutes}</a></div>{/block:IndexPage}
  416. </div>
  417. {/block:answer}
  418.  
  419. {block:Video}<div class="post text">
  420. <div class="video">
  421. {block:ifnotbiggerpostswithtwocolumns}{Video-250}{block:ifnotbiggerpostswithtwocolumns}
  422. {block:ifbiggerpostswithtwocolumns}{Video-400}{/block:ifbiggerpostswithtwocolumns}
  423. {block:IndexPage}<div class="textperma"><a href="{Permalink}">{24HourWithZero}<b>:</b>{Minutes}</a></div>{/block:IndexPage}
  424. </div>
  425. </div>
  426. {/block:Video}
  427.  
  428. {block:PermalinkPage}{block:NoteCount}<b>{NoteCountWithLabel}</b>{/block:NoteCount}{block:HasTags}<br>{block:Tags}<a href="TagURL">#{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  429.  
  430. {block:PostNotes}
  431. <br>
  432. {PostNotes}
  433. {/block:PostNotes}
  434.  
  435. {/block:Posts}
  436. </div>
  437.  
  438. {block:IfNotEndlessScroll}<div class="pag">
  439. {block:PreviousPage}<a href="{PreviousPage}" title="newer"><big>→/</big></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" title="older"><big>←</big></a>{/block:NextPage}{/block:IfNotEndlessScroll}</div>
  440.  
  441. <div id="jaaaa">
  442. <a href="http://unpresentable.tumblr.com">✪</a>
  443. <div></div>
  444. </body>
  445. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!