API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 21st, 2018
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.32 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html >
  2. <html>
  3.  
  4. <!---
  5.  
  6. Theme #24 by Heidi @ladmilk
  7.  
  8.  
  9. Credit:
  10. Infinitescroll: Paulirish (https://github.com/infinite-scroll/infinite-scroll)
  11. Tool-tips: Malihu (manos.malihu.gr/style-my-tooltips-jquery-plugin/)
  12. Photoset: PixelUnion (https://github.com/PixelUnion/Extended-Tumblr-Photoset)
  13. Video Resizing: Shy Themes (http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos)
  14.  
  15. ---->
  16.  
  17. <head>
  18.  
  19. <script type="text/javascript"
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21.  
  22. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  23.  
  24. <script>
  25.  
  26.  
  27.  
  28. $(document).ready(function() {
  29.  
  30. //
  31.  
  32.  
  33.  
  34. //When you click on a link with class of poplight and the href starts with a #
  35.  
  36. $('a.poplight[href^=#]').click(function() {
  37.  
  38. var popID = $(this).attr('rel'); //Get Popup Name
  39.  
  40. var popURL = $(this).attr('href'); //Get Popup href to define size
  41.  
  42.  
  43.  
  44. //Pull Query & Variables from href URL
  45.  
  46. var query= popURL.split('?');
  47.  
  48. var dim= query[1].split('&');
  49.  
  50. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  51.  
  52.  
  53.  
  54. //Fade in the Popup and add close button
  55.  
  56. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://www.materialui.co/materialIcons/navigation/close_black_192x192.png" style="height:10px" class="btn_close" title="Close Window" alt="Close" /></a>');
  57.  
  58.  
  59. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  60.  
  61. var popMargTop = ($('#' + popID).height() + 80) / 2;
  62.  
  63. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  64.  
  65.  
  66.  
  67. //Apply Margin to Popup
  68.  
  69. $('#' + popID).css({
  70.  
  71. 'margin-top' : -popMargTop,
  72.  
  73. 'margin-left' : -popMargLeft
  74.  
  75. });
  76.  
  77.  
  78.  
  79. //Fade in Background
  80.  
  81. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  82.  
  83. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  84.  
  85.  
  86.  
  87. return false;
  88.  
  89. });
  90.  
  91.  
  92.  
  93. //Close Popups and Fade Layer
  94.  
  95. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  96.  
  97. $('#fade , .popup_block').fadeOut(function() {
  98.  
  99. $('#fade, a.close').remove(); //fade them both out
  100.  
  101. });
  102.  
  103. return false;
  104.  
  105. });
  106.  
  107.  
  108.  
  109.  
  110.  
  111. });
  112.  
  113. </script>
  114.  
  115. <title>{Title}</title>
  116. {block:Description}
  117. <meta name="description" content="{MetaDescription}" />
  118. {/block:Description}
  119. <link rel="shortcut icon" href="{Favicon}" />
  120. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  121.  
  122. <meta name="color:Background" content="#ffffff" />
  123. <meta name="color:Posts" content="#f7f7f7" />
  124. <meta name="color:Posts Title" content="#666666" />
  125. <meta name="color:Text" content="#888888" />
  126. <meta name="color:Links" content="#000000" />
  127. <meta name="color:Links Hover" content="#e4e4e4" />
  128. <meta name="color:Bold" content="#777777" />
  129. <meta name="color:Italic" content="#cccccc"/>
  130. <meta name="color:Blockquote" content="#e4e4e4" />
  131.  
  132. <meta name="color:Chat" content="#f1f1f1" />
  133. <meta name="color:Quote" content="#aaaaaa" />
  134. <meta name="color:Ask" content="#666666" />
  135. <meta name="color:Perma Background" content="#ffffff" />
  136. <meta name="color:Perma Border" content="#eeeeee" />
  137. <meta name="color:Perma Text" content="#cccccc" />
  138. <meta name="color:Perma Links" content="#999999" />
  139.  
  140. <meta name="color:Title" content="#666666" />
  141. <meta name="color:Sidebar Background" content="#f7f7f7" />
  142. <meta name="color:Sidebar Text" content="#888888" />
  143. <meta name="color:Navigation" content="#000000"/>
  144. <meta name="color:Navigation Background Hover" content="#000000" />
  145. <meta name="color:Navigation Hover" content="#ffffff" />
  146.  
  147. <meta name="color:Scroll" content="#ffffff" />
  148. <meta name="color:Scrollbar" content="#dddddd" />
  149.  
  150.  
  151. <meta name="image:Background" content="" />
  152.  
  153.  
  154. <meta name="if:Image Fade" content="1" />
  155.  
  156. <meta name="if:Show Tags" content="1" />
  157. <meta name="if:Show Captions" content="0" />
  158.  
  159. <meta name="if:Infinitescroll" content="1" />
  160.  
  161.  
  162. <meta name="select:Tumblr Controls" content="t_w" title="White" />
  163. <meta name="select:Tumblr Controls" content="t_g" title="Grey" />
  164. <meta name="select:Tumblr Controls" content="t_b" title="Black" />
  165.  
  166. <meta name="select:Post Size" content="250" title="250px" />
  167. <meta name="select:Post Size" content="300" title="300px" />
  168. <meta name="select:Post Size" content="350" title="350px" />
  169. <meta name="select:Post Size" content="400" title="400px" />
  170. <meta name="select:Post Size" content="500" title="500px" />
  171.  
  172. <meta name="select:Post Size Permalinkpage" content="250" title="250px" />
  173. <meta name="select:Post Size Permalinkpage" content="300" title="300px" />
  174. <meta name="select:Post Size Permalinkpage" content="350" title="350px" />
  175. <meta name="select:Post Size Permalinkpage" content="400" title="400px" />
  176. <meta name="select:Post Size Permalinkpage" content="500" title="500px" />
  177.  
  178.  
  179. <meta name="text:Link1" content="" />
  180. <meta name="text:Title1" content="" />
  181. <meta name="text:Link2" content="" />
  182. <meta name="text:Title2" content="" />
  183. <meta name="text:Link3" content="" />
  184. <meta name="text:Title3" content="" />
  185. <meta name="text:Link4" content="" />
  186. <meta name="text:Title4" content="" />
  187.  
  188.  
  189. <link href="http://static.tumblr.com/3yblkz0/EkLnyuqmx/pxu_ps.css" rel="stylesheet" type="text/css"/>
  190.  
  191.  
  192. <!--- Fonts --->
  193.  
  194.  
  195. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  196. <meta name="select:Body Font" content="trebuchet ms" title="Trebuchet ms" />
  197. <meta name="select:Body Font" content="calibri" title="Calibri" />
  198. <meta name="select:Body Font" content="helvetica" title="Helvetica" />
  199. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  200. <meta name="select:Body Font" content="Lato" title="Lato" />
  201. <meta name="select:Body Font" content="cambria" title="Cambria" />
  202. <meta name="select:Body Font" content="georgia" title="Georgia" />
  203. <meta name="select:Body Font" content="times new roman" title="Times New Roman" />
  204. <meta name="select:Body Font" content="Lora" title="Lora" />
  205. <meta name="select:Body Font" content="Droid Serif" title="Droid Serif" />
  206. <meta name="select:Body Font" content="courier" title="Courier" />
  207. <meta name="select:Body Font" content="consolas" title="Consolas" />
  208. <meta name="select:Body Font" content="lucida console" title="Lucida Console" />
  209.  
  210. <meta name="select:Body Font Size" content="8" title="8px" />
  211. <meta name="select:Body Font Size" content="9" title="9px" />
  212. <meta name="select:Body Font Size" content="10" title="10px" />
  213. <meta name="select:Body Font Size" content="11" title="11px" />
  214. <meta name="select:Body Font Size" content="12" title="12px" />
  215.  
  216.  
  217. <meta name="select:Title Font" content="helvetica" title="Helvetica" />
  218. <meta name="select:Title Font" content="trebuchet ms" title="Trebuchet ms" />
  219. <meta name="select:Title Font" content="calibri" title="Calibri" />
  220. <meta name="select:Title Font" content="Open Sans" title="Open Sans" />
  221. <meta name="select:Title Font" content="Roboto" title="Roboto" />
  222. <meta name="select:Title Font" content="Lato" title="Lato" />
  223. <meta name="select:Title Font" content="cambria" title="Cambria" />
  224. <meta name="select:Title Font" content="georgia" title="Georgia" />
  225. <meta name="select:Title Font" content="times new roman" title="Times New Roman" />
  226. <meta name="select:Title Font" content="Lora" title="Lora" />
  227. <meta name="select:Title Font" content="Droid Serif" title="Droid Serif" />
  228. <meta name="select:Title Font" content="courier" title="Courier" />
  229. <meta name="select:Title Font" content="consolas" title="Consolas" />
  230. <meta name="select:Title Font" content="lucida console" title="Lucida Console" />
  231.  
  232. <meta name="select:Perma Font" content="calibri" title="Calibri" />
  233. <meta name="select:Perma Font" content="trebuchet ms" title="Trebuchet ms" />
  234. <meta name="select:Perma Font" content="helvetica" title="Helvetica" />
  235. <meta name="select:Perma Font" content="Open Sans" title="Open Sans" />
  236. <meta name="select:Perma Font" content="Roboto" title="Roboto" />
  237. <meta name="select:Perma Font" content="Lato" title="Lato" />
  238. <meta name="select:Perma Font" content="cambria" title="Cambria" />
  239. <meta name="select:Perma Font" content="georgia" title="Georgia" />
  240. <meta name="select:Perma Font" content="times new roman" title="Times New Roman" />
  241. <meta name="select:Perma Font" content="Lora" title="Lora" />
  242. <meta name="select:Perma Font" content="Droid Serif" title="Droid Serif" />
  243. <meta name="select:Perma Font" content="courier" title="Courier" />
  244. <meta name="select:Perma Font" content="consolas" title="Consolas" />
  245. <meta name="select:Perma Font" content="lucida console" title="Lucida Console" />
  246.  
  247. <meta name="select:Font Style" content="i" title="Italic" />
  248. <meta name="select:Font Style" content="n" title="Normal" />
  249.  
  250.  
  251. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300|Roboto:400,700,300|Lato:400,300,700|Lora:400,700|Droid+Serif:400,700' rel='stylesheet' type='text/css' />
  252.  
  253.  
  254.  
  255. <style type="text/css">
  256.  
  257.  
  258.  
  259. /* Tumblr Controls */
  260.  
  261.  
  262. .t_b .tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe, .t_b #tumblr_controls, #tumblr_controls {
  263. top:0%!important;
  264. right:0%!important;
  265. position:fixed!important;
  266. z-index:999999999!important;
  267. }
  268.  
  269. .t_w .tmblr-iframe--desktop-logged-in-controls, .t_w #tumblr_controls {
  270. -webkit-filter:invert(100%);
  271. -moz-filter:invert(100%);
  272. -o-filter:invert(100%);
  273. -ms-filter:invert(100%);
  274. filter:invert(100%);
  275. opacity:0.3;
  276. }
  277.  
  278. .t_g .tmblr-iframe--desktop-logged-in-controls, .t_g #tumblr_controls {
  279. -webkit-filter:invert(70%);
  280. -moz-filter:invert(70%);
  281. -o-filter:invert(70%);
  282. -ms-filter:invert(70%);
  283. filter:invert(70%);
  284. opacity:0.4;
  285. }
  286.  
  287.  
  288.  
  289. /* Scrollbar */
  290.  
  291.  
  292. ::-webkit-scrollbar { width:6px; height:6px; }
  293. ::-webkit-scrollbar-track-piece { background-color:{color:Scroll}; }
  294. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar}; }
  295.  
  296.  
  297.  
  298. /* Body - General */
  299.  
  300.  
  301. body {
  302. margin:0;
  303. padding:0;
  304. border:0;
  305. background:url('{image:Background}');
  306. background-attachment:fixed;
  307. background-repeat:repeat;
  308. background-color:{color:Background};
  309. color:{color:Text};
  310. font-family:{select:Body Font}, sans-serif;
  311. font-size:{select:Body Font Size}px;
  312. line-height:140%;
  313. word-wrap:break-word;
  314. }
  315.  
  316. a { color:{color:Links}; text-decoration:none; }
  317.  
  318. a:hover, aside h1 a:hover, .pagination a:hover, .perma a:hover { color:{color:Links Hover}; }
  319.  
  320. b, strong { color: #7a0303; font-weight:bold; }
  321.  
  322. i, em { color:{color:Italic}; font-style:italic; }
  323.  
  324. .i { font-style:italic; }
  325.  
  326. .n { font-style:normal; }
  327.  
  328. h1, h2, h3, h4, h5 {
  329. margin:0;
  330. font-size:120%;
  331. font-weight:normal;
  332. line-height:120%;
  333. }
  334.  
  335. .posts > h2 {
  336. margin:0px 0px 5px 0px;
  337. display:block;
  338. color:{color:Posts Title};
  339. font-family:{select:Title Font};
  340. font-size:14px;
  341. line-height:14px;
  342. text-align:center;
  343. }
  344.  
  345. .posts > h2:only-child { margin:0; }
  346.  
  347. small, sub, sup { font-size:90%; }
  348.  
  349. big { font-size:110%; }
  350.  
  351. sub, sup, small, big { vertical-align:baseline; }
  352.  
  353. p { margin:5px 0; padding:0; }
  354.  
  355. p:first-of-type { margin-top:0; }
  356.  
  357. p:last-of-type { margin-bottom:0; }
  358.  
  359. pre {
  360. margin:5px 0;
  361. padding:2px 4px;
  362. background:#f4f4f4;
  363. white-space:pre-wrap;
  364. word-wrap:break-word;
  365. }
  366.  
  367. blockquote {
  368. margin:5px 0px 5px 7px;
  369. padding:2px 0 2px 10px;
  370. border-left:1px solid {color:Blockquote};
  371. }
  372.  
  373. .cap { margin:10px 0 0 0; }
  374.  
  375. .cp { display:none; }
  376.  
  377. ul, ol { padding:0; margin:5px 10px 5px 20px; }
  378.  
  379.  
  380.  
  381. /* Center Wrapper - Posts */
  382.  
  383.  
  384. #wrapper {
  385. {block:IndexPage}
  386. width:calc({select:Post Size}px + 20px);
  387. {/block:IndexPage}
  388. {block:PermalinkPage}
  389. width:calc({select:Post Size Permalinkpage}px + 20px);
  390. {/block:PermalinkPage}
  391. margin:80px auto;
  392. padding:0;
  393. position:relative;
  394. margin-left:650px;
  395. }
  396.  
  397. .posts_outer {
  398. {block:IndexPage}
  399. margin:50px auto;
  400. {block:IndexPage}
  401. {block:PermalinkPage}
  402. margin:50px auto 10px auto;
  403. {/block:PermalinkPage}
  404. position:relative;
  405. }
  406.  
  407. .posts {
  408. {block:IndexPage}
  409. width:{select:Post Size}px;
  410. {/block:IndexPage}
  411. {block:PermalinkPage}
  412. width:{select:Post Size Permalinkpage}px;
  413. {/block:PermalinkPage}
  414. padding:10px;
  415. background: #fff;
  416. color:{color:Text};
  417. }
  418.  
  419. /* tytulki */
  420.  
  421. @font-face{font-family:"nightingale";src:url('http://static.tumblr.com/it5srtk/1yeorxbk2/nightingale_sample.ttf');}
  422.  
  423. .tytuldwa {
  424. position:fixed;
  425. left:292px;
  426. font-family:'nightingale';
  427. bottom:338px;
  428. font-size:14px;
  429. line-height:25px;
  430. z-index: 99;
  431. transform: lowercase;
  432. background: transparent;
  433. color:#a50403;
  434. }
  435.  
  436.  
  437. /* rzeczy */
  438.  
  439. .trans {
  440. position:fixed;
  441. padding-right:10px;
  442. padding-top:4px;
  443. font-family:'calibri';
  444. text-align: right;
  445. font-size:10px;
  446. left:202px;
  447. bottom:180px;
  448. margin-left:15px;
  449. line-height:20px;
  450. color:#000000;
  451. text-transform:lowercase;
  452. width:248px;
  453. height:158px;
  454. opacity:0.5;
  455. z-index: 9;
  456. background: #fff;
  457. }
  458.  
  459. .desc {
  460. position:fixed;
  461. padding-right:10px;
  462. padding-top:4px;
  463. font-family:'calibri';
  464. text-align: right;
  465. font-size:9px;
  466. left:245px;
  467. bottom:245px;
  468. margin-left:15px;
  469. line-height:14px;
  470. color:#000000;
  471. text-transform:lowercase;
  472. width:200px;
  473. height:88px;
  474. z-index: 99;
  475. background: #fff;
  476. }
  477.  
  478. .navi {
  479. position:fixed;
  480. font-family:'calibri';
  481. text-align: right;
  482. font-size:10px;
  483. left:105px;
  484. bottom:162px;
  485. margin-left:15px;
  486. line-height:14px;
  487. color:#000000;
  488. text-transform:lowercase;
  489. width:347px;
  490. height:10px;
  491. padding:4px;
  492. z-index: 999;
  493. background: #fff;
  494. border-radius: 0px 0px 30px 30px;
  495. }
  496.  
  497. .likes {
  498. position:fixed;
  499. font-family:'calibri';
  500. text-align: right;
  501. font-size:9px;
  502. left:258px;
  503. bottom:196px;
  504. margin-left:15px;
  505. line-height:14px;
  506. color:#000000;
  507. text-transform:lowercase;
  508. width:189px;
  509. height:40px;
  510. padding:4px;
  511. z-index: 99;
  512. background: #fff;
  513. }
  514.  
  515. .hov {
  516. position:fixed;
  517. font-family:'calibri';
  518. text-align: right;
  519. font-size:9px;
  520. left:258px;
  521. bottom:181px;
  522. margin-left:15px;
  523. line-height:14px;
  524. color:#000000;
  525. text-transform:lowercase;
  526. width:191px;
  527. height:8px;
  528. padding:3px;
  529. z-index: 99;
  530. background: #fff;
  531. }
  532.  
  533. /* hoverki! */
  534.  
  535. .certificate {
  536. position:fixed;
  537. color: #c5bab7;
  538. text-align:center;
  539. bottom:198px;
  540. left:238px;
  541. font-size:8px;
  542. line-height:20px;
  543. width:300px;
  544. height:0px;
  545. padding:0px;
  546. z-index:9999;
  547. }
  548.  
  549. .certificate a {
  550. display: inline-block;
  551. width:30px;
  552. height:8px;
  553. }
  554.  
  555. .certificate a:hover {
  556. opacity:1;
  557. color:#000;
  558. }
  559.  
  560. /* Image */
  561.  
  562.  
  563. .posts img, img :not(.lightbox-image) { max-width:100%; height:auto; }
  564.  
  565. #photo img { width:100%; display:block; }
  566.  
  567.  
  568.  
  569. /* Photoset */
  570.  
  571.  
  572. .tmblr-lightbox, #tumblr_lightbox { background:rgba({RGBcolor:Background}, .8)!important; }
  573.  
  574. .vignette, #vignette { opacity:0!important; }
  575.  
  576. .lightbox-caption, #tumblr_lightbox_caption {
  577. color:inherit!important;
  578. font-family:inherit!important;
  579. font-size:inherit!important;;
  580. font-weight:normal!important;
  581. text-shadow:none!important;
  582. }
  583.  
  584. .lightbox-image, #tumblr_lightbox img {
  585. border-radius:0px!important;
  586. -webkit-border-radius:0px!important;
  587. -moz-border-radius:0px!important;
  588. box-shadow:none!important;
  589. -webkit-box-shadow:none!important;
  590. -moz-box-shadow:none!important;
  591. }
  592.  
  593.  
  594.  
  595. /* Video */
  596.  
  597.  
  598. #vid, #vid iframe { display:block; overflow:hidden; }
  599.  
  600.  
  601.  
  602. {block:IndexPage}
  603. {block:ifImageFade}
  604. #vid, .photo-data, #photo img {
  605. opacity:.7;
  606. -webkit-transition:all .7s ease;
  607. -moz-transition:all .7s ease;
  608. -o-transition:all .7s ease;
  609. transition:all .7s ease;
  610. }
  611.  
  612. .posts_outer:hover #photo img, .posts_outer:hover .photo-data, .posts_outer:hover #vid { opacity:1; }
  613. {/block:ifImageFade}
  614. {/block:IndexPage}
  615.  
  616.  
  617.  
  618. /* Audio */
  619.  
  620.  
  621. #art {
  622. width:80px;
  623. height:80px;
  624. display:block;
  625. background-image:url('http://static.tumblr.com/3yblkz0/Z52nu812y/80.png');
  626. background-position:center;
  627. background-color:#fff;
  628. }
  629.  
  630. #art img { width:80px; height:80px; display:block; }
  631.  
  632. #audio_text { padding:0 10px; position:relative; }
  633.  
  634. #audio_text p { margin:0; padding:2px 0px; }
  635.  
  636. iframe.tumblr_audio_player {
  637. width:30px;
  638. height:30px;
  639. display:block;
  640. position:absolute;
  641. opacity:0.4;
  642. border:25px solid #fff;
  643. background:#fff;
  644. -webkit-transition:all .7s ease;
  645. -moz-transition:all .7s ease;
  646. -o-transition:all .7s ease;
  647. transition:all .7s ease;
  648. }
  649.  
  650. .posts:hover iframe.tumblr_audio_player { opacity:.8; }
  651.  
  652. iframe.soundcloud_audio_player {
  653. {block:IndexPage}
  654. width:{select:Post Size}px;
  655. {/block:IndexPage}
  656. {block:PermalinkPage}
  657. width:{select:Post Size Permalinkpage}px;
  658. {/block:PermalinkPage}
  659. height:auto!important;
  660. display:block;
  661. }
  662.  
  663. iframe.spotify_audio_player { height:80px!important; display:block; }
  664.  
  665.  
  666.  
  667. /* Chat */
  668.  
  669.  
  670. #lines { margin:0; padding:3px 5px; }
  671.  
  672. #lines.odd { background:{color:Chat}; }
  673.  
  674.  
  675.  
  676. /* Quote */
  677.  
  678.  
  679. #quote {
  680. color:{color:Quote};
  681. font-family:{select:Title Font};
  682. font-size:11px;
  683. font-style:italic;
  684. }
  685.  
  686. #source {
  687. margin-top:3px;
  688. font-size:7px;
  689. letter-spacing:1px;
  690. text-align:right;
  691. text-transform:uppercase;
  692. }
  693.  
  694.  
  695.  
  696. /* Ask */
  697.  
  698.  
  699. #asker {
  700. margin-bottom:4px;
  701. color:{color:Ask};
  702. font-family:{select:Title Font};
  703. font-weight:bold;
  704. font-style:normal;
  705. text-transform:lowercase;
  706. }
  707.  
  708. #asker a { color:{color:Ask}; }
  709.  
  710. #question {
  711. padding:10px;
  712. font-style:italic;
  713. text-align:center;
  714. }
  715.  
  716.  
  717.  
  718. /* Permalink - Post information - Tags */
  719.  
  720.  
  721. .perma {
  722. margin:10px auto;
  723. padding:3px;
  724. background:{color:Perma Background};
  725. border-top:1px solid {color:Perma Border};
  726. color:{color:Perma Text};
  727. font-family:{select:Perma Font};
  728. font-size:8px;
  729. line-height:14px;
  730. letter-spacing:1px;
  731. }
  732.  
  733. .perma a { color:{color:Perma Links}; }
  734.  
  735. .tag a { margin-right:5px; }
  736.  
  737. .tt { display:none }
  738.  
  739.  
  740.  
  741. /* Notes */
  742.  
  743.  
  744. ol.notes {
  745. margin:0;
  746. padding:0;
  747. list-style-type:none;
  748. }
  749.  
  750. ol.notes li.note { padding:10px 0px; }
  751.  
  752. ol.notes li.note img.avatar { display:none; }
  753.  
  754. .more_notes_link_container { list-style-type:none }
  755.  
  756.  
  757. /* Pagination */
  758.  
  759.  
  760. .pagination {
  761. margin:5px 0 0 0;
  762. color:{color:Sidebar Text};
  763. font-size:8px;
  764. letter-spacing:1px;
  765. }
  766.  
  767. .pagination a { color:{color:Sidebar Text}; }
  768.  
  769. #next { display:none; }
  770.  
  771. {block:ifInfinitescroll}
  772. .pagination { display:none; }
  773.  
  774. #infscr-loading { display:none!important; }
  775. {/block:ifInfinitescroll}
  776.  
  777.  
  778.  
  779. /* Tooltips */
  780.  
  781.  
  782. #s-m-t-tooltip{
  783. max-width:300px;
  784. margin:25px 15px;
  785. padding:0 5px;
  786. z-index:999999;
  787. background:{color:Posts};
  788. color:{color:Text};
  789. box-shadow:1px 1px 2px rgba(0,0,0,.1);
  790. }
  791.  
  792.  
  793. /* linki do menu */
  794.  
  795.  
  796. .menu {
  797. position:fixed;
  798. text-align:right;
  799. font-family:'calibri';
  800. bottom:178px;
  801. left:69px;
  802. font-size:8px;
  803. color: #261c27;
  804. text-transform:uppercase;
  805. width:400px;
  806. height:0px;
  807. padding:0px;
  808. z-index:9999999;
  809. }
  810.  
  811. .menu a {
  812. display: inline;
  813. width:800px;
  814. height:20px;
  815. margin-top:2px;
  816. margin-left:1px;
  817. padding:1px 11px;
  818. background: transparent;
  819. }
  820.  
  821. .menu a:hover {
  822. opacity:1;
  823. color:#fff;
  824. }
  825.  
  826. {CustomCSS}
  827.  
  828.  
  829.  
  830. </style>
  831.  
  832.  
  833. <!---- Scripts ---->
  834.  
  835.  
  836. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  837.  
  838. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  839. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  840. <script src="http://static.tumblr.com/3yblkz0/Bu3nywvqg/shythemes_vr.js"></script>
  841. {block:IndexPage}{block:ifInfinitescroll}
  842. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  843. {/block:ifInfinitescroll}{/block:IndexPage}
  844.  
  845. <script>
  846. $(document).ready(function(){
  847. $("[title],a[title],img[title]").style_my_tooltips({
  848. tip_follows_cursor:true,
  849. tip_delay_time:50,
  850. tip_fade_speed:500,
  851. attribute:"title"
  852. });
  853. $('.photo-slideshow').pxuPhotoset({
  854. lightbox: true,
  855. rounded: false,
  856. gutter: '5px',
  857. borderRadius: '0px',
  858. photoset: '.photo-slideshow',
  859. photoWrap: '.photo-data',
  860. photo: '.pxu-photo'
  861. });
  862. {block:IndexPage}
  863. {block:ifInfinitescroll}
  864. var $container = $('#wrapper');
  865. $container.infinitescroll({
  866. itemSelector :".posts_outer",
  867. navSelector : ".pagination",
  868. nextSelector : ".pagination a#next",
  869. loadingImg : "",
  870. loadingText : "<em></em>",
  871. bufferPx : 800,
  872. },
  873. function( newElements ) {
  874. resizeVideos();
  875. $(newElements).find('.photo-slideshow').pxuPhotoset({
  876. lightbox: true,
  877. rounded: false,
  878. gutter: '5px',
  879. borderRadius: '0px',
  880. photoset: '.photo-slideshow',
  881. photoWrap: '.photo-data',
  882. photo: '.pxu-photo'
  883. });
  884. });
  885. {/block:ifInfinitescroll}
  886. {/block:IndexPage}
  887. });
  888. </script>
  889.  
  890.  
  891.  
  892. </head>
  893. <body class="{select:Tumblr Controls}">
  894.  
  895.  
  896.  
  897. <section id="wrapper">
  898.  
  899. <img src="https://i.imgur.com/5YYFPzJ.png" style='position:fixed;bottom:180px;left:120px;width:190px;z-index:999'></a>
  900.  
  901. <img src="https://cdn140.picsart.com/233895472049211.png?r1024x1024" style='position:fixed;bottom:466px;left:207px;width:40px;z-index:99'></a>
  902.  
  903. <a href="https://rp-eclipse.tumblr.com/" title="directory."><img src="https://78.media.tumblr.com/101d20364384cb7a5aa5245e46060f7c/tumblr_inline_p4razmhoMO1vbioga_500.png" style='position:fixed;bottom:213px;left:118px;width:35px;z-index:9999'></a>
  904.  
  905. <div class="desc">
  906. <b>song soyeon</b> (송소연), born december 6, 1994<br> in seoul, south korea. known also as <b>cacolie</b>, which<br> is her artistic alias. south Korean <b>photographer</b>.<br> the cherry bomb the runaways are singing about.<br> probably joan jett's ideal type. don't attempt to<br> mess with her. it won't end good for you.
  907. </div>
  908.  
  909. <div class="trans">
  910. </div>
  911.  
  912. <div class="likes">
  913. <font color="#bc0202">❤</font> PHOTOGRAPHY, OLD MOVIES, CATS, GETTING ATTENTION, WINTER, suits, long dresses, forget-me-nots<br> <font color="#bc0202">✘</font> BEING ALONE, HYPOCRISY, DARKNESS, TEA
  914. </div>
  915.  
  916. <div class="hov">
  917. </div>
  918.  
  919. <div class="tytuldwa">power and glory
  920. </div>
  921.  
  922. <div class="certificate">
  923. <a title="oc character under polish directory. not affiliated with kim seolhyun or aoa in any way."><i class="fa fa-circle" style="color:rgb(188,2,2);" aria-hidden="true"></i></a>&nbsp;
  924. <a title="semi-literate, semi-selective. always open for any kind of plot."><i class="fa fa-circle" style="color:rgb(122,3,3);" aria-hidden="true"></i></a>&nbsp;
  925. <a title="tracking url @cacolie. please tag your paras and plots with it, so i can find it easily in the future."><i class="fa fa-circle" style="color:rgb(188,2,2);" aria-hidden="true"></i></a>&nbsp;
  926. <a title="muse and mun are both +18, so nsfw content may appear."><i class="fa fa-circle" style="color:rgb(122,3,3);" aria-hidden="true"></i></a>&nbsp;
  927. <a title="pretty slow with replies due to having personal life and a dog that needs attention."><i class="fa fa-circle" style="color:rgb(188,2,2);" aria-hidden="true"></i></a>&nbsp;
  928. </div>
  929.  
  930. <div class="navi">
  931. <div class="menu">
  932. <a href="/">refresh</a>
  933. <a href="/ask">inquire</a>
  934. <a href="/submit">submit</a>
  935. <a href="/menu">menu</a>
  936. <a href="/about">about soyeon</a>
  937. <a href="/mun">mun's note</a>
  938. </div>
  939. </div>
  940.  
  941.  
  942. {block:Pagination}
  943. <div class="pagination {select:Font Style}">
  944. {block:JumpPagination length="5"}
  945. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  946. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  947. {/block:JumpPagination}
  948. {block:NextPage}<a id="next" href="{NextPage}">→</a>{/block:NextPage}
  949. </div>
  950. {/block:Pagination}
  951. </aside>
  952.  
  953.  
  954.  
  955. {block:Posts}
  956. <article class="posts_outer">
  957. <div class="posts">
  958.  
  959.  
  960. {block:ContentSource}
  961. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  962. {/block:SourceLogo}
  963. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  964. {/block:ContentSource}
  965.  
  966.  
  967. {block:Photo}
  968. <div id="photo">
  969. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt='{PhotoAlt}'/>{LinkCloseTag}
  970. </div>
  971. {/block:Photo}
  972.  
  973.  
  974. {block:Photoset}
  975. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  976. {block:Photos}
  977. <div class="photo-data">
  978. <div class="pxu-photo">
  979. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  980. </div>
  981. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  982. </div>
  983. {/block:Photos}
  984. </div>
  985. {/block:Photoset}
  986.  
  987.  
  988. {block:Video}
  989. <div id="vid">{Video-500}</div>
  990. {/block:Video}
  991.  
  992.  
  993. {block:Audio}
  994. <table border="0" cellpadding="0" cellspacing="0" ><tr>
  995. <td id="art" valign="top">
  996. {AudioPlayerWhite}
  997. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  998. </td>
  999. <td id="audio_text" valign="middle" width="100%">
  1000. {block:TrackName}<p><b>Song:</b> {TrackName}</p>{/block:TrackName}
  1001. {block:Artist}<p><b>Artist:</b> {Artist}</p>{/block:Artist}
  1002. {block:Album}<p><b>Album:</b> {Album}</p>{/block:Album}
  1003. {block:PlayCount}<p><b>Plays:</b> {FormattedPlayCount}</p>{/block:PlayCount}
  1004. </td>
  1005. </tr></table>
  1006. {/block:Audio}
  1007.  
  1008.  
  1009. {block:Text}
  1010. {block:Title}<h2>{Title}</h2>{/block:Title}
  1011. {Body}
  1012. {/block:Text}
  1013.  
  1014.  
  1015. {block:Link}
  1016. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  1017. {block:Description}{Description}{/block:Description}
  1018. {/block:Link}
  1019.  
  1020.  
  1021. {block:Answer}
  1022. <div id="question"><div id="asker">{Asker} said:</div> {Question}</div>
  1023. {Answer}
  1024. {/block:Answer}
  1025.  
  1026.  
  1027. {block:Quote}
  1028. <div id="quote">{Quote}</div>
  1029. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  1030. {/block:Quote}
  1031.  
  1032.  
  1033. {block:Chat}
  1034. {block:Title}<h2>{Title}</h2>{/block:Title}
  1035. {block:Lines}<p id="lines" class="{Alt} user_{UserNumber}">
  1036. {block:Label}
  1037. <b>{Label}</b>
  1038. {/block:Label}
  1039. {Line}</p>
  1040. {/block:Lines}
  1041. {/block:Chat}
  1042.  
  1043.  
  1044. {block:Caption}<div class="cap {block:IndexPage}{block:ifnotShowCaptions}cp {/block:ifnotShowCaptions}{/block:IndexPage}">{Caption}</div>{/block:Caption}
  1045.  
  1046.  
  1047.  
  1048. </div>
  1049.  
  1050.  
  1051.  
  1052. {block:Date}
  1053. <div class="perma {select:Font Style}">
  1054. {block:PermalinkPage}Posted {/block:PermalinkPage}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{TimeAgo}{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage} / {DayOfWeek}, {DayOfMonth}. {ShortMonth}, {Year}{block:PermalinkPage}
  1055. {block:NoteCount} / {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{NoteCountWithLabel}{block:IndexPage}</a>{/block:IndexPage}{/block:NoteCount}
  1056. {block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} {block:IndexPage}/ <a href="{ReblogURL}" >reblog</a>{/block:IndexPage}
  1057. {block:HasTags}<p class="tag {block:IndexPage}{block:ifnotShowTags}tt{/block:ifnotShowTags}{/block:IndexPage}">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  1058. </div>
  1059. {/block:Date}
  1060.  
  1061. {block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  1062.  
  1063.  
  1064.  
  1065. </article>
  1066. {/block:Posts}
  1067. </section>
  1068.  
  1069.  
  1070.  
  1071. <a href="http://ladmilk.tumblr.com" style="padding:10px; bottom:5px; left:5px; position:fixed;" title="Theme by Heidi. tweaked by @novtulus for her friend. personal use only.">cr.</a>
  1072.  
  1073.  
  1074.  
  1075. </body>
  1076. </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!