API tools faq
paste
Advertisement
Guest User

gohliad - simple theme

a guest
Dec 4th, 2016
181
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <! theme by gohliad, i used a base theme, do not send me asks i do not share my themes or codes!>
  4.  
  5. <html>
  6. <head>
  7.  
  8. <title>{Title} {block:TagPage}— #{Tag}{/block:TagPage} {block:PostSummary}— {PostSummary}{/block:PostSummary}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  11. <meta name="description" content="" />
  12. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  13.  
  14. <meta name="image:Background" content="">
  15. <meta name="image:Header" content="">
  16. <meta name="image:Sidebar" content="">
  17.  
  18. <meta name="color:Background" content="#f8f8f8" />
  19. <meta name="color:Posts" content="#ffffff" />
  20. <meta name="color:Text" content="#999999" />
  21. <meta name="color:Link" content="#444444" />
  22. <meta name="color:Link hover" content="#999999" />
  23. <meta name="color:Info" content="#444444" />
  24. <meta name="color:Bold" content="#444444" />
  25. <meta name="color:Borders" content="#eeeeee" />
  26. <meta name="color:Scrollbar" content="#444444" />
  27.  
  28. <meta name="select:Background position" content="initial" title="initial"/>
  29. <meta name="select:Background position" content="5% 5%" title="left top"/>
  30. <meta name="select:Background position" content="5% 50%" title="left center"/>
  31. <meta name="select:Background position" content="5% 95%" title="left bottom"/>
  32. <meta name="select:Background position" content="95% 5%" title="right top"/>
  33. <meta name="select:Background position" content="95% 50%" title="right center"/>
  34. <meta name="select:Background position" content="95% 95%" title="right bottom"/>
  35.  
  36. <meta name="select:Background repeat" content="repeat" title="repeat"/>
  37. <meta name="select:Background repeat" content="no-repeat" title="no repeat"/>
  38.  
  39. <meta name="select:Header attachment" content="scroll" title="scroll"/>
  40. <meta name="select:Header attachment" content="fixed" title="fixed"/>
  41.  
  42. <meta name="select:Header size" content="cover" title="cover"/>
  43. <meta name="select:Header size" content="auto" title="auto"/>
  44. <meta name="select:Header size" content="contain" title="contain"/>
  45.  
  46. <meta name="select:Header repeat" content="no-repeat" title="no repeat"/>
  47. <meta name="select:Header repeat" content="repeat" title="repeat"/>
  48.  
  49. <meta name="select:Header position" content="center" title="center"/>
  50. <meta name="select:Header position" content="top" title="top"/>
  51. <meta name="select:Header position" content="bottom" title="bottom"/>
  52.  
  53. <meta name="select:Body font" content="roboto" title="Roboto"/>
  54. <meta name="select:Body font" content="helvetica" title="Helvetica"/>
  55. <meta name="select:Body font" content="arial" title="Arial"/>
  56. <meta name="select:Body font" content="cambria" title="Cambria"/>
  57. <meta name="select:Body font" content="calibri" title="Calibri"/>
  58. <meta name="select:Body font" content="trebuchet ms" title="Trebuchet ms"/>
  59.  
  60. <meta name="select:Body font size" content="09px" title="09px"/>
  61. <meta name="select:Body font size" content="10px" title="10px"/>
  62. <meta name="select:Body font size" content="11px" title="11px"/>
  63. <meta name="select:Body font size" content="12px" title="12px"/>
  64.  
  65. <meta name="select:Title font size" content="08px" title="08px"/>
  66. <meta name="select:Title font size" content="09px" title="09px"/>
  67. <meta name="select:Title font size" content="10px" title="10px"/>
  68. <meta name="select:Title font size" content="11px" title="11px"/>
  69. <meta name="select:Title font size" content="12px" title="12px"/>
  70.  
  71. <meta name="select:Posts width" content="500" title="500px"/>
  72. <meta name="select:Posts width" content="250" title="250px"/>
  73. <meta name="select:Posts width" content="300" title="300px"/>
  74. <meta name="select:Posts width" content="350" title="350px"/>
  75. <meta name="select:Posts width" content="400" title="400px"/>
  76. <meta name="select:Posts width" content="450" title="450px"/>
  77. <meta name="select:Posts width" content="540" title="540px"/>
  78.  
  79. <meta name="select:Number of links" content="4" title="4">
  80. <meta name="select:Number of links" content="1" title="1">
  81. <meta name="select:Number of links" content="2" title="2">
  82. <meta name="select:Number of links" content="3" title="3">
  83. <meta name="select:Number of links" content="5" title="5">
  84. <meta name="select:Number of links" content="6" title="6">
  85. <meta name="select:Number of links" content="7" title="7">
  86.  
  87.  
  88. <meta name="if:Contained header" content="0">
  89. <meta name="if:Grid layout" content="0">
  90. <meta name="if:Top pagination" content="0">
  91. <meta name="if:Manual load" content="0">
  92. <meta name="if:Sticky sidebar" content="1">
  93. <meta name="if:Show caption" content="1">
  94. <meta name="if:No rescaling" content="0">
  95.  
  96. <meta name="text:Margin" content="90" />
  97. <meta name="text:Sidebar width" content="250" />
  98. <meta name="text:Header height" content="350" />
  99. <meta name="text:Footer height" content="150" />
  100. <meta name="text:Gutter" content="4" />
  101.  
  102. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
  103.  
  104. <style type="text/css">
  105.  
  106. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  107. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1;} }
  108. @keyframes fadeIn { from { opacity:0; } to { opacity:1;} }
  109.  
  110. .fade-in {
  111. opacity:0;
  112. -webkit-animation:fadeIn ease-in 1;
  113. -moz-animation:fadeIn ease-in 1;
  114. animation:fadeIn ease-in 1;
  115. -webkit-animation-fill-mode:forwards;
  116. -moz-animation-fill-mode:forwards;
  117. animation-fill-mode:forwards;
  118. -webkit-animation-duration:1s;
  119. -moz-animation-duration:1s; animation-duration:1s; }
  120.  
  121. .fade-in.one { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
  122.  
  123. body {
  124. font:{select:body font size} {select:body font}, sans-serif;
  125. margin:0;
  126. color:{color:text};
  127. background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};
  128. background-position: {select:background position};
  129. background-repeat: {select:background repeat};
  130. line-height:140%;
  131. }
  132.  
  133. a {
  134. color:{color:link};
  135. text-decoration: none;
  136. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  137. -o-transition:all 0.6s ease-in-out;/*opera*/
  138. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  139. -ms-transition:all 0.6s ease-in-out;/*ie*/
  140. transition:all 0.6s ease-in-out;/*w3c*/}
  141.  
  142. a:hover {
  143. color:{color:link hover};}
  144.  
  145. b, strong {
  146. color:{color:bold};}
  147.  
  148. small {
  149. font-size:10px;}
  150.  
  151. ol {list-style-type:lower-roman;}
  152.  
  153. sub, sup{font-size: 10px;}
  154.  
  155. .container {
  156. width:calc({select:posts width}px + 40px + {text:sidebar width}px + {text:margin}px);
  157. margin:0 auto;
  158. overflow:hidden;
  159. {block:indexPage}{block:ifGridLayout}
  160. width:calc(250px * 2 + {text:margin}px * 2 + 80px + px);
  161. {/block:ifGridLayout}{/block:indexpage}
  162. }
  163.  
  164. .entries{
  165. width:{select:posts width}px + 40px);
  166. margin-right:calc({text:margin}px + {text:Sidebar width}px);
  167. {block:indexpage}{block:ifGridLayout}
  168. width:calc(250px * 2 + {text:margin}px * 2 + 80px);
  169. margin-right:calc({text:sidebar width}px + {text:margin}px);
  170. {/block:ifGridLayout}{/block:indexpage}
  171. }
  172.  
  173. .posts {
  174. width:{select:posts width}px;
  175. overflow:hidden;
  176. word-wrap: break-word;
  177. {block:ifGridLayout}{block:IndexPage}
  178. margin-right:{text:margin}px;
  179. width:260px;
  180. float:left;
  181. {/block:IndexPage}{/block:ifGridLayout}
  182. padding:20px;
  183. position:relative;
  184. {block:IndexPage}
  185. margin-bottom:{text:margin}px;
  186. {/block:IndexPage}
  187. background-color:{color:posts};
  188. }
  189.  
  190. {block:IndexPage}
  191. .posts:first-of-type{
  192. margin-top:0;
  193. }
  194. {/block:IndexPage}
  195.  
  196. .posts h2{
  197. font-size:18px;
  198. font-weight:bold;}
  199.  
  200. .posts blockquote {
  201. border-left: 1px solid {color:borders};
  202. padding-left: 5px;
  203. margin:05px;}
  204.  
  205. .posts img, .posts li, .posts blockquote {max-width: 100%;height:auto;}
  206.  
  207. .tmblr-full img {
  208. width:100%;}
  209.  
  210. .posts .images{
  211. {block:ifNotNoRescaling}
  212. width: 100%;
  213. {/block:ifNotNoRescaling}
  214. display:block;}
  215.  
  216. nav {
  217. background-color:{color:posts};
  218. padding:20px;
  219. border-bottom:1px solid {color:borders};
  220. }
  221.  
  222. nav ul {
  223. list-style-type:none;
  224. margin:0;
  225. padding:0;
  226. }
  227.  
  228. nav ul li {
  229. display:inline-block;
  230. position:relative;
  231. }
  232.  
  233. nav a {
  234. line-height:15px;
  235. padding-left:15px;
  236. padding-right:15px;
  237. font-size:{select:title font size};
  238. letter-spacing:2px;
  239. cursor:help!important;
  240. text-transform:uppercase;
  241. text-decoration:none;
  242. display:block;
  243. border-left:1px solid {color:borders};
  244. }
  245.  
  246. nav a.tit{
  247. font-weight:bold;
  248. }
  249.  
  250. .dropdown-content {
  251. display: none;
  252. position: absolute;
  253. background-color: {color:posts};
  254. min-width: 50px;
  255. }
  256.  
  257. .dropdown-content a {
  258. color: black;
  259. padding: 12px 16px;
  260. text-decoration: none;
  261. display: block;
  262. text-align: center;
  263. border-left:0;
  264. }
  265.  
  266. .dropdown-content a:hover {font-style:italic;}
  267.  
  268. .dropdown:hover .dropdown-content {
  269. display: block;
  270. }
  271.  
  272. .search .query {
  273. border: 0;
  274. outline: 0;
  275. font-size:{select:title font size};
  276. letter-spacing:2px;
  277. text-transform:uppercase;
  278. color: inherit;
  279. background-color: transparent;
  280. }
  281.  
  282. ::-webkit-input-placeholder {color: inherit;}
  283. :-moz-placeholder {color: inherit; opacity:1;}
  284. ::-moz-placeholder {color: inherit; opacity:1;}
  285. :-ms-input-placeholder {color: inherit;}
  286. input:focus::-webkit-input-placeholder {color: transparent;}
  287. input:focus:-moz-placeholder {color: transparent;}
  288. input:focus::-moz-placeholder {color: transparent;}
  289. input:focus:-ms-input-placeholder { color: transparent;}
  290.  
  291. .bg{
  292. width:580px;
  293. height:0px;
  294. margin-bottom:{text:margin}px;
  295. background-image: url('{image:header}');
  296. background-color:{color:posts};
  297. background-attachment:{select:header attachment};
  298. background-size:{select:header size};
  299. background-repeat: {select:header repeat};
  300. background-position:{select:header position};
  301. border-bottom:1px solid {color:borders};
  302. }
  303.  
  304. /* SIDEBAR */
  305.  
  306. .sidebar {
  307. width: {text:sidebar width}px;
  308. float:left;
  309. clear: left;
  310. margin-bottom:calc({text:margin}px / 2);
  311. }
  312.  
  313.  
  314.  
  315. .box-title{
  316. padding-bottom:10px;
  317. margin-bottom:10px;
  318. text-align:left;
  319. font-size:{select:title font size};
  320. letter-spacing:2px;
  321. text-transform:uppercase;
  322. border-bottom:1px solid {color:borders};
  323. font-weight:bold;
  324. color:{color:link};
  325. overflow:hidden;
  326. }
  327.  
  328.  
  329. .box-descr .one b{
  330. margin-right:05px;
  331. }
  332.  
  333. .box-descr{
  334. overflow: auto;
  335. }
  336.  
  337. .box-descr img.box-img {
  338. max-width:100%;
  339. max-height:100%;
  340. border-radius:3px;
  341. margin-bottom:10px;
  342. }
  343.  
  344. .box-descr img.mem{
  345. float:left;
  346. clear:both;
  347. height:40px;
  348. border-radius:3px;
  349. width:40px;
  350. margin-right:10px;
  351.  
  352. }
  353.  
  354. .box-descr img.affi{
  355. display:inline-block;
  356. width:40px;
  357. border-radius:3px;
  358. margin:5px;
  359. }
  360.  
  361. .un{
  362. margin-bottom:10px;
  363. }
  364.  
  365. .box-descr .un span{
  366. line-height:40px;
  367. display:block;
  368. white-space: nowrap;
  369. overflow:hidden !important;
  370. text-overflow: ellipsis;
  371. text-transform:uppercase;
  372. letter-spacing:1px;
  373. font-style:italic;
  374. font-size:calc({select:body font size} - 1px);
  375. }
  376.  
  377. .col1 t{
  378. font-size:09px;
  379. letter-spacing:2px;
  380. text-transform:uppercase;
  381. font-weight:bold;
  382. color:{color:link};
  383.  
  384. }
  385.  
  386. .col1 p{
  387. padding-top:10px;
  388. }
  389.  
  390. .box-title i{
  391. float:right;
  392. }
  393.  
  394. /* QUOTE POSTS */
  395. .quote {
  396. padding:0 10px 0 10px;}
  397.  
  398. .quotetext-short {
  399. font-size: 18px;}
  400.  
  401. .quotetext-medium {
  402. font-size: 14px;}
  403.  
  404. .quotetext-long {
  405. font-size: 11px;}
  406.  
  407. .quote-source {
  408. text-align:right;}
  409.  
  410. /* CHAT POSTS */
  411. .odd, .even {
  412. margin:0px;
  413. padding:10px;
  414. border-top:1px solid {color:borders};}
  415.  
  416. .odd:first-of-type {
  417. border-top:1px solid {color:borders};}
  418.  
  419. /* AUDIO POSTS */
  420. .tumblr_audio_player {
  421. height:10px;
  422. width:10px;
  423. z-index:9999;
  424. margin:0;
  425. padding:10px;
  426. margin-left:20px;
  427. margin-top:20px;
  428. position:absolute;
  429. float:left;
  430. background-color:white;
  431. border-radius:100%;
  432. opacity:0.6;
  433. }
  434.  
  435. .audio {
  436. width:auto;
  437. background-color:#eee;
  438. overflow:hidden;
  439. max-height:70px;
  440. position:relative;
  441. }
  442.  
  443. .au-info {
  444. position:absolute;
  445. margin-left:71px;
  446. overflow:auto;
  447. padding:10px;
  448. padding-top:0;
  449. font-size:14px;
  450. font-weight:bold;
  451. height:70px;
  452. line-height: 70px;}
  453.  
  454. .au-info span{
  455. display: inline-block;
  456. vertical-align: middle;
  457. line-height:100%;
  458. }
  459.  
  460. img.au-image{
  461. float:left;
  462. width:50px;
  463. padding:10px;
  464. border-right:1px solid #fafafa;
  465. }
  466.  
  467. /* VIDEO POSTS*/
  468. .video{
  469. overflow:hidden;
  470. width:{select:posts width}px;
  471. {block:IndexPage}
  472. {block:ifGridLayout}
  473. width:250px;
  474. {/block:ifGridLayout}{/block:IndexPage}
  475. }
  476.  
  477. .video .instagram-media {
  478. max-height:none!important;
  479. box-shadow:none!important;
  480. border:1px solid {color:borders}!important;
  481. max-width:calc({select:posts width}px - 3px)!important;}
  482.  
  483. /* ASK POSTS */
  484. /* ASK POSTS */
  485. .question{
  486. border-bottom:1px solid {color:borders};
  487. padding:10px;
  488. background-color:#f8f8f8;
  489. line-height:150%;
  490. font-style:italic;
  491. }
  492.  
  493. .question img{
  494. float:left;
  495. border-radius:100%;
  496. margin-right:10px;
  497. margin-bottom:0px;
  498. }
  499.  
  500. /* INFO */
  501. .posts-info{
  502. border-top:1px solid {color:borders};
  503. padding-top:15px;
  504. margin-top:15px;
  505. font-size:calc({select:body font size} - 1px);
  506. text-transform:uppercase;
  507. text-align:left;
  508. letter-spacing:1px;
  509. overflow:hidden;
  510. color:{color:info};}
  511.  
  512. .posts-info a{
  513. color:{color:info};
  514. padding:5px;
  515. }
  516.  
  517.  
  518. /* NOTES */
  519. .notes{
  520. width:500px;
  521. margin:0 auto;
  522. max-height:190px;
  523. overflow:auto;
  524. margin-top:15px;}
  525.  
  526. .notes img{border-radius:100%;}
  527.  
  528. ol.notes {
  529. padding: 0px;
  530. margin: 0;
  531. list-style-type: none;}
  532.  
  533. ol.notes li.note {padding: 10px;}
  534.  
  535. ol.notes li.note img.avatar {
  536. vertical-align: -4px;
  537. float:left;
  538. margin-right: 10px;
  539. width: 16px;
  540. height: 16px;}
  541.  
  542. ol.notes li.note .answer_content {font-weight: normal;}
  543.  
  544. ol.notes li.note blockquote {
  545. border-color: {color:borders};
  546. padding: 4px 10px;
  547. margin: 10px 0px 0px 25px;}
  548.  
  549.  
  550.  
  551. .vignette, #vignette {
  552. opacity:0;
  553. }
  554. .lightbox-image, #tumblr_lightbox img {
  555. box-shadow:none !important;
  556. border-radius:0 !important;
  557. max-width:none;
  558. }
  559.  
  560. .tmblr-lightbox, #tumblr_lightbox {
  561. background-color:rgba(255,255,255,.8) !important;
  562. }
  563.  
  564. #tumblr_lightbox img {
  565. border:3px solid #fff !important;
  566. -moz-box-sizing:border-box;
  567. box-sizing:border-box;
  568. }
  569.  
  570. .lightbox-image {
  571. padding:3px;
  572. background-color:rgba(255,255,255,1) !important;
  573. }
  574.  
  575. ::-webkit-scrollbar {
  576. width: 3px;
  577. height: 3px;
  578. background: transparent;}
  579.  
  580. ::-webkit-scrollbar-thumb {
  581. background-color:{color:scrollbar};}
  582.  
  583. #s-m-t-tooltip{
  584. margin:24px 14px 7px 12px;
  585. letter-spacing:1px;
  586. z-index:9999999999999;
  587. line-height:16px;
  588. background-color:{color:posts};
  589. border:1px solid {color:borders};
  590. padding-left:03px;
  591. padding-right:03px;}
  592.  
  593. ::selection {
  594. background: {color:link};
  595. color: white;}
  596. ::-moz-selection {
  597. background: {color:link};
  598. color: white;}
  599. ::-webkit-selection {
  600. background: {color:link};
  601. color: white;}
  602.  
  603. /* SCROLL TO TOP */
  604. .scrollup{
  605. width:30px;
  606. height:30px;
  607. opacity:0.3;
  608. position:fixed;
  609. bottom:70px;
  610. right:22px;
  611. display:none;
  612. text-align:center;
  613. z-index:999;
  614. }
  615.  
  616. .scrollup:hover{cursor:pointer;}
  617.  
  618. #infscr-loading {display:none!important;}
  619.  
  620. .bottom {
  621. clear: both;
  622. position: relative;
  623. z-index: 10;
  624. height: {text:footer height}px;
  625. margin-top: -{text:footer height}px;
  626. border-top:1px solid {color:borders};
  627. background-color:{color:posts};
  628. margin:0 auto;
  629. padding:20px;
  630. padding-left:0;
  631. padding-right:0;
  632. }
  633.  
  634. .txt, .col1 {
  635. float: left;
  636. position: relative;
  637. }
  638.  
  639. .txt{
  640. left: 50%;
  641. padding: 10px;
  642. }
  643.  
  644. .col1 {
  645. width:150px;
  646. right: 50%;
  647. max-height:80px;
  648. margin-left:50px;
  649. }
  650.  
  651. .col1 a.off{
  652. font-size:13px;
  653. background-color:#f8f8f8;
  654. border-radius:100%;
  655. padding:05px;
  656. border:1px solid {color:borders};
  657. }
  658.  
  659. .pag{
  660. font-weight:bold;
  661. }
  662.  
  663. .jump_page{
  664. padding: 4px 8px;
  665. text-decoration:none;
  666. }
  667.  
  668. .next {
  669. padding: 4px 8px;
  670. text-decoration:none;
  671. }
  672.  
  673. .current_page{
  674. padding: 4px 8px;
  675. text-decoration:none;
  676. }
  677.  
  678. .more{
  679. text-transform:uppercase;
  680. font-size:calc({select:body font size} - 01px);
  681. border-bottom:1px solid {color:borders};
  682. letter-spacing:1px;
  683. display:inline-block;
  684. }
  685.  
  686. html, body, .container { height: 100%; }
  687. body > .container { height: auto; width:580px; }
  688.  
  689. {block:permalinkpage}
  690. .entries { padding-bottom:{text:margin}px; }{/block:permalinkpage}
  691.  
  692. .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;}
  693.  
  694. </style>
  695. </head>
  696.  
  697. <body>
  698.  
  699. {block:ifNotContainedHeader}
  700. <nav class="fade-in one">
  701.  
  702.  
  703. <div class="dropdown-content">
  704.  
  705. </div>
  706. </li>
  707. {block:ifNotManualLoad}{block:ifTopPagination}<li>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev page</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}{/block:Pagination}</li>{/block:ifTopPagination}{/block:ifNotManualLoad}
  708. <li><a><form action="/search" method="get" class="search"><input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search"></form></a></li>
  709.  
  710. </ul>
  711. </nav>
  712.  
  713.  
  714. <div class="bg fade-in one"></div>{/block:ifNotContainedHeader}
  715.  
  716. <div class="container fade-in one">
  717.  
  718. {block:ifContainedHeader}<nav class="cont">
  719. <ul>
  720. <li><a href="/" class="tit">{Title}</a></li>
  721. <li><a href="/prior">ask</a></li>
  722. <li><a href="/faq">faq</a></li>
  723. <li><a href="/resources">resources</a></li>
  724. <li><a href="/dlprior">downloads</a></li>
  725.  
  726. <div class="dropdown-content">
  727.  
  728. </div>
  729. </li>
  730. {block:ifNotManualLoad}{block:ifTopPagination}<li>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev page</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}{/block:Pagination}</li>{/block:ifTopPagination}{/block:ifNotManualLoad}
  731. <li><a><form action="/search" method="get" class="search"><input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search"></form></a></li>
  732.  
  733. </ul>
  734. </nav>
  735.  
  736.  
  737. <div class="bg"></div>{/block:ifContainedHeader}
  738.  
  739.  
  740.  
  741.  
  742.  
  743. <div class="entries">
  744. {block:Posts}
  745.  
  746. {block:ContentSource}
  747. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  748. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  749. {/block:SourceLogo}
  750. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  751. {/block:ContentSource}
  752.  
  753. <div class="posts" id="{PostID}">
  754.  
  755. {block:Text}
  756. {block:Title}<h2>{Title}</h2>{/block:Title}
  757. {Body}
  758. {/block:Text}
  759.  
  760. {block:Photo}
  761. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
  762. {block:ifShowCaption}
  763. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  764. {/block:ifShowCaption}
  765. {block:ifNotShowCaption}
  766. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  767. {/block:ifNotShowCaption}
  768. {/block:Photo}
  769.  
  770. {block:Photoset}<center>
  771. <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>
  772. {block:ifShowCaption}
  773. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  774. {/block:ifShowCaption}
  775. {block:ifNotShowCaption}
  776. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  777. {/block:ifNotShowCaption}
  778. {/block:Photoset}
  779.  
  780. {block:Quote}<div class="quote">
  781. <div class="quotetext-{Length}">{Quote}</div>
  782. {block:Source}
  783. <div class="quote-source">{Source}</div>
  784. {/block:Source}
  785. </div>{/block:Quote}
  786.  
  787. {block:Link}
  788. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  789. {block:Description}{Description}{/block:Description}
  790. {/block:Link}
  791.  
  792. {block:Chat}
  793. {block:Title}<h2>{Title}</h2>{/block:Title}
  794. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  795. {/block:Chat}
  796.  
  797. {block:Audio}
  798. <div class="audio">
  799. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  800. {block:AlbumArt}
  801. <img src="{AlbumArtURL}" class="au-image">
  802. {/block:AlbumArt}
  803. <div class="au-info"><span>{block:TrackName}{TrackName}{/block:TrackName}
  804. {block:Artist}<br><small><b>{Artist}</b></small>{/block:Artist}</span>
  805. </div>
  806.  
  807. </div>
  808. {block:ifShowCaption}
  809. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  810. {/block:ifShowCaption}
  811. {block:ifNotShowCaption}
  812. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  813. {/block:ifNotShowCaption}
  814. {/block:Audio}
  815.  
  816. {block:Video}
  817. <div class="video">{Video-500}</div>
  818. {block:ifShowCaption}
  819. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  820. {/block:ifShowCaption}
  821. {block:ifNotShowCaption}
  822. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  823. {/block:ifNotShowCaption}
  824. {/block:Video}
  825.  
  826. {block:Answer}
  827. <div class="question"><img src="{AskerPortraitURL-30}">
  828. <b>{Asker} asked</b><br>{Question}</div>
  829. <div class="caption">{Answer}</div>
  830. {/block:Answer}
  831.  
  832. {block:Date}<div class="posts-info">
  833.  
  834. <a href="{Permalink}" title="{TimeAgo}"><b>{shortMonth} {DayOfMonthWithZero}</b></a>
  835. {block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:PermalinkPage}{block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{/block:PermalinkPage}
  836. {block:indexpage}<span style="float:right"><a href="{ReblogURL}" target="_blank">Reblog</a></span>{/block:indexPage}
  837.  
  838. </div>
  839. {/block:Date}
  840. </div><!--- posts --->
  841.  
  842. {block:PermalinkPage}
  843. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  844. {/block:PermalinkPage}
  845.  
  846. {/block:Posts}
  847.  
  848. </div><!--- entries --->
  849.  
  850.  
  851.  
  852. </div><!--- container --->
  853.  
  854.  
  855.  
  856.  
  857.  
  858.  
  859.  
  860.  
  861. <div class="col1" style="width:250px">
  862.  
  863.  
  864.  
  865. {block:Pagination}<div class="pag" {block:ifManualLoad}style="display:none;"{/block:ifManualLoad}{block:ifTopPagination}style="display:none;"{/block:ifTopPagination}>
  866. {block:PreviousPage}<a href="{PreviousPage}" class="next"><i class="fa fa-angle-left fa-fw" aria-hidden="true"></i></a>{/block:PreviousPage}
  867. {block:JumpPagination length="4"}
  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"><i class="fa fa-angle-right fa-fw" aria-hidden="true"></i></a>{/block:NextPage}</div>
  871. {/block:Pagination}{/block:ifNotTopPagination}
  872.  
  873. {block:ifManualLoad}{block:Pagination}
  874. <div class="more"><a href="#">load more</a></div>
  875. {/block:Pagination}{/block:ifManualLoad}
  876. </div>
  877.  
  878.  
  879. </p>
  880. <!--- end official links --->
  881. </div>
  882. </div></footer>
  883.  
  884. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  885. {block:ifNotCustomGutter}<link href="http://static.tumblr.com/nb65v05/MWoo293ue/sghn.css" rel="stylesheet" type="text/css"/>{/block:ifNotCustomGutter}
  886. <link href="http://static.tumblr.com/nb65v05/EvVo293om/style.css" rel="stylesheet" type="text/css"/>
  887. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  888. {block:ifNoRescaling}<link href="http://static.tumblr.com/nb65v05/dXHo8qjrq/nrsclng.css" rel="stylesheet" type="text/css"/>{/block:ifNoRescaling}
  889. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  890. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  891. {block:ifManualLoad}<script src="http://static.tumblr.com/nb65v05/QLXo03qup/jquery.infinitescroll.min.js"></script>{/block:ifManualLoad}
  892. {block:ifGridLayout}
  893. <script src="http://static.tumblr.com/nb65v05/7a4o8hdqu/masonry.pkgd.js"></script>
  894. <script src="https://npmcdn.com/imagesloaded@4.1/imagesloaded.pkgd.min.js"></script>{/block:ifGridLayout}
  895. {block:ifStickySidebar}<script src="http://leafo.net/sticky-kit/src/jquery.sticky-kit.js"></script>{/block:ifStickySidebar}
  896.  
  897. <script>
  898. $(document).ready(function(){
  899.  
  900. $('.dropdown-content a').hide();
  901. $('.dropdown-content a:lt({select:Number of links})').show();
  902.  
  903. //sticky sidebar, source: http://leafo.net/sticky-kit//
  904. {block:IndexPage}{block:ifStickySidebar}
  905. $(".sidebar").stick_in_parent({
  906. spacer: false
  907. });
  908. {/block:ifStickySidebar}{/block:IndexPage}
  909.  
  910. //tool tip //
  911. $("[title]").style_my_tooltips({
  912. tip_follows_cursor:true,
  913. tip_delay_time:200,
  914. tip_fade_speed:300
  915. }
  916. );
  917.  
  918. // scroll to top //
  919. $(window).scroll(function () {
  920. if ($(this).scrollTop() > 100) {
  921. $('.scrollup').fadeIn();
  922. } else {
  923. $('.scrollup').fadeOut();
  924. }
  925. });
  926.  
  927. $('.scrollup').click(function () {
  928. $("html, body").animate({
  929. scrollTop: 0
  930. }, 600);
  931. return false;
  932. });
  933.  
  934. // pxu script //
  935. $('.photo-slideshow').pxuPhotoset({
  936. lightbox: true,
  937. rounded: false,
  938. {block:ifNotCustomGutter}
  939. gutter: '0px',{/block:ifNotCustomGutter}
  940. {block:ifCustomGutter}
  941. gutter: {text:Gutter},{/block:ifCustomGutter}
  942. borderRadius: '0px',
  943. photoset: '.photo-slideshow',
  944. photoWrap: '.photo-data',
  945. photo: '.pxu-photo'
  946. });
  947.  
  948. {block:IndexPage}
  949. var $container = $('.entries');
  950.  
  951. {block:ifGridLayout}
  952. // masonry + ImagesLoaded
  953. $container.imagesLoaded(function(){
  954. $container.masonry({
  955. // selector for entry content
  956. itemSelector: '.posts',
  957. isFitWidth: false,
  958. hiddenStyle: { opacity: 0 },
  959. visibleStyle: { opacity: 1 }
  960. });
  961. });
  962. {/block:ifGridLayout}
  963.  
  964. //infinite scroll //
  965. {block:ifManualLoad}
  966. $container.infinitescroll({
  967. navSelector: '.pag',
  968. nextSelector: '.next',
  969. itemSelector: '.posts',
  970. loadingImg : " ",
  971. bufferPx : 50,
  972. errorCallback: function(){
  973. $('.more').animate({opacity: 0.8},2000).fadeOut('normal');}
  974. },
  975. function( newElements ) {
  976. var $newElems = $(newElements){block:ifGridLayout}.css({ opacity: 0 });
  977. $newElems.imagesLoaded(function(){
  978. $newElems.animate({ opacity: 1 });
  979. $container.masonry( 'appended', $newElems);
  980. })
  981. {/block:ifGridLayout};
  982.  
  983. {block:ifStickySidebar}
  984. $(document.body).trigger("sticky_kit:recalc");
  985. {/block:ifStickySidebar}
  986.  
  987. //likes //
  988. var $newElemsIDs = $newElems.map(function(){
  989. return this.id;
  990. }).get();
  991. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  992.  
  993. //pxu//
  994. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  995. lightbox: true,
  996. rounded: false,
  997. {block:ifNotCustomGutter}
  998. gutter: '0px',{/block:ifNotCustomGutter}
  999. {block:ifCustomGutter}
  1000. gutter: {text:Gutter},{/block:ifCustomGutter}
  1001. borderRadius: '0px',
  1002. photoset: '.photo-slideshow',
  1003. photoWrap: '.photo-data',
  1004. photo: '.pxu-photo'
  1005. });
  1006.  
  1007. //videos //
  1008. resizeVideos();
  1009. });
  1010.  
  1011. // manual trigger //
  1012. $(window).unbind('.infscr');
  1013. $('.more').click(function(){
  1014. $container.infinitescroll('retrieve');
  1015. return false
  1016. });
  1017. {/block:ifManualLoad}
  1018. {/block:IndexPage}
  1019. });
  1020.  
  1021. </script>
  1022.  
  1023. <br><center>{block:NextPage}<a href="{NextPage}"><font size="90">&#171;</font></a>{/block:NextPage}
  1024. {block:PreviousPage} <a href="{PreviousPage}"><font size="90">&#187;</font></a>{/block:PreviousPage}<br>
  1025. {block:PermalinkPagination}
  1026. {block:NextPost}<a href="{NextPost}"><font size="90">&#171;</font></a>{/block:NextPost}
  1027. {block:PreviousPost} <a href="{PreviousPost}"><font size="90">&#187;</font></a>{/block:PreviousPost}
  1028. {/block:PermalinkPagination}<p>
  1029. </center>
  1030. <br>
  1031. <br/>
  1032. </body>
  1033. </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!