API tools faq
paste
nymph

theme #01 - technicolor

nymph
Mar 24th, 2019
1,066
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><!--
  2.  
  3.  
  4. THEME #01 -- technicolor
  5. by @almacodes enjoy!!
  6.  
  7.  
  8. notes:
  9.  
  10. 1. the tags in the sidebar must be manually added!
  11. to edit the sidebar tags, ctrl+f (or cmd+f) and type "sidebar tags"
  12.  
  13. 2. play around w the colors and pictures and options!!
  14. my fav part of making this theme was making it super customizable so enjoy :))
  15.  
  16. 3. don't touch the credit/resell/claim as your own/copy for any reason.
  17.  
  18.  
  19. --><head><title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="if:sidebar img" content="1">
  25. <meta name="if:lazy load" content="1">
  26. <meta name="if:show caption" content="1">
  27. <meta name="if:show tags" content="1">
  28. <meta name="if:hover tags" content="1">
  29.  
  30. <meta name="image:side" content="">
  31.  
  32. <meta name="text:post width" content="400">
  33.  
  34. <meta name="select:image opacity" content="0.2" title="0.2">
  35. <meta name="select:image opacity" content="0.4" title="0.4">
  36. <meta name="select:image opacity" content="0.6" title="0.6">
  37. <meta name="select:image opacity" content="0.8" title="0.8">
  38. <meta name="select:image opacity" content="1" title="1">
  39.  
  40. <meta name="color:background" content="#fff"/>
  41. <meta name="color:posts" content="#fff">
  42. <meta name="color:text" content="#000000"/>
  43. <meta name="color:search" content="#ffa27a">
  44. <meta name="color:accent 1" content="#fff">
  45. <meta name="color:accent 2" content="#ffebd6">
  46. <meta name="color:accent 3" content="#ffa27a">
  47. <meta name="color:accent 4" content="#8d98f0">
  48.  
  49.  
  50. <meta name="text:link 1" content="one">
  51. <meta name="text:link 1 url" content="/">
  52. <meta name="text:link 2" content="two">
  53. <meta name="text:link 2 url" content="/">
  54. <meta name="text:link 3" content="three">
  55. <meta name="text:link 3 url" content="/">
  56. <meta name="text:link 4" content="four">
  57. <meta name="text:link 4 url" content="/">
  58.  
  59.  
  60. <link rel="stylesheet" href="https://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  61. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  62.  
  63.  
  64. <style type="text/css">
  65.  
  66. {block:iflazyload}
  67. /* lazy load */
  68. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  69. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  70. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  71. .fade-in {
  72. opacity:0;
  73. -webkit-animation:fadeIn ease-in 1;
  74. -moz-animation:fadeIn ease-in 1;
  75. animation:fadeIn ease-in 1;
  76. -webkit-animation-fill-mode:forwards;
  77. -moz-animation-fill-mode:forwards;
  78. animation-fill-mode:forwards;
  79. -webkit-animation-duration:1s;
  80. -moz-animation-duration:1s;
  81. animation-duration:1s;}
  82. .fade-in.one {
  83. -webkit-animation-delay:0.1s;
  84. -moz-animation-delay:0.1s;
  85. animation-delay:0.1s;}
  86. .fade-in.two {
  87. -webkit-animation-delay:0.8s;
  88. -moz-animation-delay:0.8s;
  89. animation-delay:0.8s;}
  90. {/block:iflazyload}
  91.  
  92. iframe.tmblr-iframe {
  93. z-index:99999999999999!important;
  94. top:0!important;
  95. right:0!important;
  96. opacity:0.4;
  97. /* delete invert(1) from here */
  98. filter:invert(1) contrast(150%);
  99. -webkit-filter:invert(1) contrast(150%);
  100. -o-filter:invert(1) contrast(150%);
  101. -moz-filter:invert(1) contrast(150%);
  102. -ms-filter:invert(1) contrast(150%);
  103. /* to here if your blog has a dark background */
  104. transform:scale(0.65);
  105. transform-origin:100% 0;
  106. -webkit-transform:scale(0.65);
  107. -webkit-transform-origin:100% 0;
  108. -o-transform:scale(0.65);
  109. -o-transform-origin:100% 0;
  110. -moz-transform:scale(0.65);
  111. -moz-transform-origin:100% 0;
  112. -ms-transform:scale(0.65);
  113. -ms-transform-origin:100% 0;}
  114.  
  115. iframe.tmblr-iframe:hover {
  116. opacity:0.6!important;}
  117.  
  118.  
  119. /* basics */
  120. body {
  121. font-weight:normal;
  122. background-color:{color:background};
  123. color:{color:text};
  124. font-family:'karla', sans-serif;
  125. font-size:11px;
  126. line-height:18px;
  127. -webkit-font-smoothing: antialiased; }
  128.  
  129. a:link, a:visited { color: {color:accent 4};}
  130. a { color:{color:accent 4}; text-decoration:none;transition:0.3s ease-in;
  131. -webkit-transition:0.3s ease-in;
  132. -moz-transition:0.3s ease-in;}
  133. a:hover { color:{color:text}; transition:0.2s ease-in;
  134. -webkit-transition:0.2s ease-in;
  135. -moz-transition:0.2s ease-in;
  136. cursor:help;
  137. text-decoration:none!important; }
  138.  
  139.  
  140.  
  141.  
  142. .controls a { border-bottom:none; }
  143.  
  144. h1 {
  145. color:{color:text};
  146. line-height:100%;
  147. font-weight:normal;
  148. font-size:13px;}
  149.  
  150. h1:after {
  151. content:"";
  152. display:block;
  153. margin:5px 0px;
  154. height:2px;
  155. width:75px;
  156. background:{color:accent 4};opacity:0.8;}
  157.  
  158.  
  159. h2 { font-size:13px; font-weight:normal; }
  160.  
  161. b,strong { font-weight:bold;}
  162.  
  163. small { font-size:inherit;}
  164.  
  165. /* tooltips */
  166.  
  167. #s-m-t-tooltip{
  168. position:absolute;
  169. margin:15px;
  170. font-size:9px;
  171. color:#444;
  172. max-width:250px;
  173. text-transform:uppercase;
  174. letter-spacing:1px;
  175. z-index:999999999999999;
  176. background:#fff;
  177. border:1px solid #eee;
  178. padding:2px 5px 0px;
  179. border
  180. }
  181.  
  182. /* text devices */
  183. hr {
  184. margin:0px auto;
  185. text-align:center;
  186. width:250px;
  187. border: 0;
  188. border-top: 1px solid {color:accent 4};
  189. border-bottom: 1px solid #fff;
  190. margin:10px 0px 10px 0px;
  191. z-index:999; }
  192.  
  193. blockquote { border-left: 1px solid {color:accent 4}; padding-left:10px; margin-left:0px;}
  194.  
  195. code { font-family:inconsolata;line-height:-23px;font-size:11px;margin-bottom:0; }
  196.  
  197. .tumblr_parent {
  198. margin:0px 0px 20px;
  199. padding: 0px 10px;
  200. border-left:none;
  201. }
  202. .tumblr_parent blockquote{
  203. border-left: 1px solid {color:accent 4}; padding-left:10px; margin-left:0px;}
  204. .tumblr_parent:last-child { margin-bottom:0;}
  205.  
  206. .tumblr_avatar {
  207. margin: 5px 10px -5px 5px;
  208. height:15px;
  209. width:15px!important;
  210. border-radius:100%;
  211. }
  212.  
  213. .tumblr_blog { color:{color:accent 4}!important;border-bottom:1px dotted rgba({RGBcolor:text},0.2)!important; font-size:9.5px;}
  214.  
  215. .tumblr_blog:hover { color:{color:text}!important;}
  216.  
  217.  
  218. /* posts+entries */
  219.  
  220. #entries { margin:100px auto; width:{text:post width}px; margin-top:100px; position:static; padding-left:250px; }
  221.  
  222. .posts {
  223. width:{text:post width}px;
  224. margin:100px 0px 100px;
  225. }
  226.  
  227. .pad img { width:{text:post width}px; height:auto;}
  228.  
  229. .pad { padding:10px; background-color:{color:posts}; margin-top:3px; border:1px solid #eee;}
  230.  
  231.  
  232. .pin { padding:10px; margin-top:0px;font-style:italic;text-transform:lowercase;}
  233.  
  234. .posts img { border-bottom:none!important; width:100%;}
  235.  
  236. /* info + tags hover effect */
  237. {block:IndexPage}
  238. {block:ifshowtags}
  239. {block:ifhovertags}
  240.  
  241. .tags { opacity:0;transition:0.4s ease-in;margin-top:-5px;}
  242.  
  243. .posts:hover .tags { opacity:1; transition:0.2s ease-in;}
  244. {/block:ifhovertags}
  245. {/block:ifshowtags}
  246. {/block:IndexPage}
  247.  
  248.  
  249.  
  250. /* index post notes + tags */
  251. .info { font-size:11px; min-height:70px;font-family:inconsolata;text-align:center;}
  252.  
  253. .info a { color:{color:text};padding-top:3px;border-bottom:none;}
  254. .tags a { color:{color:accent 4}; opacity:1;border-top:none;}
  255. .tags a:hover, .info a:hover { color:{color:accent 4}; opacity:0.7;}
  256.  
  257. {block:IndexPage}
  258. .tags a {{block:ifnotshowtags} display:none; {/block:ifnotshowtags} }
  259. {/block:IndexPage}
  260.  
  261. #pagination {
  262. word-spacing:7px;text-transform:uppercase;letter-spacing:.5px;margin:auto;
  263. margin-bottom:80px;width:370px;font-family:'karla';
  264. text-align:center; display:none;}
  265.  
  266. #infscr-loading { display:none!Important; }
  267.  
  268. /* quote post */
  269. .quote {font-size:12px;font-family:inconsolata;padding:5px;}
  270. .quotesource {text-align:center; }
  271. .quotesource a { border-bottom:none; margin-bottom:0; }
  272.  
  273. /* ask post */
  274. .asker { text-transforM:uppercase; margin-bottom:15px; display:inline;}
  275. .question { padding-left:10px; margin-bottom:20px; border-bottom:1px solid rgba({RGBcolor:accent 4}, 0.4); padding-bottom:10px; }
  276.  
  277. /* chat post */
  278. .chat {
  279. line-height:150%;
  280. list-style:none; }
  281.  
  282. .line { padding:5px;}
  283.  
  284. .label {
  285. color:{color:text}!important;
  286. text-transform:uppercase;
  287. letter-spacing:1px;
  288. font-weight:bold;}
  289.  
  290. /* audio post */
  291. .cover {
  292. position:relative;
  293. z-index:1;
  294. max-width:100px;
  295. padding:10px;
  296. float:left;}
  297. .playbutton {
  298. width:20px;
  299. height:30px;
  300. overflow:hidden;
  301. position:relative;
  302. z-index:2; }
  303. .playbox {
  304. background-color:#000;
  305. position:absolute;
  306. z-index:2;
  307. padding:15px 24px 13px 16px;
  308. margin-top:30px;
  309. margin-left:30px;
  310. opacity:0.5; }
  311. .trackdetails {
  312. padding:10px;
  313. width:auto;
  314. height:100px;
  315. margin-top:10px;
  316. margin-left:100px;}
  317.  
  318. /* lists */
  319. ul li { line-height:150%; list-style:none; text-align:left;}
  320. ul li:before { content:">"; position:absolute; display:block; margin-top:0px; margin-left:-10px; font-size:9px; color:{color:accent 4};}
  321. }
  322.  
  323. ol { padding-right:5px; }
  324.  
  325. /* scrollbar */
  326.  
  327. ::-webkit-scrollbar{ height:3px; width:10px; background:#fff;}
  328. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:accent 4}, 0.7);border:4px solid #fff;}
  329.  
  330. ::selection { background-color:rgba({RGBcolor:accent 4}, 0.5); color:{color:text}; }
  331.  
  332. /* perma notes */
  333. .post-notes {
  334. padding:10px;
  335. width:{text:post width}px;
  336. background-color:{color:posts};
  337. {block:ifpostsborder}
  338. border:1px solid #eee;
  339. {/block:ifpostsborder}
  340. padding:20px 0;
  341. max-height:300px;
  342. overflow-y:auto; }
  343.  
  344. .post-notes img.avatar {
  345. width: 10px;
  346. height:10px;
  347. border-radius: 100%;
  348. margin-top: 5px;
  349. margin-right: 5px;
  350. margin-bottom: -2px; }
  351.  
  352. .post-notes ol { list-style-type:none; }
  353. .post-notes li { display:block; }
  354. .post-notes li.like { display:block; }
  355.  
  356. .post-notes li.note.more_notes_link_container {
  357. text-align:left!important; }
  358.  
  359. a.avatar_frame { border-bottom:none; }
  360.  
  361.  
  362.  
  363.  
  364. /* like + reblog buttons, tutorial by shythemes */
  365.  
  366. svg {width:10px; height:auto; opacity:.3; padding:1px; display:block; overflow:visible;}
  367. .controls a { position:relative; overflow:hidden; padding:5px; width:12px;height:12px;float:right;margin-top:-20px;}
  368. .controls .reblog { opacity:.93;}
  369. .controls .reblog svg { width:9px; margin-top:; }
  370. .controls .like .liked + svg { opacity:1; }
  371. .controls .like .liked + svg path { fill:#ec5a5a; }
  372. .controls .like .like_button { position:relative; }
  373. .controls .like .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; opacity:0;}
  374.  
  375.  
  376.  
  377. /* search bar */
  378. .search .query {
  379. position:relative; border:0;
  380. outline:0;
  381. top:-4px;
  382. font-family:inherit;
  383. background-color:transparent;
  384. z-index:9!important;
  385. }
  386.  
  387. .search i { color:{color:search}; font-size:14px;padding:30px 5px;}
  388.  
  389.  
  390. .search-form {
  391. display:inline-block;
  392. vertical-align:middle;
  393. outline:none;
  394. border:0px;
  395. margin-left:15px;
  396. }
  397.  
  398. input, select, textarea{
  399. color: rgba({RGBcolor:search},0.7);
  400. }
  401.  
  402. textarea:focus, input:focus {
  403. color: {color:search};
  404. }
  405. input::-webkit-input-placeholder {color:rgba({RGBcolor:search},0.5); font-style:italic;}
  406. *:focus::-webkit-input-placeholder { opacity: 0; }
  407.  
  408.  
  409. .side {
  410. height:100%;
  411. width:500px;
  412.  
  413. {block:ifsidebarimg}
  414. background:url('{image:side}');
  415. background-size:100% 100%;
  416. background-repeat:no-repeat;
  417. -webkit-background-size: cover;
  418. background-size: cover;
  419. opacity:{select:image opacity};
  420. {/block:ifsidebarimg}
  421.  
  422. position:fixed;
  423. top: 0;
  424. left: 0;
  425. bottom: 0;
  426.  
  427. {block:ifnotsidebarimg}background:{color:accent 2};{/block:ifnotsidebarimg}
  428.  
  429. border-right:3px solid rgba({RGBcolor:accent 1}, 1); z-index:1;
  430. }
  431.  
  432. .d { width:215px;margin-top:0%;margin-left:255px;z-index:2;position:fixed;}
  433.  
  434. .d .zero { background:pink;text-align:right;padding:5px 5px 7px;background-color:rgba({RGBcolor:accent 1}, 0.5);border:1px solid {color:accent 1};font-size:24px; letter-spacing:1px;font-family:inconsolata; color:{color:accent 3};transition:.2s ease-in;-webkit-transition:.2s ease-in;-moz-transition:.2s ease-in;}
  435.  
  436.  
  437. .d .zero:hover {box-shadow: 0px 0px 0px 3px rgba({RGBcolor:accent 1}, 0.8); transition: box-shadow 0.25s linear; border:1px solid rgba(0,0,0,0); }
  438.  
  439. .d .p { text-align:right; opacity:1;color:{color:accent 3};font-style:italic;letter-spacing:0.5px;background-color:rgba({RGBcolor:accent 1}, 0.5);padding:5px;border:1px solid {color:accent 1};margin-top:7px;}
  440.  
  441. .head { margin:-7px 0;text-align:justify;
  442. text-justify: inter-word;
  443. text-align-last:justify;
  444. -ms-text-align-last:justify;}
  445. .head a { background-color:rgba({RGBcolor:accent 1}, 0.5); padding:5px;color:{color:accent 3};margin:10px 2px 10px;border:1px solid {color:accent 1};line-height:32px;white-space: pre;}
  446. .head a:first-child { margin-left:0px;}
  447. .head a:last-child { margin-right:0px;}
  448. .head a:hover { color:{color:accent 3}; box-shadow: 0px 0px 0px 3px rgba({RGBcolor:accent 1}, 0.8); transition: box-shadow 0.2s linear; border:1px solid rgba(0,0,0,0); }
  449.  
  450. .tagged { width:205px;margin:25px 0 10px;padding:5px;text-align:justify;
  451. text-justify: inter-word;
  452. text-align-last:justify;
  453. -ms-text-align-last:justify;}
  454. .tagged b { color:{color:accent 3};font-weight:bold; padding:0 2px;font-size:12px;}
  455. .tagged a { background-color:rgba({RGBcolor:accent 2},0.5);padding:4px;border:1px solid {color:accent 1};line-height:32px;color:{color:accent 3};}
  456. .tagged a:hover { background-color:rgba(255,255,255,0.5);color:{color:accent 3}; }
  457.  
  458. </style>
  459. </head>
  460. <body>
  461.  
  462.  
  463.  
  464. <!-- sidebar -->
  465. <div class="side fade-in-one">
  466. </div>
  467.  
  468. <div class="d fade-in-one">
  469.  
  470. <a href="/"><div class="zero">{title}</div></a>
  471.  
  472. {block:Description}<p class="p">{Description}</p>{/block:Description}
  473.  
  474. <div class="head"><p>
  475. <a href="{text:link 1 url}">{text:link 1}</a>
  476. <a href="{text:link 2 url}">{text:link 2}</a>
  477. <a href="{text:link 3 url}">{text:link 3}</a>
  478. <a href="{text:link 4 url}">{text:link 4}</a></p>
  479. </div>
  480.  
  481.  
  482. <!-- SIDEBAR TAGS: edit as you wish! you can change the bolded text to any words you like :) -->
  483. <div class="tagged">
  484. <b>tags:</b>
  485. <a href="/tagged/">themes</a>
  486. <a href="/tagged/">pages</a>
  487. <a href="/tagged/">tutorials</a>
  488. <a href="/tagged/">tag 1</a>
  489. <a href="/tagged/">tag 2</a>
  490. <a href="/tagged/">tag 3</a>
  491. </div>
  492.  
  493. <!-- search bar -->
  494. <form action="/search" method="get" class="search"><i class="pe-7s-search"></i>
  495. <input type="text" name="q" value="" class="query" placeholder="search . . ." autocomplete="off"/>
  496. </form>
  497.  
  498.  
  499. </div>
  500.  
  501.  
  502.  
  503.  
  504.  
  505. <!-- container -->
  506. <div id="entries" class="fade-in two">
  507.  
  508. <!-- posts -->
  509. {block:Posts}
  510.  
  511. <div class="posts" id="{PostID}">
  512.  
  513. <!-- {block:NoRebloggedFrom}
  514. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  515. {/block:NoRebloggedFrom} -->
  516. {block:ContentSource}<!-- {SourceURL}
  517. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  518. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  519. {/block:ContentSource}
  520.  
  521. {block:Text}
  522. <div class="pad">
  523. {block:Title}<h1>{Title}</h1>{/block:Title}
  524. {Body}</div>
  525. {/block:Text}
  526.  
  527.  
  528. {block:Photo}
  529. <img src="{PhotoURL-HighRes}">
  530.  
  531. {block:ifshowcaption}{block:Caption}<div class="pad">{Caption}</div>{/block:Caption}{block:ifshowcaption}
  532. {/block:Photo}
  533.  
  534. {block:Photoset}
  535. {Photoset}
  536.  
  537. {block:ifshowcaption}{block:Caption}<div class="pad">{Caption}</div>{/block:Caption}{block:ifshowcaption}
  538. {/block:Photoset}
  539.  
  540.  
  541. {block:Quote}
  542. <div class="pad">
  543. <div class="quote">{Quote}</div><br>
  544. {block:Source}<div class="quotesource"> &mdash; {Source}</div>
  545. {/block:Source}</div>
  546. {/block:Quote}
  547.  
  548.  
  549. {block:Link}
  550. <div class="pad">
  551. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  552. {block:Description}{Description}{/block:Description}
  553. </div>
  554. {/block:Link}
  555.  
  556.  
  557. {block:Chat}<div class="pad">
  558. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  559. </div>
  560. {/block:Chat}
  561.  
  562.  
  563. {block:Audio}
  564. <div class="pad">
  565. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  566. {block:AlbumArt}
  567. <img src="{AlbumArtURL}" class="cover">
  568. {/block:AlbumArt}
  569. <div class="trackdetails"><br>
  570. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  571. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  572. <b>PLAYS:</b> {FormattedPlayCount}</div>
  573. {block:Caption}
  574. <div class="caption">{block:Caption}<div class="pad">{Caption}</div>{/block:Caption}</div>
  575. {/block:Caption}
  576. </div>
  577. {/block:Audio}
  578.  
  579.  
  580. {block:Video}
  581. <div class="video">{Video-500}</div>
  582. {block:ifshowcaption}{block:Caption}<div class="pad">{Caption}</div>{/block:Caption}{block:ifshowcaption}
  583. {/block:Video}
  584.  
  585.  
  586. {block:Answer}
  587. <div class="pad">
  588. <div class="question">
  589. <img src="{AskerPortraitURL-20}">
  590. <div class="asker">{Asker} asked:<br></div>
  591. {Question}</div>
  592. <div class="answer">
  593. {Answer}</div>
  594. </div>
  595. {/block:Answer}
  596.  
  597.  
  598. <div class="info">{block:Date}<div class="pin">
  599. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>&nbsp;&nbsp;
  600. <a href="{Permalink}">&nbsp;&nbsp;{NoteCount}&nbsp;&nbsp;</a>&nbsp;&nbsp;
  601.  
  602.  
  603. <div class="controls">
  604. <a href="{ReblogURL}" target="_blank" class="reblog" title="reblog">
  605. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  606. </a>
  607. <a href="#" class="like" title="like">{LikeButton}
  608. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  609. </a>
  610. </div></div>
  611. {/block:Date}
  612.  
  613. {block:HasTags}
  614. <div class="tags">
  615. {block:Tags}
  616. <a href="{TagURL}">#{Tag} &nbsp;</a>
  617. {/block:Tags}
  618. </div>
  619. {/block:HasTags}
  620. </div>
  621.  
  622. </div>
  623.  
  624.  
  625. {block:PermalinkPage}
  626. {block:PostNotes}
  627. <div class="post-notes">{PostNotes}</div>
  628. {/block:PostNotes}
  629. {/block:PermalinkPage}
  630.  
  631. {/block:Posts}
  632.  
  633. </div>
  634.  
  635.  
  636.  
  637. {block:Pagination}
  638. <div id="pagination">
  639. {block:previouspage}
  640. <a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  641. {block:JumpPagination length="4"}{block:CurrentPage}
  642. <span class="current_page">{PageNumber}</span>
  643. {/block:CurrentPage}{block:JumpPage}
  644.  
  645. <a class="jump_page" href="{URL}">{PageNumber}</a>
  646. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  647. <a class="next" href="{NextPage}">next</a>
  648. {/block:nextpage}
  649. </div>
  650. {/block:Pagination}
  651.  
  652.  
  653.  
  654. <!-- BEGIN SCRIPTS --->
  655.  
  656.  
  657. <!-- video resizing scripts --->
  658. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  659. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  660.  
  661.  
  662. <!-- fonts -->
  663. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i&amp;subset=latin-ext" rel="stylesheet">
  664. <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
  665. <link rel="stylesheet" href="https://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  666.  
  667.  
  668. <!-- smooth scroll -->
  669. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  670.  
  671.  
  672. <!-- tooltips -->
  673. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  674.  
  675. <script>
  676. (function($){
  677. $(document).ready(function(){
  678. $("a[title]").style_my_tooltips({
  679. tip_follows_cursor:true,
  680. tip_delay_time:30,
  681. tip_fade_speed:300,
  682. attribute:"title"
  683. });
  684. });
  685. })(jQuery);
  686. </script>
  687.  
  688. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  689. <script>
  690. $(document).ready(function(){
  691. $('#entries').infinitescroll({
  692. itemSelector : ".posts",
  693. navSelector : "#pagination",
  694. nextSelector : ".next",
  695. loadingImg : "",
  696. loadingText : "",
  697. bufferPx: 2000
  698. }, function(items) {
  699. $(items).unnest({
  700. yourCaption: ".pad",
  701. wrapName: ".tumblr_parent",
  702. newCaptionUsername: false,
  703. originalPostCaptionUsername: false,
  704. tumblrAvatars: true,
  705. tumblrAvatarClass: ".tumblr_avatar",
  706. usernameColon: false
  707. });
  708. });
  709. });
  710. </script>
  711.  
  712.  
  713. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  714. <script>
  715. $('.posts').unnest({
  716. yourCaption: ".pad",
  717. wrapName: ".tumblr_parent",
  718. newCaptionUsername: false,
  719. originalPostCaptionUsername: false,
  720. tumblrAvatars: true,
  721. tumblrAvatarClass: ".tumblr_avatar",
  722. usernameColon: false
  723. });
  724. </script>
  725. <nym class="nm"><a href="http://almacodes.tumblr.com" class="span" title="theme &copy">A</a></nym>
  726. <link rel="stylesheet" href="https://static.tumblr.com/xqlpltm/Yujpovigl/cielo.css">
  727. </body>
Add Comment
Please, Sign In to add comment
Public Pastes
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!