API tools faq
paste
Advertisement
LiterallyMeg

tumblr v.2

LiterallyMeg
Sep 13th, 2016
189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.15 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.  
  3. <!--
  4.  
  5. persikor by solarre
  6.  
  7. -keep credit intact
  8. -don't steal any code
  9.  
  10. credits:
  11. soundcloud player and video resizing script: shythemes
  12. svg icons: antonps outicons
  13. pxu photosets: pixelunion
  14. tooltips: malihu's style my tooltips
  15. infinite scroll: paul irish
  16.  
  17. -->
  18.  
  19.  
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21. <head>
  22.  
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <meta name="color:Title" content="#000000"/>
  29. <meta name="color:Text" content="#bbbbbb"/>
  30. <meta name="color:Link" content="#aaaaaa"/>
  31. <meta name="color:Hover" content="#b3b3b3"/>
  32. <meta name="color:Line" content="#f2f2f2"/>
  33. <meta name="color:Tooltip" content="#777777"/>
  34. <meta name="color:Scrollbar" content="#eeeeee"/>
  35.  
  36. <meta name="if:Infinite Scroll" content="1"/>
  37. <meta name="if:Captions" content="1"/>
  38. <meta name="if:White Lightbox" content="0"/>
  39. <meta name="if:Small Cursor" content="1"/>
  40. <meta name="if:Info and Tags" content="1"/>
  41. <meta name="if:Like Reblog Perma Info" content="1"/>
  42.  
  43. <meta name="select:Post Size" content="250" title="250px"/>
  44. <meta name="select:Post Size" content="280" title="280px"/>
  45. <meta name="select:Post Size" content="300" title="300px"/>
  46. <meta name="select:Post Size" content="320" title="320px"/>
  47. <meta name="select:Post Size" content="350" title="350px"/>
  48. <meta name="select:Post Size" content="370" title="370px"/>
  49. <meta name="select:Post Size" content="400" title="400px"/>
  50. <meta name="select:Post Size" content="420" title="420px"/>
  51.  
  52. <meta name="text:Blog Title" content="">
  53. <meta name="text:linkA" content="">
  54. <meta name="text:linkA url" content="/">
  55. <meta name="text:linkB" content="">
  56. <meta name="text:linkB url" content="/">
  57. <meta name="text:linkC" content="">
  58. <meta name="text:linkC url" content="/">
  59. <meta name="text:linkD" content="">
  60. <meta name="text:linkD url" content="/">
  61.  
  62. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  63. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  64. <script>
  65. (function($){
  66. $(document).ready(function(){
  67. $("[title]").style_my_tooltips({
  68. tip_follows_cursor:true,
  69. tip_delay_time:1,
  70. tip_fade_speed:100,
  71. attribute:"title"
  72. });
  73. });
  74. })(jQuery);
  75. </script>
  76.  
  77. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  78. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  79. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  80.  
  81. {block:IndexPage}
  82. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  83.  
  84. <script type="text/javascript">
  85. $(window).scroll(function() {
  86. if ($(this).scrollTop() > 400) {
  87. $( "#sidebar2" ).fadeIn();
  88. } else {
  89. console.log('there');
  90. $( "#sidebar2" ).fadeOut();
  91. }
  92. });
  93. </script>
  94. {/block:IndexPage}
  95.  
  96. <script type="text/javascript">
  97. $(document).ready(function() {
  98. $('blockquote').each(function(index, element){
  99. if(index % 2 == 0) { $(element).addClass('even'); }
  100. });
  101. });
  102. </script>
  103.  
  104. <style type="text/css">
  105.  
  106. ::-webkit-scrollbar {width:11px; height:auto; background:#fff;}
  107. ::-webkit-scrollbar-corner {background:transparent;}
  108. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};border:5px solid #fff;}
  109. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};height:3px !important;}
  110. ::-webkit-scrollbar-increment {width:6px; height:6px; background-color:#fff;}
  111.  
  112. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  113. opacity:.5;
  114. position:fixed;
  115. white-space:nowrap;
  116. -webkit-filter: invert(100%);
  117. -moz-filter: invert(100%);
  118. -o-filter: invert(100%);
  119. -ms-filter: invert(100%);
  120. filter: invert(100%);
  121. }
  122.  
  123. #s-m-t-tooltip {
  124. max-width:300px;
  125. padding: 5px 8px;
  126. margin:10px;
  127. background-color:#fff;
  128. font-size:8px;
  129. letter-spacing:1px;
  130. text-transform:uppercase;
  131. color:{color:tooltip};
  132. border:1px solid {color:line};
  133. border-right-color:{color:hover};
  134. border-bottom-color:{color:hover};
  135. border-radius:2px;
  136. z-index:10000000000000000000000000000000000;
  137. }
  138.  
  139. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  140. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  141. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  142.  
  143. .fade-in {
  144. opacity:0;
  145. -webkit-animation:fadeIn ease-in 1;
  146. -moz-animation:fadeIn ease-in 1;
  147. animation:fadeIn ease-in 1;
  148. -webkit-animation-fill-mode:forwards;
  149. -moz-animation-fill-mode:forwards;
  150. animation-fill-mode:forwards;
  151. -webkit-animation-duration:1s;
  152. -moz-animation-duration:1s; animation-duration:1s; }
  153.  
  154. .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
  155. .fade-in.two { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; }
  156.  
  157. ::selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  158. ::-o-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  159. ::-moz-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  160.  
  161. {block:ifWhiteLightbox}
  162. #vignette, .vignette{opacity:0!important;}.lightbox-caption {color:#000;}
  163. #tumblr_lightbox,.tmblr-lightbox{background:rgba(255,255,255,0.7)!important;}
  164. #tumblr_lightbox img, .lightbox-image {box-shadow:none!important;border-radius:0px!important;}
  165. {/block:ifWhiteLightbox}
  166.  
  167. {block:ifSmallCursor}
  168.  
  169. *, body, img { cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;}
  170.  
  171. a, a:hover, a:active, iframe, svg { cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair; }
  172.  
  173. {/block:ifSmallCursor}
  174.  
  175. body {
  176. background:#fff;
  177. margin:0px;
  178. height:100%;
  179. width:100%;
  180. color:{color:text};
  181. font:10px calibri;
  182. line-height:15px;
  183. -moz-font-smoothing:subpixel-antialiased;
  184. -webkit-font-smoothing:subpixel-antialiased;
  185. font-smoothing:subpixel-antialiased;
  186. }
  187.  
  188. #s-m-t-tooltip, a, .posts, .dets, .tags, #credit, .buttons, svg, .title:after, .hover, .player{
  189. transition:0.5s ease-in-out;
  190. -webkit-transition:0.5s ease-in-out;
  191. -moz-transition:0.5s ease-in-out;
  192. -ms-transition:0.5s ease-in-out;
  193. -o-transition:0.5s ease-in-out;
  194. }
  195.  
  196. iframe#youtube_iframe {width:100%!important;}
  197. #infscr-loading {width:calc({select:Post Size} + 20px);text-align:center;}
  198. #infscr-loading img {display:none!important;}
  199. #infscr-loading em {position:relative;top:70px;}
  200. a {text-decoration:none;color:{color:link};-moz-outline-style:none;}
  201. a:hover {color:{color:hover};}
  202. img {border:none;max-width:100%;height:auto;}
  203. img a {border:none;} a img {border:none;}
  204. h1 {font:italic 10.5px calibri;text-transform:uppercase;}
  205. h2 {font:italic 15px calibri;line-height:110%;text-align:center;-webkit-filter:brightness(60%);filter:brightness(60%);}
  206. blockquote {padding-left:8px;border-left:1px solid {color:line};margin-right:0;margin-left:20px;}
  207. blockquote.even {padding-left:8px;border-left:1px solid {color:hover};margin-right:0;}
  208. ul {list-style-type:none;}
  209. ul li {position:relative;padding-left:20px;margin-left:-15px;}
  210. ul li:before {
  211. content:'';
  212. position:absolute;
  213. display:block;
  214. top:7px;
  215. left:0;
  216. width:15px;
  217. height:1px;
  218. border-top:1px solid #ececec;
  219. }
  220.  
  221. ul li:nth-child(even):before {border-color:{color:hover};}
  222. ul ul li:nth-child(even):before {color:{color:hover};}
  223.  
  224. ul ul li:before {
  225. content:'›';
  226. position:absolute;
  227. display:block;
  228. border:none;
  229. top:0;
  230. left:0;
  231. margin-left:10px;
  232. width:0px;
  233. }
  234.  
  235. pre {
  236. padding:8px 14px;
  237. font-family:calibri;
  238. background:#f8f8f8;
  239. border:1px solid #eee;
  240. white-space: pre-wrap;
  241. white-space: -moz-pre-wrap;
  242. white-space: -pre-wrap;
  243. white-space: -o-pre-wrap;
  244. word-wrap: break-word;
  245. }
  246.  
  247. #sidebar, #sidebar2 {
  248. width:120px;
  249. height:auto;
  250. padding:20px;
  251. z-index:2;
  252. background:#f8f8f8;
  253. }
  254.  
  255. #sidebar {margin:150px auto;}
  256.  
  257. #sidebar2 {
  258. left:50%;
  259. margin-left:calc(-1 * ({select:Post Size}px + 100px));
  260. top:150px;
  261. position:fixed;
  262. {block:IndexPage}display:none;{/block:IndexPage}
  263. }
  264.  
  265. .title {
  266. font:lighter 12px calibri;
  267. text-transform:uppercase;
  268. display:block;
  269. width:115px;
  270. letter-spacing:5px;
  271. padding-left:5px;
  272. padding-top:10px;
  273. text-align:center;
  274. line-height:130%;
  275. }
  276.  
  277. .title, .posts {
  278. -ms-word-break: break-all;
  279. word-break: break-all;
  280. word-break: break-word;
  281. -webkit-hyphens: auto;
  282. -moz-hyphens: auto;
  283. -ms-hyphens: auto;
  284. hyphens: auto;
  285. }
  286.  
  287. .title:after {
  288. content:'';
  289. height:1px;
  290. width:15px;
  291. display:block;
  292. margin:8px 0px 0 46.5px;
  293. }
  294.  
  295. #sidebar .title:after {background:{color:hover};}
  296. #sidebar2 .title:after {background:#fff;}
  297.  
  298. .title a {color:{color:title};}
  299.  
  300. .desc {
  301. font-size:10px;
  302. text-align:center;
  303. line-height:125%;
  304. letter-spacing:0.5px;
  305. width:100px;
  306. height:auto;
  307. padding:10px 10px 10px 10.5px;
  308. margin:auto;
  309. color:{color:title};
  310. }
  311.  
  312. .links {
  313. height:auto;
  314. width:120px;
  315. margin-bottom:-15px;
  316. padding:0px 0 10px;
  317. text-align:center;
  318. font-size:10px;
  319. text-transform:none;
  320. }
  321.  
  322. .links a {display:inline-block;padding:2px 5px;}
  323. #sidebar .links a:nth-child(odd):hover, #sidebar2 .links a:nth-child(even):hover {color:#fff;}
  324.  
  325. .pagi{
  326. font-size:8px;
  327. text-align:center;
  328. padding:5px 10px;
  329. width:{select:Post Size}px;
  330. margin:80px auto 120px;
  331. letter-spacing:0px;
  332. z-index:99;
  333. {block:ifInfiniteScroll}opacity:0;{/block:ifInfiniteScroll}
  334. }
  335.  
  336. .jump_page, .current_page {height:10px;width:20px;padding:5px;}
  337. .current_page {border-top:1px solid {color:hover};}
  338.  
  339. #all {
  340. padding:10px 50px;
  341. width:calc({select:Post Size}px + 20px);
  342. z-index:3;
  343. margin:150px auto;
  344. letter-spacing:0.5px;
  345. }
  346.  
  347. .posts:first-child {margin-top:0px;}
  348.  
  349. .posts {
  350. width:{select:Post Size}px;
  351. padding:10px;
  352. margin:150px auto 0;
  353. position:relative;
  354. }
  355.  
  356. .hover {
  357. position:absolute;
  358. background-color:#fff;
  359. left:20px;
  360. top:20px;
  361. padding:10px;
  362. max-width:calc({select:Post Size}px - 40px);
  363. max-height:calc(100% - 55px);
  364. opacity:0;
  365. overflow:auto;
  366. z-index:4;
  367. }
  368.  
  369. .posts:hover .hover {opacity:1;}
  370.  
  371. .caption, .answ {width:auto;padding-top:5px;}
  372. .caption a, .answ a{padding-bottom:1px;border-bottom:1px solid {color:link};}
  373. .caption a:hover, .answ a:hover { border-bottom:1px solid {color:hover};}
  374. {block:IndexPage}{block:ifnotCaptions}.caption {display:none;}{/block:ifnotCaptions}{/block:IndexPage}
  375. a.read_more {color:{color:hover};text-align:center;border:none;}
  376. a.read_more:hover {color:{color:text};border:none;}
  377.  
  378. .dets {
  379. margin-top:10px;
  380. font-size:8px;
  381. text-transform:uppercase;
  382. height:auto;
  383. width:100%;
  384. text-align:center;
  385. display: inline-block;
  386. }
  387.  
  388. .det {margin-top:10px; padding:5px;border-top:1px solid {color:line};font-size:8.5px;} .det a {display:inline-block;}
  389.  
  390. .tags {opacity:0.9;width:auto;display:inline-block;}
  391. .tags a {display:inline-block;padding:0 2px;}
  392.  
  393. {block:ifInfoAndTags}
  394. {block:indexpage}
  395. .dets, .tags {opacity:0;}
  396. .tags {-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;}
  397. .posts:hover .dets, .posts:hover .tags {opacity:1;}
  398. {/block:indexpage}
  399. {/block:ifInfoAndTags}
  400.  
  401. .buttons {
  402. position:absolute;
  403. margin-left:-45px;
  404. {block:ifnotInfoandTags}height:46px;{/block:ifnotInfoandTags}
  405. {block:ifInfoandTags}height:35px;{/block:ifInfoandTags}
  406. padding:16px 20px 10px 10px;
  407. border-right:1px solid transparent;
  408. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  409. }
  410.  
  411. .posts:hover .buttons {border-right-color:{color:line};}
  412.  
  413. .like svg, .rbt svg, .permaa svg, .ttag svg {fill:#a4a4a4;margin-bottom:-2px;}
  414. .like:hover svg, .rbt svg:hover, .permaa svg:hover, .ttag svg:hover {fill:{color:hover};}
  415. a.liked + svg, .like .liked + svg {fill:{color:hover};}
  416. .like_button iframe {
  417. opacity:0;
  418. position:absolute;
  419. {block:IndexPage}margin-left:-3px;{/block:IndexPage}
  420. {block:PermalinkPage}margin:-1px 0 0 -17px;{/block:PermalinkPage}
  421. z-index:2;
  422. width:15px;
  423. height:15px;
  424. }
  425.  
  426. .like_button iframe svg {height:15px;width:15px;}
  427.  
  428. {block:IndexPage}
  429. a.like, a.rbt, a.permaa, a.ttag {{block:indexpage}display:block;opacity:0;position:absolute;margin:-50px 0px 20px 0px;-webkit-filter:blur(3px);}
  430. .posts:hover a.like, .posts:hover a.rbt, .posts:hover a.permaa, .posts:hover a.ttag {opacity:1;-webkit-filter:none;}
  431. a.like {-webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;} .posts:hover a.like {-webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s;margin-top:0;}
  432. a.rbt, .posts:hover a.rbt {-webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s;} .posts:hover a.rbt {margin-top:15px;}
  433. a.permaa {-webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s;{block:ifInfoAndTags}display:none;{/block:ifInfoAndTags}} .posts:hover a.permaa {-webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;margin-top:30px;}
  434. .posts:hover a.ttag {-webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;margin-top:46px;}
  435. a.ttag {padding:0px 1.5px 0 2px;-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; transition-delay:0.3s;{block:ifInfoAndTags}display:none;{/block:ifInfoAndTags}}
  436. {/block:IndexPage}
  437.  
  438. .question {
  439. padding:10px;
  440. letter-spacing:1px;
  441. text-align:center;
  442. color:{color:text};
  443. border-bottom:1px solid {color:line};
  444. font-size:10px;
  445. }
  446.  
  447. .akport {
  448. width:auto;
  449. display:inline-block;
  450. text-align:center;
  451. height:12px;
  452. padding:5px;
  453. font-style:italic;
  454. font-weight:lighter;
  455. color:#444;
  456. opacity:1;
  457. z-index:3;
  458. letter-spacing:1px;
  459. text-transform:uppercase;
  460. }
  461.  
  462. .akport a {text-decoration:none;border:none;}
  463.  
  464. iframe.spotify_audio_player {height:80px!important;display:block;}
  465. .playButton:focus {outline:none!important;}
  466. .tumblr_audio_player {width:100%;margin-top:12px;}
  467. .player:hover {opacity:1;}
  468. .player {
  469. width:28px;
  470. height:50px;
  471. padding:10px 21px;
  472. overflow:hidden;
  473. background:#fff;
  474. margin:0px;
  475. display:block;
  476. float:left;
  477. border:1px solid {color:line};
  478. opacity:0.8;
  479. }
  480.  
  481. .audioinfo {
  482. color:#888;
  483. margin:0px 0 10px 75px;
  484. display:block;
  485. padding:25px;
  486. height:20px;
  487. text-align:left;
  488. font-size:10px;
  489. line-height:12px;
  490. width:calc({select:Post Size}px - 127px);
  491. background:#fff;
  492. border:1px solid {color:line};
  493. }
  494.  
  495.  
  496. .source {
  497. color:#aaa;
  498. text-transform:uppercase;
  499. font-size:9px;
  500. padding:5px 10px;
  501. text-align:center;
  502. }
  503.  
  504. .source:before {
  505. content:"";
  506. display:block;
  507. height:1px;
  508. width:20px;
  509. margin:-10px auto 2px;
  510. border-top:2px solid #f7f7f7;
  511. }
  512.  
  513. .chat li {list-style:none;line-height:115%;}
  514. .line.odd {border-left:1px solid {color:line};padding:3px 5px;}
  515. .line.even {border-left:1px solid {color:hover};padding:3px 5px;}
  516. .webs {font:italic 12px calibri;padding-top:10px;text-align:center;}
  517. .webs a {color:{color:hover};border-bottom:1px solid {color:hover};}
  518. .webs a:hover {padding:0 10px}
  519.  
  520. #notes {
  521. width:{select:Post Size}px;
  522. max-height:150px;
  523. padding:5px 0;
  524. margin:0px auto;
  525. overflow-y:scroll;
  526. overflow-x:hidden;
  527. text-align:left;
  528. font-size:9px;
  529. line-height:125%;
  530. }
  531.  
  532. #notes img {display:none;}
  533. #notes ol, #notes li {margin-top:0px;list-style:none;padding-left:10.5px;margin-top:0;}
  534.  
  535. #credit, #credit a {
  536. position:fixed;
  537. bottom:5px;
  538. right:5px;
  539. padding:4px 6px;
  540. line-height:8px;
  541. color:#aaa;
  542. background:#fff;
  543. font:normal normal 8px calibri;
  544. text-decoration:none;
  545. }
  546.  
  547. #credit:hover, #credit a:hover {color:#000;}
  548.  
  549. /************** FLAGS UPDATES TAB **************/
  550. /* tutorial by deanlirium|tumblr (clarence.tk) */
  551.  
  552. #flags {
  553. position:fixed;
  554. top:-10px;
  555. left:20px; /* distance from the left of the page - adjust as you wish! */
  556. text-align:center;
  557. text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
  558. color:#8C8C8C; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
  559. font-size:8px; /* adjust font size */
  560. letter-spacing:1px;
  561. z-index:2147483607;
  562. font-family:calibri;}
  563.  
  564. /* okay real talk - this updates tab is currently to the top left of your page - if you want to move it to right, just change every 'left' into 'right' and 'right' into 'left'! and I mean every. single. one. Such as the left:100px; above will become right:100px; there are also a bunch of 'margin-left's here below, so change them to margin-right. look for left and right stuff and switch.
  565. On the contrary, if you want to move it to the bottom of the page, switch every 'top' with 'bottom' and vice versa. That's really it! c: */
  566.  
  567. #flag1 {
  568. border:solid 6px #666666; /* flag color */
  569. border-bottom:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
  570. padding-top:20px;
  571. width:0px;
  572. height:20px; /* increase or decrease to change the lenght of the CLOSED flag */
  573. position:absolute;
  574. -moz-transition:all 0.7s ease-out;
  575. -webkit-transition:all 0.7s ease-out;
  576. -o-transition:all 0.7s ease-out;}
  577.  
  578. #flag1:hover {
  579. height:180px;} /* lenght of the OPEN flag */
  580.  
  581. #upd1 {
  582. position:absolute;
  583. width:110px;
  584. height:200px; /* adjust to fit the text if you write a lot! */
  585. padding:10px;
  586. padding-top:60px; /* adjust this if you've changed the length of the closed flag */
  587. top:-270px; /* IMPORTANT! keep this number equal to the sum of the padding-top, padding and height values!!!! */
  588. margin-left:6px; /* keep this number equal to the 'border' value for the flag */
  589. opacity:0;
  590. overflow:hidden;
  591. -moz-transition:all 0.7s ease-out;
  592. -webkit-transition:all 0.7s ease-out;
  593. -o-transition:all 0.7s ease-out;}
  594.  
  595. #flag1:hover #upd1{
  596. top:0px;
  597. opacity:1;}
  598.  
  599. /* following is the coding for the other flags - same as above! */
  600.  
  601. #flag2 {
  602. border:solid 6px #8C8C8C;
  603. margin-left:20px;
  604. position:absolute;
  605. border-bottom:solid 6px transparent;
  606. padding-top:20px;
  607. width:0px;
  608. height:20px;
  609. -moz-transition:all 0.7s ease-out;
  610. -webkit-transition:all 0.7s ease-out;
  611. -o-transition:all 0.7s ease-out;}
  612.  
  613. #flag2:hover {
  614. height:180px;}
  615.  
  616. #upd2 {
  617. position:absolute;
  618. width:110px;
  619. padding:10px;
  620. padding-top:60px;
  621. height:200px; /* adjust to fit the text if you write a lot! */
  622. top:-270px; /* IMPORTANT! keep this number equal to the sum of the padding-top, padding and height values!!!! */
  623. overflow:hidden;
  624. margin-left:6px;
  625. opacity:0;
  626. -moz-transition:all 0.7s ease-out;
  627. -webkit-transition:all 0.7s ease-out;
  628. -o-transition:all 0.7s ease-out;}
  629.  
  630. #flag2:hover #upd2{
  631. top:0px;
  632. opacity:1;}
  633.  
  634. /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-left value for the #flag(number) adding 20px each new flag! copy from here: */
  635.  
  636. #flag3 {
  637. border:solid 6px #B3B3B3;
  638. position:absolute;
  639. margin-left:40px;
  640. border-bottom:solid 6px transparent;
  641. padding-top:20px;
  642. height:20px;
  643. width:0px;
  644. -moz-transition:all 0.7s ease-out;
  645. -webkit-transition:all 0.7s ease-out;
  646. -o-transition:all 0.7s ease-out;}
  647.  
  648. #flag3:hover {
  649. height:180px;}
  650.  
  651. #upd3 {
  652. position:absolute;
  653. width:110px;
  654. padding:10px;
  655. padding-top:60px;
  656. height:200px; /* adjust to fit the text if you write a lot! */
  657. top:-270px; /* IMPORTANT! keep this number equal to the sum of the padding-top, padding and height values!!!! */
  658. overflow:hidden;
  659. margin-left:6px;
  660. opacity:0;
  661. -moz-transition:all 0.7s ease-out;
  662. -webkit-transition:all 0.7s ease-out;
  663. -o-transition:all 0.7s ease-out;}
  664.  
  665. #flag3:hover #upd3{
  666. top:0px;
  667. opacity:1;}
  668.  
  669. #flag4 {
  670. border:solid 6px #D9D9D9;
  671. position:absolute;
  672. margin-left:60px;
  673. border-bottom:solid 6px transparent;
  674. padding-top:20px;
  675. height:20px;
  676. width:0px;
  677. -moz-transition:all 0.7s ease-out;
  678. -webkit-transition:all 0.7s ease-out;
  679. -o-transition:all 0.7s ease-out;}
  680.  
  681. #flag4:hover {
  682. height:180px;}
  683.  
  684. #upd4 {
  685. position:absolute;
  686. width:110px;
  687. padding:10px;
  688. padding-top:60px;
  689. height:200px; /* adjust to fit the text if you write a lot! */
  690. top:-270px; /* IMPORTANT! keep this number equal to the sum of the padding-top, padding and height values!!!! */
  691. overflow:hidden;
  692. margin-left:6px;
  693. opacity:0;
  694. -moz-transition:all 0.7s ease-out;
  695. -webkit-transition:all 0.7s ease-out;
  696. -o-transition:all 0.7s ease-out;}
  697.  
  698. #flag4:hover #upd4{
  699. top:0px;
  700. opacity:1;}
  701.  
  702. /* to here */
  703.  
  704. {CustomCSS}</style></head><body>
  705.  
  706. {block:IndexPage}
  707. <div id="sidebar" class="box fade-in one">
  708. <div class="title"><a href="/">{text:Blog Title}</a></div>
  709. <div class="desc">{Description}</div>
  710. <div class="links">
  711. {block:iflinkA}<a href="{text:linkA url}" title="{text:linkA}">.01</a>{/block:iflinkA}
  712. {block:iflinkB}<a href="{text:linkB url}" title="{text:linkB}">.02</a>{/block:iflinkB}
  713. {block:iflinkC}<a href="{text:linkC url}" title="{text:linkC}">.03</a>{/block:iflinkC}
  714. {block:iflinkD}<a href="{text:linkD url}" title="{text:linkD}">.04</a>{/block:iflinkD}
  715. </div>
  716. </div>
  717. {/block:IndexPage}
  718.  
  719. <div id="sidebar2">
  720. <div class="title"><a href="/">{text:Blog Title}</a></div>
  721. <div class="desc">{Description}</div>
  722. <div class="links">
  723. {block:iflinkA}<a href="{text:linkA url}" title="{text:linkA}">.01</a>{/block:iflinkA}
  724. {block:iflinkB}<a href="{text:linkB url}" title="{text:linkB}">.02</a>{/block:iflinkB}
  725. {block:iflinkC}<a href="{text:linkC url}" title="{text:linkC}">.03</a>{/block:iflinkC}
  726. {block:iflinkD}<a href="{text:linkD url}" title="{text:linkD}">.04</a>{/block:iflinkD}
  727. </div>
  728. </div>
  729.  
  730. <div id="all" class="box fade-in two">
  731. {block:Posts}<div class="posts">
  732.  
  733. {block:ifLikeReblogPermaInfo}{block:IndexPage}
  734. <div class="buttons"{block:ifnotInfoandTags} style="{block:hastags}height:64px{/block:hastags}"{/block:ifnotInfoandTags}>
  735. <a class="like">{LikeButton size="15"}
  736. <svg width="10" height="10" viewBox="0 0 216 216" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a>
  737.  
  738. <a href="{reblogurl}" class="rbt"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="10" width="10" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/>
  739. </svg></a>
  740.  
  741. <a href="{Permalink}" class="permaa"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="10" height="10" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/>
  742. </svg></a>
  743.  
  744. {block:HasTags}<a title="{block:Tags}#{Tag} {/block:Tags}" class="ttag"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" height="7.5" width="7.5" viewBox="0 0 524.237 524.237" style="enable-background:new 0 0 524.237 524.237;" xml:space="preserve"><path d="M209.95,465.552c3.117,3.117,7.367,4.533,11.9,4.533h0.283c4.533,0,8.783-1.7,11.9-4.817l183.6-188.983 c6.517-6.8,6.517-17.283-0.283-23.8L220.15,55.569c-3.117-3.117-7.65-4.817-11.9-4.817l0,0L18.133,51.035 c-9.35,0-17,7.367-17,16.717L0,254.469c0,4.533,1.7,9.067,5.1,12.183L209.95,465.552z M35.133,84.752l166.033-0.567l180.2,180.2 l-160.083,164.9L34,247.385L35.133,84.752z"/><path d="M321.017,77.669c-6.8,6.517-6.8,17.283-0.283,24.083l162.633,165.467L311.383,444.585 c-6.517,6.8-6.233,17.567,0.283,24.083c3.4,3.117,7.65,4.817,11.9,4.817c4.533,0,8.783-1.7,12.183-5.1l183.6-189.267 c6.517-6.517,6.517-17.283,0-23.8L345.1,77.952C338.3,71.435,327.533,71.152,321.017,77.669z"/><circle cx="118.15" cy="163.235" r="6.233"/><path d="M118.15,140.002c-12.75,0-23.233,10.483-23.233,23.233s10.483,23.233,23.233,23.233s23.233-10.483,23.233-23.233 C141.1,150.485,130.9,140.002,118.15,140.002z M118.15,174.002c-5.95,0-10.767-4.817-10.767-10.767 c0-5.95,4.817-10.767,10.767-10.767c5.95,0,10.767,4.817,10.767,10.767C128.917,169.185,124.1,174.002,118.15,174.002z"/></svg></a>{/block:HasTags}
  745.  
  746. </div>
  747. {/block:IndexPage}{/block:ifLikeReblogPermaInfo}
  748.  
  749. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="caption" style="padding-top:0; display:block">{Body}</div>{/block:Text}
  750.  
  751. {block:Photo}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{block:Caption}<div class="caption{block:IndexPage} hover{/block:IndexPage}">{Caption}</div>{/block:Caption}{/block:Photo}
  752.  
  753. {block:Link}<div class="webs"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  754.  
  755. {block:Photoset}{LinkOpenTag}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{LinkCloseTag}{block:Caption}<div class="caption{block:IndexPage} hover{/block:IndexPage}">{Caption}</div>{/block:Caption}{/block:Photoset}
  756.  
  757. {block:Quote}<h2>{Quote}</h2><div class="source">{Source}</div>{/block:Quote}
  758.  
  759. {block:Audio}
  760. <div class="player"{block:AlbumArt} style="background:#fff url('{AlbumArtURL}') no-repeat center; background-size:cover;"{/block:AlbumArt}>{AudioPlayerWhite}</div>
  761. <div class="audioinfo">
  762. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}{block:PlayCount} ▶ {PlayCount}{/block:PlayCount}</div>
  763. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  764.  
  765. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  766.  
  767. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}</div>{/block:Chat}
  768.  
  769. {block:Answer}<div class="question"><div class="akport">{Asker}: </div>{Question}</div><div class="answ">{Answer}</div>{/block:Answer}
  770.  
  771. {block:ifInfoandTags}
  772. <div class="dets"{block:ifLikeReblogPermaInfo}{block:PermalinkPage} style="display:none"{/block:PermalinkPage}{/block:ifLikeReblogPermaInfo}>{block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}{block:NoteCount}&emsp;<a href="{Permalink}">{NoteCount}N</a>{/block:NoteCount}{block:RebloggedFrom}&emsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&emsp;<a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}{block:HasTags}<br>{block:Tags}<div class="tags"><a href="{TagURL}">#{Tag}</a></div>{/block:Tags}{/block:HasTags}</div>
  773. {/block:ifInfoandTags}
  774.  
  775. {block:ifLikeReblogPermaInfo}{block:PermalinkPage}
  776. <div class="dets">
  777. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}{block:NoteCount}&emsp;<a href="{Permalink}">{NoteCount}N</a>{/block:NoteCount}{block:RebloggedFrom}&emsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&emsp;<a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}{block:HasTags}<br>{block:Tags}<div class="tags"><a href="{TagURL}">#{Tag}</a></div>{/block:Tags}{/block:HasTags}
  778.  
  779. <a class="like">{LikeButton size="15"}
  780. <svg width="10" height="10" viewBox="0 0 216 216" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a>&emsp;
  781.  
  782. <a href="{reblogurl}" class="rbt"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="10" width="10" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/>
  783. </svg></a>
  784. </div>
  785. {/block:PermalinkPage}{/block:ifLikeReblogPermaInfo}
  786.  
  787. </div>
  788. {/block:Posts}
  789. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  790. {/block:Posts}</div>
  791.  
  792. {block:Pagination}<div class="pagi">
  793. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&emsp;{/block:PreviousPage}
  794. {block:JumpPagination length="3"}
  795. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&emsp;{/block:CurrentPage}
  796. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&emsp;{/block:JumpPage}
  797. {/block:JumpPagination}
  798. {block:NextPage}<a href="{NextPage}" class="next">&rarr;</a>{/block:NextPage}
  799. </div>{/block:Pagination}
  800.  
  801. <div id="credit"><a href="http://solarre.tumblr.com" title="solarre">☼</a></div>
  802.  
  803. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  804. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  805. {block:IndexPage}
  806. {block:ifInfiniteScroll}
  807. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  808. {/block:ifInfiniteScroll}
  809. {/block:IndexPage}
  810. <script>
  811. $(document).ready(function(){
  812. var color = '{color:hover}';
  813. $('.soundcloud_audio_player').each(function(){
  814. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  815. });
  816. $('.photo-slideshow').pxuPhotoset({
  817. lightbox: true,
  818. rounded: false,
  819. gutter: '2px',
  820. photoset: '.photo-slideshow',
  821. photoWrap: '.photo-data',
  822. photo: '.pxu-photo'
  823. });
  824. {block:IndexPage}
  825. {block:ifInfiniteScroll}
  826. var $container = $('#all');
  827. $container.infinitescroll({
  828. itemSelector: '.posts',
  829. navSelector: '.pagi',
  830. nextSelector: '.next',
  831. loading: {
  832. finishedMsg: "<em>The End.</em>",
  833. img: false,
  834. msgText: "" },
  835. bufferPx: 2000
  836. },
  837. function( newElements ) {
  838. resizeVideos();
  839. var $newElems = $( newElements );
  840. $newElems.find('.photo-slideshow').pxuPhotoset({
  841. lightbox: true,
  842. rounded: false,
  843. gutter: '2px',
  844. photoset: '.photo-slideshow',
  845. photoWrap: '.photo-data',
  846. photo: '.pxu-photo'
  847. });
  848. });
  849. {/block:ifInfiniteScroll}
  850. {/block:IndexPage}
  851. });
  852. </script>
  853.  
  854. <div id="flags">
  855. <div id="flag1"><div id="upd1">
  856.  
  857. write here for the first flag
  858.  
  859. </div></div>
  860.  
  861. <div id="flag2"><div id="upd2">
  862.  
  863. here for the second flag
  864.  
  865. </div></div>
  866.  
  867. <!---- if you want more flags, copy from here ---->
  868.  
  869. <div id="flag3"><div id="upd3">
  870.  
  871. here for the third one
  872.  
  873. </div></div>
  874.  
  875. <!---- to here and change the numbers according to your css! ---->
  876.  
  877. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  878.  
  879. </div>
  880. <div id="flags">
  881. <div id="flag1"><div id="upd1">
  882.  
  883. write here for the first flag
  884.  
  885. </div></div>
  886.  
  887. <div id="flag2"><div id="upd2">
  888.  
  889. here for the second flag
  890.  
  891. </div></div>
  892.  
  893. <!---- if you want more flags, copy from here ---->
  894.  
  895. <div id="flag3"><div id="upd3">
  896.  
  897. here for the third one
  898.  
  899. </div></div>
  900.  
  901. <div id="flag4"><div id="upd4">
  902.  
  903. credits to <a href=http://deanlirium.tumblr.com/post/87022121062/flags-updates-tab-tutorial>@deanlirium</a> for the update flags. bless.
  904.  
  905. </div></div>
  906.  
  907. <!---- to here and change the numbers according to your css! ---->
  908.  
  909. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  910.  
  911. </div>
  912.  
  913.  
  914. </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!