API tools faq
paste
Advertisement
jasonmcann

Theme: Spring

jasonmcann
Jun 1st, 2016
8,601
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. - theme #35 by cathms -
  5. don't take parts of this code.
  6. don't remove this comment.
  7. don't remove the credit.
  8.  
  9. Last update: feb 22, 2017
  10. -->
  11.  
  12. <html>
  13. <head>
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  18. <meta name="description" content="" />
  19. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  20.  
  21. <meta name="image:Background" content="">
  22. <meta name="image:Sidebar" content="">
  23.  
  24. <meta name="color:Background" content="#ffffff" />
  25. <meta name="color:Text" content="#999999" />
  26. <meta name="color:Link" content="#444444" />
  27. <meta name="color:Link hover" content="#ffd1dc" />
  28. <meta name="color:Icon bg" content="#ffd1dc" />
  29. <meta name="color:Caption" content="#f6f6f6" /
  30. <meta name="color:Info" content="#444444" />
  31. <meta name="color:Bold" content="#ffd1dc" />
  32. <meta name="color:Borders" content="#eeeeee" />
  33. <meta name="color:Scrollbar" content="#ffd1dc" />
  34.  
  35. <meta name="select:Background position" content="initial" title="initial"/>
  36. <meta name="select:Background position" content="5% 5%" title="left top"/>
  37. <meta name="select:Background position" content="5% 50%" title="left center"/>
  38. <meta name="select:Background position" content="5% 95%" title="left bottom"/>
  39. <meta name="select:Background position" content="95% 5%" title="right top"/>
  40. <meta name="select:Background position" content="95% 50%" title="right center"/>
  41. <meta name="select:Background position" content="95% 95%" title="right bottom"/>
  42.  
  43. <meta name="select:Background repeat" content="repeat" title="repeat"/>
  44. <meta name="select:Background repeat" content="no-repeat" title="no repeat"/>
  45.  
  46. <meta name="select:Body font" content="karla" title="karla"/>
  47. <meta name="select:Body font" content="roboto" title="Roboto"/>
  48. <meta name="select:Body font" content="helvetica" title="Helvetica"/>
  49. <meta name="select:Body font" content="arial" title="Arial"/>
  50. <meta name="select:Body font" content="cambria" title="Cambria"/>
  51. <meta name="select:Body font" content="calibri" title="Calibri"/>
  52. <meta name="select:Body font" content="trebuchet ms" title="Trebuchet ms"/>
  53.  
  54. <meta name="select:Body font size" content="10px" title="10px"/>
  55. <meta name="select:Body font size" content="09px" title="09px"/>
  56. <meta name="select:Body font size" content="11px" title="11px"/>
  57.  
  58. <meta name="select:Posts width" content="250" title="250px"/>
  59. <meta name="select:Posts width" content="300" title="300px"/>
  60. <meta name="select:Posts width" content="350" title="350px"/>
  61. <meta name="select:Posts width" content="400" title="400px"/>
  62. <meta name="select:Posts width" content="450" title="450px"/>
  63. <meta name="select:Posts width" content="500" title="500px"/>
  64. <meta name="select:Posts width" content="540" title="540px"/>
  65.  
  66. <meta name="if:Show caption" content="1">
  67. <meta name="if:No rescaling" content="0">
  68. <meta name="if:Custom gutter" content="0">
  69.  
  70. <meta name="select:Tags" content="0" title="hover"/>
  71. <meta name="select:Tags" content="1" title="always visible"/>
  72.  
  73. <meta name="select:Number of links" content="3" title="3">
  74. <meta name="select:Number of links" content="1" title="1">
  75. <meta name="select:Number of links" content="2" title="2">
  76. <meta name="select:Number of links" content="4" title="4">
  77. <meta name="select:Number of links" content="5" title="5">
  78.  
  79. <meta name="text:Margin" content="50" />
  80. <meta name="text:Gutter" content="2" />
  81. <meta name="text:Link 01 URL" content="/" />
  82. <meta name="text:Link 01 title" content="Link 01">
  83. <meta name="text:Link 02 URL" content="/" />
  84. <meta name="text:Link 02 title" content="Link 02">
  85. <meta name="text:Link 03 URL" content="/" />
  86. <meta name="text:Link 03 title" content="Link 03">
  87. <meta name="text:Link 04 URL" content="/" />
  88. <meta name="text:Link 04 title" content="Link 04">
  89. <meta name="text:Link 05 URL" content="/" />
  90. <meta name="text:Link 05 title" content="Link 05">
  91.  
  92. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  93. {block:ifNotCustomGutter}<link href="http://static.tumblr.com/nb65v05/MWoo293ue/sghn.css" rel="stylesheet" type="text/css"/>{/block:ifNotCustomGutter}
  94. <link href="http://static.tumblr.com/nb65v05/EvVo293om/style.css" rel="stylesheet" type="text/css"/>
  95. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  96. {block:ifNoRescaling}<link href="http://static.tumblr.com/nb65v05/dXHo8qjrq/nrsclng.css" rel="stylesheet" type="text/css"/>{/block:ifNoRescaling}
  97.  
  98. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  99. <script>
  100. (function($){
  101. $(document).ready(function(){
  102. $("[title]").style_my_tooltips({
  103. tip_follows_cursor:true,
  104. tip_delay_time:200,
  105. tip_fade_speed:300
  106. }
  107. );
  108. });
  109. })(jQuery);
  110. </script>
  111.  
  112. <script language="Javascript">
  113. $(document).ready(function() {
  114. $('#panel a').hide();
  115. $('#panel a:lt({select:Number of links})').show();
  116. });
  117. </script>
  118.  
  119. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  120. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  121.  
  122. <link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  123.  
  124. <style type="text/css">
  125.  
  126. body {
  127. font:{select:body font size} {select:body font}, sans-serif;
  128. margin:0;
  129. color:{color:text};
  130. background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};
  131. background-position: {select:background position};
  132. background-repeat: {select:background repeat};
  133. line-height:1.5em;
  134. }
  135.  
  136. a {
  137. color:{color:link};
  138. text-decoration: none;
  139. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  140. -o-transition:all 0.6s ease-in-out;/*opera*/
  141. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  142. -ms-transition:all 0.6s ease-in-out;/*ie*/
  143. transition:all 0.6s ease-in-out;/*w3c*/}
  144.  
  145. a:hover {
  146. color:{color:link hover};}
  147.  
  148. em, strong {
  149. color:{color:bold};}
  150.  
  151. small {
  152. font-size:{select:body font size};}
  153.  
  154. ol, ul {
  155. padding:0;
  156. padding-left:5px;
  157. list-style-type:none;
  158. }
  159. ol li,
  160. ul li {
  161. position:relative;
  162. padding-left:10px;
  163. }
  164. .posts ol li:before{
  165. content:'›';
  166. position:absolute;
  167. margin-top:-1.5px;
  168. left:0;
  169. font-size:10px;
  170. }
  171. .posts ul li:before {
  172. content:'›';
  173. position:absolute;
  174. margin-top:-1.5px;
  175. left:0;
  176. font-size:10px;
  177. }
  178.  
  179. sub, sup{font-size: 10px;}
  180.  
  181. .container {
  182. width:{select:posts width}px;
  183. margin: auto;}
  184.  
  185. #entries{
  186. width:{select:posts width}px;
  187. position:relative;
  188. margin-top:90px;
  189. margin-bottom:90px;margin-left:50px;
  190. }
  191.  
  192. #entries a{
  193. cursor:help;
  194. }
  195.  
  196. .posts {
  197. width:{select:posts width}px;
  198. overflow:hidden;
  199. word-wrap: break-word;
  200. {block:IndexPage}
  201. margin-bottom:{text:Margin}px;
  202. {/block:IndexPage}
  203. }
  204.  
  205. .posts h2{
  206. font-size:15px;
  207. font-family:karla;
  208. font-weight:normal;
  209. text-align:center;
  210. color:{color:link};
  211. }
  212.  
  213. .posts blockquote {
  214. border-left: 1px solid {color:borders};
  215. padding-left: 5px;
  216. margin:05px;}
  217.  
  218. .posts blockquote h2{
  219. text-align:left;
  220. }
  221.  
  222. .posts img, .posts li, .posts blockquote {max-width: 100%;height:auto;}
  223.  
  224. .tmblr-full img {
  225. width:100%;}
  226.  
  227. .posts .images{
  228. {block:ifNotNoRescaling}
  229. width: 100%;
  230. {/block:ifNotNoRescaling}
  231. display:block;}
  232.  
  233.  
  234.  
  235. /* SIDEBAR */
  236. .sidebar {
  237. width: 145px;
  238. margin-left:-200px;
  239. margin-top:100px;
  240. position:fixed;}
  241.  
  242. .sidebar .sidebar-image{
  243. max-width:50px;
  244. border-radius:100%;
  245. padding:5px;
  246. padding-top:0;
  247. margin-top:-15px;
  248. border-bottom:1px solid {color:borders};
  249. display:block;
  250. margin-left: auto;
  251. margin-right: auto;
  252. float:right;
  253. }
  254.  
  255. .menu{
  256. float:left;
  257. line-height:100%;
  258. }
  259.  
  260. .menu green {
  261. background-color:{color:Icon bg};
  262. border-radius:5px;
  263. color:white;
  264. display:inline-block;
  265.  
  266. }
  267.  
  268. .menu a{
  269. display:inline-block;
  270. padding:05px;
  271. }
  272.  
  273. .menu svg{
  274. fill:{color:link};}
  275.  
  276. .sb-title{
  277. margin-top:100px;
  278. margin-bottom:05px;
  279. text-align:left;
  280. letter-spacing:2px;
  281. font-size:18px;
  282. font-family:karla;
  283. text-transform:uppercase;
  284. line-height:120%;
  285. }
  286.  
  287. /* DESCRIPTION */
  288. .description{
  289. text-align:justify;
  290. margin-top:20px;
  291. line-height:150%;
  292. }
  293.  
  294. /* NAVIGATION / LINKS */
  295. .navi {
  296. -webkit-column-count: 3; /* Chrome, Safari, Opera */
  297. -moz-column-count: 3; /* Firefox */
  298. column-count: 3;}
  299.  
  300. .navi a{
  301. display:block;
  302. border:0 solid {color:Borders}!important;}
  303.  
  304. /* PAGINATION */
  305. .pag{
  306.  
  307. }
  308.  
  309. /* QUOTE POSTS */
  310. .quote {
  311. padding:0 10px 0 10px;}
  312.  
  313. .quotetext-short {
  314. font-size: 18px;}
  315.  
  316. .quotetext-medium {
  317. font-size: 14px;}
  318.  
  319. .quotetext-long {
  320. font-size: 11px;}
  321.  
  322. .quote-source {
  323. text-align:right;}
  324.  
  325. /* CHAT POSTS */
  326. .odd, .even {
  327. margin:0px;
  328. padding:10px;
  329. border-bottom:1px solid {color:borders};}
  330.  
  331. .odd:first-of-type {
  332. border-top:1px solid {color:borders};}
  333.  
  334. /* AUDIO POSTS */
  335. .tumblr_audio_player {
  336. height:20px;
  337. width:20px;
  338. z-index:99;
  339. margin:0;
  340. padding:10px;
  341. margin-left:30px;
  342. margin-top:30px;
  343. position:absolute;
  344. float:left;
  345. background-color:white;
  346. border-radius:100%;
  347. opacity:0.5;}
  348.  
  349. .audio:hover .au-image img{
  350. opacity:1;
  351. }
  352.  
  353.  
  354. .audioi {
  355. width:auto;
  356. border:1px solid {color:Borders};
  357. overflow:hidden;
  358. max-height:98px;
  359. position:relative;
  360. margin-left:102px;
  361. }
  362.  
  363. .audio{
  364. height:102px;
  365. }
  366.  
  367. .au-info {
  368. position:relative;
  369. margin-left:100px;
  370. overflow:auto;
  371. padding:10px;
  372. padding-top:0;
  373. font-size:12px;
  374. font-weight:bold;
  375. height:100px;
  376. display: table-cell;
  377. vertical-align: middle;
  378. }
  379.  
  380. .au-image{
  381. float:left;
  382. width:100px;
  383. height:100px;
  384. }
  385.  
  386. .au-image img{
  387. opacity:1;
  388. display: block;
  389. position:relative;
  390. z-index:9;
  391. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  392. -o-transition:all 0.6s ease-in-out;/*opera*/
  393. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  394. -ms-transition:all 0.6s ease-in-out;/*ie*/
  395. transition:all 0.6s ease-in-out;/*w3c*/
  396. }
  397.  
  398. /* VIDEO POSTS*/
  399. .video{
  400. position:relative;
  401. z-index:9999;}
  402.  
  403. .tumblr_video_container {
  404. width:auto!important;
  405. height:auto!important;}
  406.  
  407. .video .instagram-media {
  408. max-height:none!important;
  409. box-shadow:none!important;
  410. border:1px solid {color:borders}!important;
  411. max-width:calc({select:posts width}px - 3px)!important;}
  412.  
  413. /* ASK POSTS */
  414. .question{
  415. border-left:1px solid {color:borders};
  416. padding-left:15px;
  417. margin-left:45px;
  418. padding:10px;
  419. margin-bottom:20px;
  420. }
  421.  
  422. /* CAPTION */
  423. .caption{
  424. padding:10px;
  425. background-color:{color:caption};
  426. margin-top:10px;
  427. }
  428.  
  429. .text a {
  430. border-bottom:1px solid {color:borders};}
  431.  
  432. .text a:hover {
  433. text-decoration:none;
  434. color:{color:link hover};
  435. border-color:{color:link hover};
  436. }
  437.  
  438. .caption a {
  439. border-bottom:1px solid {color:borders};}
  440.  
  441. .caption a:hover {
  442. text-decoration:none;
  443. color:{color:link hover};
  444. border-color:{color:link hover};
  445. }
  446.  
  447. /* INFO */
  448. .posts-info{
  449. margin-top:05px;
  450. font-size:09px;
  451. text-transform:uppercase;
  452. letter-spacing:0px;
  453. text-align:center;
  454. color:{color:info};
  455. margin-bottom:1px;}
  456.  
  457. .posts-info a{
  458. color:{color:info};
  459. }
  460.  
  461. .posts-info svg{
  462. fill:{color:link};}
  463.  
  464. a.tag {
  465. text-decoration:none;
  466. margin:3px;
  467. text-transform:none;
  468. font-size:10px;
  469. opacity:{select:tags};
  470. {block:permalinkPage}
  471. opacity:1;{/block:permalinkPage}
  472. }
  473.  
  474. .posts:hover a.tag{
  475. opacity:1;
  476. }
  477.  
  478. /* NOTES */
  479. #notes{
  480. width:{select:posts width}px;
  481. margin-left:0px;
  482. max-height:190px;
  483. overflow:auto;
  484. margin-top:15px;}
  485.  
  486. .notes img{border-radius:100%;}
  487.  
  488. ol.notes {
  489. padding: 0px;
  490. margin: 0;
  491. list-style-type: none;}
  492.  
  493. ol.notes li.note {padding: 10px;}
  494.  
  495. ol.notes li.note img.avatar {
  496. vertical-align: -4px;
  497. float:left;
  498. margin-right: 10px;
  499. width: 16px;
  500. height: 16px;}
  501.  
  502. ol.notes li.note span.action {}
  503.  
  504. ol.notes li.note .answer_content {font-weight: normal;}
  505.  
  506. ol.notes li.note blockquote {
  507. border-color: {color:borders};
  508. padding: 4px 10px;
  509. margin: 10px 0px 0px 25px;}
  510.  
  511. /* EXTRAS */
  512. a.c{
  513. position:fixed;
  514. bottom:25px;
  515. right:25px;
  516. font:07px 'trebuchet ms';
  517. text-transform:uppercase;
  518. letter-spacing:1px;
  519. text-align:right;
  520. z-index:9999999;
  521. background-color:#fff;
  522. border:1px solid #e9e9e9;
  523. padding:05px;
  524. border-radius:100%;
  525. color:#8c8c8c;
  526. }
  527.  
  528. .vignette, #vignette {
  529. opacity:0;
  530. }
  531. .lightbox-image, #tumblr_lightbox img {
  532. box-shadow:none !important;
  533. border-radius:0 !important;
  534. max-width:none;
  535. }
  536.  
  537. .tmblr-lightbox, #tumblr_lightbox {
  538. background-color:rgba(255,255,255,.8) !important;
  539. }
  540.  
  541. #tumblr_lightbox img {
  542. border:3px solid #fff !important;
  543. -moz-box-sizing:border-box;
  544. box-sizing:border-box;
  545. }
  546.  
  547. .lightbox-image {
  548. padding:3px;
  549. background-color:rgba(255,255,255,1) !important;
  550. }
  551.  
  552. ::-webkit-scrollbar {
  553. width: 3px;
  554. height: 3px;
  555. background: {color:background};}
  556.  
  557. ::-webkit-scrollbar-thumb {
  558. background-color:{color:scrollbar};}
  559.  
  560. #s-m-t-tooltip{
  561. margin:24px 14px 7px 12px;
  562. z-index:9999999999999;
  563. line-height:16px;
  564. background:{color:background};
  565. padding:2px 4px;
  566. font-size:8px;
  567. text-transform:uppercase;
  568. border:1px solid {color:borders};
  569. line-height:10px;
  570. letter-spacing:1px;}
  571.  
  572. ::selection {
  573. background: {color:link};
  574. color: white;}
  575. ::-moz-selection {
  576. background: {color:link};
  577. color: white;}
  578. ::-webkit-selection {
  579. background: {color:link};
  580. color: white;}
  581.  
  582. .buttons{
  583. padding-bottom:7px;
  584. display:inline-block;
  585. border-bottom:1px solid {color:borders};
  586. }
  587.  
  588. .buttons a {
  589. position:relative;
  590. display:inline-block;
  591. padding:3px;
  592. }
  593.  
  594. .like svg path {
  595. fill: {color:link};
  596. }
  597. .like .like_button iframe {
  598. position: absolute;
  599. top: -01px;
  600. opacity: 0;
  601. width:14px;
  602. bottom:0;
  603. left:01px;
  604. right:0;
  605. }
  606. .like .like_button.liked + svg {
  607. opacity:1;
  608. }
  609. .like .like_button.liked + svg path {
  610. fill:red;
  611. }
  612.  
  613. .date a{
  614. margin:3px;
  615. margin-top:0;
  616. margin-bottom:0;
  617. }
  618.  
  619. img.ask{
  620. width:30px;
  621. border-radius:100%;
  622. height:30px;
  623. float:left;
  624. }
  625.  
  626. .pag{
  627. text-align:center;
  628. font:08px helvetica;
  629. letter-spacing:1px;
  630. text-transform:uppercase;
  631. }
  632. .pag a, .current_page, .jump_page{
  633. padding:05px;
  634. margin:05px;
  635. border-bottom:1px solid {color:scrollbar};
  636. }
  637.  
  638. #panel{
  639. position:absolute;
  640. text-align: center;
  641. display: none;
  642. line-height:90%;
  643. }
  644.  
  645. #panel a:first-child{
  646. padding-left:0;
  647. }
  648.  
  649. #panel a:last-child{
  650. padding-right:0;
  651. }
  652.  
  653. .me{
  654. text-align:center;
  655. }
  656.  
  657. .flip:hover{
  658. cursor:pointer;
  659. }
  660.  
  661. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.5; z-index:9999999!important;}
  662.  
  663. </style>
  664. </head>
  665.  
  666. <body>
  667.  
  668. <div class="container">
  669. <div class="sidebar">
  670.  
  671. <div class="menu"><green><a href="/" title="refresh"><svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 486.988 486.988" style="enable-background:new 0 0 486.988 486.988;" xml:space="preserve"><g><g><path d="M16.822,284.968h39.667v158.667c0,9.35,7.65,17,17,17h116.167c9.35,0,17-7.65,17-17V327.468h70.833v116.167 c0,9.35,7.65,17,17,17h110.5c9.35,0,17-7.65,17-17V284.968h48.167c6.8,0,13.033-4.25,15.583-10.483 c2.55-6.233,1.133-13.6-3.683-18.417L260.489,31.385c-6.517-6.517-17.283-6.8-23.8-0.283L5.206,255.785 c-5.1,4.817-6.517,12.183-3.967,18.7C3.789,281.001,10.022,284.968,16.822,284.968z M248.022,67.368l181.333,183.6h-24.367 c-9.35,0-17,7.65-17,17v158.667h-76.5V310.468c0-9.35-7.65-17-17-17H189.656c-9.35,0-17,7.65-17,17v116.167H90.489V267.968 c0-9.35-7.65-17-17-17H58.756L248.022,67.368z"/></g></g></svg>
  672. </a></green>
  673. <a href="/ask" title="message"><svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 475.433 475.433" style="enable-background:new 0 0 475.433 475.433;" xml:space="preserve"><g><g><path d="M237.717,17.425C106.533,17.425,0,101.008,0,203.575c0,52.983,28.333,102.567,77.917,137.983l-17,96.617 c-1.133,6.517,1.417,13.033,6.8,16.717c2.833,2.267,6.517,3.117,9.917,3.117c2.833,0,5.667-0.567,7.933-1.983l125.517-67.433 c9.067,0.85,17.85,1.133,26.633,1.133c131.183,0,237.717-83.583,237.717-186.15S368.9,17.425,237.717,17.425z M237.717,355.442 c-9.067,0-18.7-0.567-28.333-1.417c-3.4-0.283-6.8,0.283-9.917,1.983L100.3,409.275l12.75-72.817c1.133-6.8-1.7-13.6-7.65-17.283 c-45.617-29.183-71.683-71.117-71.683-115.6c0-83.867,91.517-152.15,203.717-152.15s203.717,68.283,203.717,152.15 S349.917,355.442,237.717,355.442z"/></g></g></svg></a><br>
  674. <a href="/archive" title="archive"><svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 493 493" style="enable-background:new 0 0 493 493;" xml:space="preserve"><g><g><path d="M473.167,45.333h-51c-9.35,0-17,7.65-17,17s7.65,17,17,17h34V459H36.833V79.333h45.333c9.35,0,17-7.65,17-17 s-7.65-17-17-17H19.833c-9.35,0-17,7.65-17,17V476c0,9.35,7.65,17,17,17h453.333c9.35,0,17-7.65,17-17V62.333 C490.167,52.983,482.517,45.333,473.167,45.333z"/><path d="M269.167,45.333H221c-9.35,0-17,7.65-17,17s7.65,17,17,17h48.167c9.35,0,17-7.65,17-17S278.517,45.333,269.167,45.333z"/><path d="M144.5,351.333h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17H144.5c9.35,0,17-7.65,17-17v-28.333 C161.5,358.983,153.85,351.333,144.5,351.333z"/><path d="M266.333,351.333h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5c9.35,0,17-7.65,17-17v-28.333 C283.333,358.983,275.683,351.333,266.333,351.333z"/><path d="M161.5,274.833c0-9.35-7.65-17-17-17h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17H144.5 c9.35,0,17-7.65,17-17V274.833z"/><path d="M283.333,274.833c0-9.35-7.65-17-17-17h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5 c9.35,0,17-7.65,17-17V274.833z"/><path d="M385.333,257.833h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h39.667c9.35,0,17-7.65,17-17v-28.333 C402.333,265.483,394.683,257.833,385.333,257.833z"/><path d="M87.833,178.5v28.333c0,9.35,7.65,17,17,17H144.5c9.35,0,17-7.65,17-17V178.5c0-9.35-7.65-17-17-17h-39.667 C95.483,161.5,87.833,169.15,87.833,178.5z"/><path d="M283.333,178.5c0-9.35-7.65-17-17-17h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5c9.35,0,17-7.65,17-17 V178.5z"/><path d="M402.333,178.5c0-9.35-7.65-17-17-17h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h39.667 c9.35,0,17-7.65,17-17V178.5z"/><path d="M155.833,113.333c9.35,0,17-7.65,17-17V17c0-9.35-7.65-17-17-17h-17c-9.35,0-17,7.65-17,17v79.333c0,9.35,7.65,17,17,17 H155.833z"/><path d="M351.333,0h-17c-9.35,0-17,7.65-17,17v79.333c0,9.35,7.65,17,17,17h17c9.35,0,17-7.65,17-17V17 C368.333,7.65,360.683,0,351.333,0z"/></g></g></svg>
  675. </a>
  676.  
  677. <a class="flip" title="links"><svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 396.667 396.667" style="enable-background:new 0 0 396.667 396.667;" xml:space="preserve"><g><g><path d="M17,87.833h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17C0,80.183,7.65,87.833,17,87.833z"/><path d="M17,215.333h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17S7.65,215.333,17,215.333z"/><path d="M17,342.833h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17S7.65,342.833,17,342.833z"/></g></g></svg>
  678. </a><br><br>
  679. <div id="panel">
  680. <a href="{text:Link 01 URL}">{text:Link 01 title}</a>
  681. <a href="{text:Link 02 URL}">{text:Link 02 title}</a>
  682. <a href="{text:Link 03 URL}">{text:Link 03 title}</a>
  683. <a href="{text:Link 04 URL}">{text:Link 04 title}</a>
  684. <a href="{text:Link 05 URL}">{text:Link 05 title}</a>
  685. </div>
  686. </div>
  687.  
  688. <img src="{image:sidebar}" class="sidebar-image">
  689.  
  690. {block:ShowTitle}
  691. <div class="sb-title"><a href="/">{Title}</a></div>{/block:ShowTitle}
  692.  
  693. {block:ShowDescription}<div class="description">{Description}</div>
  694. {/block:ShowDescription}
  695.  
  696.  
  697. </div><!--- sidebar --->
  698.  
  699.  
  700. <div id="entries">
  701. {block:Posts}
  702.  
  703. {block:ContentSource}
  704. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  705. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  706. {/block:SourceLogo}
  707. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  708. {/block:ContentSource}
  709.  
  710. <div class="posts">
  711.  
  712.  
  713. {block:Text}
  714. {block:Title}<h2>{Title}</h2>{/block:Title}
  715. <div class="text">{Body}</div>
  716. {/block:Text}
  717.  
  718. {block:Photo}
  719. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
  720. {block:ifShowCaption}
  721. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  722. {/block:ifShowCaption}
  723. {block:ifNotShowCaption}
  724. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  725. {/block:ifNotShowCaption}
  726. {/block:Photo}
  727.  
  728. {block:Photoset}<div class="center">
  729. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}"><center>{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}</center></div></div>
  730. {block:ifShowCaption}
  731. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  732. {/block:ifShowCaption}
  733. {block:ifNotShowCaption}
  734. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  735. {/block:ifNotShowCaption}
  736. {/block:Photoset}
  737.  
  738. {block:Quote}<div class="quote">
  739. <div class="quotetext-{Length}">{Quote}</div>
  740. {block:Source}
  741. <div class="quote-source">{Source}</div>
  742. {/block:Source}
  743. </div>{/block:Quote}
  744.  
  745. {block:Link}
  746. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  747. {block:Description}{Description}{/block:Description}
  748. {/block:Link}
  749.  
  750. {block:Chat}
  751. {block:Title}<h2>{Title}</h2>{/block:Title}
  752. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  753. {/block:Chat}
  754.  
  755. {block:Audio}
  756. <div class="audio">
  757. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  758. <div class="au-image">{block:AlbumArt}
  759. <img src="{AlbumArtURL}">
  760. {/block:AlbumArt}</div><div class="audioi">
  761. <div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}
  762. {block:Artist}<br><small><b>{Artist}</b></small>{/block:Artist}
  763. </div></div>
  764.  
  765. </div>
  766. {block:ifShowCaption}
  767. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  768. {/block:ifShowCaption}
  769. {block:ifNotShowCaption}
  770. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  771. {/block:ifNotShowCaption}
  772. {/block:Audio}
  773.  
  774. {block:Video}
  775. <div class="video">{Video-500}</div>
  776. {block:ifShowCaption}
  777. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  778. {/block:ifShowCaption}
  779. {block:ifNotShowCaption}
  780. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  781. {/block:ifNotShowCaption}
  782. {/block:Video}
  783.  
  784. {block:Answer}<img src="{AskerPortraitURL-128}" class="ask">
  785. <div class="question">
  786. <b>{Asker}:</b> {Question}</div>
  787. <center>{Answer}</center>
  788. {/block:Answer}
  789.  
  790. {block:Date}<div class="posts-info">
  791. <div class="buttons">
  792.  
  793. <a href="{ReblogURL}" target="_blank"><svg width="08" height="08" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" 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>
  794. </a>
  795.  
  796. <a class="like">{LikeButton}
  797. <svg width="10" height="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" 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></a>
  798.  
  799. </div>
  800. <div class="date" style="margin-top:10px">
  801. <a href="{Permalink}" title="{TimeAgo}"><b>{MonthNumberWithZero}/{DayOfMonthWithZero}</b></a>{block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}{block:PermalinkPage}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> /{/block:PermalinkPage} <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}
  802. {block:HasTags}<br><br>{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  803.  
  804.  
  805.  
  806. </div>
  807. {/block:Date}
  808. </div><!--- posts --->
  809.  
  810. {block:PermalinkPage}
  811. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  812. {/block:PermalinkPage}
  813.  
  814. {/block:Posts}
  815.  
  816. {block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>{block:PreviousPage}
  817. <a href="{PreviousPage}"><b>Previous</b></a>
  818. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  819. <span class="current_page">{PageNumber}</span>
  820. {/block:CurrentPage}{block:JumpPage}
  821. <a class="jump_page" href="{URL}">{PageNumber}</a>
  822. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  823. <a href="{NextPage}"><b>Next</b></a>
  824. {/block:NextPage}</div>{/block:Pagination}
  825.  
  826. </div><!--- entries --->
  827.  
  828. </div><!--- container --->
  829.  
  830. <script>
  831. $(document).ready(function(){
  832. $(".flip").click(function(){
  833. $("#panel").slideToggle("slow");
  834. });
  835. });
  836. </script>
  837.  
  838. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  839.  
  840. <script>
  841. $(document).ready(function(){
  842. $('.photo-slideshow').pxuPhotoset({
  843. lightbox: true,
  844. rounded: false,
  845. {block:ifNotCustomGutter}
  846. gutter: '0px',{/block:ifNotCustomGutter}
  847. {block:ifCustomGutter}
  848. gutter: {text:Gutter},{/block:ifCustomGutter}
  849. borderRadius: '0px',
  850. photoset: '.photo-slideshow',
  851. photoWrap: '.photo-data',
  852. photo: '.pxu-photo'
  853. });
  854. });
  855. </script>
  856.  
  857. <a href="http://cathms.tumblr.com/" target="_blank" class="c">tc</a>
  858.  
  859. </body>
  860. </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!