API tools faq
paste
Advertisement
paigeh987

Theme 33 - fansite 2

paigeh987
Aug 17th, 2017
10,699
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.62 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME 33: FANSITE
  4. by Paige @neonbikethemes
  5. last updated 1.04.18
  6.  
  7. rules:
  8. - Do not steal code or design
  9. - Do not remove/alter credit
  10. - Please like/reblog the post
  11.  
  12. credits:
  13. - soundcloud script by shythemes
  14. - unnest captions tutrial by @magnusthemes & @neothm
  15. - base code by farahmir
  16. - photoset script by pixel union, tutorial by shythemes
  17.  
  18. -->
  19.  
  20. <!DOCTYPE html>
  21. <head>
  22.  
  23.  
  24. <title>{Title}</title>
  25.  
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <!--Default Variables-->
  31.  
  32. <meta name="color:Background" content="#f4f4f4"/>
  33. <meta name="color:Container" content="#ffffff"/>
  34. <meta name="color:Text" content="#a0a0a0"/>
  35. <meta name="color:Link" content="#000000"/>
  36. <meta name="color:Link Hover" content="#aoaoao"/>
  37. <meta name="color:Border" content="#e3e3e3"/>
  38. <meta name="color:Header Title" content="#000000"/>
  39. <meta name="color:Post info" content="#aoaoao"/>
  40.  
  41. <meta name="image:Background" content=""/>
  42. <meta name="image:Icon" content=""/>
  43. <meta name="image:Header" content=""/>
  44. <meta name="image:Header Icon" content=""/>
  45.  
  46. <meta name="text:Subtitle" content="Subtitle" />
  47. <meta name="text:Links Title" content="Links" />
  48. <meta name="text:Members Title" content="Members" />
  49. <meta name="text:Affiliates Title" content="Affiliates" />
  50. <meta name="text:Updates Title" content="Updates" />
  51. <meta name="text:Projects Title" content="Projects" />
  52. <meta name="text:Official Links Title" content="Official Links" />
  53. <meta name="text:Extra Title" content="Extra" />
  54. <meta name="text:Extra Box Content" content="lorem ipsum" />
  55.  
  56. <meta name="text:Link 1" content="Home" />
  57. <meta name="text:Link 1 URL" content="/" />
  58. <meta name="text:Link 2" content="Ask" />
  59. <meta name="text:Link 2 URL" content="/ask" />
  60. <meta name="text:Link 3" content="Archive" />
  61. <meta name="text:Link 3 URL" content="/archive" />
  62. <meta name="text:Link 4" content="" />
  63. <meta name="text:Link 4 URL" content="/" />
  64. <meta name="text:Link 5" content="" />
  65. <meta name="text:Link 5 URL" content="/" />
  66. <meta name="text:Link 6" content="" />
  67. <meta name="text:Link 6 URL" content="/" />
  68. <meta name="text:Link 7" content="" />
  69. <meta name="text:Link 7 URL" content="/" />
  70. <meta name="text:Link 8" content="" />
  71. <meta name="text:Link 8 URL" content="/" />
  72.  
  73. <meta name="select:Post Width" content="350" title="350px">
  74. <meta name="select:Post Width" content="375" title="375px">
  75. <meta name="select:Post Width" content="400" title="400px">
  76. <meta name="select:Post Width" content="425" title="425px">
  77. <meta name="select:Post Width" content="450" title="450px">
  78. <meta name="select:Post Width" content="475" title="475px">
  79. <meta name="select:Post Width" content="500" title="500px">
  80. <meta name="select:Post Width" content="540" title="540px">
  81.  
  82. <meta name="select:Photoset Gutter" content="1" title="1px">
  83. <meta name="select:Photoset Gutter" content="2" title="2px">
  84. <meta name="select:Photoset Gutter" content="5" title="5px">
  85. <meta name="select:Photoset Gutter" content="10" title="10px">
  86.  
  87. <meta name="select:Sidebar Width" content="180" title="180px">
  88. <meta name="select:Sidebar Width" content="200" title="200px">
  89. <meta name="select:Sidebar Width" content="220" title="220px">
  90.  
  91. <meta name="select:Title Font" content="Raleway" title="Raleway">
  92. <meta name="select:Title Font" content="Montserrat" title="Montserrat">
  93. <meta name="select:Title Font" content="Playfair Display" title="Playfair Display">
  94.  
  95. <meta name="select:Font" content="Abeezee" title="Abeezee">
  96. <meta name="select:Font" content="Lora" title="Lora">
  97. <meta name="select:Font" content="PT Sans" title="PT Sans">
  98. <meta name="select:Font" content="Karla" title="Karla">
  99. <meta name="select:Font" content="Noto Sans" title="Noto Sans">
  100.  
  101. <meta name="select:font size" title="Small" content="60%">
  102. <meta name="select:font size" title="Medium" content="70%">
  103. <meta name="select:font size" title="Large" content="80%">
  104.  
  105. <meta name="if:show captions" content="1">
  106. <meta name="if:show tags" content="1">
  107. <meta name="if:circular icons" content="1">
  108. <meta name="if:show header" content="1">
  109. <meta name="if:show icon" content="1">
  110. <meta name="if:show title" content="1">
  111. <meta name="if:show description" content="1">
  112. <meta name="if:show links" content="1">
  113. <meta name="if:show search" content="1">
  114. <meta name="if:show members" content="1">
  115. <meta name="if:show affiliates" content="1">
  116. <meta name="if:show updates" content="1">
  117. <meta name="if:show projects" content="1">
  118. <meta name="if:show social icons" content="1">
  119. <meta name="if:show extra box" content="1">
  120. <meta name="if:full size bg" content="1">
  121.  
  122.  
  123. <style type="text/css">
  124.  
  125. #s-m-t-tooltip{
  126. position:absolute;
  127. margin: 5px 0 0 15px;
  128. z-index:9999;
  129. background:{color:link};
  130. color:{color:container};
  131. padding:4px 6px 4px 6px;
  132. }
  133.  
  134. ::-webkit-scrollbar {
  135. width: 11px;height: 0px;}
  136. ::-webkit-scrollbar-button:start:decrement,
  137. ::-webkit-scrollbar-button:end:increment {
  138. height: 0px;display: block;background-color: {color:background};}
  139. ::-webkit-scrollbar-track-piece {
  140. background-color: {color:background};}
  141. ::-webkit-scrollbar-thumb:vertical {
  142. height: 0px;
  143. background-color: {color:text};
  144. border:5px solid {color:background};
  145. }
  146.  
  147.  
  148. iframe.tmblr-iframe {
  149. z-index:99999999999999!important;
  150. }
  151.  
  152. /*basics*/
  153.  
  154. blockquote {
  155. padding:0px 0 0px 15px;
  156. border-left:1px solid {color:border};
  157. margin:0 0 0 10px;
  158. }
  159. .tumblr_parent {
  160. margin:0;
  161. padding: 15px 15px 10px 15px;
  162. border: 1px solid {color:border};
  163. border-bottom:0px solid {color:border};
  164. }
  165. .tumblr_parent blockquote{
  166. margin:10px 0 0 0;
  167. padding:0 0 0 15px;
  168. border-left: 1px solid {color:border};
  169. }
  170. .tumblr_avatar {
  171. width:16px;
  172. border-radius:16px;
  173. margin: 0 10px -4px 0;
  174. }
  175.  
  176. body {
  177. background:{color:background} url('{image:background}');
  178. background-attachment: fixed;
  179. {block:Iffullsizebg}
  180. background-size:cover;
  181. {/block:Iffullsizebg}
  182. color:{color:text};
  183. font-family:{select:font}, helvetica;
  184. font-size: {select:font size};
  185. text-align:left;
  186. margin:0;
  187. line-height:130%;
  188. }
  189.  
  190. a {
  191. color:{color:link};
  192. text-decoration:none;
  193. -webkit-transition: all .3s; /* Safari */
  194. transition: all .3s;
  195. }
  196. a:hover {
  197. text-decoration:none;
  198. color:{color:link hover};
  199. -webkit-transition: all .3s; /* Safari */
  200. transition: all .3s;
  201. }
  202. img{
  203. opacity:1;
  204. border:none;
  205. text-decoration:none;
  206. max-width:100%;
  207. }
  208. .image img{
  209. width:{select:post width}px;
  210. }
  211. small {
  212. font-size:.9em;
  213. }
  214. big {
  215. font-size:1.2em;
  216. }
  217.  
  218. h1{
  219. font-size:.8em;
  220. font-weight:bold;
  221. text-transform:uppercase;
  222. text-align:center;
  223. }
  224.  
  225. .ln{
  226. display:inline-block;
  227. width:70px;
  228. height:0;
  229. border-bottom:1px solid {color:border};
  230. margin:10px 0 2px 0;
  231. }
  232.  
  233. .pln{
  234. display:inline-block;
  235. width:{select:post width}px;
  236. height:0;
  237. border-bottom:1px solid {color:border};
  238. margin:10px 0 2px 0;
  239. }
  240.  
  241. .title {
  242. font-size:1.7em;
  243. margin-bottom:10px;
  244. text-align:left;
  245. font-family:{select:title font}, {select:font}, helvetica;
  246. }
  247.  
  248. /*sidebar*/
  249. #sidebar {
  250. text-align:center;
  251. position:fixed;
  252. height:calc(100vh - 40px);
  253. margin-left:calc(({select:sidebar width}px + 75px) * -1);
  254. padding:15px;
  255. width:{select:sidebar width}px;
  256. background:{color:container};
  257. border-right:1px solid {color:border};
  258. overflow:scroll;
  259. }
  260. #sidebar::-webkit-scrollbar {
  261. width: 11px;height: 0px;}
  262. #sidebar::-webkit-scrollbar-button:start:decrement,
  263. #sidebar::-webkit-scrollbar-button:end:increment {
  264. height: 0px;display: block;background-color: {color:container};}
  265. #sidebar::-webkit-scrollbar-track-piece {
  266. background-color: {color:container};}
  267. #sidebar::-webkit-scrollbar-thumb:vertical {
  268. height: 0px;
  269. background-color: {color:border};
  270. border:5px solid {color:container};
  271. }
  272.  
  273.  
  274. #sidebarim {
  275. margin:10px;
  276. }
  277.  
  278. #sidebarim img {
  279. width:50px;
  280. display:inline-block;
  281. {block:Ifcircularicons}
  282. border-radius:50px;
  283. {/block:Ifcircularicons}
  284. {block:Ifnotcircularicons}
  285. border-radius:4px;
  286. {/block:Ifnotcircularicons}
  287. }
  288.  
  289. #blogt {
  290. font-size:1.8em;
  291. font-family: {select:title font}, {select:font}, helvetica;
  292. margin:0 0 0px 0;
  293. line-height:100%;
  294. {block:Ifnotshowicon}
  295. margin-top:15px;
  296. {/block:Ifnotshowicon}
  297. }
  298. #blogt a{
  299. color:{color:text};
  300. }
  301.  
  302. #links {
  303. margin:-5px 0 5px 0;
  304. text-transform:lowercase;
  305. }
  306. #links a{
  307. width:70px;
  308. display:inline-block;
  309. }
  310.  
  311. #description {
  312. margin:5px 0;
  313. }
  314.  
  315. .members{
  316. margin:0;
  317. line-height:18px;
  318. }
  319. .members img{
  320. width:20px;
  321. border-radius:3px;
  322. {block:Ifcircularicons}
  323. border-radius:20px;
  324. {block:Ifcircularicons}
  325. opacity:.8;
  326. margin:0 2px 0 2px;
  327. -webkit-transition: all .3s; /* Safari */
  328. transition: all .3s;
  329. }
  330. .members img:hover{
  331. opacity:1;
  332. -webkit-transition: all .3s; /* Safari */
  333. transition: all .3s;
  334. }
  335.  
  336. .affil{
  337. margin:0;
  338. line-height:18px;
  339. }
  340. .affil img{
  341. width:25px;
  342. border-radius:3px;
  343. {block:Ifcircularicons}
  344. border-radius:50px;
  345. {block:Ifcircularicons}
  346. opacity:.8;
  347. margin:0 2px 0 2px;
  348. -webkit-transition: all .3s; /* Safari */
  349. transition: all .3s;
  350. }
  351. .affil img:hover{
  352. opacity:1;
  353. -webkit-transition: all .3s; /* Safari */
  354. transition: all .3s;
  355. }
  356.  
  357. .updates{
  358. margin:0 10px 0 10px;
  359. font-size:.9em;
  360. }
  361. .ud{
  362. text-align:left;
  363. }
  364. .ud .d{
  365. display:inline-block;
  366. float:left;
  367. width:33px;
  368. text-transform:uppercase;
  369. font-weight:bold;
  370. font-size:.8em;
  371. }
  372.  
  373. .social a{
  374. font-size:1.3em;
  375. -webkit-transition: all .3s; /* Safari */
  376. transition: all .3s;
  377. }
  378. .si{
  379. display:inline-block;
  380. border:1px solid {color:border};
  381. padding: 3px 3px 1px 3px;
  382. border-radius:3px;
  383. {block:Ifcircularicons}
  384. border-radius:50px;
  385. {block:Ifcircularicons}
  386. margin:0 2px 0 2px;
  387. width:1.05em;
  388. line-height:120%;
  389. }
  390.  
  391. .proj{
  392. margin:0;
  393. line-height:18px;
  394. }
  395.  
  396. .proj img{
  397. width:30px;
  398. border-radius:3px;
  399. {block:Ifcircularicons}
  400. border-radius:50px;
  401. {block:Ifcircularicons}
  402. opacity:.8;
  403. margin:0 2px 0 2px;
  404. -webkit-transition: all .3s; /* Safari */
  405. transition: all .3s;
  406. }
  407. .proj img:hover{
  408. opacity:1;
  409. -webkit-transition: all .3s; /* Safari */
  410. transition: all .3s;
  411. }
  412.  
  413. .txt{}
  414.  
  415. .search{
  416. text-align:center;
  417. }
  418. .sbox{
  419. border:none;
  420. width:150px;
  421. text-transform:lowercase;
  422. font-family:{select:font}, helvetica;
  423. color:{color:text};
  424. height:12px;
  425. text-align:center;
  426. font-size:.9em;
  427. outline: none;
  428. margin:0;
  429. }
  430. .sbutton{
  431. border:none;
  432. background:{color:posts};
  433. padding:0;
  434. margin:0;
  435. opacity:0;
  436. height:0;
  437. width:0;
  438. }
  439.  
  440. /*pagination*/
  441. #pagination {
  442. position:fixed;
  443. bottom:0px;
  444. margin:0 -15px 0 -15px;
  445. padding:10px 15px 15px 15px;
  446. background:{color:container};
  447. z-index:99999;
  448. width:{select:sidebar width}px;
  449. text-align:center;
  450. word-spacing:8px;
  451. }
  452. #pagination a {
  453. padding:2px 5px 2px 5px;
  454. border:1px solid {color:border};
  455. {block:Ifcircularicons}
  456. border-radius:50px;
  457. {/block:Ifcircularicons}
  458. {block:Ifnotcircularicons}
  459. border-radius:4px;
  460. {/block:Ifnotcircularicons}
  461. margin:0 3px 0 0;
  462. }
  463.  
  464. .headerimg{
  465. width:calc({select:post width}px + 90px);
  466. margin:0 -45px 0 -45px;
  467. height:100vh;
  468. max-height:100vh;
  469. overflow:hidden;
  470. text-align:center;
  471. background:url('{image:header}');
  472. background-size:cover;
  473. }
  474.  
  475. .headerimg .logo{
  476. display:inline-block;
  477. width:150px;
  478. margin-top:calc(50vh - 100px);
  479. }
  480.  
  481. .subtitle{
  482. font-size:1.9em;
  483. line-height:120%;
  484. font-weight:500;
  485. margin:0 80px 0 80px;
  486. font-family:{select:title font}, {select:font}, helvetica;
  487. color:{color:header title};
  488. }
  489.  
  490. .down{
  491. font-size:3em;
  492. margin-top:35vh;
  493. }
  494. .down a{
  495. color:{color:header title};
  496. }
  497.  
  498. /*container*/
  499. #con {
  500. left:50%;
  501. padding:0 45px 0 45px;
  502. margin-left: calc((({select:post width}px - 110px) / 2) * -1);
  503. position:absolute;
  504. background:{color:container};
  505. border-left:1px solid {color:border};
  506. }
  507.  
  508.  
  509. /*posts*/
  510.  
  511. #entries {
  512. margin:0px 0 100px 0;
  513. width:{select:post width}px;
  514. overflow:hidden;
  515. min-height:calc(100vh - 100px);
  516. text-align:center;
  517. }
  518. #entries img{
  519. height:auto;
  520. }
  521.  
  522. .post {
  523. text-align:left;
  524. margin:40px 0 20px 0;
  525. {block:PermalinkPage}
  526. margin-bottom:50px;
  527. {/block:PermalinkPage}
  528. }
  529. .post img {
  530. max-width:100%;
  531. }
  532.  
  533. .post img, .post li, .post blockquote {max-width: 100%;}
  534.  
  535. .caption {
  536. margin-top:6px;
  537. border-bottom:1px solid {color:border};
  538. }
  539.  
  540. .caption img{
  541. max-width:100%;
  542. height:auto;
  543. }
  544.  
  545. /*quote*/
  546.  
  547. .titlequote{
  548. font-size:1.8em;
  549. line-height:130%;
  550. font-family:{select:title font}, {select:font}, helvetica;
  551. }
  552. .source {
  553. margin:15px 0 25px 0;
  554. text-align:center;
  555. }
  556.  
  557.  
  558. /* ----- AUDIO ------ */
  559.  
  560. .audio {
  561. text-align: left;
  562. min-height:80px;
  563. margin:0 0 10px 0;
  564. z-index:0;
  565. }
  566. .spotify_audio_player {
  567. height: 80px !important;
  568. width:{select:post width}px;
  569. float:left;
  570. position:absolute;
  571. margin-top:-90px;
  572. border-bottom:4px solid {color:container};
  573. }
  574. .songart{
  575. position:absolute;
  576. float:left;
  577. width:80px;
  578. height:80px;
  579. margin:0 10px 0 0;
  580. border:1px solid {color:border};
  581. border-radius:3px;
  582. }
  583. .songart img{
  584. position:absolute;
  585. width:80px;
  586. height:80px;
  587. }
  588. .player{
  589. position:absolute;
  590. margin-left:25px;
  591. margin-top:25px;
  592. height:30px;
  593. width:30px;
  594. overflow:hidden;
  595. z-index:9999;
  596. opacity:.6;
  597. -webkit-transition: all .3s; /* Safari */
  598. transition: all .3s;
  599. border-radius:3px;
  600. {block:Ifcircularicons}
  601. border-radius:20px;
  602. {block:Ifcircularicons}
  603. border:1px solid {color:border};
  604. background:#f2f2f2;
  605. }
  606. .songart:hover .player{
  607. opacity:1;
  608. -webkit-transition: all .3s; /* Safari */
  609. transition: all .3s;
  610. }
  611.  
  612. .songinfo{
  613. position:relative;
  614. float:right;
  615. width:calc({select:post width}px - 143px);
  616. border:1px solid {color:border};
  617. height:30px;
  618. padding:25px;
  619. text-transform:uppercase;
  620. border-radius:3px;
  621. }
  622.  
  623. .tumblr_audio_player {
  624. height: 30px;
  625. }
  626. .soundcloud_audio_player{
  627. margin:-90px 0 0 0;
  628. z-index:99999;
  629.  
  630. }
  631.  
  632.  
  633. /* VIDEO */
  634. .video{
  635. width:{select:post width}px;
  636. max-width:100%;
  637. }
  638. .video-player{
  639. position: relative;
  640. padding-bottom: 56.25%; /* 16:9 */
  641. padding-top: 25px;
  642. height: 0;
  643. max-width:{select:post width}px;
  644. }
  645.  
  646. .video-player iframe{
  647. position: absolute;
  648. top: 0;
  649. left: 0;
  650. width: 100%;
  651. height: 100%;
  652. }
  653. iframe {
  654. max-width:100%;
  655. }
  656.  
  657. /*asks*/
  658. .q {
  659. margin-bottom:10px;
  660. padding:15px;
  661. border:1px solid {color:border};
  662. text-align:center;
  663. }
  664. .as {
  665. display:inline-block;
  666. font-weight:bold;
  667. border-bottom:1px solid {color:border};
  668. padding: 0 0 10px 0;
  669. margin: 0 0 10px 0;
  670. }
  671.  
  672. /*chat*/
  673. .chat ol {
  674. padding:0;
  675. list-style:none;
  676. }
  677. .line {padding:3px 0;}
  678.  
  679. .label {font-weight:bold;
  680. }
  681.  
  682.  
  683. /*permalink and notes*/
  684. .postinfo {
  685. margin-top:10px;
  686. color:{color:post info};
  687. }
  688.  
  689. .postinfo a {
  690. margin-right:0px;
  691. color:{color:post info};
  692. -webkit-transition: all .3s; /* Safari */
  693. transition: all .3s;
  694. }
  695.  
  696. .postinfo a:hover{
  697. color:{color:link hover};
  698. -webkit-transition: all .3s; /* Safari */
  699. transition: all .3s;
  700. }
  701.  
  702. .postinfo img{
  703. display:inline-block;
  704. margin: 0 6px -5px 2px;
  705. border-radius:3px;
  706. {block:Ifcircularicons}
  707. border-radius:50px;
  708. {block:Ifcircularicons}
  709. width:18px;
  710. opacity:.7;
  711. -webkit-transition: all .3s; /* Safari */
  712. transition: all .3s;
  713. background:{color:border};
  714. }
  715. .postinfo img:hover{
  716. opacity:1;
  717. -webkit-transition: all .3s; /* Safari */
  718. transition: all .3s;
  719. }
  720.  
  721. .postinfo .right{
  722. float:right;
  723. }
  724.  
  725. svg {
  726. width:10px;
  727. height:auto;
  728. opacity:.5;
  729. padding:1px;
  730. display:block;
  731. overflow:visible;
  732. }
  733. .controls a {
  734. position:relative;
  735. display:inline-block;
  736. overflow:hidden;
  737. padding:5px 3px 3px 3px;
  738. width:12px;
  739. height:12px;
  740. }
  741. .controls .reblog {
  742. opacity:.93;
  743. }
  744. .controls .reblog svg {
  745. width:9px;
  746. margin-top:1px;
  747. }
  748. .controls .like .liked + svg {
  749. opacity:1;
  750. }
  751. .controls .like .liked + svg path {
  752. fill:#ec5a5a;
  753. }
  754. .controls .like .like_button {
  755. position:relative;
  756. }
  757. .controls .like .like_button iframe {
  758. position:absolute;
  759. top:0;
  760. left:0;
  761. bottom:0;
  762. right:0;
  763. z-index:2;
  764. opacity:0;
  765. }
  766. .tags {
  767. word-break:break-all;
  768. margin:10px 0 0 4px;
  769. text-align:left;
  770. font-size:.9em;
  771. opacity:.7;
  772. -webkit-transition: all .3s; /* Safari */
  773. transition: all .3s;
  774. }
  775. .tags a{
  776. margin-left:6px;
  777. }
  778. .post:hover .tags{
  779. opacity:1;
  780. -webkit-transition: all .3s; /* Safari */
  781. transition: all .3s;
  782. }
  783.  
  784. .pagenotes {
  785. {block:IndexPage}
  786. display: none!important;
  787. {/block:IndexPage}
  788. width:400px;
  789. text-align:left;
  790. }
  791.  
  792. .pagenotes img {
  793. display:none!important;
  794. }
  795. .pagenotes li {
  796. list-style-type:none;
  797. padding:5px 0px;
  798. text-align:left;
  799. margin:0 0 0 -40px;
  800. }
  801.  
  802. .credit{
  803. position:fixed;
  804. right:10px;
  805. bottom:15px;
  806. background:{color:container};
  807. padding:2px 4px 2px 4px;
  808. border:none;
  809. border-radius:3px;
  810. }
  811.  
  812. {CustomCSS}
  813.  
  814.  
  815. </style>
  816.  
  817.  
  818.  
  819. </head>
  820.  
  821. <body>
  822.  
  823. <div id="con">
  824.  
  825. <div id="sidebar">
  826.  
  827. {block:Ifshowicon}
  828. <div id="sidebarim"><a href="/"><img src="{image:Icon}"></a></div>
  829. {/block:Ifshowicon}
  830. {block:Ifshowtitle}
  831. <div id="blogt"><a href="/">{Title}</a></div>
  832. {/block:Ifshowtitle}
  833.  
  834.  
  835. <!-- DESCRIPTION SECTION -->
  836.  
  837. {block:Ifshowdescription}
  838. <div class="ln"></div>
  839. <div id="description">{Description}</div>
  840. {/block:Ifshowdescription}
  841.  
  842.  
  843. <!-- LINKS SECTION -->
  844.  
  845. {block:Ifshowlinks}
  846. <div class="ln"></div>
  847. <div id="links">
  848. <h1>{text:links title}</h1>
  849. {block:ifLink1}<a href="{text:Link 1 URL}">
  850. {text:Link 1}</a>{/block:ifLink1}
  851. {block:ifLink2}<a href="{text:Link 2 URL}" >
  852. {text:Link 2}</a>{/block:ifLink2}
  853. {block:ifLink3}<a href="{text:Link 3 URL}">
  854. {text:Link 3}</a> {/block:ifLink3}
  855. {block:ifLink4}<a href="{text:Link 4 URL}">
  856. {text:Link 4}</a> {/block:ifLink4}
  857. {block:ifLink5}<a href="{text:Link 5 URL}">
  858. {text:Link 5}</a> {/block:ifLink5}
  859. {block:ifLink6}<a href="{text:Link 6 URL}">
  860. {text:Link 6}</a> {/block:ifLink6}
  861. {block:ifLink7}<a href="{text:Link 7 URL}">
  862. {text:Link 7}</a> {/block:ifLink7}
  863. {block:ifLink8}<a href="{text:Link 8 URL}">
  864. {text:Link 8}</a> {/block:ifLink8}
  865. </div>
  866. {/block:Ifshowlinks}
  867.  
  868.  
  869. <!-- SEARCH -->
  870. {block:Ifshowsearch}
  871. <div class="search">
  872. <form action="/search" method="get">
  873. <input class="sbox" placeholder="Search" type="text" name="q" value="{SearchQuery}" />
  874. </form>
  875. </div>
  876. {/block:Ifshowsearch}
  877.  
  878.  
  879. <!-- MEMBERS SECTION -->
  880.  
  881. {block:Ifshowmembers}
  882. <div class="ln"></div>
  883. <div class="members">
  884. <h1>{text:members title}<h1>
  885. {block:GroupMembers}{block:GroupMember}
  886. <a href="{GroupMemberURL}" title="{GroupMemberName}">
  887. <img src="{GroupMemberPortraitURL-24}"></a>
  888. {/block:GroupMember}{/block:GroupMembers}
  889. <!--
  890. to add members manually, copy and paste the below section, and change the urls and text:
  891.  
  892. <a href="/" title="blogurl">
  893. <img src="http://68.media.tumblr.com/a4e0674ff8bc51dd760130e450619630/tumblr_oq7s8u0T4Y1vbousjo5_1280.png"></a>
  894.  
  895. You will also need to delete or hide the everything fro {block:GroupMembers} and {/block:GroupMembers}. (otherwise, the autoatically generated members will also show up.
  896.  
  897. -->
  898. </div>
  899. {/block:Ifshowmembers}
  900.  
  901.  
  902. <!-- AFFILIATES SECTION -->
  903.  
  904. {block:Ifshowaffiliates}
  905. <div class="affil">
  906. <h1>{text:affiliates title}</h1>
  907. <a href="/" title="Affiliate One"><img class="affil" src="http://68.media.tumblr.com/616c1a0e09d866a0f7932fe1e5349170/tumblr_oq7s8u0T4Y1vbousjo3_1280.png"></a>
  908. <a href="/" title="Affiliate Two"><img class="affil" src="http://68.media.tumblr.com/cee9fe3301e90ca430db440eea6e6b84/tumblr_oq7s8u0T4Y1vbousjo2_1280.png"></a>
  909. <a href="/" title="Affiliate Three"><img class="affil" src="http://68.media.tumblr.com/a4e0674ff8bc51dd760130e450619630/tumblr_oq7s8u0T4Y1vbousjo5_1280.png"></a>
  910. <!-- example: <a href="link to affiliate's blog" title="Affiliate name"><img class="affil" src="paste image url here"></a>-->
  911. </div>
  912. {/block:Ifshowaffiliates}
  913.  
  914.  
  915. <!-- UPDATES SECTION -->
  916.  
  917. {block:Ifshowupdates}
  918. <div class="ln"></div>
  919. <h1>{text:updates title}</h1>
  920. <div class="updates">
  921. <div class="ud"><div class="d">Aug 2</div>New episode</div>
  922. <div class="ud"><div class="d">Aug 2</div>Another longer update </div>
  923. <div class="ud"><div class="d">Aug 2</div>New photos</div>
  924. <!-- example: <div class="ud"><div class="d">DATE</div>update text</div> -->
  925. </div>
  926. {/block:Ifshowupdates}
  927.  
  928.  
  929. <!-- PROJECTS SECTION -->
  930.  
  931. {block:Ifshowprojects}
  932. <div class="ln"></div>
  933. <div class="proj">
  934. <h1>{text:projects title}</h1>
  935. <a href="/" title="Project One - Date"><img src="http://68.media.tumblr.com/ee843139aadcb41fa338d57431c5ee9c/tumblr_oq7s8u0T4Y1vbousjo4_1280.png"></a>
  936. <a href="/" title="Project Two - Date"><img src="http://68.media.tumblr.com/cc54d41899eee2a45d8465ebf7a69e78/tumblr_oq7s8u0T4Y1vbousjo1_1280.png"></a>
  937. <a href="/" title="Project Three - Date"><img src="http://68.media.tumblr.com/a4e0674ff8bc51dd760130e450619630/tumblr_oq7s8u0T4Y1vbousjo5_1280.png"></a>
  938. <!-- example: <a href="project link" title="Project title"><img src="image url here"></a> -->
  939. </div>
  940. {/block:Ifshowprojects}
  941.  
  942.  
  943. <!-- OFFICIAL LINKS/SOCIAL SECTION -->
  944.  
  945. {block:Ifshowsocialicons}
  946. <div class="ln"></div>
  947. <div class="social">
  948. <h1>{text:Official links title}</h1>
  949. <a href="/"><div class="si"><i class="fa fa-facebook" aria-hidden="true"></i></div></a>
  950. <a href="/"><div class="si"><i class="fa fa-instagram" aria-hidden="true"></i></div></a>
  951. <a href="/"><div class="si"><i class="fa fa-twitter" aria-hidden="true"></i></div></a>
  952. <a href="/"><div class="si"><i class="fa fa-pinterest-p" aria-hidden="true"></i></div></a>
  953. <a href="/"><div class="si"><i class="fa fa-weibo" aria-hidden="true"></i></div></a>
  954. <!--
  955. example: <a href="social media url"><div class="si"><i class="fa fa-twitter" aria-hidden="true"></i></div></a>
  956. more icons can be found here: http://fontawesome.io/icons/#brand
  957. just paste the <i class="..."></i>
  958. -->
  959. </div>
  960. {/block:Ifshowsocialicons}
  961.  
  962. {block:Ifshowextrabox}
  963. <!-- extra text box -->
  964. <div class="ln"></div>
  965. <div class="txt">
  966. <h1>{text:extra title}</h1>
  967. {text:extra box content}
  968. </div>
  969. {/block:Ifshowextrabox}
  970.  
  971. <div id="pagination">
  972. {block:Pagination}
  973. {block:PreviousPage}
  974. <a href="{PreviousPage}"><i class="fa fa-angle-left" aria-hidden="true"></i></a>
  975. {/block:PreviousPage}
  976. {block:JumpPagination length="3"}
  977. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  978. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  979. {/block:JumpPagination}
  980. {block:NextPage}
  981. <a href="{NextPage}"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
  982. {/block:NextPage}
  983. {/block:Pagination}
  984. </div>
  985.  
  986. </div>
  987.  
  988. {block:IndexPage}
  989. {block:Ifshowheader}
  990. <div class="headerimg">
  991. <div class="logo"><img src="{image:header icon}"></div>
  992. <div class="subtitle">{text:subtitle}</div>
  993. <div class="down"><a href="#top"><i class="fa fa-angle-down" aria-hidden="true"></i></a></div>
  994. </div>
  995. {/block:Ifshowheader}
  996. {/block:IndexPage}
  997.  
  998.  
  999. <a name="top"></a>
  1000. <div id="entries">
  1001.  
  1002. {block:TagPage}Posts tagged "{Tag}"{/block:TagPage}
  1003. {block:SearchPage}Results for "{SearchQuery}"{/block:SearchPage}
  1004.  
  1005. {block:Posts}
  1006. <div class="post" id="{PostID}">
  1007.  
  1008. <!-- QUOTE -->
  1009. {block:Quote}
  1010. <div class="titlequote">“{Quote}”</div>
  1011. {block:Source}<div class="source">{Source}</div>{/block:Source}
  1012. {/block:Quote}
  1013.  
  1014. <!-- TEXT -->
  1015. {block:Text}
  1016. {block:Title}
  1017. <div class="title">{Title}</div>{/block:Title}
  1018. {Body}
  1019. {/block:Text}
  1020.  
  1021. {block:Link}
  1022. <div class="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  1023. {/block:Link}
  1024.  
  1025. {block:Chat}
  1026. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1027. <div class="chat">
  1028. <ol>{block:Lines}
  1029. <li class="line {Alt}">
  1030. {block:Label}<span class="label">{Label}</span>{/block:Label}
  1031. {Line}</li>
  1032. {/block:Lines}
  1033. </ol></div>
  1034. {/block:Chat}
  1035.  
  1036. {block:Photo}
  1037. {LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>{LinkCloseTag}
  1038. {/block:Photo}
  1039.  
  1040. {block:Photoset}
  1041. <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>
  1042. {/block:Photoset}
  1043.  
  1044. {block:Video}
  1045. <div class="video">
  1046. <div class="video-player">{Video-500}</div>
  1047. </div>
  1048. {/block:Video}
  1049.  
  1050. {block:Audio}
  1051. <div class="audio">
  1052. {block:AudioPlayer}
  1053. <div class="songart">
  1054. {block:AlbumArt}
  1055. <img src="{AlbumArtURL}">
  1056. {/block:AlbumArt}
  1057. <div class="player">{AudioPlayerWhite}</div>
  1058. </div>
  1059. <div class="songinfo">
  1060. {block:TrackName}
  1061. <b>{TrackName}</b>
  1062. {/block:TrackName}
  1063. {block:Artist}
  1064. <br>{Artist}
  1065. {/block:Artist}
  1066. </div>
  1067. {/block:AudioPlayer}
  1068. </div>
  1069. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  1070. {/block:Audio}
  1071.  
  1072. {block:Answer}
  1073. <div class="q">
  1074. <div class="as">{Asker} asked </div>
  1075. <br/>{Question}</div>
  1076. <div class="caption">{Answer}</div>
  1077. {/block:Answer}
  1078.  
  1079. {block:Ifnotshowcaptions}
  1080. {block:PermalinkPage}
  1081. {block:Caption}
  1082. <div class="caption">{Caption}</div>
  1083. {/block:Caption}
  1084. {/block:PermalinkPage}
  1085. {/block:Ifnotshowcaptions}
  1086. {block:Ifshowcaptions}
  1087. {block:Caption}
  1088. <div class="caption">{Caption}</div>
  1089. {/block:Caption}
  1090. {/block:Ifshowcaptions}
  1091.  
  1092. {block:Date}
  1093. <div class="postinfo">
  1094. <div class="right"><div class="controls">
  1095. <a href="{ReblogURL}" target="_blank" class="reblog">
  1096. <svg 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>
  1097. </a>
  1098. <a href="#" class="like">{LikeButton}
  1099. <svg 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>
  1100. </a>
  1101. </div></div><!-- end right and controls -->
  1102.  
  1103. {block:RebloggedFrom}
  1104. <a href="{ReblogParentURL}" title="Reblogged from {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}"></a>
  1105. {block:ContentSource}<a href="{ReblogRootURL}" title="Originally from {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}" ></a>{/block:ContentSource}
  1106. {/block:RebloggedFrom}
  1107. <a href="{Permalink}" style="margin: 0 10px;">{TimeAgo}</a>
  1108. {block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}
  1109. {block:Ifshowtags}
  1110. {block:HasTags}<div class="tags">
  1111. # {block:Tags}<a href="{TagUrl}">{Tag},</a>{/block:Tags}
  1112. </div>{/block:HasTags}
  1113. {block:Ifshowtags}
  1114.  
  1115. </div>
  1116. {/block:Date}
  1117.  
  1118.  
  1119.  
  1120. </div>
  1121.  
  1122. <div class="pln"></div>
  1123.  
  1124. {block:PostNotes}
  1125. <div class="pagenotes">
  1126. {PostNotes}
  1127. </div>
  1128. {/block:PostNotes}
  1129.  
  1130.  
  1131. {/block:Posts}
  1132. </div>
  1133.  
  1134. </div>
  1135.  
  1136. <a href="http://neonbikethemes.tumblr.com"><div class="credit">nb</div></a>
  1137.  
  1138. <!-- SCRIPTS -->
  1139.  
  1140. <!-- jquery -->
  1141. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  1142.  
  1143. <!-- fonts -->
  1144. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Karla|Lora|PT+Sans|Raleway" rel="stylesheet">
  1145. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  1146. <link href="https://fonts.googleapis.com/css?family=Montserrat:700|Playfair+Display:700" rel="stylesheet">
  1147.  
  1148. <!-- SMOOTH SCROLLING -->
  1149.  
  1150. <!--<script type="text/javascript" src="http://kryogenix.org/code/browser/smoothscroll/smoothscroll.js"></script>-->
  1151. <script type="text/javascript">
  1152. $(function() {
  1153. $('a[href*=#]:not([href=#])').click(function() {
  1154. if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  1155. var target = $(this.hash);
  1156. target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  1157. if (target.length) {
  1158. $('html,body').animate({
  1159. scrollTop: target.offset().top
  1160. }, 1000);
  1161. return false;
  1162. }
  1163. }
  1164. });
  1165. });
  1166. </script>
  1167.  
  1168. {block:ContentSource}
  1169. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1170. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1171. {/block:SourceLogo}
  1172. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1173. {/block:ContentSource}
  1174.  
  1175. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1176. <script>
  1177. // minimal soundcloud player © shythemes.tumblr
  1178. $(document).ready(function(){
  1179. var color = '#acd7bb'; // color of play button (hex)
  1180. $('.soundcloud_audio_player').each(function(){
  1181. $(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%' });
  1182. });
  1183. });
  1184. </script>
  1185.  
  1186. <script src="http://static.tumblr.com/kfhytre/zMuol8wco/unnest.min.js"></script>
  1187. <script>
  1188. $('.post').unnest({
  1189. yourCaption: '.caption',
  1190. newCaptionUsername: true,
  1191. originalPostCaptionUsername: true,
  1192. tumblrAvatars: true,
  1193. usernameColon: false
  1194. });
  1195. </script>
  1196.  
  1197. <!-- pixel union photosets -->
  1198. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1199. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1200. <script>
  1201. $(document).ready(function(){
  1202. $('.photo-slideshow').pxuPhotoset({
  1203. lightbox: true,
  1204. rounded: false,
  1205. gutter: '{select:Photoset Gutter}px',
  1206. borderRadius: '0px',
  1207. photoset: '.photo-slideshow',
  1208. photoWrap: '.photo-data',
  1209. photo: '.pxu-photo'
  1210. });
  1211. });
  1212. </script>
  1213.  
  1214. <!--tooltips-->
  1215. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1216. <script>
  1217. (function($){
  1218. $(document).ready(function(){
  1219. $("a[title]").style_my_tooltips({
  1220. tip_follows_cursor:true,
  1221. tip_delay_time:30,
  1222. tip_fade_speed:300,
  1223. attribute:"title"
  1224. });
  1225. });
  1226. })(jQuery);
  1227. </script>
  1228.  
  1229.  
  1230. </body></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!