API tools faq
paste
Advertisement
kawaiibuu

fuji os

kawaiibuu
Nov 17th, 2013
18,956
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.27 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. .8
  3. .888
  4. .8888'
  5. .8888'
  6. 888'
  7. 8'
  8. .88888888888. .88888888888.
  9. .8888888888888888888888888888888.
  10. .8888888888888888888888888888888888.
  11. .&&&&&& fuji theme &&&&&&&&'
  12. &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&'
  13. &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&'
  14. @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@: download @
  15. @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@: http://jubileethemes.tumblr.com
  16. @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@: made by meancutie
  17. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%. inspired by os x lion
  18. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%.
  19. `%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%.
  20. `00000000000000000000000000000000000'
  21. `000000000000000000000000000000000'
  22. `0000000000000000000000000000000'
  23. `###########################'
  24. `#######################'
  25. `#########''########'
  26. `""""""' `"""""'
  27.  
  28. -->
  29.  
  30.  
  31. <head>
  32.  
  33. <meta name="color:background" content="#ffffff" />
  34. <meta name="color:text" content="#000" />
  35. <meta name="color:links" content="#000" />
  36. <meta name="color:border" content="#9a9a9a"/>
  37. <meta name="color:post header" content="#BE6366"/>
  38. <meta name="color:inner post background" content="#D69F9F"/>
  39. <meta name="color:sticky" content="#f1cbcc"/>
  40. <meta name="color:dock border" content="#9a9a9a"/>
  41. <meta name="color:dock background" content="#ffffff" />
  42. <meta name="color:dropbox background" content="#BE6366"/>
  43. <meta name="color:tooltip background" content="#BE6366"/>
  44. <meta name="color:scrollbar" content="#445192"/>
  45. <meta name="color:scrollbar thumb" content="#FEC3CA"/>
  46.  
  47. <meta name="if:one column" content="0">
  48. <meta name="if:two columns" content="0">
  49. <meta name="if:three columns" content="1">
  50. <meta name="if:bonus sticky" content="0">
  51. <meta name="if:custom post colors" content="0">
  52. <meta name="if:center text" content="0">
  53. <meta name="if:dropbox" content="0">
  54. <meta name="if:disable right click" content="0"/>
  55. <meta name="if:fullsized background image" content="0">
  56.  
  57. <meta name="if:photo hover effect" content="1">
  58. <meta name="if:show captions" content="0">
  59. <meta name="if:show tags" content="0">
  60. <meta name="if:transparent sticky" content="0">
  61. <meta name="if:visible dock bar" content="1">
  62. <meta name="if:visible scrollbar" content="0">
  63. <meta name="if:desaturated images" content="0">
  64. <meta name="if:faded images" content="0">
  65. <meta name="if:darkened images" content="0">
  66.  
  67.  
  68. <meta name="image:background" content=""/>
  69. <meta name="image:cursor" content="http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png"/>
  70.  
  71. <meta name="image:dock icon" content="" />
  72. <meta name="image:post background" content="http://blog.xshock.de/content/news/tut_metalpattern.jpg" />
  73. <meta name="image:inner sidebar" content="" />
  74. <meta name="image:bonus sticky image" content="" />
  75. <meta name="image:ScrolltoTop" content="" />
  76.  
  77.  
  78. <meta name="text:dropbox title" content="navigation" />
  79. <meta name="text:font size" content="11" />
  80. <meta name="text:tags title" content="of 2,000 GB" />
  81. <meta name="text:notes suffix" content="MB" />
  82. <meta name="text:bonus sticky content" content="" />
  83. <meta name="text:sticky vertical align" content="75" />
  84. <meta name="text:sticky horizontal align" content="55" />
  85. <meta name="text:bonus sticky vertical align" content="255" />
  86. <meta name="text:bonus sticky horizontal align" content="55" />
  87.  
  88.  
  89. <meta name="text:link 1 title" content="" />
  90. <meta name="text:link 2 title" content="" />
  91. <meta name="text:link 3 title" content="" />
  92. <meta name="text:link 4 title" content="" />
  93. <meta name="text:link 5 title" content="" />
  94.  
  95. <meta name="text:link 1 url" content="" />
  96. <meta name="text:link 2 url" content="" />
  97. <meta name="text:link 3 url" content="" />
  98. <meta name="text:link 4 url" content="" />
  99. <meta name="text:link 5 url" content="" />
  100.  
  101.  
  102.  
  103. <title>{Title}</title>
  104. <link rel="shortcut icon" href="{Favicon}">
  105.  
  106. <script type="text/javascript">
  107. function unhide(divID) {
  108. var item = document.getElementById(divID);
  109. if (item) {
  110. item.className=(item.className=='hidden')?'unhidden':'hidden';
  111. }
  112. }
  113. </script>
  114. </script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  115. </script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  116. <script type="text/javascript"
  117. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  118.  
  119. <script type="text/javascript">
  120. jQuery(document).ready(function() {
  121. jQuery(".tagz").hide();
  122. //toggle the componenet with class msg_body
  123. jQuery(".cthrough").click(function()
  124. {
  125. jQuery(this).next(".tagz").slideToggle(500);
  126. });});
  127. </script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  128. <script>
  129. function startTime()
  130. {
  131. var today=new Date();
  132. var h=today.getHours();
  133. var m=today.getMinutes();
  134. var s=today.getSeconds();
  135. // add a zero in front of numbers<10
  136. m=checkTime(m);
  137. s=checkTime(s);
  138. document.getElementById('txt').innerHTML=h+":"+m+":"+s;
  139. t=setTimeout(function(){startTime()},500);
  140. }
  141.  
  142. function checkTime(i)
  143. {
  144. if (i<10)
  145. {
  146. i="0" + i;
  147. }
  148. return i;
  149. }
  150. </script>
  151.  
  152.  
  153. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  154.  
  155. <script type="text/javascript">
  156. jQuery(document).ready(function() {
  157. jQuery(".cry").hide();
  158. //toggle the componenet with class msg_body
  159. jQuery(".cthrough").click(function()
  160. {
  161. jQuery(this).next(".cry").slideToggle(200);
  162. });});
  163. </script>
  164.  
  165.  
  166. {block:ifdisablerightclick}<body oncontextmenu="return false">{/block:ifdisablerightclick}
  167.  
  168.  
  169. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  170. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  171. <script>
  172. (function($){
  173. $(document).ready(function(){
  174. $("[title]").style_my_tooltips();
  175. });
  176. })(jQuery);
  177. </script>
  178. <script type="text/javascript"
  179. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  180.  
  181. <style type="text/css">
  182.  
  183. {block:IfdesaturatedImages}
  184. img{
  185. -webkit-filter:grayscale(100%);
  186. }
  187. img:hover{
  188. -webkit-filter:none;
  189. }
  190. {/block:IfdesaturatedImages}
  191. {block:IfFadedImages}
  192. img{
  193. -webkit-transition: opacity 0.8s linear;
  194. opacity: 0.60;
  195. }
  196. img:hover{
  197. -webkit-transition: opacity 0.8s linear;
  198. opacity: 1;
  199. }
  200. {/block:IfFadedImages}
  201. {block:IfFadedImages}
  202. iframe#tumblr_controls { right:0px !important; position: fixed !important; -webkit-transition: opacity 0.5s linear; opacity: 0.6; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  203. 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;}
  204. {/block:IfFadedImages}
  205.  
  206. body{ -moz-transition:all 0.5s ease-out;
  207. -o-transition:all 0.5s ease-out;
  208. -webkit-transition all 0.5s ease-out;
  209. transition:all 0.5s ease-out;
  210. height:100%;
  211. word-break: keep-all;
  212. letter-spacing: 1px;
  213. font-family:consolas;
  214. {block:ifcentertext}text-align:center;{/block:ifcentertext}
  215. font-size: {text:font size}px;
  216. color:{color:text};
  217. background: {color:background} url({image:background})top right fixed repeat;
  218. {block:iffullsizedbackgroundimage}background-size:cover;{/block:iffullsizedbackgroundimage}
  219. cursor:url('{image:cursor}'), progress !important;
  220. }
  221.  
  222. a {-webkit-transition: 1s ease-in-out;
  223. -moz-transition: 1s ease-in-out;
  224. -o-transition: 1s ease-in-out;
  225. font-family:consolas;
  226. text-shadow: 1px 1px rgba(0, 0, 0, 0);
  227. text-decoration: none;
  228. color: {color:links};
  229. }
  230. a:hover {-webkit-transition: 1s ease-in-out;
  231. -moz-transition: 1s ease-in-out;
  232. -o-transition: 1s ease-in-out;
  233. cursor:url('{image:cursor}'), progress !important;
  234.  
  235. text-decoration: none;
  236. text-transform: uppercase;
  237.  
  238. }
  239. ::selection {
  240. background: {color:sticky};
  241. }
  242.  
  243. ::-moz-selection {
  244. background: {color:sticky};
  245. }
  246.  
  247. ::-webkit-selection {
  248. background: {color:sticky};
  249. }
  250. img {
  251.  
  252. {block:ifdarkenedimages}-webkit-filter: brightness(50%); {/block:ifdarkenedimages}
  253. -webkit-border-radius:{text:border curve}px;
  254. -moz-border-radius:{text:border curve}px;
  255. border-radius:{text:border curve}px;
  256.  
  257. -moz-transition:all 0.5s ease-out;
  258. -o-transition:all 0.5s ease-out;
  259. -webkit-transition all 0.5s ease-out;
  260. transition:all 0.5s ease-out;
  261. }
  262. img:hover {
  263. -webkit-filter: brightness(100%);
  264. -moz-transition:all 0.5s ease-out;
  265. -o-transition:all 0.5s ease-out;
  266. -webkit-transition all 0.5s ease-out;
  267. transition:all 0.5s ease-out;
  268. }
  269. blockquote {
  270. border-left: 1px solid transparent;
  271. color: {color:accent color 2};
  272. margin: 2px 3px;
  273. }
  274. ::-webkit-scrollbar {
  275. -webkit-appearance: none; background-color: {color:scrollbar};
  276. {block:ifvisiblescrollbar} width: 7px; {/block:ifvisiblescrollbar}
  277. {block:ifnotvisiblescrollbar} width: 0px; {/block:ifnotvisiblescrollbar}
  278. }
  279. ::-webkit-scrollbar-thumb {
  280. border-radius: 4px;
  281. background-color: {color:scrollbar thumb};
  282. -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
  283. }
  284.  
  285. .left {
  286. margin-left: auto;
  287. width: 100%;
  288. }
  289.  
  290.  
  291. #posts {
  292. {block:ifonecolumn}width: 435px;{/block:ifonecolumn}
  293. {block:ifnotonecolumn}
  294. {block:iftwocolumns}width: 635px;{/block:iftwocolumns}
  295. {block:ifnottwocolumns}
  296. width: 835px;
  297. {block:ifnottwocolumns}
  298. {/block:ifnotonecolumn}
  299.  
  300. margin: 55px auto;
  301. }
  302. /**
  303. ***/
  304. #entry {
  305. border: 1px solid {color:border};
  306. -webkit-border-radius: 5px;
  307. -moz-border-radius: 5px;
  308. border-radius: 5px;
  309. padding: 0px;
  310. padding-top: 20px;
  311. padding-bottom: 0px;
  312. {block:ifnotcustompostcolors}background: rgba(250, 250, 250, 0.3); {/block:ifnotcustompostcolors}
  313. -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  314. -moz-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  315. box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  316. }
  317.  
  318. #entry .inner {
  319. padding: 5px;
  320. border-top: 1px solid {color:border};
  321. z-index: 999999999999999;
  322. {block:ifcustompostcolors}
  323. background: {color:inner post background};
  324. {/block:ifcustompostcolors}
  325. overflow:hidden;
  326. -webkit-border-bottom-right-radius: 5px;
  327. -webkit-border-bottom-left-radius: 5px;
  328. -moz-border-radius-bottomright: 5px;
  329. -moz-border-radius-bottomleft: 5px;
  330. border-bottom-right-radius: 5px;
  331. border-bottom-left-radius: 5px;
  332. }
  333.  
  334.  
  335. .entry { z-index: 999999;
  336. height: auto;
  337. font-family:consolas;
  338. {block:IndexPage}
  339. width: 200px;
  340. {/block:IndexPage}
  341. margin-bottom: 125px;
  342. margin-right: 75px;
  343.  
  344. {block:PermalinkPage}
  345. width: 400px;
  346. {/block:PermalinkPage}
  347. -moz-transition:all 0.5s ease-out;
  348. -o-transition:all 0.5s ease-out;
  349. -webkit-transition all 0.5s ease-out;
  350. transition:all 0.5s ease-out;
  351.  
  352. }
  353.  
  354. .entry:hover {
  355.  
  356. }
  357.  
  358. .entry img{ max-width: 100%;
  359. }
  360. .entry img:hover{
  361.  
  362. {block:ifblurhover}
  363. -webkit-filter: blur(1px);
  364. filter: blur(1px); {/block:ifblurhover}
  365. -moz-transition:all 0.1s ease-out;
  366. -o-transition:all 0.1s ease-out;
  367. -webkit-transition all 0.1s ease-out;
  368. transition:all 0.1s ease-out;
  369. }
  370.  
  371. .post_title{
  372. font-size: 14px;
  373. word-break:keep-all;
  374. font-family: consolas;
  375. text-align: left;
  376. margin-bottom: -15px;
  377. margin-left: 5px;
  378. }
  379.  
  380. .link_title{
  381.  
  382. width: 100%;
  383. font-family: consolas;
  384. text-align: center;
  385.  
  386. }
  387. .hidden {display: none;}
  388. .unhidden {display: block;}
  389. .nav{
  390. position:fixed;
  391. top:0;
  392. left:0;
  393. max-width: 120px;
  394. }
  395.  
  396.  
  397.  
  398. .topp {
  399. position:fixed;
  400. bottom: 0px;
  401. right: 0px;
  402. }
  403.  
  404. blockquote {
  405. padding: 1px; text-align: justify;
  406. margin-left: -5px;
  407. }
  408.  
  409. ul, ol, li{
  410. list-style:none; text-align: justify;
  411. padding:3px;
  412. color: {color:accent color 2};}
  413.  
  414. small {
  415. font-size: 9px; text-transform:uppercase;
  416. }
  417.  
  418.  
  419. #perma {
  420. width: 100%;
  421. font-size: 10px;
  422. text-align: center;
  423. text-transform: uppercase;
  424. padding: 5px margin-bottom: -5px;
  425. }
  426.  
  427.  
  428. .headerbg { {block:ifnotcustompostcolors}
  429. background-image: -o-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  430. background-image: -moz-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  431. background-image: -webkit-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  432. background-image: -ms-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  433. background-image: linear-gradient(to bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%); {/block:ifnotcustompostcolors}
  434. {block:ifcustompostcolors}
  435. background: {color:post header};
  436. {/block:ifcustompostcolors}
  437. height: 20px; margin-top: -20px;
  438. {block:IndexPage}
  439. width: 199px;
  440. {/block:IndexPage}
  441.  
  442.  
  443. {block:PermalinkPage}
  444. width: 399px;
  445. {/block:PermalinkPage} position:absolute;
  446. -webkit-border-top-left-radius: 5px;
  447. -webkit-border-top-right-radius: 5px;
  448. -moz-border-radius-topleft: 5px;
  449. -moz-border-radius-topright: 5px;
  450. border-top-left-radius: 5px;
  451. border-top-right-radius: 5px;
  452. z-index: -999999999999999999999999999999999999;
  453. }
  454.  
  455.  
  456.  
  457.  
  458. .pi
  459. {
  460.  
  461. text-align: left;
  462.  
  463. }
  464. #perma a{
  465. color: {color:links};
  466. }
  467.  
  468.  
  469. .circle1 {
  470. width: 1px; position:absolute;
  471. height: 1px;
  472. padding: 3px;
  473. -webkit-border-radius: 12px;
  474. -moz-border-radius: 12px;
  475. border-radius: 12px;
  476. border: 1px solid {color:border};
  477. }
  478.  
  479. .circle2 {
  480. width: 1px; position:absolute;
  481. height: 1px;
  482. padding: 3px;
  483. -webkit-border-radius: 12px;
  484. -moz-border-radius: 12px;
  485. border-radius: 12px;
  486. border: 1px solid {color:border};
  487. }
  488.  
  489. .circle3 {
  490. width: 1px; position:absolute;
  491. height: 1px;
  492. padding: 3px;
  493. -webkit-border-radius: 12px;
  494. -moz-border-radius: 12px;
  495. border-radius: 12px;
  496. border: 1px solid {color:border};
  497. }
  498.  
  499. .circle1:hover {
  500. background: rgba(189, 44, 44, 0.5);
  501. }
  502. .circle2:hover {
  503. background: rgba(255, 255, 0, 0.5);
  504. }.circle3:hover {
  505. background: rgba(131, 255, 0, 0.5);
  506. }
  507. #s-m-t-tooltip {
  508. text-align:center;
  509. background: {color:tooltip background};
  510. font-size: 10px;
  511. font-family: consolas;
  512. border: 1px solid {color:border};
  513. color: {color:text};
  514. max-width: 100px;
  515. text-transform:uppercase;
  516. word-wrap: break-word;
  517. padding: 1px 5px 2px 6px;
  518. display: block;
  519. margin: 10px 10px 10px 15px;
  520. z-index: 9999999999999999999999;
  521. }
  522.  
  523.  
  524. #sticky {
  525. margin-left: {text:sticky horizontal align}px;
  526. margin-top: {text:sticky vertical align}px;
  527. {block:ifnottransparentsticky} background: {color:sticky};
  528. {/block:ifnottransparentsticky}
  529. width: 130px;
  530. position:fixed;
  531. -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  532. -moz-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  533. box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  534. }
  535.  
  536. #sticky2 {
  537. margin-left: {text:bonus sticky horizontal align}px;
  538. margin-top: {text:bonus sticky vertical align}px;
  539. {block:ifnottransparentsticky} background: {color:sticky};
  540. {/block:ifnottransparentsticky}
  541.  
  542. width: 130px;
  543. position:fixed;
  544. -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  545. -moz-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  546. box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  547. }
  548. .border {
  549. position:relative;
  550. border-top: 1px solid black;
  551. opacity: 0.2;
  552. }
  553.  
  554.  
  555. #sticky .inner {
  556. position:relative;
  557. padding: 4px;
  558. text-align: center;
  559. font-size: 10px;
  560. }
  561.  
  562. #sticky2 .inner {
  563. position:relative;
  564. padding: 4px;
  565. text-align: center;
  566. font-size: 10px;
  567. }
  568. #preview{
  569. position:absolute;
  570. border:1px solid #ccc;
  571. background:#333;
  572. padding:5px;
  573. display:none;
  574. color:#fff;
  575. }
  576.  
  577.  
  578. .cry {
  579. text-align:justify;
  580. }
  581.  
  582.  
  583. #dock { border-bottom: 1px solid {color:dock border};
  584. position: fixed; top: 0px; left: 0px; width: 100%; height: 18px; {block:ifnotcustompostcolors}
  585. background-image: -o-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  586. background-image: -moz-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  587. background-image: -webkit-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  588. background-image: -ms-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  589. background-image: linear-gradient(to bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%); {/block:ifnotcustompostcolors}
  590. {block:ifcustompostcolors}
  591. background: {color:dock background};
  592. {/block:ifcustompostcolors}
  593. -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  594. -moz-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  595. box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2); z-index: 999999999999999999999999999999999999;
  596. }
  597.  
  598.  
  599. #sbbg { padding: 5px;
  600. z-index: -9999999999999999999999;
  601. position: fixed;
  602. height: 100%;
  603. width: 100%;
  604. top: 0px;
  605. left: 0px;
  606. background: transparent;
  607. opacity: 0.3;
  608. }
  609.  
  610.  
  611. </style>
  612.  
  613. <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  614.  
  615. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  616. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  617. </script>
  618. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  619. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  620. <script type="text/javascript">
  621.  
  622. $(window).load(function () {
  623. $('.posts').masonry(),
  624. $('.masonryWrap').infinitescroll({
  625. navSelector : "div#navigation",
  626. // selector for the paged navigation (it will be hidden)
  627. nextSelector : "div#navigation a#nextPage",
  628. // selector for the NEXT link (to page 2)
  629. itemSelector : ".entry",
  630. // selector for all items you'll retrieve
  631. bufferPx : 10000,
  632. extraScrollPx: 11000,
  633. loadingImg : "",
  634. loadingText : "<em>loading</em>",
  635. },
  636. // call masonry as a callback.
  637. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  638. );
  639. });
  640. </script>
  641. <script>
  642. $.fn.changebackground = function(msg) {
  643. $("#sbbg").css("background-image", "url("+msg+")");
  644. };
  645. </script>
  646. </head>
  647.  
  648. <body>
  649. <div id="sbbg"></div>
  650. {block:ifvisibledockbar}<div id="dock">
  651. <img src="{image:dock icon}" style="float:left; margin-left: 5px; opacity: 0.5; height: 15px; margin-top: 1px;">
  652.  
  653. <div style="margin-top: 0px; margin-left: 20px;">
  654. <select style="
  655. background: transparent;
  656. color:{color:links};
  657. border: 1px solid transparent;
  658. -webkit-appearance:none;
  659. padding: 0px;
  660. border-radius: 3px;
  661. font-size: 11px; font-weight: bold;
  662. line-height: 11px; float: left;
  663. font-family: consolas;" onChange="location.href=this.options[this.selectedIndex].value;">
  664. <option value="/">Navigation</option>
  665. {block:iflink1title}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:iflink1title}
  666. {block:iflink2title}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:iflink2title}
  667. {block:iflink3title}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:iflink3title}
  668. {block:iflink4title}<option value="{text:link 4 url}">{text:link 4 title}</option>{/block:iflink4title}
  669. {block:iflink5title}<option value="{text:link 5 url}">{text:link 5 title}</option>{/block:iflink5title}
  670. </select></div>
  671.  
  672.  
  673.  
  674.  
  675.  
  676.  
  677.  
  678. </div>{/block:ifvisibledockbar}
  679.  
  680.  
  681.  
  682.  
  683.  
  684.  
  685. </div>
  686. <div id="sticky">
  687.  
  688. <img src="http://static.tumblr.com/mqkrxog/lFdmwc3ja/l_corner.png" style="float:left; padding: 2px;">
  689.  
  690.  
  691. <img src="http://static.tumblr.com/mqkrxog/8Hzmwc3k7/r_corner.png" style="float:right; padding: 2px;">
  692. <br>
  693. <div class="border"> </div>
  694. <div class="inner">
  695. <img src="{image:inner sidebar}" style="max-width: 100%;"/><br>
  696. <a href="/">refresh</a> <a href="/ask">mail</a> <a href="/archive">index</a><br>
  697. {Description}
  698. {block:ifdropbox}
  699. <center><select style="
  700. background: {color:dropbox background};
  701. color:{color:links};
  702. border: 1px solid {color:Border};
  703. -webkit-appearance:none;
  704. padding:0px;
  705. border-radius: 3px;
  706. font-size: 11px;
  707. line-height: 15px;
  708. font-family: consolas;" onChange="location.href=this.options[this.selectedIndex].value;">
  709. <option value="/">{text:dropbox title}</option>
  710. {block:iflink1title}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:iflink1title}
  711. {block:iflink2title}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:iflink2title}
  712. {block:iflink3title}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:iflink3title}
  713. {block:iflink4title}<option value="{text:link 4 url}">{text:link 4 title}</option>{/block:iflink4title}
  714. {block:iflink5title}<option value="{text:link 5 url}">{text:link 5 title}</option>{/block:iflink5title}
  715. </select></center> {/block:ifdropbox}
  716. </div>
  717. </div>
  718. {block:ifbonussticky}
  719. <div id="sticky2">
  720.  
  721. <img src="http://static.tumblr.com/mqkrxog/lFdmwc3ja/l_corner.png" style="float:left; padding: 2px;">
  722.  
  723.  
  724. <img src="http://static.tumblr.com/mqkrxog/8Hzmwc3k7/r_corner.png" style="float:right; padding: 2px;">
  725. <br>
  726. <div class="border"> </div>
  727. <div class="inner">
  728. <img src="{image:bonus sticky image}" style="max-width: 100%;"/><br>
  729. {text:bonus sticky content}
  730.  
  731. </div>
  732. </div>
  733. {/block:ifbonussticky}
  734. <div class="left">
  735.  
  736.  
  737.  
  738. <div id="posts">
  739.  
  740.  
  741. <div class="posts">
  742.  
  743.  
  744.  
  745.  
  746.  
  747. {block:Posts}
  748. {block:ContentSource}
  749. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  750. {/block:ContentSource}
  751. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  752.  
  753. <div class="entry">
  754.  
  755.  
  756.  
  757.  
  758.  
  759.  
  760. {block:Text}
  761.  
  762. <div id="entry"> <div class="headerbg"></div> <a href="{Permalink}" title="Posted {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year} at {24Hour}:{Minutes}"><div class="circle1" style="position:absolute; margin-top: -15px; margin-left: 5px;"></div></a> <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><div class="circle2" style="position:absolute; margin-top: -15px; margin-left: 19px;"></div></a>
  763. {block:RebloggedFrom}<a title="source" href="{ReblogRootURL}"><div class="circle3" style=" margin-top: -15px; margin-left: 33px;"></div></a>
  764. {block:RebloggedFrom}
  765. <div class="inner">
  766. {block:Title}<div class="post_title" style="margin-left: 15px;">- {Title}</div>{/block:Title}
  767.  
  768.  
  769.  
  770.  
  771. <div style="padding:5px;" >
  772. {Body}
  773. </div>
  774.  
  775.  
  776.  
  777.  
  778.  
  779.  
  780. {block:IndexPage}
  781. <div id="perma"><div class="border"> </div><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount} {text:notes suffix}</a>
  782.  
  783. <a class="cthrough" title="tagged with">{text:tags title}</a><div class="cry">
  784. {block:HasTags}&rarr;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  785. </div>
  786.  
  787.  
  788. </div>
  789.  
  790.  
  791.  
  792.  
  793. {/block:IndexPage}
  794.  
  795.  
  796. </div></div>
  797. {/block:Text}
  798.  
  799.  
  800.  
  801.  
  802.  
  803.  
  804.  
  805.  
  806.  
  807.  
  808.  
  809.  
  810. {block:Photo}
  811.  
  812. <div id="entry"> <div class="headerbg"></div><a href="{Permalink}" title="Posted {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year} at {24Hour}:{Minutes}"><div class="circle1" style="position:absolute; margin-top:-15px; margin-left: 5px;"></div></a> <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><div class="circle2" style="position:absolute; margin-top: -15px; margin-left: 19px;"></div></a>
  813. {block:RebloggedFrom}<a title="source" href="{ReblogRootURL}"><div class="circle3" style=" margin-top: -15px; margin-left: 33px;"></div></a>
  814. {block:RebloggedFrom}
  815. <div class="inner">
  816.  
  817. {block:IndexPage}
  818.  
  819. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" {block:ifphotohovereffect}onmouseover="$(this).changebackground('{PhotoURL-HighRes}')"{/block:ifphotohovereffect}/>
  820.  
  821. {block:ifshowcaptions} {block:Caption}{Caption}{/block:Caption} {/block:ifshowcaptions}
  822. {/block:IndexPage}
  823.  
  824. {block:PermalinkPage}
  825. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  826. {block:Caption}{Caption}{/block:Caption}
  827. {/block:PermalinkPage}
  828.  
  829.  
  830.  
  831.  
  832.  
  833. {block:IndexPage}
  834. <div id="perma"><div class="border"> </div><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount} {text:notes suffix}</a>
  835.  
  836. <a class="cthrough" title="tagged with">{text:tags title}</a><div class="cry">
  837. {block:HasTags}&rarr;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  838. </div>
  839.  
  840. </div>
  841. {/block:IndexPage}
  842. </div></div>
  843.  
  844. {/block:Photo}
  845.  
  846.  
  847.  
  848.  
  849.  
  850.  
  851.  
  852.  
  853.  
  854.  
  855.  
  856.  
  857. {block:Photoset}
  858. <div id="entry"> <div class="headerbg"></div><a href="{Permalink}" title="Posted {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year} at {24Hour}:{Minutes}"><div class="circle1" style="position:absolute; margin-top:-15px; margin-left: 5px;"></div></a> <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><div class="circle2" style="position:absolute; margin-top: -15px; margin-left: 19px;"></div></a>
  859. {block:RebloggedFrom}<a title="source" href="{ReblogRootURL}"><div class="circle3" style=" margin-top: -15px; margin-left: 33px;"></div></a>
  860. {block:RebloggedFrom}
  861. <div class="inner">
  862. <center>{block:IndexPage}
  863. {Photoset-250} {block:ifshowcaptions} {block:Caption}{Caption}{/block:Caption} {/block:ifshowcaptions} {/block:IndexPage}
  864. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  865. </center>
  866.  
  867.  
  868.  
  869.  
  870. {block:IndexPage}
  871. <div id="perma"><div class="border"> </div><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount} {text:notes suffix}</a> <a class="cthrough" title="tagged with">{text:tags title}</a><div class="cry">
  872. {block:HasTags}&rarr;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  873. </div></div>
  874.  
  875.  
  876.  
  877.  
  878. {/block:IndexPage}
  879. </div>
  880. </div>
  881. {/block:Photoset}
  882.  
  883.  
  884.  
  885.  
  886.  
  887.  
  888.  
  889.  
  890.  
  891.  
  892.  
  893.  
  894.  
  895. {block:Quote}
  896. <div id="entry"> <div class="headerbg"></div><a href="{Permalink}" title="Posted {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year} at {24Hour}:{Minutes}"><div class="circle1" style="position:absolute; margin-top:-15px; margin-left: 5px;"></div></a> <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><div class="circle2" style="position:absolute; margin-top: -15px; margin-left: 19px;"></div></a>
  897. {block:RebloggedFrom}<a title="source" href="{ReblogRootURL}"><div class="circle3" style=" margin-top: -15px; margin-left: 33px;"></div></a>
  898. {block:RebloggedFrom}
  899. <div class="inner">
  900.  
  901. {Quote}<br>
  902. <small>{Source}</small><br><br>
  903.  
  904.  
  905. {block:IndexPage}
  906. <div id="perma"><div class="border"> </div><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount} {text:notes suffix}</a> <a class="cthrough" title="tagged with">{text:tags title}</a><div class="cry">
  907. {block:HasTags}&rarr;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  908. </div></div>
  909.  
  910.  
  911.  
  912.  
  913. {/block:IndexPage}
  914. </div>
  915. </div>
  916. {/block:Quote}
  917.  
  918.  
  919.  
  920.  
  921.  
  922.  
  923.  
  924.  
  925.  
  926.  
  927.  
  928.  
  929.  
  930.  
  931.  
  932.  
  933. {block:Link}
  934. <div id="entry"> <div class="headerbg"></div> <a href="{Permalink}" title="Posted {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year} at {24Hour}:{Minutes}"><div class="circle1" style="position:absolute; margin-top:-15px; margin-left: 5px;"></div></a> <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><div class="circle2" style="position:absolute; margin-top: -15px; margin-left: 19px;"></div></a>
  935. {block:RebloggedFrom}<a title="source" href="{ReblogRootURL}"><div class="circle3" style=" margin-top: -15px; margin-left: 33px;"></div></a>
  936. {block:RebloggedFrom}
  937. <div class="inner">
  938.  
  939. <center><a href="{URL}"{Target}><div class="link_title">{Name}</div></a></center>
  940. {block:Description}<div style="padding: 2px; margin-top: -3px;">{Description}</div>{/block:Description}
  941.  
  942. {block:IndexPage}
  943. <div id="perma"><div class="border"> </div><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount} {text:notes suffix}</a> <a class="cthrough" title="tagged with">{text:tags title}</a><div class="cry">
  944. {block:HasTags}&rarr;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  945. </div></div>
  946.  
  947.  
  948.  
  949.  
  950. {/block:IndexPage}
  951. </div>
  952. </div>
  953. {/block:Link}
  954.  
  955.  
  956.  
  957.  
  958.  
  959.  
  960.  
  961.  
  962.  
  963.  
  964.  
  965.  
  966.  
  967.  
  968. {block:Video}
  969. <div id="entry"> <div class="headerbg"></div> <a href="{Permalink}" title="Posted {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year} at {24Hour}:{Minutes}"><div class="circle1" style="position:absolute; margin-top:-15px; margin-left: 5px;"></div></a> <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><div class="circle2" style="position:absolute; margin-top: -15px; margin-left: 19px;"></div></a>
  970. {block:RebloggedFrom}<a title="source" href="{ReblogRootURL}"><div class="circle3" style=" margin-top: -15px; margin-left: 33px;"></div></a>
  971. {block:RebloggedFrom}
  972. <div class="inner">
  973.  
  974.  
  975. {Video-250}
  976.  
  977. {block:IndexPage}
  978. <div id="perma"><div class="border"> </div><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount} {text:notes suffix}</a> <a class="cthrough" title="tagged with">{text:tags title}</a><div class="cry">
  979. {block:HasTags}&rarr;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  980. </div></div>
  981.  
  982.  
  983.  
  984.  
  985. {/block:IndexPage}
  986. </div>
  987. </div>
  988. {/block:Video}
  989.  
  990.  
  991.  
  992.  
  993.  
  994.  
  995.  
  996.  
  997.  
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003. {block:Chat}
  1004. <div id="entry"> <div class="headerbg"></div> <a href="{Permalink}" title="Posted {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year} at {24Hour}:{Minutes}"><div class="circle1" style="position:absolute; margin-top:-15px; margin-left: 5px;"></div></a> <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><div class="circle2" style="position:absolute; margin-top: -15px; margin-left: 19px;"></div></a>
  1005. {block:RebloggedFrom}<a title="source" href="{ReblogRootURL}"><div class="circle3" style=" margin-top: -15px; margin-left: 33px;"></div></a>
  1006. {block:RebloggedFrom}
  1007. <div class="inner">
  1008.  
  1009. <div style="padding:5px;">
  1010. {block:Title}
  1011. {Title}
  1012. {/block:Title}
  1013. {block:Lines}{block:Label}{Label}{/block:Label}{Line}<br><br>{/block:Lines}
  1014. </div>
  1015.  
  1016. {block:IndexPage}
  1017. <div id="perma"><div class="border"> </div><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount} {text:notes suffix}</a> <a class="cthrough" title="tagged with">{text:tags title}</a><div class="cry">
  1018. {block:HasTags}&rarr;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  1019. </div></div>
  1020.  
  1021.  
  1022.  
  1023.  
  1024. {/block:IndexPage}
  1025. </div>
  1026. </div>
  1027. {/block:Chat}
  1028.  
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037.  
  1038.  
  1039.  
  1040.  
  1041.  
  1042.  
  1043.  
  1044.  
  1045.  
  1046.  
  1047.  
  1048. {block:Audio}<div id="entry"> <div class="headerbg"></div> <a href="{Permalink}" title="Posted {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year} at {24Hour}:{Minutes}"><div class="circle1" style="position:absolute; margin-top:-15px; margin-left: 5px;"></div></a> <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><div class="circle2" style="position:absolute; margin-top: -15px; margin-left: 19px;"></div></a>
  1049. {block:RebloggedFrom}<a title="source" href="{ReblogRootURL}"><div class="circle3" style=" margin-top: -15px; margin-left: 33px;"></div></a>
  1050. {block:RebloggedFrom}
  1051. <div class="inner">
  1052.  
  1053.  
  1054.  
  1055.  
  1056.  
  1057. <div style="width: 75px;overflow:hidden;text-align:center; opacity: 0.5;">{AudioPlayerWhite}</div>
  1058.  
  1059. <div style="position:absolute; margin-left: 75px; margin-top: -30px; width: 100px; height: 30px; overflow:auto;">
  1060. {block:Artist}
  1061. <li>{Artist}</li>
  1062. {/block:Artist}
  1063. {block:TrackName}
  1064. <li>{TrackName}</li>
  1065. {/block:TrackName}
  1066. {block:Album}
  1067. <li>{Album}</li>
  1068. {/block:Album}
  1069.  
  1070. </div>
  1071.  
  1072.  
  1073.  
  1074.  
  1075.  
  1076.  
  1077.  
  1078. {block:AlbumArt}
  1079. <img src="{AlbumArtURL}" width="100%" {block:ifphotohovereffect} onmouseover="$(this).changebackground('{AlbumArtURL}')"{/block:ifphotohovereffect}></a>{/block:AlbumArt}
  1080.  
  1081. {block:IndexPage}
  1082. <div id="perma"><div class="border"> </div><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount} {text:notes suffix}</a> <a class="cthrough" title="tagged with">{text:tags title}</a><div class="cry">
  1083. {block:HasTags}&rarr;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  1084. </div></div>
  1085.  
  1086.  
  1087.  
  1088.  
  1089. {/block:IndexPage}
  1090. </div></div>
  1091. {/block:Audio}
  1092.  
  1093.  
  1094.  
  1095.  
  1096.  
  1097.  
  1098.  
  1099.  
  1100.  
  1101. {block:Answer}
  1102. <div id="entry"> <div class="headerbg"></div> <a href="{Permalink}" title="Posted {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year} at {24Hour}:{Minutes}"><div class="circle1" style="position:absolute; margin-top:-15px; margin-left: 5px;"></div></a> <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><div class="circle2" style="position:absolute; margin-top: -15px; margin-left: 19px;"></div></a>
  1103. {block:RebloggedFrom}<a title="source" href="{ReblogRootURL}"><div class="circle3" style=" margin-top: -15px; margin-left: 33px;"></div></a>
  1104. {block:RebloggedFrom}
  1105. <div class="inner">
  1106. <div style="padding:10px;">
  1107. <div class="question"><u>{Asker}</u>: &nbsp;{Question}</div>
  1108.  
  1109. {Answer}
  1110. </div>
  1111. {block:IndexPage}
  1112. <div id="perma"><div class="border"> </div><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount} {text:notes suffix}</a> <a class="cthrough" title="tagged with">{text:tags title}</a><div class="cry">
  1113. {block:HasTags}&rarr;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  1114. </div></div>
  1115.  
  1116.  
  1117.  
  1118.  
  1119. {/block:IndexPage}
  1120.  
  1121. </div>
  1122. </div>
  1123. {/block:Answer}
  1124.  
  1125.  
  1126.  
  1127.  
  1128.  
  1129.  
  1130.  
  1131.  
  1132.  
  1133.  
  1134. </div>
  1135.  
  1136. {/block:Posts}
  1137.  
  1138. {block:PermalinkPage}
  1139. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1140. {/block:PermalinkPage}
  1141. </div>
  1142. </div>
  1143.  
  1144. {block:IndexPage}
  1145. <div class="column navigation" id="navigation">
  1146. {block:Pagination}
  1147. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  1148. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  1149. </div>
  1150. {/block:IndexPage}
  1151.  
  1152.  
  1153.  
  1154. </body>
  1155.  
  1156.  
  1157. {block:IndexPage}
  1158. <script src="http://static.tumblr.com/mxokwyk/FIumglicr/mbtop.min.js"></script>
  1159. <div class="topp"><a style="display: inline;" href="javascript:;" id="mbTop" title="scroll to top"><img src="{image:scrolltotop}" style="max-width: 100px;"></img></a></div>
  1160. {/block:IndexPage}
  1161.  
  1162. <div style="position:fixed; bottom: 0px; right: 0px; opacity: 0.3;"><a href="http://jubileethemes.tumblr.com" title="credit">&copy;</a></div>
  1163. <div style="position:fixed; bottom:0px; left:5px; z-index:-1;"><img src="{image:Misc Image}"></div>
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!