API tools faq
paste
Advertisement
jollyxo

Pale Theme by Jolly

jollyxo
Jan 29th, 2013
11,010
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.77 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ******************************************
  3. | | |
  4. | | |
  5. | _____ | |
  6. | | | | | | \ / PLEADINGLY.tumblr.com
  7. | | | | | | \ / UNPRESENRABLE.tumblr.com
  8. \_____/ |_____| | | \____/ JOLLYTHEMES.tumblr.com
  9. /
  10. /
  11. \____/
  12. PALE Theme ~ by unpresentable aka pleadingly
  13. Last Update: March 12, 2013
  14. Please do not remove the credits.
  15. Or at least put me on your faqs. Thank you.
  16. ******************************************
  17. -->
  18.  
  19. <html lang="en">
  20.  
  21. <head>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  24. <link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">
  25.  
  26.  
  27. <meta name="color:Background" content="#ffffff"/>
  28. <meta name="color:Blockquote" content="#ffffff"/>
  29. <meta name="color:Border" content="#ffffff"/>
  30. <meta name="color:Title" content="#292929"/>
  31. <meta name="color:Text" content="#363636"/>
  32. <meta name="color:Link" content="#ddd"/>
  33. <meta name="color:scrollbar" content="#727272"/>
  34. <meta name="color:Hover" content="#ddd"/>
  35.  
  36.  
  37. <meta name="image:Background" content=""/>
  38. <meta name="image:Sidebar" content=""/>
  39.  
  40. <meta name="if:tiny cursor" content="1"/>
  41. <meta name="if:tiny scrollbar" content="1"/>
  42. <meta name="if:Faded Image" content="1"/>
  43. <meta name="if:Inverted Image" content="0"/>
  44.  
  45. <meta name="if:CustomLink1" content="0">
  46. <meta name="if:CustomLink2" content="0">
  47. <meta name="if:CustomLink3" content="0">
  48. <meta name="if:CustomLink4" content="0">
  49.  
  50.  
  51. <meta name="text:Link 1 Title" content="custom link">
  52. <meta name="text:Link 1" content="http://">
  53. <meta name="text:Link 2 Title" content="custom link">
  54. <meta name="text:Link 2" content="http://">
  55. <meta name="text:Link 3 Title" content="custom link">
  56. <meta name="text:Link 3" content="http://">
  57. <meta name="text:Link 4 Title" content="custom link">
  58. <meta name="text:Link 4" content="http://">
  59.  
  60.  
  61. </script>
  62.  
  63. <style type="text/css">
  64.  
  65. 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;}
  66.  
  67. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  68.  
  69. {block:iftinycursor}body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}{/block:iftinycursor}
  70.  
  71. {block:iftinyscrollbar}::-webkit-scrollbar {width: 6px; height: 4px; background: #cecece; }
  72. ::-webkit-scrollbar-thumb { background-color: #130C11;}{/block:iftinyscrollbar}
  73.  
  74. {block:IfFadedImage}
  75. img{
  76. -webkit-transition: opacity 0.8s linear;
  77. opacity: 0.60;
  78. }
  79. img:hover{
  80. -webkit-transition: opacity 0.8s linear;
  81. opacity: 1;
  82. }{/block:IfFadedImage}
  83.  
  84. {block:IfInvertedImage}
  85. img{
  86. -webkit-transition: opacity 0.8s linear;
  87. opacity: 1;
  88. }
  89. img:hover{-webkit-transition: opacity 0.8s linear;
  90. opacity: 0.60;
  91. }
  92. {/block:IfInvertedImage}
  93.  
  94. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  95.  
  96. body{
  97. margin:5px;
  98. background-color: {color:Background};
  99. background-image:url({image:Background});
  100. background-attachment: fixed;
  101. background-repeat: repeat;
  102. font-size: 12px;
  103. font-family: Ubuntu;
  104. line-height:12px;
  105. color:{color:Text};
  106. }
  107.  
  108. a:link, a:active, a:visited{
  109. color:{color:link};
  110. text-decoration: none;
  111. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  112. }
  113.  
  114. a:hover {
  115. color:{color:hover};
  116. text-decoration: none;
  117. background-color:{color:Blockquote};
  118. border-bottom:1px solid {color:Borders};
  119. }
  120.  
  121. a.links {
  122. font-family: Ubuntu;
  123. font-size: 8px;
  124. line-height: 8px;
  125. text-transform: normal;
  126. letter-spacing:0px;
  127. display:block;
  128. padding: 0px;
  129. margin-bottom: 0px;
  130. }
  131.  
  132. a.links:hover {
  133. text-shadow:0px 0px 2px #000;
  134. background-color:{color:Blockquote};
  135. border-bottom:1px solid {color:Borders};
  136. }
  137.  
  138. #cunt
  139. {width:250px; height:auto;}
  140. {block:PermalinkPage}
  141. width:410px;
  142. {/block:PermalinkPage}
  143. }
  144.  
  145. #center{
  146. padding-top:3px;
  147. padding-bottom:3px;
  148. position:fixed !important;
  149. width:250px;
  150. height:207px;
  151. background-color:#fff;
  152. {block:PermalinkPage}
  153. width:410px;
  154. height:207px;
  155. {/block:PermalinkPage}
  156. }
  157.  
  158. #posts {
  159. width: 607px;
  160. margin-top: 2px;
  161. margin-left: 435px;
  162. right:auto;
  163. margin-right:auto;
  164. position:relative;
  165. overflow-y: hidden;
  166.  
  167. }
  168.  
  169.  
  170. #entry{
  171. opacity: 0.7;
  172. text-align: left;
  173. z-index: 9999;
  174. float: left;
  175. width: 250px;
  176. height: auto;
  177. {block:PermalinkPage}
  178. width: 502px;
  179. height: auto;
  180. {/block:PermalinkPage}
  181. line-height: 12px;
  182. background-color: #fff;
  183. margin-right: 5px;
  184. overflow:hidden;
  185. margin-bottom: 5px;
  186. padding: 4px;
  187. border: 1px solid #ddd;
  188. }
  189.  
  190.  
  191.  
  192.  
  193. #sidebar {
  194. position:fixed !important;
  195. opacity: .8;
  196. width: 240px;
  197. height: 100%;
  198. padding:0px;
  199. margin-top: 5px;
  200. margin-left: 100px;
  201. color: {color:Text};
  202. text-align: center;
  203. background-color: transparent;
  204. text-transform: normal;
  205. transition: all 0.5s ease-out;
  206. -o-transition-transition: all 0.5s ease-out;
  207. -webkit-transition: all 0.5s ease-out;
  208. -moz-transition: all 0.5s ease-out;
  209. }
  210.  
  211. h3{
  212. font-family: Ubuntu;
  213. font-size: 16px;
  214. line-height:14px;
  215. color: {color:Title};
  216. font-weight: normal;
  217. padding:1px 1px 1px 1px;
  218. }
  219.  
  220.  
  221. .permatext{
  222. background-color:#eee;
  223. display: block;
  224. text-transform:uppercase;
  225. font-family: ubuntu;
  226. font-size: 8px;
  227. text-align: center;
  228. letter-spacing:1px;\
  229. }
  230.  
  231.  
  232. #postnotes{
  233. text-align: left;
  234. }
  235.  
  236. #postnotes blockquote{
  237. border: 0px;
  238. }
  239.  
  240.  
  241. .title{
  242. font-family:Ubuntu;
  243. font-size: 15px;
  244. line-height: 13px;
  245. text-shadow: 1px 1px 1px #aaa;
  246. color: {color:Title};
  247. font-weight: normal;
  248. letter-spacing: 0px;
  249. text-transform: uppercase;
  250. padding: 10px 0px 0px 0px;
  251. }
  252.  
  253. @font-face { font-family: "existance"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf'); }
  254. @font-face { font-family: Signerica; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  255.  
  256.  
  257.  
  258. .blogtitle{
  259. margin-top:3px;
  260. font-family: Signerica;
  261. font-size: 34px;
  262. text-transform: none;
  263. line-height: 25px;
  264. color: {color:Link};
  265. font-weight: normal;
  266. }
  267.  
  268. #endlessscroll {
  269. position: fixed!important;
  270. z-index: 5000;
  271. background-color: transparent;
  272. padding: 5px;
  273. bottom: 0px;
  274. font-size: 15px;
  275. left: 15px!important;
  276. color:{color:link};
  277. border-top-right-radius:5px;
  278. border-top-left-radius:5px;
  279. box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
  280. -webkit-transition: all 0.3s ease;
  281. -moz-transition: all 0.3s ease;
  282. transition: all 0.3s ease;}
  283.  
  284.  
  285.  
  286. #jaaaa {
  287. position: fixed;
  288. z-index: 5000;
  289. background-color: transparent;
  290. font-family: Lekton;
  291. padding: 5px;
  292. bottom:-3px;
  293. right: 15px;
  294. color:#000;
  295. border-top-right-radius:3px;
  296. border-top-left-radius:3px;
  297. box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
  298. -webkit-transition: all 0.3s ease;
  299. -moz-transition: all 0.3s ease;
  300. transition: all 0.3s ease;}
  301.  
  302.  
  303. #jaaaa:hover {
  304. bottom:0px;
  305. padding-bottom:10px;
  306. -webkit-transition: all 0.3s ease;
  307. -moz-transition: all 0.3s ease;
  308. transition: all 0.3s ease;}
  309.  
  310. blockquote{
  311. padding:0px 0px 2px 3px;
  312. margin:0px 0px 2px 1px;
  313. }
  314. ul, ol, li{
  315. list-style:none;
  316. margin:0px;
  317. padding:0px;
  318. }
  319.  
  320. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  321. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  322. }
  323.  
  324. #box{position:fixed; margin-left:240px; margin-top:100px;}
  325.  
  326. ul#drawers {list-style: none; margin: auto; cursor: help; }
  327.  
  328. ul#drawers li h1 {font-size: 18px; background:#ddd; opacity:1; color:white; padding:5px; padding-left:30px; padding-right:7px;}
  329.  
  330. li.drawer h1.open {border-top: 0px;}
  331.  
  332. li.drawer div {padding: 0px 0 0 0px; margin: 0px; line-height: 15px;}
  333.  
  334. li.drawer div li {list-style-type: disc;}
  335.  
  336. </style>
  337. <title>{title}</title>
  338. <link rel="shortcut icon" href="{Favicon}">
  339. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  340. <meta name="viewport" content="width=720" />
  341.  
  342. </head>
  343.  
  344. <body onkeydown="return false">
  345.  
  346. <div id="center">
  347. <div id="content">
  348.  
  349.  
  350. <div id="sidebar">
  351.  
  352. <div id="box">
  353. <ul id="drawers">
  354. <li class="drawer" id="info">
  355. <h1>+</h1>
  356. <div style="font-size:10px; margin-top:-10px;text-transform: uppercase; text-align:left; margin-left:5px;">
  357. <a href="/">refresh</a><br>
  358. <a href="/ask">message</a><br>
  359. {block:IfCustomLink1}
  360. <a href="{text:Link 1}">{text:Link 1 Title}</a><br>
  361. {/block:IfCustomLink1}
  362. {block:IfCustomLink2}
  363. <a href="{text:Link 2}">{text:Link 2 Title}</a><br>
  364. {/block:IfCustomLink2}
  365. {block:IfCustomLink3}
  366. <a href="{text:Link 3}">{text:Link 3 Title}</a><br>
  367. {/block:IfCustomLink3}
  368. {block:IfCustomLink4}
  369. <a href="{text:Link 4}">{text:Link 4 Title}</a><br>
  370. {/block:IfCustomLink4}
  371. <a href="http://unpresentable.tumblr.com">credit</a>
  372. </div>
  373. </li>
  374. </ul></div>
  375.  
  376. <a href="/"><span class=blogtitle>{title}</span></a>
  377. <a href="/"><img src="{image:sidebar}" style="width:240px; height: auto; padding: 1px;"></a>
  378.  
  379. <center><br>{description}</center>
  380.  
  381. </div>
  382. </div>
  383. </div>
  384.  
  385. <div id="posts">
  386. {block:Posts}
  387. <div id="entry">
  388.  
  389.  
  390. {block:Photo}
  391. {block:IndexPage}
  392. <a href="{permalink}"><a href="{ReblogURL}" target="_blank" title="reblog with {notecountwithlabel}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  393. {/block:IndexPage}
  394. {block:IndexPage}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=512px/>{LinkCloseTag}{/block:PermalinkPage}
  395. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  396. {/block:Photo}
  397.  
  398.  
  399. {block:Answer}
  400. <div style="border-radius:5px; border: 0px solid #ddd; margin: 3px; min-height:30px; padding: 3px; background-color: transparent; box-shadow: 0px 0px 3px 0px #aaa; font-family: arial; font-size: 12px;">
  401. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #ddd; border-top-right-radius:0px; border-bottom-right-radius:0px; border-top-left-radius:0px; border-bottom-left-radius:0px;"/>
  402. {Asker}: {Question}</div>
  403. <div style="font-family: Ubuntu; font-size: 12px;">
  404. {Answer} <br>
  405. </div>
  406. <center><span class="permatext"><div class="peeta"><a href="{permalink}"> </a></div></span>
  407. {/block:Answer}
  408.  
  409.  
  410.  
  411. {block:Photoset}
  412. {block:IndexPage}
  413. <center>
  414.  
  415. {/block:IndexPage}
  416. <div style="padding-top:0px; padding-bottom:0px;"><a href="{permalink}">
  417. {Photoset-250}</a></div>
  418.  
  419. {/block:Photoset}
  420.  
  421. {block:Text}
  422. {block:Title}<span class="title">{Title}</span>{/block:Title}
  423. <span class="entrytext">{Body}</span>
  424. <span class="permalink">
  425. </span>
  426. <div align="right"><a href="{Permalink}">{notecountwithlabel}</a></div>
  427. {/block:Text}
  428.  
  429. {block:Link}
  430. <a href="{URL}" class="title">{Name}</a>
  431. {block:Description}{Description}{/block:Description}<br>
  432. <div align="right"><a href="{Permalink}">{notecountwithlabel}</a></div>
  433. {block:Link}
  434.  
  435. {block:Quote}
  436. <span class="title">{Quote}</span>
  437. {block:Source}<strong>{Source}</strong>{/block:Source}
  438. <span class="permalink">
  439. </span>
  440. <br>
  441. <div align="right"><a href="{Permalink}">{notecountwithlabel}</a></div>
  442. {/block:Quote}
  443.  
  444. {block:Chat}
  445. {block:Title}<span class="title">{Title}</span>{/block:Title}
  446. <ul class="chat">
  447. {block:Lines}
  448. <li class="user_{UserNumber}">
  449. {block:Label}
  450. <span class="label">{Label}</span>
  451. {/block:Label}
  452.  
  453. {Line}
  454. </li>
  455. {/block:Lines}
  456. <span class="permalink">
  457. </span><br>
  458. <div align="right"><a href="{Permalink}">{notecountwithlabel}</a></div>
  459. {/block:Chat}
  460.  
  461.  
  462. {block:Audio}
  463. <div style="padding-top:0px; padding-bottom:0px;">
  464. <div style="float:center">
  465. {AudioPlayerGrey}
  466. </div>
  467. </div>
  468.  
  469. <div style="padding-bottom:0px;">{block:Caption}{Caption}{/block:Caption}</div>{block:indexpage}
  470. <hr size="1" width="270">
  471. <div style=" float:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px;font-size:10px;"><a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a></div>
  472. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;font-size:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  473. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}, {Year}
  474. </a></div>{/block:indexpage}
  475. {/block:Audio}
  476.  
  477. {block:Video}
  478. <div style="padding-top:0px; padding-bottom:2px;">
  479. {Video-250}</div>
  480. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  481. {block:indexpage}<hr size="1" width="270">
  482. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  483. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}, {Year}
  484. </a></div>{/block:indexpage}
  485. {/block:Video}
  486.  
  487. {block:PermalinkPage}</a>
  488. <div id="permapage"><br>
  489. {block:notecount}
  490. {notecountwithlabel}
  491. {/block:notecount}&nbsp;&nbsp;{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date}&nbsp;&nbsp;{block:RebloggedFrom} Reblogged from
  492. <a href="{ReblogParentURL}">{ReblogParentName}</a></a><br><br>Posted by
  493. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  494. {/block:RebloggedFrom}
  495. <br><br>
  496. <div align="left">
  497. {block:PostNotes}
  498. {PostNotes}
  499. {/block:PostNotes}
  500. </div>
  501. </div>
  502. {/block:PermalinkPage}
  503. </div>
  504. {/block:Posts}
  505. </div>
  506. </div>
  507. </div>
  508. </center>
  509. </div>
  510. </div>
  511. {block:indexpage}
  512. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  513.  
  514. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  515. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  516. <script type="text/javascript">
  517. $(window).load(function(){
  518. var $wall = $('#posts');
  519. $wall.imagesLoaded(function(){
  520. $wall.masonry({
  521. itemSelector: '#entry, #entry_photo',
  522. isAnimated : false
  523. });
  524. });
  525.  
  526. $wall.infinitescroll({
  527. navSelector : '#page-nav',
  528. nextSelector : '#page-nav a',
  529. itemSelector : '#entry, #entry_photo',
  530. bufferPx : 2000,
  531. debug : false,
  532. errorCallback: function() {
  533. $('#infscr-loading').fadeOut('normal');
  534. }},
  535. function( newElements ) {
  536. var $newElems = $( newElements );
  537. $newElems.hide();
  538. $newElems.imagesLoaded(function(){
  539. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  540. });
  541. }); $('#content').show(500);
  542. });
  543. </script>
  544. {/block:indexpage}
  545. <div id="endlessscroll">
  546. <a href="http://unpresentable.tumblr.com">✪</a>
  547. <div></div>
  548. <div id="jaaaa">
  549. <a href="http://unpresentable.tumblr.com/">credit</a>
  550. <div></div>
  551. </body>
  552. </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!