API tools faq
paste
Advertisement
okesan

tiny theme

okesan
Dec 9th, 2014
241
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.01 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ─────────────────────────────────────────────────────
  4. ────────────────██████─██████████████─██████████████─
  5. ────────────────██░░██─██░░░░░░░░░░██─██░░░░░░░░░░██─
  6. ────────────────██░░██─██░░██████░░██─██░░██████████─
  7. ────────────────██░░██─██░░██──██░░██─██░░██─────────
  8. ────────────────██░░██─██░░██████░░██─██░░██─────────
  9. ────────────────██░░██─██░░░░░░░░░░██─██░░██──██████─
  10. ────────██████──██░░██─██░░██████████─██░░██──██░░██─
  11. ────────██░░██──██░░██─██░░██─────────██░░██──██░░██─
  12. ─██████─██░░██████░░██─██░░██─────────██░░██████░░██─
  13. ─██░░██─██░░░░░░░░░░██─██░░██─────────██░░░░░░░░░░██─
  14. ─██████─██████████████─██████─────────██████████████─
  15. ─────────────────────────────────────────────────────
  16.  
  17. ☆ FOAM™ v.o1 ☆
  18. by jpglay
  19.  
  20. hello! thank you for using my theme ☺☺☺ let me know
  21. about any bugs or questions you might have but please
  22. note that i don't help with customizations. do not use
  23. as a base, reupload, or claim as your own. do not modify
  24. the credit in any way. if these rules are broken i will
  25. report you for theft. thank you! xoxo
  26. -jpglay ♡♡♡
  27. -->
  28.  
  29.  
  30.  
  31.  
  32.  
  33. <!DOCTYPE html>
  34.  
  35. <head>
  36.  
  37. <title>{Title}</title>
  38.  
  39. <link rel="shortcut icon" href="{Favicon}">
  40.  
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42.  
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44.  
  45. <meta name="image:background" content=""/>
  46. <meta name="select:background" content="" title="custom"/>
  47. <meta name="select:background" content="background-image:url('http://static.tumblr.com/siwidop/3j9nafiyv/grid-bg-gooddd.gif');" title="grid"/>
  48. <meta name="select:background" content="background-image:url('http://static.tumblr.com/siwidop/y2ynaqwmn/5-grid.png');" title="grid 2"/>
  49. <meta name="select:background" content="background-image:url('http://static.tumblr.com/siwidop/tyinaqvxc/10.png');" title="dots"/>
  50. <meta name="select:background" content="background-image:url('http://static.tumblr.com/siwidop/igEnaqvy4/7-st.png');" title="diagonal lines"/>
  51. <meta name="select:background" content="background-image:url('http://static.tumblr.com/siwidop/VuLnaqwsf/fave1.png');" title="vertical lines"/>
  52. <meta name="text:your URL" content="" />
  53. <meta name="text:popup background opacity" content=".8" />
  54. <meta name="color:popup background" content="#f6f6f6" />
  55. <meta name="text:above askbox" content="here you can put whatever you'd like to write above your askbox! or delete this text to leave it blank :)" />
  56. <meta name="if:400px" content="1"/>
  57. <meta name="if:250px" content="0"/>
  58. <meta name="color:bold" content="#dbe7f7"/>
  59. <meta name="color:italic" content="#f9f0ff"/>
  60. <meta name="color:underline" content="#dbe7f7"/>
  61. <meta name="color:background" content="#ffffff"/>
  62. <meta name="color:sidebar and border" content="#ffffff"/>
  63. <meta name="color:text" content="#afafaf"/>
  64. <meta name="color:link" content="#ffe8eb"/>
  65. <meta name="color:link hover" content="#f6f6f6"/>
  66. <meta name="color:post background" content="#ffffff"/>
  67. <meta name="color:scrollbar" content="#ffe8eb">
  68. <meta name="color:selection text" content="#888888"/>
  69. <meta name="color:selection bg" content="#eeeeee"/>
  70. <meta name="text:link1 URL" content="/" />
  71. <meta name="text:link1 title" content="link1" />
  72. <meta name="text:link2 URL" content="/" />
  73. <meta name="text:link2 title" content="link2" />
  74. <meta name="text:link3 URL" content="/" />
  75. <meta name="text:link3 title" content="link3" />
  76. <meta name="text:link4 URL" content="/" />
  77. <meta name="text:link4 title" content="link4" />
  78.  
  79.  
  80. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  81. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  82. <script>
  83. (function($){
  84. $(document).ready(function(){
  85. $("[title]").style_my_tooltips();
  86. });
  87. })(jQuery);
  88. </script>
  89.  
  90. <script type="text/javascript">
  91. jQuery(document).ready(function() {
  92. jQuery(".sub").hide();
  93. //toggle the componenet with class msg_body
  94. jQuery(".cthrough").click(function()
  95. {
  96. jQuery(this).next(".sub").slideToggle(500);
  97. });});
  98. </script>
  99.  
  100. <script type="text/javascript"
  101. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  102. <script>
  103. $(document).ready(function() {
  104. //
  105. $('a.poplight[href^=#]').click(function() {
  106. var popID = $(this).attr('rel'); //Get Popup Name
  107. var popURL = $(this).attr('href'); //Get Popup href to define size
  108. var query= popURL.split('?');
  109. var dim= query[1].split('&');
  110. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  111. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  112. var popMargTop = ($('#' + popID).height() + 80) / 2;
  113. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  114. //Apply Margin to Popup
  115. $('#' + popID).css({
  116. 'margin-top' : -popMargTop,
  117. 'margin-left' : -popMargLeft
  118. });
  119. $('body').append('<div id="fade"></div>');
  120. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  121. return false;
  122. });
  123. $('a.close, #fade').live('click', function() {
  124. $('#fade , .popup_block').fadeOut(function() {
  125. $('#fade, a.close').remove(); //fade them both out
  126. });
  127. return false;
  128. });
  129. });
  130. </script>
  131.  
  132.  
  133. <style type="text/css">
  134.  
  135. ::-webkit-scrollbar {
  136. height: 9px; width: 9px;
  137. -webkit-border-radius: 0px;
  138. background:white;
  139. }
  140.  
  141. ::-webkit-scrollbar-thumb{background:{color:scrollbar};}
  142. ::-webkit-scrollbar-track{background:{color:sidebar and border};
  143. }
  144.  
  145. body {
  146. background:{color:background};
  147. background-image:url('{image:background}');
  148. background-attachment:fixed;
  149. color:{color:text};
  150. font-family:'Andale Mono';
  151. text-transform:uppercase;
  152. font-weight:normal;
  153. font-size:8px;
  154. text-align:justify;
  155. margin:0;
  156. line-height:16px;
  157. overflow-x: hidden;
  158. overflow-y: auto;
  159. {block:ifbackgroundImage}
  160. background-image:url('{image:background}');
  161. {/block:ifbackgroundImage}
  162. {select:background}
  163. background-attachment:fixed;
  164. background-repeat:repeat;
  165. background-position:center;
  166. }
  167.  
  168. blockquote {
  169. padding:5px 14px 5px 30px;
  170. border:1px dotted #ccc;
  171. margin-left:30px;
  172. background:#fafafa;
  173. }
  174.  
  175. b,strong{
  176. color:{color:bold};
  177. }
  178.  
  179. i,em{
  180. color:{color:italic};
  181. }
  182.  
  183. u{
  184. color:{color:underline};
  185. }
  186.  
  187. a {
  188. color:{color:link};
  189. text-decoration:none;
  190. }
  191.  
  192. a:hover {
  193. background-color:{color:link hover};
  194. text-decoration:none;
  195. }
  196.  
  197. #desc {
  198. width:100px;
  199. margin-top:250px;
  200. height:auto;
  201. font-size:8px;
  202. padding:10px;
  203. }
  204.  
  205. #sidebar {
  206. padding:20px;
  207. text-align:normal;
  208. text-transform:none;
  209. letter-spacing:0px;
  210. position:fixed;
  211. left:0px;
  212. top:0px;
  213. width:160px;
  214. height:100%;
  215. font-size:8px;
  216. background:{color:sidebar and border};
  217. }
  218.  
  219. #baselinks {
  220. width:70px;
  221. height:40px;
  222. position:fixed;
  223. text-align:center;
  224. word-spacing:8px;
  225. margin-left:10px;
  226. }
  227.  
  228. #popitmenu{position: absolute; background-color: #ffffff; font: normal 9px {text:Main Font}; line-height: 18px; z-index: 100; visibility: hidden;}
  229. #popitmenu a{text-decoration: none; padding-left: 6px; color: #dddddd; display: block;}
  230. #popitmenu a:hover{ background-color: #fcfcfc; color: #000000;}
  231.  
  232. #links a {
  233. margin-top:5px;
  234. display:inline-block;
  235. margin-bottom:5px;
  236. }
  237.  
  238. #theme {
  239. left:30%;
  240. margin-left:-250px;
  241. position:absolute;
  242. }
  243.  
  244. #entries {
  245. margin-top:50px;
  246. {block:if250px}width:250px;{/block:if250px}
  247. {block:if400px}width:400px;{/block:if400px};
  248. }
  249.  
  250. #posts {
  251. background:{color:post background};
  252. {block:if250px}width:250px;{/block:if250px}
  253. {block:if400px}width:400px;{/block:if400px}
  254. margin-left:500px;
  255. margin-bottom:60px;
  256. border:1px solid transparent;
  257. padding:20px;
  258. word-break:break-word;
  259. max-width:100%;
  260. }
  261.  
  262. #posts img {
  263. max-width:100%;
  264. }
  265.  
  266. #pagination {
  267. width:60px;
  268. height:30px;
  269. background:{color:sidebar and border};
  270. position:fixed;
  271. margin-left:600px;
  272. bottom:0px;
  273. z-index:9999;
  274. }
  275.  
  276. #quote{
  277. text-align:left;
  278. font-size:14px;
  279. line-height:18px;
  280. font-weight:bold;
  281. }
  282.  
  283. #source {
  284. margin-top:15px;
  285. text-align:right;
  286. }
  287.  
  288. .player {
  289. width:25px;
  290. height:25px;
  291. overflow:hidden;
  292. position:absolute;
  293. background:white;
  294. }
  295.  
  296. .audioinfo {
  297. text-align:right;
  298. margin-left:50px;
  299. line-height:120%;
  300. }
  301.  
  302.  
  303. .curious {
  304. {block:if250px}width:215px;{/block:if250px}
  305. {block:if400px}width:365px;{/block:if400px}
  306. position: relative;
  307. background:transparent;
  308. left:40px;
  309. margin: 0;
  310. padding:5px;
  311. text-align:justify;
  312. font-size:7px;
  313. letter-spacing:0px;
  314. }
  315.  
  316. .chat ol {
  317. padding:0;
  318. list-style:none;
  319. }
  320.  
  321. .line {
  322. list-style:none;
  323. padding:5px 0;
  324. }
  325.  
  326. .label {
  327. text-decoration:bold;
  328. }
  329.  
  330. #info {
  331. width:230px;
  332. text-align:justify;
  333. line-height:15px;
  334. margin-top:10px;
  335. height:auto;
  336. background:#fafafa;
  337. padding:10px;
  338. font-size:8px;
  339. }
  340.  
  341. #perma {
  342. margin-top:10px;
  343. {block:if250px}width:250px;{/block:if250px}
  344. {block:if400px}width:400px;{/block:if400px}
  345. padding:5px;
  346. font-size:7px;
  347. color:{color:link};
  348. text-transform:normal;
  349. font-style:normal;
  350. letter-spacing:2px;
  351. text-align:center;
  352. }
  353.  
  354. #controls {
  355. position:fixed;
  356. top:25px;
  357. right:10px;
  358. width:120px;
  359. height:30px;
  360. opacity:.2;
  361. z-index:9999;
  362. }
  363.  
  364. #controls img {
  365. display:inline-block;
  366. width:8px;
  367. padding:3px;
  368. }
  369.  
  370. #controls a{
  371. background:transparent;
  372. padding:8px 10px;
  373. }
  374.  
  375. iframe#tumblr_controls {
  376. {block:IndexPage}
  377. display:none;
  378. {/block:IndexPage}
  379. {block:PermalinkPage}
  380. top:0%;
  381. right:0%;
  382. position:fixed;
  383. z-index:999999999;
  384. -webkit-filter: invert(100%);
  385. opacity:.2;{/block:PermalinkPage}
  386. }
  387.  
  388. .note li {
  389. list-style-type:hiragana;
  390. padding:10px 25px 10px 25px;
  391. text-align:left;
  392. margin:0px;
  393. border-bottom:1px dotted #cccccc;
  394. line-height:140%;
  395. -moz-transition-duration:0.5s;
  396. -webkit-transition-duration:0.5s;
  397. -o-transition-duration:0.5s;
  398. }
  399.  
  400. .notes img {
  401. display:none!important;
  402. }
  403.  
  404. /*/ ---- POPUP BOX SETTINGS ---- /*/
  405.  
  406. #fade {
  407. display: none;
  408. background: {color:popup background};
  409. position: fixed; left: 0; top: 0;
  410. width: 100%; height: 100%;
  411. opacity: {text:popup background opacity};
  412. z-index: 9999;
  413. }
  414. .popup_block{
  415. display: none;
  416. background: #fff;
  417. padding: 20px;
  418. float: left;
  419. font-family:'Andale Mono';
  420. font-style:uppercase;
  421. font-size: 8px;
  422. letter-spacing:1px;
  423. position: fixed;
  424. top: 50%; left: 50%;
  425. z-index: 99999;
  426. }
  427.  
  428. *html #fade {
  429. position: absolute;
  430. }
  431. *html .popup_block {
  432. position: absolute;
  433. }
  434.  
  435. /*/----- END POPUP BOX SETTINGS ------ /*/
  436.  
  437.  
  438. #s-m-t-tooltip {
  439. z-index: 9999;
  440. background: white;
  441. border:1px solid #dddddd;
  442. font-size: 8px;
  443. line-height: 11px;
  444. font-family: 'Andale Mono';
  445. letter-spacing: 1px;
  446. text-transform:none;
  447. color: {color:text};
  448. max-width: 130px;
  449. padding: 2px 5px 2px 6px;
  450. display: block;
  451. margin: 14px 14px 7px 12px;
  452. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  453. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  454. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  455. }
  456.  
  457. #top, #bottom, #left, #right {
  458. background: {color:sidebar and border};
  459. position: fixed;
  460. z-index:999;
  461. }
  462. #left, #right {
  463. top: 0; bottom: 0;
  464. width: 20px;
  465. }
  466. #left { left: 0; }
  467. #right { right: 0; }
  468.  
  469. #top, #bottom {
  470. left: 0; right: 0;
  471. height: 20px;
  472. }
  473. #top { top: 0; }
  474. #bottom { bottom: 0; }
  475.  
  476.  
  477. ::selection {
  478. background:{color:selection bg};
  479. color:{color:selection text};
  480. }
  481.  
  482. body
  483. {cursor:url(http://static.tumblr.com/siwidop/n3Rn94xrs/tumblr_lyovxfndb71qfoi4t.png), auto;}
  484. a, a:hover {cursor: url(http://static.tumblr.com/siwidop/VZ7n94xi3/tumblr_m2umkqvnut1qfamg6.gif), auto;}
  485.  
  486. {CustomCSS}
  487.  
  488. </style>
  489.  
  490.  
  491. </head>
  492.  
  493. <body>
  494.  
  495. <div id="left"></div>
  496. <div id="right"></div>
  497. <div id="top"></div>
  498. <div id="bottom"></div>
  499.  
  500. <div id="controls">
  501. {block:IndexPage}<a href="http://tumblr.com/follow/{text:your URL}" title="follow {text:your URL}"><img src="http://static.tumblr.com/siwidop/6obnar7wj/1335651583_add.gif"></a>
  502. <a href="http://www.tumblr.com/send/{text:your URL}?redirect_to=http%3A%2F%2F{text:your URL}%2F" title="fanmail">
  503. <img src="http://static.tumblr.com/siwidop/NTvnar7w2/1335651574_mail.gif">
  504. </a>
  505. <a href="http://tumblr.com/" title="dashboard">
  506. <img src="http://static.tumblr.com/siwidop/xkRnar7v2/1335651555_home.gif"></a>{/block:IndexPage}
  507. </div>
  508.  
  509. <div id="theme">
  510. <div id="sidebar">
  511. <div id="desc">{Description}
  512. <div id="baselinks"><a href="/" title="home"><img src="http://static.tumblr.com/siwidop/Wubnaf1jb/1-hme.png"></a> <a href="/archive" title="archive"><img src="http://static.tumblr.com/siwidop/1O0naf1od/1-lnk.png"></a> <a href="#?w=350" rel="askbox" class="poplight" title="ask"><img src="http://static.tumblr.com/siwidop/1Xdnaf1pv/tumblr_inline_n2aigwiulj1r7v6wt.png"></a>
  513. <a href="#" class="cthrough" title="links"><img src="http://static.tumblr.com/siwidop/oWKnaf1zg/links4.png"></a>
  514. <div class="sub">
  515. <a href="{text:link1 URL}">{text:link1 title}</a><br>
  516. <a href="{text:link2 URL}">{text:link2 title}</a><br>
  517. <a href="{text:link3 URL}">{text:link3 title}</a><br>
  518. <a href="{text:link4 URL}">{text:link4 title}</a>
  519. </div></div></div>
  520.  
  521.  
  522. <div id="pagination"><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="back"><img src="http://static.tumblr.com/siwidop/2Wvn94p0k/tumblr_inline_n2ajohl4ot1r7v6wt.png"></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="next"><img src="http://static.tumblr.com/siwidop/XoHn94ozt/tumblr_inline_n2ajovgvos1r7v6wt-1.png"></a><br />{/block:NextPage}{/block:Pagination}</center></div></div>
  523.  
  524. <div id="askbox" class="popup_block">
  525. <center>{text:above askbox}</center>
  526. <br><br>
  527. <iframe frameborder="0" border="0" scrolling="no" width="100%" height="250px" allow transparency="true" src="http://www.tumblr.com/ask_form/{text:your URL}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  528. </div></div>
  529.  
  530. <div id="entries">
  531. {block:Posts}
  532. <div id="posts">
  533. {block:Quote}
  534. <div id="quote">“{Quote}”</div>
  535. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  536. {/block:Quote}
  537.  
  538. {block:Text}
  539. {block:Title}
  540. <div id="title"><div style="font-size:14px; text-align:left;">{Title}</div></div>{/block:Title}
  541. {Body}
  542. {/block:Text}
  543.  
  544. {block:Link}
  545. <div id="title">
  546. <div style="font-size:14px; text-align:left;"><a href="{URL}">{Name} »</a></div></div>
  547. {block:Description}{Description}{/block:Description}
  548. {/block:Link}
  549.  
  550. {block:Chat}
  551. {block:Title}
  552. <h1>{Title}</h1>
  553. {/block:Title}
  554. <div class="chat">
  555. <ol>{block:Lines}
  556. <li class="line {Alt}">
  557. {block:Label}
  558. <span class="label">
  559. <b>{Label}</b></span>
  560. {/block:Label}{Line}</li>
  561. {/block:Lines}
  562. </ol></div>
  563. {/block:Chat}
  564.  
  565. {block:Photo}
  566. {LinkOpenTag}<center><img src="{block:if250px}{PhotoURL-250}{/block:if250px}{block:if400px}{PhotoURL-400}{/block:if400px}" alt="{PhotoAlt}"/></center>
  567. {LinkCloseTag}
  568. {/block:Photo}
  569.  
  570. {block:Photoset}
  571. <center>{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}</center>
  572. {/block:Photoset}
  573.  
  574. {block:Video}
  575. {block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}
  576. {/block:Video}
  577.  
  578. {block:Audio}<div class="player">{AudioPlayerWhite}</div><div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br> by {Artist}{/block:Artist}</div>
  579. {/block:Audio}
  580.  
  581.  
  582. {block:Answer}
  583. <div class="post"><br>
  584. <div class="askerportrait"><img style="border-radius:50px;" src="{AskerPortraitURL-40}" align="left" /></div><div class="curious">{Asker}: {Question}</div><br>
  585. <div style="margin-left:70px;">{Answer}</div>
  586. </div>
  587. {/block:Answer}
  588.  
  589. {block:IndexPage}
  590. <div id="perma">
  591. <a href="{Permalink}" title="{block:Date}{12Hour}:{Minutes}{CapitalAmPm}{/block:Date}">{NoteCount}</a> <img src="http://static.tumblr.com/siwidop/jwWnar0f0/crss.png"> {block:HasTags}
  592. <span class="tags" title="{block:Tags}#{Tag} {/block:Tags}">tags</span></center>
  593. {/block:HasTags}</div></div></div>
  594. {block:IndexPage}
  595.  
  596. {block:PermalinkPage}
  597.  
  598. {block:Date}
  599. <div id="info">
  600. {block:Caption}{Caption}{block:NoContentSource}{block:ContentSource}
  601. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  602. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  603. {/block:SourceLogo}
  604. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  605. {/block:ContentSource}{/block:NoContentSource}{/block:Caption}<br>
  606. {ShortMonth} {DayOfMonthWithZero}, {Year} - {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} -
  607. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">VIA </a> - <a href="{ReblogRootURL}" title="{ReblogRootName}">SOURCE</a><br>{/block:RebloggedFrom}
  608. {block:HasTags}
  609. TAGS:
  610. {block:Tags}
  611. <a href="{TagURL}">#{Tag}</a>
  612. {/block:Tags}
  613. {/block:HasTags}
  614. </div>
  615. {/block:Date}
  616. {/block:PermalinkPage}
  617.  
  618. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>
  619. {/block:Posts}
  620.  
  621. <!-- DO NOT TOUCH BELOW CODE AT ALL OR I WILL REPORT YOU FOR THEFT. --->
  622. <div style="position:fixed;bottom:20px;right:24px;font-size:7px;letter-spacing:1px;font-family:andale mono;font-weight:normal;text-transform:lowercase;"><a href="http://jpglay.tumblr.com/" title="jpglay themes">.jpg</a>
  623. </div></div>
  624.  
  625. </div>
  626.  
  627. </div>
  628.  
  629. </body></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!