API tools faq
paste
jasonmcann

Theme: Déjà-boo [2.0]

jasonmcann
Oct 31st, 2016
7,009
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. theme #40 [update]
  6. - by cathms -
  7.  
  8. Last update:
  9. - don't take parts of this code
  10. - don't remove this comment
  11. - don't remove the credit
  12.  
  13. -->
  14.  
  15. <html>
  16. <head>
  17.  
  18. <title>{Title} {block:TagPage}— #{Tag}{/block:TagPage} {block:PostSummary}— {PostSummary}{/block:PostSummary}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  21. <meta name="description" content="" />
  22. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  23.  
  24. <meta name="image:Background" content="">
  25. <meta name="image:Sidebar" content="">
  26.  
  27. <meta name="color:Background" content="#ffffff" />
  28. <meta name="color:Posts" content="#ffffff" />
  29. <meta name="color:Accent" content="#fafafa" />
  30. <meta name="color:Text" content="#999999" />
  31. <meta name="color:Link" content="#444444" />
  32. <meta name="color:Link hover" content="#999999" />
  33. <meta name="color:Info" content="#444444" />
  34. <meta name="color:Bold" content="#444444" />
  35. <meta name="color:Borders" content="#eeeeee" />
  36. <meta name="color:Scrollbar" content="#444444" />
  37.  
  38. <meta name="select:Background position" content="initial" title="initial"/>
  39. <meta name="select:Background position" content="5% 5%" title="left top"/>
  40. <meta name="select:Background position" content="5% 50%" title="left center"/>
  41. <meta name="select:Background position" content="5% 95%" title="left bottom"/>
  42. <meta name="select:Background position" content="95% 5%" title="right top"/>
  43. <meta name="select:Background position" content="95% 50%" title="right center"/>
  44. <meta name="select:Background position" content="95% 95%" title="right bottom"/>
  45.  
  46. <meta name="select:Background repeat" content="repeat" title="repeat"/>
  47. <meta name="select:Background repeat" content="no-repeat" title="no repeat"/>
  48.  
  49. <meta name="select:Body font" content="karla" title="Karla"/>
  50. <meta name="select:Body font" content="Open Sans" title="Open Sans"/>
  51. <meta name="select:Body font" content="cambria" title="Cambria"/>
  52. <meta name="select:Body font" content="sans-serif" title="Sans-serif"/>
  53. <meta name="select:Body font" content="trebuchet ms" title="Trebuchet ms"/>
  54.  
  55. <meta name="select:Posts width" content="400" title="400px"/>
  56. <meta name="select:Posts width" content="450" title="450px"/>
  57. <meta name="select:Posts width" content="500" title="500px"/>
  58. <meta name="select:Posts width" content="540" title="540px"/>
  59.  
  60. <meta name="if:Top icons" content="1">
  61. <meta name="if:Side icons" content="1">
  62. <meta name="if:Show caption" content="1">
  63. <meta name="if:Draggable tags" content="1">
  64. <meta name="if:Infinite scroll" content="0">
  65. <meta name="if:Manual load" content="0">
  66. <meta name="if:No rescaling" content="0">
  67. <meta name="if:Custom gutter" content="0">
  68.  
  69. <meta name="text:Border radius" content="5" />
  70. <meta name="text:Margin" content="40" />
  71. <meta name="text:Gutter" content="4" />
  72. <meta name="text:Border radius" content="5" />
  73. <meta name="text:Link 01 URL" content="/" />
  74. <meta name="text:Link 01 title" content="Link 01">
  75. <meta name="text:Link 02 URL" content="/" />
  76. <meta name="text:Link 02 title" content="Link 02">
  77. <meta name="text:Link 03 URL" content="/" />
  78. <meta name="text:Link 03 title" content="Link 03">
  79. <meta name="text:Link 04 URL" content="/" />
  80. <meta name="text:Link 04 title" content="Link 04">
  81. <meta name="text:Link 05 URL" content="/" />
  82. <meta name="text:Link 05 title" content="Link 05">
  83. <meta name="text:Link 06 URL" content="/" />
  84. <meta name="text:Link 06 title" content="Link 06">
  85. <meta name="text:Link 07 URL" content="/" />
  86. <meta name="text:Link 07 title" content="Link 07">
  87. <meta name="text:Link 08 URL" content="/" />
  88. <meta name="text:Link 08 title" content="Link 08">
  89. <meta name="text:Link 09 URL" content="/" />
  90. <meta name="text:Link 09 title" content="Link 09">
  91.  
  92. <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  93. <link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
  94.  
  95. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  96.  
  97. <style type="text/css">
  98.  
  99. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  100. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1;} }
  101. @keyframes fadeIn { from { opacity:0; } to { opacity:1;} }
  102.  
  103. .fade-in {
  104. opacity:0;
  105. -webkit-animation:fadeIn ease-in 1;
  106. -moz-animation:fadeIn ease-in 1;
  107. animation:fadeIn ease-in 1;
  108. -webkit-animation-fill-mode:forwards;
  109. -moz-animation-fill-mode:forwards;
  110. animation-fill-mode:forwards;
  111. -webkit-animation-duration:1s;
  112. -moz-animation-duration:1s; animation-duration:1s; }
  113.  
  114. .fade-in.one { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
  115.  
  116. body {
  117. font:10px {select:body font}, sans-serif;
  118. margin:0;
  119. color:{color:text};
  120. background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};
  121. background-position: {select:background position};
  122. background-repeat: {select:background repeat};}
  123.  
  124. a {
  125. color:{color:link};
  126. text-decoration: none;
  127. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  128. -o-transition:all 0.6s ease-in-out;/*opera*/
  129. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  130. -ms-transition:all 0.6s ease-in-out;/*ie*/
  131. transition:all 0.6s ease-in-out;/*w3c*/}
  132.  
  133. a:hover {
  134. color:{color:link hover};}
  135.  
  136. b, strong {
  137. color:{color:bold};}
  138.  
  139. small {
  140. font-size:09px;}
  141.  
  142. ol {list-style-type:lower-roman;}
  143.  
  144. sub, sup{font-size: 10px;}
  145.  
  146. .container {
  147. width:calc({select:posts width}px + 2px);
  148. margin:0 auto;
  149. padding-bottom:100px;
  150. padding-top:100px;
  151. }
  152.  
  153. .entries{
  154. width:{select:posts width}px;
  155. margin-top:{text:margin}px;
  156.  
  157. }
  158.  
  159. .posts {
  160. width:{select:posts width}px;
  161. overflow:hidden;
  162. word-wrap: break-word;
  163. {block:IndexPage}
  164. margin-top:{text:Margin}px;
  165. {/block:IndexPage}
  166. position:relative;
  167. border:1px solid {color:borders};
  168. border-radius:{text:border radius}px;
  169. padding-top:15px;
  170. padding-bottom:15px;
  171. background-color:{color:posts};
  172. }
  173.  
  174. {block:IndexPage}
  175. .posts:first-of-type{
  176. margin-top:0;
  177. }
  178. {/block:IndexPage}
  179.  
  180. .posts h2{
  181. font-size:11px;
  182. text-transform:uppercase;
  183. letter-spacing:1px;
  184. font-weight:bold;
  185. margin-top:0;
  186. padding-top:0;
  187. padding-left:15px;
  188. padding-right:15px;
  189. }
  190.  
  191. .posts blockquote {
  192. margin:0px;}
  193.  
  194. .posts img, .posts li, .posts blockquote {max-width: 100%;height:auto;}
  195.  
  196. .tmblr-full img {
  197. width:100%;}
  198.  
  199. .posts .images{
  200. {block:ifNotNoRescaling}
  201. width: 100%;
  202. {/block:ifNotNoRescaling}
  203. display:block;}
  204.  
  205. /* SIDEBAR */
  206.  
  207. .sidebar {
  208. width: 130px;
  209. margin-left:calc({select:posts width}px + {text:margin}px + 2px);
  210. position:absolute;
  211. top:calc(173px + {text:margin}px);
  212. text-align:left;
  213. }
  214.  
  215. .bb{
  216. position:fixed;
  217. top:15px;
  218. }
  219.  
  220. .sidebar .sidebar-image{
  221. max-width:130px;
  222. display:block;
  223. margin-left: auto;
  224. margin-right: auto;}
  225.  
  226. .sb-title{
  227. padding-bottom:10px;
  228. margin-bottom:3px;
  229. text-align:left;
  230. border-bottom:2px dotted {color:borders};}
  231.  
  232. /* DESCRIPTION */
  233. .description{
  234. display:none;
  235. text-align:justify!important;
  236. margin-top:10px;
  237. }
  238.  
  239. /* NAVIGATION / LINKS */
  240.  
  241. .navi {
  242. text-transform:uppercase;
  243. letter-spacing:1px;
  244. font-size:09px;
  245. text-transform:uppercase;
  246. }
  247.  
  248. .navi a{
  249. display:block;
  250. padding-bottom:7px;
  251. padding-top:7px;
  252. border-bottom:1px solid {color:borders};
  253. color:{color:text};
  254. }
  255.  
  256. .navi a:last-of-type{
  257. border:0;
  258. }
  259. /* PAGINATION */
  260. .pag {
  261. padding-top:10px;
  262. border-top:1px solid {color:borders};
  263. text-align:left;}
  264.  
  265. .jump_page {
  266. padding: 4px 6px;}
  267.  
  268. .current_page, .jump_page:hover {
  269. padding: 4px 6px;}
  270.  
  271. /* QUOTE POSTS */
  272. .quo {
  273. padding:0 10px 0 10px;
  274. text-align:center;
  275. font-style:italic;
  276. }
  277.  
  278. .quotxt{
  279. text-align:center;
  280. }
  281.  
  282. .quo a{
  283. font-weight:normal;
  284. display:inline;
  285.  
  286. }
  287.  
  288. .quotxt-short {
  289. font-size: 16px;
  290. }
  291.  
  292. .quotxt-medium {
  293. font-size: 14px;
  294. }
  295.  
  296. .quotxt-long {
  297. font-size: 11px;
  298. }
  299.  
  300. .quosrc {
  301. text-align:center;
  302. display:inline-block;
  303. margin-top:05px;
  304. padding-top:05px;
  305. text-transform:lowercase;
  306. font-style:normal;
  307. border-top:1px solid {color:borders};
  308. }
  309.  
  310. /* CHAT POSTS */
  311. .odd, .even {
  312. margin:0px;
  313. padding:10px;
  314. }
  315.  
  316. .odd {
  317. background-color:{color:accent};
  318. }
  319.  
  320. .label{
  321. text-transform:uppercase;
  322. }
  323.  
  324. /* AUDIO POSTS */
  325. .tumblr_audio_player {
  326. height:20px;
  327. width:20px;
  328. z-index:9999;
  329. margin:0;
  330. padding:10px;
  331. margin-left:30px;
  332. margin-top:30px;
  333. position:absolute;
  334. background-color:white;
  335. border-radius:100%;
  336. }
  337.  
  338. .audio {
  339. width:auto;
  340. background-color:{color:accent};
  341. overflow:hidden;
  342. max-height:100px;
  343. position:relative;
  344. }
  345.  
  346. .au-info {
  347. position:relative;
  348. overflow:auto;
  349. padding:10px;
  350. padding-top:0;
  351. font-size:12px;
  352. left:100px;
  353. height:100px;
  354. display: table-cell;
  355. vertical-align: middle;
  356. }
  357.  
  358. img.au-image{
  359. float:right;
  360. width:100px;
  361. }
  362.  
  363. /* VIDEO POSTS*/
  364. .video{
  365. overflow:hidden;
  366. width:{select:posts width}px;}
  367.  
  368. .video .instagram-media {
  369. max-height:none!important;
  370. box-shadow:none!important;
  371. max-width:calc({select:posts width}px - 3px)!important;}
  372.  
  373. /* ASK POSTS */
  374. .question{
  375. padding:20px;
  376. min-height:30px;
  377. background-color:{color:accent};
  378. }
  379.  
  380. img.iquest {
  381. float:left;
  382. width:30px;
  383. height:30px;
  384. border-radius:3px;
  385. margin-right:20px;
  386. margin-bottom:20px;
  387. border-radius:100%;
  388. }
  389.  
  390. .asker{
  391. text-align:left;
  392. line-height:15px;
  393. font-weight:bold;
  394. color:{color:bold};
  395. }
  396.  
  397. /* CAPTION */
  398. .caption,.captions{
  399. padding-left:15px;
  400. padding-right:15px;
  401. padding-bottom:0px;
  402. padding-top:15px;
  403. margin:0;
  404. }
  405.  
  406. .captions{
  407. padding-top:0;
  408. }
  409.  
  410. .caption a{
  411. }
  412.  
  413. /* INFO */
  414. .posts-info{
  415. padding:15px;
  416. padding-bottom:0;
  417. letter-spacing:1px;
  418. color:{color:info};
  419. font-size:09px;
  420. text-transform:uppercase;
  421. line-height:180%;
  422. margin:0;
  423. }
  424.  
  425. .posts-info1{
  426. padding:15px;
  427. padding-top:0;
  428. letter-spacing:1px;
  429. color:{color:info};
  430. font-size:09px;
  431. text-transform:uppercase;
  432. line-height:180%;
  433. }
  434.  
  435. .posts-info1 .lnr{
  436. font-size:08px;
  437. }
  438. .posts-info a, .posts-info1 a{
  439. color:{color:info};
  440. }
  441.  
  442. /* NOTES */
  443. .notes{
  444. width:{select:posts width}px;
  445. margin-top:{text:margin}px;
  446. margin-left:0px;
  447. max-height:190px;
  448. overflow:auto;
  449. margin-top:15px;}
  450.  
  451. .notes img{border-radius:100%;}
  452.  
  453. ol.notes {
  454. padding: 0px;
  455. margin: 0;
  456. list-style-type: none;}
  457.  
  458. ol.notes li.note {padding: 10px;}
  459.  
  460. ol.notes li.note img.avatar {
  461. vertical-align: -4px;
  462. float:left;
  463. margin-right: 10px;
  464. width: 16px;
  465. height: 16px;}
  466.  
  467. ol.notes li.note span.action {}
  468.  
  469. ol.notes li.note .answer_content {font-weight: normal;}
  470.  
  471. ol.notes li.note blockquote {
  472. border-color: {color:borders};
  473. padding: 4px 10px;
  474. margin: 10px 0px 0px 25px;}
  475.  
  476. /* EXTRAS */
  477. a.c{
  478. position:fixed;
  479. bottom:25px;
  480. right:25px;
  481. font:07px 'trebuchet ms';
  482. text-transform:uppercase;
  483. letter-spacing:1px;
  484. text-align:right;
  485. z-index:9999999;
  486. background-color:#fff;
  487. border:1px solid #e9e9e9;
  488. padding:05px;
  489. border-radius:100%;
  490. color:#8c8c8c;
  491. }
  492.  
  493. .vignette, #vignette {
  494. opacity:0;
  495. }
  496. .lightbox-image, #tumblr_lightbox img {
  497. box-shadow:none !important;
  498. border-radius:0 !important;
  499. max-width:none;
  500. }
  501.  
  502. .tmblr-lightbox, #tumblr_lightbox {
  503. background-color:rgba(255,255,255,.8) !important;
  504. }
  505.  
  506. #tumblr_lightbox img {
  507. border:3px solid #fff !important;
  508. -moz-box-sizing:border-box;
  509. box-sizing:border-box;
  510. }
  511.  
  512. .lightbox-image {
  513. padding:3px;
  514. background-color:rgba(255,255,255,1) !important;
  515. }
  516.  
  517. ::-webkit-scrollbar {
  518. width:7px;
  519. height:7px;
  520. background:{color:Borders};
  521. border:3px solid {color:Background};
  522. }
  523.  
  524. ::-webkit-scrollbar-thumb {
  525. background:{color:scrollbar};
  526. border:3px solid {color:background};
  527. }
  528.  
  529. #s-m-t-tooltip{
  530. margin:24px 14px 7px 12px;
  531. letter-spacing:1px;
  532. text-transform:uppercase;
  533. font-size:08px;
  534. z-index:9999999999999;
  535. line-height:16px;
  536. background-color:{color:background};
  537. padding:03px;}
  538.  
  539. ::selection {
  540. background: {color:link};
  541. color: white;}
  542. ::-moz-selection {
  543. background: {color:link};
  544. color: white;}
  545. ::-webkit-selection {
  546. background: {color:link};
  547. color: white;}
  548.  
  549. /* SCROLL TO TOP */
  550. .scrollup{
  551. width:30px;
  552. height:30px;
  553. opacity:0.5;
  554. position:fixed;
  555. bottom:70px;
  556. right:22px;
  557. display:none;
  558. text-align:center;
  559. }
  560.  
  561. .scrollup .lnr{
  562. font-size:15px;
  563. }
  564.  
  565. .scrollup:hover{cursor:pointer;}
  566.  
  567. #infscr-loading {display:none!important;}
  568.  
  569. .more{
  570. margin-top:100px;
  571. text-align:center;
  572. text-transform:uppercase;
  573.  
  574. }
  575.  
  576. .buttons{
  577. float:right;
  578. clear:both;
  579. }
  580. .buttons:after {
  581. clear: both;
  582. height: 0;
  583. width: 100%;
  584. content: '';
  585. display: block;
  586. }
  587.  
  588. .buttons a {
  589. position:relative;
  590. display:inline-block;
  591. padding-left:03px;
  592. }
  593.  
  594. .custom-like-button {
  595. position: relative;
  596. display: inline-block;
  597. cursor: pointer;
  598. }
  599.  
  600. .like_button {
  601. position: absolute;
  602. top: -03px;
  603. left: 03px;
  604. right: 0;
  605. bottom: 0px;
  606. width: 11px;
  607. height: 11px;
  608. opacity: 0;
  609. z-index: 10;
  610. }
  611.  
  612. .like_button iframe {
  613. width: 100% !important;
  614. height: 100% !important;
  615. }
  616.  
  617. .our_button {
  618. position: absolute;
  619. top: 0;
  620. left: 0;
  621. right: 0;
  622. bottom: 0;
  623. width: 100%;
  624. height: 100%;
  625. z-index: 1;
  626. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  627. -o-transition:all 0.6s ease-in-out;/*opera*/
  628. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  629. -ms-transition:all 0.6s ease-in-out;/*ie*/
  630. transition:all 0.6s ease-in-out;/*w3c*/
  631. }
  632.  
  633. .like_button:hover + .our_button {
  634. color: {color:link hover};
  635. }
  636.  
  637. .like_button.liked + .our_button {
  638. color: red;
  639. }
  640.  
  641. .posts-info .lnr{
  642. font-size:11px;
  643. }
  644.  
  645. .navi2 a{
  646. display:inline-block;
  647. white-space: nowrap;
  648. overflow:hidden !important;
  649. text-overflow: ellipsis;
  650. text-align:center;
  651. width:calc({select:posts width}px / 7 - 24px);
  652. padding-left:10px;
  653. padding-right:10px;
  654. border-right:1px solid {color:borders};
  655. color:{color:text};
  656. }
  657.  
  658. .navi2 a:last-of-type{
  659. padding-right:0;
  660. border:0;
  661. }
  662.  
  663. .navi2 a:first-of-type{
  664. padding-left:0;
  665. }
  666.  
  667. .navi2 .lnr{
  668. font-size:30px;
  669. display:block;
  670. padding-bottom:10px;
  671. {block:IfNotTopIcons}
  672. display:none;
  673. {/block:ifNotTopIcons}
  674. color:rgba({RGBcolor:text},0.5);
  675. }
  676.  
  677. .navi2 .num{
  678. font-size:25px;
  679. display:block;
  680. padding-bottom:10px;
  681. {block:IfTopIcons}
  682. display:none;
  683. {/block:ifTopIcons}
  684. color:rgba({RGBcolor:text},0.5);
  685. }
  686. .top{
  687. width:100%;
  688. overflow:hidden;
  689. margin:0;
  690. padding:0;
  691. font-size:09px;
  692. text-transform:uppercase;
  693. letter-spacing:1px;
  694. top:0px;
  695. background-color:{color:posts};
  696. }
  697.  
  698. .navi2{
  699. border:1px solid {color:borders};
  700. border-radius:{text:border radius}px;
  701. text-align:center;
  702. padding:10px;
  703.  
  704. }
  705.  
  706. .topimg img{
  707. position:absolute;
  708. margin-left:-80px;
  709. z-index:999;
  710. border-radius:{text:border radius}px;
  711. display:block;
  712. width:64px;
  713. height:64px;
  714. }
  715.  
  716. .name{
  717. font-weight:bold;
  718. margin-bottom:5px;
  719. font-size:12px;}
  720.  
  721. .navi a{
  722. overflow:hidden;
  723. }
  724.  
  725. .navi .lnr{
  726. font-size:13px;
  727. {block:IfNotSideIcons}
  728. display:none;
  729. {/block:ifNotSideIcons}
  730. float:right;
  731. clear:both;
  732. color:rgba({RGBcolor:text},0.5);
  733.  
  734.  
  735. }
  736.  
  737. .na:hover{
  738. cursor:pointer;
  739. }
  740.  
  741. .tumblr_avatar {
  742. margin-right: 10px;
  743. border-radius:03px;
  744. width:25px;
  745. height:25px;
  746. float:left;
  747. }
  748.  
  749. .ca{
  750. margin:0;
  751. display:block;
  752. overflow:hidden;
  753. }
  754.  
  755. .ca p a {
  756. border-bottom:1px solid {color:borders};
  757. }
  758.  
  759. .ca blockquote{
  760. border:0;
  761. margin:0;
  762. }
  763.  
  764. .tumblr_blog{
  765. height:25px!important;
  766. line-height:25px;
  767. font-weight:bold;
  768. display:block;
  769. margin-bottom:05px;
  770. }
  771.  
  772. .tumblr_parent blockquote{
  773. border-left: 1px solid {color:borders};
  774. padding-left: 5px;
  775. margin:0;
  776. margin-left:05px!important;
  777. }
  778.  
  779. .navi a:hover, .navi2 a:hover, .posts-info1 a:hover, .posts-info a:hover{
  780. color:{color:link hover};}
  781.  
  782. .post_tags {
  783. position: relative;
  784. white-space: nowrap;
  785. overflow: hidden;
  786. }
  787.  
  788. .post_tags.draggable .post_tags_inner {
  789. cursor:col-resize;
  790. -webkit-touch-callout: none;
  791. -webkit-user-select: none;
  792. -khtml-user-select: none;
  793. -moz-user-select: none;
  794. -ms-user-select: none;
  795. user-select: none;
  796. }
  797.  
  798. .post_tags_inner {
  799. float: left;
  800. position: relative;
  801. padding: 0px 20px 0px 0;
  802. }
  803.  
  804. .post_tags a,
  805. .post_tags .post_tag, a.tag {
  806. color:{color:info};
  807. text-decoration: none;
  808. margin-right: 6px;
  809. }
  810.  
  811. .post_tags a:before, a.tag:before { content: '#'; }
  812.  
  813. .post_tags:after {
  814. content: '';
  815. position: absolute;
  816. top: 0;
  817. right: 0;
  818. bottom: 0;
  819. width: 20px;
  820. background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  821. background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, {color:posts}));
  822. background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, {color:posts} 100%);
  823. background: -o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  824. background: -ms-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  825. background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, {color:posts} 100%);
  826. }
  827.  
  828. .post_tags a:hover,
  829. .post_tags .post_tag:hover,
  830. .post_tags a:focus,
  831. .post_tags .post_tag:focus,
  832. .post_tags a:active,
  833. .post_tags .post_tag:active { color: {color:info}; }
  834.  
  835. #tumblr_controls, .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.4; z-index:9999999!important;}
  836. </style>
  837. </head>
  838.  
  839. <body>
  840.  
  841. <div class="container fade-in one">
  842. <div class="sidebar">
  843.  
  844.  
  845. <div class="name">{name}</div>
  846.  
  847. <div class="sb-title"><a href="/">{title}</a>
  848.  
  849. {block:ShowDescription}
  850. <a class="na" style="float:right;clear:both;"><span class="butt"><span class="lnr lnr-chevron-down"></span></span>
  851. <span class="butt" style="display: none;"><span class="lnr lnr-chevron-up"></span></span></a>
  852.  
  853. <div class="description">{Description}</div>{/block:ShowDescription}
  854.  
  855. </div>
  856.  
  857. <div class="navi">
  858. <a href="/"><span class="lnr lnr-home"></span> index</a>
  859. <a href="/ask"><span class="lnr lnr-envelope"></span> message</a>
  860. <a href="/archive"><span class="lnr lnr-map"></span> archive</a>
  861. {/block:ifLink08URL}<a href="{text:Link 08 URL}"><span class="lnr lnr-users"></span> {text:Link 08 title}</a>{/block:ifLink08URL}
  862. {block:ifLink09URL}<a href="{text:Link 09 URL}"><span class="lnr lnr-file-empty"></span> {text:Link 09 title}</a>{/block:ifLink09URL}
  863. </div>
  864.  
  865. {block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>
  866. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  867. {block:JumpPagination length="3"}
  868. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  869. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  870. {block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}</div>
  871. {/block:Pagination}
  872.  
  873. </div><!--- sidebar --->
  874.  
  875.  
  876. <div class="top"><div class="topimg">
  877. <a href="/"><img src="{image:sidebar}"></a></div>
  878. <div class="navi2">
  879. <a href="{text:Link 01 URL}"><span class="num">01.</span><span class="lnr lnr-text-size"></span>{text:Link 01 title}</a>
  880. <a href="{text:Link 02 URL}"><span class="num">02.</span><span class="lnr lnr-camera"></span>{text:Link 02 title}</a>
  881. <a href="{text:Link 03 URL}"><span class="num">03.</span><span class="lnr lnr-highlight"></span>{text:Link 03 title}</a>
  882. <a href="{text:Link 04 URL}"><span class="num">04.</span><span class="lnr lnr-link"></span>{text:Link 04 title}</a>
  883. <a href="{text:Link 05 URL}"><span class="num">05.</span><span class="lnr lnr-bubble"></span>{text:Link 05 title}</a>
  884. <a href="{text:Link 06 URL}"><span class="num">06.</span><span class="lnr lnr-music-note"></span>{text:Link 06 title}</a>
  885. <a href="{text:Link 07 URL}"><span class="num">07.</span><span class="lnr lnr-camera-video"></span>{text:Link 07 title}</a>
  886. </div>
  887. </div>
  888.  
  889. <div class="entries">
  890.  
  891. {block:Posts}
  892.  
  893. {block:ContentSource}
  894. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  895. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  896. {/block:SourceLogo}
  897. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  898. {/block:ContentSource}
  899.  
  900. <div class="posts" id="{PostID}">
  901.  
  902. {block:Date}<div class="posts-info1">
  903. {block:RebloggedFrom}
  904. <span style="float:right;clear:both;"><a href="{ReblogRootURL}">src</a></span>
  905. {name} <span class="lnr lnr-undo"></span> <a href="{ReblogParentURL}">{ReblogParentName}</a> <br>{/block:RebloggedFrom}
  906. <a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}, {12HourWithZero}:{Minutes}{AmPm}</a>
  907. </div>{/block:Date}
  908.  
  909. {block:Text}
  910. {block:Title}<h2>{Title}</h2>{/block:Title}
  911. <div class="captions ca">{Body}</div>
  912. {/block:Text}
  913.  
  914. {block:Photo}
  915. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
  916. {block:ifShowCaption}
  917. {block:Caption}<div class="caption ca">{Caption}</div>{/block:Caption}
  918. {/block:ifShowCaption}
  919. {block:ifNotShowCaption}
  920. {block:PermalinkPage}{block:Caption}<div class="caption ca">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  921. {/block:ifNotShowCaption}
  922. {/block:Photo}
  923.  
  924. {block:Photoset}<div class="set"><center>
  925. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center></div>
  926. {block:ifShowCaption}
  927. {block:Caption}<div class="caption ca">{Caption}</div>{/block:Caption}
  928. {/block:ifShowCaption}
  929. {block:ifNotShowCaption}
  930. {block:PermalinkPage}{block:Caption}<div class="caption ca">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  931. {/block:ifNotShowCaption}
  932. {/block:Photoset}
  933.  
  934. {block:Quote}<div class="quo">
  935. <div class="quotxt-{Length}">{Quote}</div>
  936. {block:Source}<div class="quosrc">{Source}</div>
  937. {/block:Source}
  938. </div>{/block:Quote}
  939.  
  940. {block:Link}
  941. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  942. {block:Description}<div class="captions">{Description}</div>{/block:Description}
  943. {/block:Link}
  944.  
  945. {block:Chat}
  946. {block:Title}<h2>{Title}</h2>{/block:Title}
  947. {block:Lines}<ul class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}<br></ul>{/block:Lines}
  948. {/block:Chat}
  949.  
  950. {block:Audio}
  951. <div class="audio">
  952. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  953. {block:AlbumArt}
  954. <img src="{AlbumArtURL}" class="au-image">
  955. {/block:AlbumArt}
  956. <div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}
  957. {block:Artist}<br>{Artist}{/block:Artist}
  958. </div>
  959.  
  960. </div>
  961. {block:ifShowCaption}
  962. {block:Caption}<div class="caption ca">{Caption}</div>{/block:Caption}
  963. {/block:ifShowCaption}
  964. {block:ifNotShowCaption}
  965. {block:PermalinkPage}{block:Caption}<div class="caption ca">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  966. {/block:ifNotShowCaption}
  967. {/block:Audio}
  968.  
  969. {block:Video}
  970. <div class="video">{Video-500}</div>
  971. {block:ifShowCaption}
  972. {block:Caption}<div class="caption ca">{Caption}</div>{/block:Caption}
  973. {/block:ifShowCaption}
  974. {block:ifNotShowCaption}
  975. {block:PermalinkPage}{block:Caption}<div class="caption ca">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  976. {/block:ifNotShowCaption}
  977. {/block:Video}
  978.  
  979. {block:Answer}
  980. <div class="question"><div class="asker">
  981. <img src="{AskerPortraitURL-128}" class="iquest">
  982. {Asker}</div>
  983. {Question}</div>
  984. <div class="captions">{Answer}</div>
  985. {/block:Answer}
  986.  
  987. {block:Date}<div class="posts-info">
  988. {block:HasTags}{block:ifNotDraggableTags}{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}<br>{/block:ifNotDraggableTags}
  989. {block:ifDraggableTags}<div class="post_tags draggable"><div class="post_tags_inner">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  990. </div></div>{/block:ifDraggableTags}{/block:HasTags}
  991. {block:IndexPage}<span class="buttons">
  992. <a href="{ReblogURL}" target="_blank"><span class="lnr lnr-sync"></span></a>
  993. <span class="custom-like-button">{LikeButton}<a class="our_button"><span class="lnr lnr-heart"></span></a></span>
  994. </span>
  995. {/block:IndexPage}
  996. <a href="{Permalink}">{NoteCountWithLabel}</a>
  997. </div>
  998. {/block:Date}
  999. </div><!--- posts --->
  1000.  
  1001. {block:PermalinkPage}
  1002. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  1003. {/block:PermalinkPage}
  1004.  
  1005. {/block:Posts}
  1006.  
  1007. </div><!--- entries --->
  1008.  
  1009. {block:ifManualLoad}{block:Pagination}
  1010. <div class="more"><a href="#">load more</a></div>
  1011. {/block:Pagination}{/block:ifManualLoad}
  1012.  
  1013. </div><!--- container --->
  1014.  
  1015. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1016. {block:ifNotCustomGutter}<link href="http://static.tumblr.com/nb65v05/PkToc9oiw/resizing.css" rel="stylesheet" type="text/css"/>{/block:ifNotCustomGutter}
  1017. <link href="http://static.tumblr.com/nb65v05/EvVo293om/style.css" rel="stylesheet" type="text/css"/>
  1018. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1019. {block:ifNoRescaling}<link href="http://static.tumblr.com/nb65v05/dXHo8qjrq/nrsclng.css" rel="stylesheet" type="text/css"/>{/block:ifNoRescaling}
  1020. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  1021. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1022. {block:ifInfiniteScroll}<script src="http://static.tumblr.com/nb65v05/QLXo03qup/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}
  1023. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1024. {block:ifDraggableTags}
  1025. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>{/block:ifDraggableTags}
  1026.  
  1027. <script>
  1028.  
  1029. {block:ifDraggableTags}
  1030. $(".post_tags_inner").draggable({
  1031. axis : "x",
  1032. scroll: false,
  1033. stop: function() {
  1034. var __left = $(this).css("left").replace(/[^-\d\.]/g, '');
  1035. if(__left > 0){
  1036. $(this).animate({left: 0}, 400, 'easeOutExpo');
  1037. }
  1038. var __width = $(this).outerWidth();
  1039. var __parentWidth = $(".post_tags.draggable").outerWidth();
  1040. if(__width > __parentWidth) {
  1041. if(__left < __parentWidth-__width){
  1042. $(this).animate({left: __parentWidth-__width}, 400, 'easeOutExpo');
  1043. }
  1044. } else {
  1045. $(this).animate({left: 0}, 400, 'easeOutExpo');
  1046. }
  1047. }
  1048. });
  1049. {/block:ifDraggableTags}
  1050.  
  1051. // un-nest tumblr captions © magnusthemes & neothm
  1052. $('.posts').unnest({
  1053. yourCaption: ".ca",
  1054. wrapName: ".tumblr_parent",
  1055. newCaptionUsername: false,
  1056. originalPostCaptionUsername: false,
  1057. tumblrAvatars: true,
  1058. tumblrAvatarClass: ".tumblr_avatar",
  1059. usernameColon: false
  1060. });
  1061.  
  1062. $(document).ready(function(){
  1063. $(window).bind('scroll', function(){
  1064. if($(window).scrollTop() > 158 + {text:margin}){
  1065. $('.sidebar').addClass('bb');
  1066. }
  1067.  
  1068. else{
  1069. $('.sidebar').removeClass('bb');
  1070. }
  1071. });
  1072.  
  1073.  
  1074. $('.na').click(function() {
  1075. $('.butt',this).toggle();
  1076. });
  1077.  
  1078. $(".na").click(function(){
  1079. $(".description").slideToggle();
  1080. });
  1081.  
  1082. // minimal soundcloud player © shythemes.tumblr
  1083. var color = '#acd7bb';
  1084. $('.soundcloud_audio_player').each(function(){
  1085. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  1086. });
  1087.  
  1088. $("[title]").style_my_tooltips({
  1089. tip_follows_cursor:true,
  1090. tip_delay_time:200,
  1091. tip_fade_speed:300
  1092. }
  1093. );
  1094.  
  1095. $(window).scroll(function () {
  1096. if ($(this).scrollTop() > 100) {
  1097. $('.scrollup').fadeIn();
  1098. } else {
  1099. $('.scrollup').fadeOut();
  1100. }
  1101. });
  1102.  
  1103. $('.scrollup').click(function () {
  1104. $("html, body").animate({
  1105. scrollTop: 0
  1106. }, 600);
  1107. return false;
  1108. });
  1109.  
  1110. $('.photo-slideshow').pxuPhotoset({
  1111. lightbox: true,
  1112. rounded: false,
  1113. {block:ifNotCustomGutter}
  1114. gutter: '0px',{/block:ifNotCustomGutter}
  1115. {block:ifCustomGutter}
  1116. gutter: {text:Gutter},{/block:ifCustomGutter}
  1117. borderRadius: '0px',
  1118. photoset: '.photo-slideshow',
  1119. photoWrap: '.photo-data',
  1120. photo: '.pxu-photo'
  1121. });
  1122.  
  1123. {block:IndexPage}
  1124.  
  1125. var $container = $('.entries');
  1126.  
  1127. {block:ifInfiniteScroll}
  1128. $container.infinitescroll({
  1129. navSelector: '.pag',
  1130. nextSelector: '.next',
  1131. itemSelector: '.posts',
  1132. loadingImg : " ",
  1133. errorCallback: function(){
  1134. $('.more').animate({opacity: 0.8},2000).fadeOut('normal');}
  1135. },
  1136. function( newElements ) {//m- from .css to )//
  1137. var $newElems = $(newElements).css({ opacity: 0 }).delay(600).animate({ opacity: 1 });
  1138.  
  1139. $newElems.unnest({
  1140. yourCaption: ".ca",
  1141. wrapName: ".tumblr_parent",
  1142. newCaptionUsername: false,
  1143. originalPostCaptionUsername: false,
  1144. tumblrAvatars: true,
  1145. tumblrAvatarClass: ".tumblr_avatar",
  1146. usernameColon: false
  1147. });
  1148.  
  1149. var $newElemsIDs = $newElems.map(function(){
  1150. return this.id;
  1151. }).get();
  1152. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1153.  
  1154. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  1155. lightbox: true,
  1156. rounded: false,
  1157. {block:ifNotCustomGutter}
  1158. gutter: '0px',{/block:ifNotCustomGutter}
  1159. {block:ifCustomGutter}
  1160. gutter: {text:Gutter},{/block:ifCustomGutter}
  1161. borderRadius: '0px',
  1162. photoset: '.photo-slideshow',
  1163. photoWrap: '.photo-data',
  1164. photo: '.pxu-photo'
  1165. });
  1166. $( newElements ).find('.soundcloud_audio_player').each(function(){
  1167. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: {select:Posts width} });
  1168. });
  1169.  
  1170. resizeVideos();
  1171. });
  1172.  
  1173. {block:ifManualLoad}
  1174.  
  1175. $(window).unbind('.infscr');
  1176.  
  1177. $('.more').click(function(){
  1178. $container.infinitescroll('retrieve');
  1179. return false;
  1180.  
  1181. });
  1182. {/block:ifManualLoad}
  1183.  
  1184. {/block:ifInfiniteScroll}
  1185. {/block:IndexPage}
  1186.  
  1187. });
  1188. </script>
  1189.  
  1190. <a href="http://cathms.tumblr.com/" target="_blank" class="c">tc</a>
  1191.  
  1192. {block:IndexPage}{block:ifInfiniteScroll}<div class="scrollup"><a><span class="lnr lnr-chevron-up"></span><br>scroll to top</a></div>{/block:ifInfiniteScroll}{/block:IndexPage}
  1193.  
  1194. </body>
  1195. </html>
Advertisement
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!