API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 24th, 2017
87
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.40 KB | None | 0 0
raw download clone embed print report
  1. <script type="text/javascript">function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);tb8_messages[0] = "i'm here for u now";tb8_messages[1] = "i'm here for u now";tb8_messages[2] = "i'm here for u now";tb8_rptType = 'infinite';tb8_rptNbr = 5;tb8_speed = 100;tb8_delay = 2000;var tb8_counter=1;var tb8_currMsg=0;var tb8_tekst ="";var tb8_i=0;var tb8_TID = null;function tb8_pisi(){tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);document.title = tb8_tekst;tb8_sp=tb8_speed;tb8_i++;if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;}if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){clearTimeout(tb8_TID);return;}tb8_counter++;tb8_currMsg = 0;}tb8_TID = setTimeout("tb8_pisi()", tb8_sp);}tb8_pisi()</script>
  2. </script>
  3. <style>html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  4. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important; }
  5. </style>
  6.  
  7. <script language="JavaScript">
  8. // FHS Tumblr Online Counter
  9. var height = '28';
  10. var fhs = document.createElement('script');var fhs_id = "5399064";
  11. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  12. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=bae&e2=bae&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"&s=1&a=1&h=&h="+height+"";
  13. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  14. </script>
  15.  
  16. <!-- Wikplayer http://www.wikplayer.com --> <script type="text/javascript" src="http://www.wikplayer.com/code.js" data-config="{'skin':'http://static.tumblr.com/wx6pget/jOznlwj7d/.css','volume':55,'autoplay':true,'shuffle':true,'repeat':1,'showcomment':false,'marqueetexton':true,'placement':'mini','showplaylist':false,'playlist':[{'title':'.','url':'https://www.youtube.com/watch?v=qHVpSF0s7xU'},{'title':'.','url':'https://www.youtube.com/watch?v=TLnImJWTTM4'}]}" ></script> <!-- Wikplayer code end -->
  17.  
  18. <script type="text/javascript">
  19. <!--
  20. // Disable Right Click Script
  21.  
  22. function IE(e)
  23. {
  24. if (navigator.appName == "Google Chrome" && (event.button == "2" || event.button == "3"))
  25. {
  26. return false;
  27. }
  28. }
  29. function NS(e)
  30. {
  31. if (document.layers || (document.getElementById && !document.all))
  32. {
  33. if (e.which == "2" || e.which == "3")
  34. {
  35. return false;
  36. }
  37. }
  38. }
  39. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  40.  
  41. //-->
  42.  
  43.  
  44. </script>
  45.  
  46. <script type="text/javascript">
  47. <!--
  48. // Disable Right Click Script
  49.  
  50. function IE(e)
  51. {
  52. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  53. {
  54. return false;
  55. }
  56. }
  57. function NS(e)
  58. {
  59. if (document.layers || (document.getElementById && !document.all))
  60. {
  61. if (e.which == "2" || e.which == "3")
  62. {
  63. return false;
  64. }
  65. }
  66. }
  67. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  68.  
  69. //-->
  70.  
  71.  
  72. <script type="text/javascript">
  73. <!--
  74. // Disable Right Click Script
  75.  
  76. function IE(e)
  77. {
  78. if (navigator.appName == "Mozilla Firefox" && (event.button == "2" || event.button == "3"))
  79. {
  80. return false;
  81. }
  82. }
  83. function NS(e)
  84. {
  85. if (document.layers || (document.getElementById && !document.all))
  86. {
  87. if (e.which == "2" || e.which == "3")
  88. {
  89. return false;
  90. }
  91. }
  92. }
  93. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  94.  
  95. //-->
  96.  
  97.  
  98. </script>
  99.  
  100.  
  101. </script>
  102.  
  103. <html lang="en">
  104. <head>
  105.  
  106.  
  107.  
  108.  
  109. <title>{block:PostSummary}{PostSummary}: {/block:PostSummary}{Title}</title>
  110. <link rel="shortcut icon" href="{favicon}">
  111. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  112. {block:hidden}
  113. <!--Default Variables-->
  114.  
  115. <meta name="image:Left Background" content""/>
  116. <meta name="image:Right Background" content""/>
  117. <meta name="image:Cover Background" content""/>
  118. <meta name="color:Text" content="#000000"/>
  119. <meta name="color:Accent" content="#BDC0DA"/>
  120. <meta name="color:Line" content="#000000"/>
  121. <meta name="color:Border" content="#000000"/>
  122.  
  123. <meta name="text:Link One Title" content="" />
  124. <meta name="text:Link One" content="" />
  125. <meta name="text:Link Two Title" content="" />
  126. <meta name="text:Link Two" content="" />
  127. <meta name="text:Link Three Title" content="" />
  128. <meta name="text:Link Three" content="" />
  129. <meta name="text:Link Four Title" content="" />
  130. <meta name="text:Link Four" content="" />
  131.  
  132. <meta name="if:Infinite scroll" content="" />
  133. <meta name="if:Load more" content="" />
  134. <meta name="if:White Tiny cursor" content="" />
  135. <meta name="if:Black Tiny cursor" content="" />
  136. <meta name="if:Transparent tumblr controls" content="">
  137. <meta name="if:Bolded title" content="">
  138. <meta name="if:Hide captions" content="">
  139. <meta name="if:Popup extra" content="">
  140.  
  141. <meta name="select:font size" content="10px" title="10px">
  142. <meta name="select:font size" content="11px" title="11px">
  143. <meta name="select:font size" content="12px" title="12px">
  144.  
  145. <meta name="select:body font" content="Karla" title="Karla">
  146. <meta name="select:body font" content="Hind" title="Hind">
  147. <meta name="select:body font" content="Open Sans" title="Open Sans">
  148. <meta name="select:body font" content="Maven Pro" title="Maven Pro">
  149. <meta name="select:body font" content="Inconsolata" title="Inconsolata">
  150. <meta name="select:body font" content="Roboto" title="Roboto">
  151. <meta name="select:body font" content="Source Sans Pro" title="Source Sans Pro">
  152. <meta name="select:body font" content="Source Code Pro" title="Source Code Pro">
  153.  
  154. <meta name="select:post size" content="250" title="250px">
  155. <meta name="select:post size" content="280" title="280px">
  156. <meta name="select:post size" content="300" title="300px">
  157. <meta name="select:post size" content="320" title="320px">
  158. <meta name="select:post size" content="350" title="350px">
  159. <meta name="select:post size" content="380" title="380px">
  160.  
  161. <meta name="select:photoset gutters" content="1" title="1px">
  162. <meta name="select:photoset gutters" content="2" title="2px">
  163. <meta name="select:photoset gutters" content="3" title="3px">
  164. <meta name="select:photoset gutters" content="4" title="4px">
  165. <meta name="select:photoset gutters" content="5" title="5px">
  166. <meta name="select:photoset gutters" content="10" title="10px">
  167.  
  168. {/block:hidden}
  169.  
  170. <!---pxu script--->
  171. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  172.  
  173. <!--- tooltips script --->
  174. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  175. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  176. <script>
  177. (function($){
  178. $(document).ready(function(){
  179. $("a[title]").style_my_tooltips({
  180. tip_follows_cursor:true,
  181. tip_delay_time:90,
  182. tip_fade_speed:600,
  183. attribute:"title"
  184. });});})(jQuery);
  185. </script>
  186.  
  187.  
  188. <style type="text/css">
  189.  
  190.  
  191.  
  192. #s-m-t-tooltip{
  193. max-width:300px;
  194. padding:7px;
  195. min-height:7px;
  196. margin:20px 0px 0px 20px;
  197. line-height:100%;
  198. background:#fff;
  199. border:1px solid #eee;
  200. border-radius:0px;
  201. word-wrap:break-word;
  202. word-break:break-all;
  203. opacity:1;
  204. z-index:9999999999999999999;
  205. }
  206.  
  207.  
  208. #tumblr_controls, .tmblr-iframe, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{
  209. position:fixed!important;
  210. z-index:9999!important;top:5px!important;
  211. right:5px!important;
  212. {block:ifTransparentTumblrControls}
  213. -webkit-filter:invert(100%);
  214. -moz-filter:invert(100%);
  215. -o-filter:invert(100%);
  216. -ms-filter:invert(100%);
  217. filter:invert(100%);
  218. opacity:0.65;
  219. {/block:ifTransparentTumblrControls}
  220. {block:ifNOTTransparentTumblrControls}
  221. -webkit-filter:invert(80%);
  222. -moz-filter:invert(80%);
  223. -o-filter:invert(80%);
  224. -ms-filter:invert(80%);
  225. filter:invert(80%);
  226. opacity:.7;
  227. {block:ifNOTTransparentTumblrControls}
  228. }
  229.  
  230. /*tumblr controls and lightbox*/
  231.  
  232. #tumblr_lightbox,.tmblr-lightbox{
  233. background:rgba(255, 255, 255, 0.8)!important;
  234. z-index:9999999999999999999999999;
  235. }
  236.  
  237. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  238. opacity:0!important;
  239. z-index:9999999999999999999999999;
  240. }
  241.  
  242. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
  243. box-shadow:none!important;
  244. padding:0px!important;
  245. background:{color:post background}!important;
  246. border:0px !important;
  247. }
  248.  
  249. ::-webkit-scrollbar{
  250. height:3px;
  251. width:11px;
  252. background:transparent;
  253. background:transparent;
  254. border:5px solid #fff;
  255. }
  256.  
  257. ::-webkit-scrollbar-track {background:transparent;}
  258.  
  259. ::-webkit-scrollbar-thumb {
  260. height:150px!important;
  261. background:#000;
  262. border:5px solid #fff;
  263. }
  264.  
  265. /*tiny cursor*/
  266.  
  267.  
  268. html, body, img, a {
  269. {block:ifWhiteTinycursor}
  270. cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;
  271. {/block:ifWhiteTinycursor}
  272. {block:ifBlackTinyCursor}
  273. cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;
  274. {/block:ifBlackTinyCursor}
  275. }
  276.  
  277. a:hover, a:active, iframe{
  278. {block:ifWhiteTinycursor}cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair;
  279. {/block:ifWhiteTinycursor}
  280. {block:ifBlackTinyCursor}
  281. cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
  282. {/block:ifBlackTinyCursor}
  283. }
  284.  
  285.  
  286. /*main structure*/
  287.  
  288. body{
  289. background-color:{color:background};
  290. background-image: url({image:Left Background}), url({image:Right Background}), url({image:Cover Background});
  291. background-attachment: fixed;
  292. background-position: center;
  293. background-repeat: no-repeat, no-repeat, no-repeat;
  294. -webkit-background-size: auto, auto, auto;
  295. -moz-background-size: auto, auto, auto;
  296. -o-background-size: auto, auto, auto;
  297. background-size: auto, auto, cover;
  298. font-size:{select:font size};
  299. font-family:{select:body font}, sans-serif;
  300. color:{color:text};
  301. line-height:150%;
  302. -moz-osx-font-smoothing:grayscale;
  303. -webkit-font-smoothing:antialiased;
  304. font-smoothing:antialiased;
  305. }
  306.  
  307.  
  308. a, a:link, a:active, a:visited{
  309. color:{color:Accent};
  310. text-decoration:none;
  311. -webkit-transition:all 0.3s linear;
  312. -moz-transition:all 0.3s linear;
  313. transition:all 0.3s linear;}
  314. a:hover {color:{color:text};}
  315.  
  316.  
  317. .center {
  318. position:relative;
  319. margin:40px ;
  320. margin-left:620px;
  321. width:calc({select:post size}px + 10px);
  322. }
  323.  
  324. #posts{
  325. position:relative;
  326. {block:PermalinkPage}
  327. margin-top:150px;
  328. {/block:PermalinkPage}
  329. }
  330.  
  331. .entry {
  332. margin-bottom:34px;
  333. border:1px solid {color:Border};
  334. padding:15px;
  335. width:{select:post size}px;
  336. {block:indexpage}
  337. {block:ifinfinitescroll}
  338. opacity:0;
  339. z-index:-1;
  340. {/block:ifinfinitescroll}
  341. {/block:indexpage}
  342. }
  343.  
  344. .entry a{border-bottom:0px solid #eee;}
  345. .photo-slideshow img{border-radius:0px;}
  346. .photo-slideshow a{border:0px!important;}
  347. .entry img{max-width:100%;display:block;border-radius:0px;position:relative;overflow:hidden;}
  348. .line{position:absolute;;background:#eee;width:{select:post size}px;
  349. margin-top:60px;height:1px}
  350.  
  351. .tgg{display:block;font-style:italic;font-size:9px;line-height:130%;}
  352. .tgg a:after{content:',';}
  353. .tgg a:last-of-type:after {content:'.';}
  354. .tgg a{color:#aaa!important;}
  355. .tgg a:hover{color:{color:text}!important;}
  356.  
  357. .dt a{border-bottom:1px;}
  358. .dt t{font-size:9px;text-transform:uppercase;letter-spacing:0.5px;}
  359.  
  360. .dt{position:absolute;width:170px;margin-top:-20px;margin-left:calc({select:post size}px + 20px);padding-left:10px;padding-top:2px;padding-bottom:2px;
  361. line-height:170%;border-left:0px solid {color:line};opacity:0;font-size:9px;visibility:hidden;
  362. -webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear}
  363. .entry:hover .dt{opacity:1;visibility:visible;}
  364. .dt a{color:{color:text};}
  365. .dt svg{width:0.8em;height:0.8em;margin:5px;margin-left:0px;fill:{color:text};}
  366. .dt svg:hover, .our_button svg:hover, .like_button svg:hover{
  367. fill:{color:Accent}!important;-webkit-transition:opacity 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;
  368. transition:all 0.5s linear;}
  369.  
  370. .c{position:fixed;bottom:10px;right:10px;width:10px;height:10px;background:transparent;padding-bottom:1px;text-transform:uppercase;line-height:10px;font-family:open sans;font-size:7px;letter-spacing:1px;-webkit-transition:all 0.5s linear;border-bottom:1px solid #fff;}.c:hover{border-bottom:1px solid #eee;}.c a{color:{color:text};}.c:hover a{color:{color:accent};}
  371.  
  372. .custom-like-button {
  373. position: relative;
  374. display: inline-block;
  375. width:15px;
  376. height:15px;
  377. margin-left:-3px;
  378. cursor: pointer;
  379. }
  380.  
  381. .like_button {
  382. position: absolute;
  383. top:0;
  384. left:0;
  385. right:0;
  386. bottom:0;
  387. width:100%;
  388. height:100%;
  389. opacity:0;
  390. z-index:999!important;
  391. }
  392.  
  393. .like_button iframe {
  394. width:100% !important;
  395. height:100% !important;
  396. }
  397.  
  398. .like_button svg {
  399. position:absolute;
  400. width:100%;
  401. height:100%;
  402. top:0;
  403. left:0;
  404. right:0;
  405. bottom:0;
  406. }
  407.  
  408. .like_button.liked + svg { fill:red!important;}
  409.  
  410.  
  411.  
  412.  
  413. .video, .video iframe, .tumblr_video_container {
  414. display:block;
  415. width:{select:post size}px;
  416. height:auto!important;
  417. }
  418.  
  419. .spotify_audio_player {height:80px!important;}
  420.  
  421. pre {
  422. white-space: pre-wrap;
  423. white-space: -moz-pre-wrap;
  424. white-space: -pre-wrap;
  425. white-space: -o-pre-wrap;
  426. word-wrap: break-word;
  427. }
  428.  
  429. p {margin:5px 0;}
  430.  
  431. p:first-of-type {
  432. margin-top:0;
  433. padding-top:0;
  434. }
  435.  
  436. p:last-of-type {
  437. margin-bottom:0;
  438. padding-bottom:0;
  439. }
  440.  
  441.  
  442. small{font-size:1em;}
  443. big{font-size:2em;}
  444.  
  445. h1, h2, h3, h4 {
  446. font-size:2em;
  447. margin:0;
  448. padding:0;
  449. }
  450.  
  451.  
  452. /*audio player*/
  453.  
  454.  
  455. .cover {
  456. z-index:1;
  457. width:50px;
  458. height:50px;
  459. position:absolute;
  460. }
  461. .cover img {
  462. position:absolute;
  463. width:50px;
  464. height:50px;
  465. border-radius:0%!important;
  466. }
  467.  
  468. .playbox {
  469. position:absolute;
  470. z-index:9;
  471. background:white;
  472. opacity:0;
  473. width:50px;
  474. height:50px;
  475. -webkit-transition:opacity 0.5s linear;
  476. -webkit-transition:all 0.5s linear;
  477. -moz-transition:all 0.5s linear;
  478. transition:all 0.5s linear;
  479. }
  480.  
  481. .entry:hover .playbox{
  482. opacity:1;
  483. -webkit-transition:opacity 0.5s linear;
  484. -webkit-transition:all 0.5s linear;
  485. -moz-transition:all 0.5s linear;
  486. transition:all 0.5s linear;
  487. }
  488.  
  489. .button {
  490. position:relative;
  491. z-index: 1000;
  492. overflow:hidden;
  493. width:25px;
  494. height:25px;
  495. margin:11px 11px 11px 11px;
  496. }
  497.  
  498. .info {
  499. margin-left:60px;
  500. background:#F7F7F7;
  501. min-height:30px;
  502. padding:10px;
  503. line-height:220%;
  504. font-size:1.3em;
  505. letter-spacing:1px;
  506. text-align:center
  507. font-style:italic;
  508. }
  509.  
  510. /*title*/
  511.  
  512. .tit{
  513. font-size:1.5em;
  514. color:{color:Accent};
  515. {block:IfBoldedtitle}
  516. font-weight:700;
  517. {/block:IfBoldedtitle}
  518. line-height:28px;
  519. }
  520.  
  521. .tit a{border:0px;}
  522.  
  523.  
  524. blockquote{
  525. border-left:1px solid {color:line};
  526. margin:5px;
  527. padding-left:10px;
  528. }
  529.  
  530. .quote{
  531. font-size:13px;
  532. font-style:italic;
  533. text-align:center;
  534. }
  535.  
  536.  
  537. .qs{
  538. margin-top:10px!important;
  539. text-transform:uppercase;
  540. letter-spacing:1px;
  541. text-align:center;
  542. font-size:9px;
  543. }
  544.  
  545.  
  546.  
  547. .as{
  548. font-style:italic;
  549. padding-left:2px;
  550. background:transparent;
  551. width:auto;
  552. margin-top:-20px!important;
  553. text-align:right;
  554. float:right;
  555. display:inline-block;
  556. }
  557.  
  558. .as a{
  559. border-bottom:0px;
  560. }
  561. .q{
  562. background:transparent;
  563. padding:3px;
  564. border-radius:0px;
  565. }
  566.  
  567. .qline{
  568. height:1px;
  569. display:block;
  570. width:auto;
  571. text-align:left;
  572. margin-top:10px;
  573. background:{color:line};
  574. }
  575.  
  576.  
  577. .a{
  578. margin-top:10px;
  579. }
  580.  
  581.  
  582.  
  583. .user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13, .user_15, .user_17, .user_19, .user_21, .user_23, .user_25, .user_27, .user_29, .user_31, .user_33, .user_35, .user_37, .user_39, .user_41, .user_43, .user_45, .user_47, .user_49, .user_51, .user_53, .user_55, .user_57, .user_59, .user_61, .user_63, .user_65, .user_67, .user_69, .user_71, .user_73, .user_75, .user_77, .user_79, .user_81, .user_83, .user_85, .user_87, .user_89, .user_91, .user_93, .user_95, .user_97, .user_99, .user_101, .user_103, .user_105, .user_107, .user_109, .user_111, .user_113, .user_115, .user_117, .user_119, .user_121, .user_123, .user_125, .user_127, .user_129, .user_131, .user_133, .user_135, .user_137, .user_139, .user_141, .user_143, .user_145, .user_147, .user_149{
  584. background:#F7F7F7;
  585. padding:7px;margin:-1px;}
  586.  
  587. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14, .user_16, .user_18, .user_20, .user_22, .user_24, .user_26, .user_28, .user_30, .user_32, .user_34, .user_36, .user_38, .user_40, .user_42, .user_44, .user_46, .user_48, .user_50, .user_52, .user_54, .user_56, .user_58, .user_60, .user_62, .user_64, .user_66, .user_68, .user_70, .user_72, .user_74, .user_76, .user_78, .user_80, .user_82, .user_84, .user_86, .user_88, .user_90, .user_92, .user_94, .user_96, .user_98, .user_100, .user_102, .user_104, .user_106, .user_108, .user_110, .user_112, .user_114, .user_116, .user_118, .user_120, .user_122, .user_124, .user_126, .user_128, .user_130, .user_132, .user_134, .user_136, .user_138, .user_140, .user_142, .user_144, .user_146, .user_148, .user_150{padding:7px;margin:-1px;}
  588.  
  589.  
  590.  
  591. .entry li {
  592. position:relative;
  593. display:block;
  594. margin-left:-20px;
  595. }
  596.  
  597. .entry li:before {
  598. content:'›';
  599. font-size:15px;
  600. position:absolute;
  601. left:-13px;
  602. color:#888;
  603. top:-1px;
  604. font-family:karla;}
  605.  
  606.  
  607. /*permalink notes*/
  608.  
  609. .inf{
  610. display:block;
  611. margin-top:10px;
  612. margin-bottom:10px;
  613. line-height:17px;
  614. padding-top:10px;
  615. border-top:1px solid #eee;
  616. }
  617.  
  618. .tg{display:block;}
  619. .tg a:after{content:',';}
  620. .tg a:last-of-type:after {content:'.';}
  621. .inf a, .notas a, .tg a{color:{color:text};}
  622. .inf a:hover, .notas a:hover, .tg a:hover{color:{color:accent};}
  623.  
  624. .show{cursor:pointer;}
  625.  
  626. .notas{
  627. margin-top:0px;
  628. display:none;
  629. padding:0px;
  630. color:{color:text};
  631. }
  632.  
  633. .notas li {
  634. margin-left:0px;
  635. }
  636.  
  637. .notas li:before {
  638. display:none;}
  639.  
  640. ol.notes{padding:0px;margin:0px;list-style-type:none;}
  641. ol.notes li.note{padding-top:8px;padding-bottom:8px;text-align:left;border-top:1px solid #eee;}
  642. ol.notes li.note img.avatar {border-radius:100%;float:right;}
  643. ol.notes li.note blockquote a {text-decoration:none;}
  644. li.more_notes_link_container {text-transform: uppercase;font-size:1em;line-height:150%;letter-spacing:1px;}
  645. li.more_notes_link_container:hover{letter-spacing:4px;}
  646. img:not(.lightbox-image) {max-width:100%;height:auto;}
  647.  
  648.  
  649. .pagination {
  650. position:relative;
  651. margin-bottom:80px;
  652. margin:auto;
  653. text-align:center;
  654. {block:Ifinfinitescroll}
  655. visibility:hidden;
  656. display:none;
  657. opacity:0;
  658. {/block:Ifinfinitescroll}
  659. }
  660.  
  661. .pagination a{
  662. width:50px;
  663. margin:10px;
  664. padding-bottom:6px;
  665. color:{color:text};
  666. letter-spacing:1px;
  667. text-transform:uppercase;
  668. background:#fff;
  669. border-bottom:1px solid #fff;
  670. }
  671.  
  672. .pagination a:hover{
  673. color:{color:Accent};
  674. border-bottom:1px solid #eee;
  675. }
  676.  
  677. .jump_page {
  678. color:{color:text};
  679. }
  680.  
  681. .current_page, .jump_page:hover {
  682. color:{color:Accent};
  683. }
  684.  
  685. #infscr-loading { display:none!Important; }
  686.  
  687. footer{
  688. width:320px;
  689. margin:auto;
  690. float:center;
  691. margin-bottom:60px;
  692. text-align:center;}
  693.  
  694.  
  695. a.load-more {
  696. margin:auto;
  697. width:50px;
  698. padding-bottom:6px;
  699. color:{color:text};
  700. letter-spacing:1px;
  701. text-transform:uppercase;
  702. background:#fff;
  703. border-bottom:1px solid #fff;
  704. }
  705.  
  706.  
  707. a.load-more:hover{
  708. color:{color:Accent};
  709. border-bottom:1px solid #eee;
  710. }
  711.  
  712.  
  713.  
  714. /*----*/
  715.  
  716. #sidebar{
  717. margin-top:110px;
  718. margin-left:-300px;
  719. background: transparent;
  720. font-family:
  721. font-size: 12px;
  722. opacity: 1;
  723. width:188px;
  724. padding:5px;
  725. padding-top:12px;
  726. padding-bottom:20px;
  727. z-index:1;
  728. height:auto;
  729. background-color:transparent;
  730. border: solid 0px #eee;
  731. position:fixed !important;
  732. text-align: left;
  733. -webkit-transition: all 0.7s linear;
  734. -moz-transition: all 0.7s linear;
  735. transition: all 0.7s linear;
  736. -webkit-animation:shake 0s;
  737. -moz-animation:shake 0s;
  738. -ms-animation:shake 0s;
  739. }
  740.  
  741. #sidebar:hover{
  742. opacity:1;
  743. -webkit-transition: all 0.7s linear;
  744. -moz-transition: all 0.7s linear;
  745. transition: all 0.7s linear;
  746. }
  747.  
  748. .description{
  749. padding:3px;
  750. line-height:12px;
  751. font-size:11px;
  752. font-family: calibri;
  753. padding-top:10px;
  754. letter-spacing:0px;
  755. text-align: left;
  756. font-style: italic;
  757. color:{color:text};
  758. opacity: 1;
  759. transition: all 0.9s ease-out;
  760. -o-transition-transition: all 0.9s ease-out;
  761. -webkit-transition: all 0.9s ease-out;
  762. -moz-transition: all 0.9s ease-out;
  763. }
  764.  
  765. div.nav{
  766. position:fixed !important;
  767. padding: 0px;
  768. padding-top:0px;
  769. width:213px;
  770. height:10px;
  771. margin-left:-5px;
  772. text-align:center;
  773. margin-top:0px;
  774. line-height:12px;
  775. font-family: calibri;
  776. font-size:10px;
  777. z-index: 999999999999999;
  778. letter-spacing:0px;
  779. opacity:0.0;
  780. -webkit-transition: all 0.7s linear;
  781. -moz-transition: all 0.7s linear;
  782. transition: all 0.7s linear;
  783. }
  784.  
  785. #sidebar:hover div.nav{
  786. opacity:1;
  787. margin-left:-13px;
  788. -webkit-transition: all 0.7s linear;
  789. -moz-transition: all 0.7s linear;
  790. transition: all 0.7s linear;
  791.  
  792. }
  793.  
  794. .nav {
  795. display:inline-block;
  796. padding:2px;
  797. width:13px;
  798. height:13px;
  799. margin-left:3px;
  800. background:transparent;
  801. margin-bottom:4px;
  802. z-index: 999999999999999;
  803. border: 0px solid #eee;
  804. border-radius:23px;
  805. color: #000;
  806. transition: all 0.9s ease-out;
  807. -o-transition-transition: all 0.9s ease-out;
  808. -webkit-transition: all 0.9s ease-out;
  809. -moz-transition: all 0.9s ease-out;
  810. }
  811.  
  812. .nav a:hover{
  813. opacity:1;
  814. background:transparent;
  815. color: #000;
  816. -o-transition-transition: all 0.9s ease-out;
  817. -webkit-transition: all 0.9s ease-out;
  818. -moz-transition: all 0.9s ease-out;
  819. }
  820.  
  821.  
  822. #modal{
  823. cursor:pointer;
  824. }
  825.  
  826. .popup{
  827. position:fixed;
  828. display:none;
  829. width:100%;
  830. height:100%;
  831. top:0px;
  832. left:0px;
  833. right:0px;
  834. z-index:99999999;
  835. background:#ffffff;
  836. }
  837.  
  838.  
  839. .close {
  840. position:fixed;
  841. width:100%;
  842. height:100%;
  843. z-index:-1;
  844. text-align:right;
  845. right:20px!important;
  846. top:50px;
  847. }
  848.  
  849.  
  850. section{
  851. margin:100px auto;
  852. z-index:1;
  853. width:200px;
  854. height:auto;
  855. background:#ffffff;
  856. }
  857.  
  858.  
  859. .sect{
  860. position:relative;
  861. margin:10px auto;
  862. width:200px;
  863. height:auto;
  864. padding-bottom:10px;
  865. background:#ffffff;
  866. -webkit-column-count:3;
  867. -moz-column-count:3;
  868. column-count:3;
  869. border-bottom:1px solid #eee;
  870. }
  871.  
  872. .sect a{
  873. color:{color:text};
  874. position:relative;
  875. display:block;
  876. }
  877.  
  878. .sect a:hover{
  879. color:{color:Accent}; /*color hover of your links*/
  880. }
  881.  
  882. .sect h1{
  883. display:block;
  884. font-weight:normal;
  885. font-size:1em;
  886. color:{color:Accent};
  887. font-style:italic;
  888. }
  889.  
  890. .bsearch{
  891. cursor:pointer;
  892. }
  893.  
  894. .csearch{
  895. display:none;
  896. margin-top:7px;
  897. margin-left:-150px;
  898. }
  899.  
  900. .search .query {
  901. border: 0;outline: 0;position:absolute;
  902. border-top:1px solid #eee;padding: 5px;
  903. font-family: inherit;
  904. font-size: inherit;
  905. color: inherit;width:140px;
  906. background-color: transparent;-webkit-transition:all 0.5s linear;
  907. -moz-transition:all 0.5s linear;
  908. transition:all 0.5s linear;
  909. }
  910.  
  911.  
  912.  
  913. ::-webkit-input-placeholder {color: inherit;}
  914. :-moz-placeholder {color: inherit; opacity:1;}
  915. ::-moz-placeholder {color: inherit; opacity:1;}
  916. :-ms-input-placeholder {color: inherit;}
  917.  
  918.  
  919. input:focus::-webkit-input-placeholder {color: transparent;}
  920. input:focus:-moz-placeholder {color: transparent;}
  921. input:focus::-moz-placeholder {color: transparent;}
  922. input:focus:-ms-input-placeholder { color: transparent;}
  923.  
  924.  
  925. </style>
  926. </head>
  927.  
  928. <body onkeydown="return false">
  929.  
  930. <div class="popup modal">
  931. <a class="close"></a>
  932. <section>
  933. <!---
  934. to add more sections copy one of the codes and paste it below the others
  935.  
  936. <div class="sect">
  937. <h1>title</h1>
  938. <a href="">link</a>
  939. <a href="">link</a>
  940. <a href="">link</a>
  941. <a href="">link</a>
  942. <a href="">link</a>
  943. <a href="">link</a>
  944. <a href="">link</a>
  945. <a href="">link</a>
  946. </div>
  947.  
  948. to delete one of the sections, delete one of the codes <div class="sect"></div>
  949.  
  950. you are free to add or delete the links you don't need, deleting or adding the following <a href="">link</a>
  951. ----->
  952.  
  953. <div class="sect">
  954. <h1>title 1</h1>
  955. <a href="">link</a>
  956. <a href="">link</a>
  957. <a href="">link</a>
  958. <a href="">link</a>
  959. <a href="">link</a>
  960. <a href="">link</a>
  961. <a href="">link</a>
  962. <a href="">link</a>
  963. </div>
  964.  
  965.  
  966. <div class="sect">
  967. <h1>title 2</h1>
  968. <a href="">link</a>
  969. <a href="">link</a>
  970. <a href="">link</a>
  971. <a href="">link</a>
  972. <a href="">link</a>
  973. <a href="">link</a>
  974. <a href="">link</a>
  975. <a href="">link</a>
  976. </div>
  977.  
  978. <div class="sect">
  979. <h1>title 3</h1>
  980. <a href="">link</a>
  981. <a href="">link</a>
  982. <a href="">link</a>
  983. <a href="">link</a>
  984. <a href="">link</a>
  985. <a href="">link</a>
  986. <a href="">link</a>
  987. <a href="">link</a>
  988. </div>
  989.  
  990. <div style="text-align:center;font-size:9px;font-style:italic"><br></div>
  991. </section>
  992. </div>
  993.  
  994.  
  995. <div class="center">
  996.  
  997. <div id="sidebar">
  998. <div class="title"><a href="/">{text:blogtitle}</a></div>
  999. <div class="desc">{description}</div>
  1000. <div class="nav">
  1001. {block:ifpopupextra}<a id="modal">extras</a>{/block:ifpopupextra}
  1002.  
  1003.  
  1004. <a href="{text:Link One}" title="{text:Link One Title}">连 &nbsp </a>
  1005.  
  1006. <a href="{text:Link Two}" title="{text:Link Two Title}">连 &nbsp </a>
  1007.  
  1008. <a href="{text:Link Three}" title="{text:Link Three Title}">连 &nbsp </a>
  1009.  
  1010. <a href="{text:Link Four}" title="{text:Link Four Title}">连 &nbsp </a>
  1011. {/block:ifLink5}
  1012. {block:ifNOTpopupextra}
  1013. {/block:ifNOTpopupextra}
  1014. <div class="csearch">
  1015. <input type="text" name="q" value="" class="query" placeholder="search">
  1016. </form>
  1017. </div>
  1018. </div>
  1019. </div>
  1020.  
  1021.  
  1022. <div id="posts">
  1023. {block:Posts}
  1024. <div class="entry" id="{PostID}">
  1025.  
  1026. {block:IndexPage}
  1027. <div class="dt">
  1028. <a href="{ReblogURL}" target="_blank" title="{TimeAgo}"> reblog</a> <br>
  1029. <a href="{Permalink}">{NoteCount} notes</a>
  1030.  
  1031. <div class="tgg">
  1032. {block:HasTags}
  1033. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  1034. {/block:Tags}{/block:HasTags}
  1035. </div>
  1036. </div>
  1037. {/block:IndexPage}
  1038.  
  1039. {block:Text}
  1040. {block:Title}
  1041. <div class="tit">{Title}</div>
  1042. {/block:Title}
  1043. {Body}
  1044. {/block:Text}
  1045.  
  1046. {block:Link}
  1047. <div class="tit">
  1048. <a href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></div>
  1049. {block:Description}{Description}{/block:Description}
  1050. {block:Link}
  1051.  
  1052.  
  1053. {block:Photo}
  1054. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
  1055. {block:IndexPage}
  1056. {block:Caption}
  1057. <div class="caption"></div>
  1058. {/block:Caption}
  1059. {/block:IndexPage}
  1060. {/block:Photo}
  1061.  
  1062.  
  1063. {block:Photoset}
  1064. <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>
  1065. {block:IndexPage}
  1066. {block:Caption}
  1067. <div class="caption"></div>
  1068. {/block:Caption}
  1069. {/block:IndexPage}
  1070. {/block:Photoset}
  1071.  
  1072.  
  1073. {block:Quote}
  1074. <div class="quote">{quote}</div>
  1075. {/block:Quote}
  1076.  
  1077. {block:Chat}<div class="back">
  1078. <div class="chat">
  1079. {block:Title}<span class="title">{Title}</span></span>{/block:Title}
  1080. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
  1081. </div></div>
  1082. {/block:Chat}
  1083.  
  1084. {block:Audio}
  1085. <div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  1086. {block:AlbumArt}
  1087. <div class="cover"><img src="{AlbumArtURL}"></div>
  1088. {/block:AlbumArt}
  1089. <div class="playbox">
  1090. <div class="button">
  1091. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  1092. <div class="info">
  1093. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName} by
  1094. <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}
  1095. </div>
  1096. {block:IndexPage}
  1097. {block:Caption}
  1098. <div class="caption"></div>
  1099. {/block:Caption}
  1100. {/block:IndexPage}
  1101. {/block:Audio}
  1102.  
  1103.  
  1104. {block:Video}
  1105. <div class="video">{Video-500}</div>
  1106. {block:IndexPage}
  1107. {block:Caption}
  1108. <div class="caption"></div>
  1109. {/block:Caption}
  1110. {/block:IndexPage}
  1111. {/block:Video}
  1112.  
  1113.  
  1114. {block:Answer}
  1115. <div class="q">{Question}</div>
  1116. <div class="qline"></div><div class="as">sent by {Asker}</div>
  1117. <div class="a">{Answer}</div>
  1118. {/block:Answer}
  1119.  
  1120.  
  1121. {block:IndexPage}
  1122. <div class=""></div>
  1123. {/block:IndexPage}
  1124.  
  1125. {block:ContentSource}<!-- {SourceURL}
  1126. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1127. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1128. {/block:ContentSource}
  1129.  
  1130. <!-- {block:NoRebloggedFrom}
  1131. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1132. {/block:NoRebloggedFrom} -->
  1133.  
  1134.  
  1135. {block:PermalinkPage}
  1136. {block:Caption}<div class="caption"></div>{/block:Caption}
  1137. {block:Date}
  1138. <div class="inf">
  1139. Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm} <br>
  1140. {block:RebloggedFrom}
  1141. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1142. {/block:RebloggedFrom}
  1143. <div class="tg">
  1144. {block:HasTags}
  1145. tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  1146. {/block:Tags}{/block:HasTags}
  1147. </div>
  1148. <a title="show notes" class="show">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
  1149. <div class="notas">
  1150. {block:PostNotes}
  1151. {PostNotes}
  1152. {/block:PostNotes}
  1153. {/block:Date}
  1154. </div>
  1155. {/block:PermalinkPage}
  1156. {/block:Date}
  1157. </div>
  1158. {/block:Posts}
  1159. </div>
  1160.  
  1161. {block:Pagination}
  1162. {block:ifloadmore}
  1163. <footer>
  1164. <a href="#" class="load-more">load more</a></footer>
  1165. {/block:ifloadmore}
  1166. {/block:Pagination}
  1167.  
  1168. {block:Pagination}
  1169. <div class="pagination">
  1170. {block:PreviousPage}
  1171. <a href="{PreviousPage}">prev</a>
  1172. {/block:PreviousPage}
  1173. {block:JumpPagination}
  1174. {block:CurrentPage}
  1175. <span class="current_page">{PageNumber}</span>
  1176. {/block:CurrentPage}
  1177.  
  1178. {block:JumpPage}
  1179. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1180. {/block:JumpPage}
  1181. {/block:JumpPagination}
  1182.  
  1183. {block:NextPage}
  1184. <a href="{NextPage}" class="next">next</a>
  1185. {/block:NextPage}</div>
  1186. {/block:Pagination}
  1187. </div>
  1188.  
  1189.  
  1190.  
  1191.  
  1192. <!--Like seriously guys, DON'T TOUCH any of this scripts unless you know what it does or you will ruin your whole theme--->
  1193. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  1194. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  1195. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  1196. <link href='https://fonts.googleapis.com/css?family=Hind:400,700|Open+Sans:400,700|Source+Code+Pro:400,700|Source+Sans+Pro:400,700|Karla:400,700|Maven+Pro:400,700|Inconsolata:400,700|Roboto:400,300,700' rel='stylesheet' type='text/css'>
  1197. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1198. <script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1199. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1200. {block:IndexPage}
  1201. {block:ifinfinitescroll}
  1202. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1203. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1204. {/block:ifinfinitescroll}
  1205. {/block:IndexPage}
  1206. <script>
  1207. $(function(){
  1208. $("#modal").click(function(){
  1209. id = $(this).attr("id");
  1210. $(".popup."+id).fadeIn();
  1211. });
  1212. $("a.close").click(function(){
  1213. $(".popup").fadeOut();
  1214. });
  1215. });
  1216.  
  1217. $(document).ready(function(){
  1218. $(".bsearch").click(function(){
  1219. $(".csearch").fadeToggle("slow");
  1220. });
  1221. });
  1222.  
  1223. $(document).ready(function(){
  1224. $(".show").click(function(){
  1225. $(".notas").slideToggle("slow");
  1226. });
  1227. });
  1228.  
  1229.  
  1230. $(document).ready(function(){
  1231. $('.photo-slideshow').pxuPhotoset({
  1232. lightbox: true,
  1233. rounded: false,
  1234. gutter: '{select:photoset gutters}px',
  1235. photoset: '.photo-slideshow',
  1236. photoWrap: '.photo-data',
  1237. photo: '.pxu-photo'
  1238. });
  1239. {block:IndexPage}
  1240. var $container = $('#posts');
  1241. $container.masonry({ itemSelector: '.entry' });
  1242. $container.imagesLoaded(function(){
  1243. $container.masonry();
  1244. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  1245. });
  1246. $container.infinitescroll({
  1247. itemSelector: '.entry',
  1248. navSelector: '.pagination',
  1249. nextSelector: '.next',
  1250. loadingImg: '',
  1251. loadingText: '',
  1252. doneText: 'no more posts',
  1253. bufferPx: 2000,
  1254. {block:ifloadmore}
  1255. errorCallback: function () {
  1256. jQuery ('.load-more').delay(20).fadeOut('slow');
  1257. $('.entry').last().after($('.load-more'));
  1258. }
  1259. {/block:ifloadmore}
  1260.  
  1261. },
  1262.  
  1263. function( newElements ) {
  1264. var $newElems = $( newElements );
  1265. $newElems.find('.photo-slideshow').pxuPhotoset({
  1266. lightbox: true,
  1267. rounded: false,
  1268. gutter: '{select:photoset gutters}px',
  1269. photoset: '.photo-slideshow',
  1270. photoWrap: '.photo-data',
  1271. photo: '.pxu-photo'
  1272. },
  1273.  
  1274. function(){
  1275. resizeVideos(); },
  1276.  
  1277.  
  1278. function(){
  1279. $container.masonry();
  1280. });
  1281.  
  1282.  
  1283.  
  1284. var $newElemsIDs = $newElems.map(function(){
  1285. return this.id;
  1286. }).get();
  1287. console.log($newElems, $newElemsIDs);
  1288. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1289.  
  1290.  
  1291.  
  1292. $newElems.imagesLoaded(function(){
  1293. $container.masonry( 'appended', $newElems );
  1294. $newElems.animate({ opacity: 1, zIndex: 1 });
  1295.  
  1296. });
  1297.  
  1298. });
  1299.  
  1300.  
  1301. {block:ifloadmore}
  1302. $(window).unbind('.infscr');
  1303. $('.load-more').click(function(){
  1304. $container.infinitescroll('retrieve');
  1305. return false
  1306. }); {/block:ifloadmore}
  1307. {/block:IndexPage}
  1308.  
  1309. });
  1310. </script>
  1311. </body>
  1312. </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!