API tools faq
paste
Advertisement
Guest User

dannyyyy babe theme

a guest
Feb 23rd, 2018
91
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.61 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ------------------------------THEME #33: APOLLO------------------------------
  4. -------------------------#4 in the greek gods series-------------------------
  5. ------------------------by Phi (spirkthemes/spirkism)------------------------
  6.  
  7. --Version 2.1
  8.  
  9. -----------------------------------RULES:------------------------------------
  10. - do not steal/redistribute
  11. - don't (re)move the credit
  12. - don't use as a base code, there are plenty of those out there & don't take snippets
  13. - you are allowed to edit as much as you like for your own personal use
  14. - don't hesitate to contact me if you find a bug or need otherwise help
  15. ------------------------------------------------------------------------------
  16.  
  17. -->
  18.  
  19. <!DOCTYPE html>
  20. <head>
  21.  
  22. <title>{Title}</title>
  23.  
  24. <!-- /* LINKS */ -->
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  28. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/h5czl1a/aTqnk4mjj/tooltipstuff.css"/>
  29.  
  30.  
  31.  
  32. {block:Hidden}
  33. <!-- /* META TAGS */ -->
  34. <meta name="color:background" content="#f7f7f7" />
  35. <meta name="color:primary" content="#ffffff" />
  36. <meta name="color:accent" content="#ffde66" />
  37. <meta name="color:text" content="#9d9d9d" />
  38. <meta name="color:links" content="#ffde66" />
  39. <meta name="color:links hover" content="#efb010" />
  40.  
  41.  
  42. <meta name="text:font size" content="11px" />
  43. <meta name="text:link 1 url" content="/" />
  44. <meta name="text:link 1 text" content="home" />
  45. <meta name="text:link 2 url" content="/ask" />
  46. <meta name="text:link 2 text" content="message" />
  47. <meta name="text:link 3 url" content="/archive" />
  48. <meta name="text:link 3 text" content="archive" />
  49. <meta name="text:link 4 url" content="https://ofmanysides.tumblr.com" />
  50. <meta name="text:link 4 text" content="link 4" />
  51. <meta name="text:link 5 url" content="/" />
  52. <meta name="text:link 5 text" content="" />
  53. <meta name="text:link 6 url" content="/" />
  54. <meta name="text:link 6 text" content="" />
  55. <meta name="text:link 7 url" content="/" />
  56. <meta name="text:link 7 text" content="" />
  57. <meta name="text:link 8 url" content="/" />
  58. <meta name="text:link 8 text" content="" />
  59. <meta name="text:link 9 url" content="/" />
  60. <meta name="text:link 9 text" content="" />
  61. <meta name="text:link 10 url" content="/" />
  62. <meta name="text:link 10 text" content="" />
  63.  
  64. <meta name="image:background" content="" />
  65. <meta name="image:sidebar" content="" />
  66. <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
  67. <meta name="font:Special" content="Arial, Helvetica, sans-serif"/>
  68.  
  69.  
  70. <meta name="if:searchbar" content="1" />
  71. <meta name="if:infinite scroll" content="0" />
  72. <meta name="if:manually load more" content="1" />
  73. <meta name="if:scroll to top" content="1" />
  74. <meta name="if:grid layout" content="0" />
  75.  
  76.  
  77. <meta name="select:post size" content="500px" title="500px">
  78. <meta name="select:post size" content="400px" title="400px">
  79. <meta name="select:post size" content="250px" title="250px">
  80.  
  81.  
  82. <meta name="select:captions" content="captions-unnested" title="unnested">
  83. <meta name="select:captions" content="captions-normal" title="default">
  84. <meta name="select:captions" content="captions-none" title="none">
  85. <meta name="select:captions" content="captions-perma" title="perma page only">
  86.  
  87.  
  88. <meta name="select:index tags" content="fixed-tags" title="visible" />
  89. <meta name="select:index tags" content="hover-tags" title="on hover" />
  90. <meta name="select:index tags" content="no-tags" title="none" />
  91.  
  92. <meta name="select:perma tags" content="fixed-tags" title="visible" />
  93. <meta name="select:perma tags" content="hover-tags" title="on hover" />
  94. <meta name="select:perma tags" content="no-tags" title="none" />
  95. {/block:Hidden}
  96.  
  97.  
  98. <style type="text/css">
  99.  
  100.  
  101. /* ----------- GENERAL ---------- */
  102.  
  103. ::-webkit-scrollbar-thumb {
  104. background-color: RGBA({RGBcolor:accent},0.5);
  105. height:auto;
  106. width: 3px;
  107. border-right: 3px solid {color:primary};
  108. border-left: 3px solid {color:primary};
  109. z-index: 9999999999999999999999999999999999999;
  110. }
  111.  
  112. ::-webkit-scrollbar {
  113. height:auto;
  114. width:9px;
  115. background-color:{color:primary};
  116. z-index: 999999999999999999999999999999999999;
  117. }
  118.  
  119.  
  120. div#qTip {
  121. font-size: 11px;
  122. font: 0.8em {font:body};
  123. line-height: 11px;
  124. display: none;
  125. text-align: center;
  126. position: absolute;
  127. z-index: 999999999999999999999999999999999999999999999999999999;
  128. background-color: {color:accent};
  129. padding: 3px 7px;
  130. color: {color:primary};
  131. max-width: 200px;
  132. height: auto;
  133. border: 1px solid {color:background};
  134. -webkit-transition: all 0.1s ease-out;
  135. -moz-transition: all 0.1s ease-out;
  136. -o-transition: all 0.1s ease-out;
  137. }
  138.  
  139. body {
  140. word-wrap:break-word;
  141. margin: 0;
  142. background-image: url('{image:background}');
  143. background-attachment: fixed;
  144. background-size: 100% auto;
  145. background-color: {color:background};
  146. font: {text:font size} {font:body};
  147. color: {color:text};
  148. }
  149.  
  150. img {
  151. max-width: 100%;
  152. }
  153.  
  154. a {
  155. text-decoration: none;
  156. color: {color:links};
  157. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  158. -o-transition: 0.5s ease;
  159. -moz-transition: 0.5s ease;
  160. }
  161.  
  162. a:hover {
  163. text-decoration: none;
  164. color: {color:links hover};
  165. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  166. -o-transition: 0.5s ease;
  167. -moz-transition: 0.5s ease;
  168. }
  169.  
  170. blockquote {
  171. border-left: solid 2px {color:background};
  172. padding-left: 10px;
  173. max-width: 100%;
  174. }
  175.  
  176.  
  177. /* ---------------------HEADER--------------------- */
  178.  
  179.  
  180.  
  181.  
  182.  
  183. /* ---------------------SIDEBAR--------------------- */
  184.  
  185. #sidebar {
  186. position: fixed;
  187. top: 200px;
  188. left:150px;
  189. opacity: .85;
  190. }
  191.  
  192.  
  193. #sb-img {
  194. width: 150px;
  195. height:150px;
  196. border-radius:50%;
  197. overflow:hidden;
  198. border:5px solid {color:accent};
  199. position: absolute;
  200. background-color: {color:accent};
  201. box-shadow: 0px 0px 30px #faee9c, 0px 0px 80px #faee9c, 0px 0px 250px #faee9c;
  202. }
  203.  
  204. #sb-img img {
  205. width: 150px;
  206. height:150px;
  207. }
  208.  
  209. .sb-arrow {
  210. width: 0px;
  211. height: 0px;
  212. position: absolute;
  213. }
  214.  
  215.  
  216. #sb-arrow1 {
  217. margin-left: 203px;
  218. margin-top: 60px;
  219. border-top: 20px solid transparent;
  220. border-right: 0px solid transparent;
  221. border-bottom: 20px solid transparent;
  222. border-left: 40px solid {opacity:0};
  223. {block:IfInfiniteScroll}
  224. display: none;
  225. {/block:IfInfiniteScroll}
  226. z-index: 2;
  227. }
  228.  
  229. #sb-arrow1-fb {
  230. margin-left: 170px;
  231. margin-top: 60px;
  232. border-top: 20px solid transparent;
  233. border-right: 0px solid transparent;
  234. border-bottom: 20px solid transparent;
  235. border-left: 40px solid {opacity:0};
  236. z-index: 1;
  237. }
  238.  
  239.  
  240. #sb-arrow2 {
  241. margin-left: 140px;
  242. margin-top: 135px;
  243. border-top: 20px solid transparent;
  244. border-right: 0px solid transparent;
  245. border-bottom: 20px solid transparent;
  246. border-left: 40px solid {opacity:0};
  247. -ms-transform: rotate(45deg); /* IE 9 */
  248. -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  249. transform: rotate(45deg);
  250. }
  251.  
  252. #sb-arrow3 {
  253. margin-left: 60px;
  254. margin-top: 208px;
  255. border-top: 40px solid {opacity:0};
  256. border-right: 20px solid transparent;
  257. border-bottom: 0px solid transparent;
  258. border-left: 20px solid transparent;
  259. cursor: help;
  260. }
  261.  
  262. #sb-arrow4 {
  263. margin-left: -20px;
  264. margin-top: 135px;
  265. border-top: 40px solid {opacity:0};
  266. border-right: 20px solid transparent;
  267. border-bottom: 30px solid transparent;
  268. border-left: 20px solid transparent;
  269. ms-transform: rotate(45deg); /* IE 9 */
  270. -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  271. transform: rotate(45deg);
  272. }
  273.  
  274. #sb-arrow5 {
  275. margin-left: -40px;
  276. margin-top: 60px;
  277. border-top: 20px solid transparent;
  278. border-right: 40px solid {opacity:0};
  279. border-bottom: 20px solid transparent;
  280. border-left: 0px solid transparent;
  281. {block:IfInfiniteScroll}
  282. cursor: default;
  283. {/block:IfInfiniteScroll}
  284. }
  285.  
  286.  
  287. #sb-arrow6 {
  288. margin-left: -20px;
  289. margin-top: -15px;
  290. border-top: 20px solid transparent;
  291. border-right: 40px solid {opacity:0};
  292. border-bottom: 20px solid transparent;
  293. border-left: 0px solid transparent;
  294. ms-transform: rotate(45deg); /* IE 9 */
  295. -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  296. transform: rotate(45deg);
  297. }
  298.  
  299. #sb-arrow7 {
  300. margin-left: 60px;
  301. margin-top: -50px;
  302. border-top: 0px solid transparent;
  303. border-right: 20px solid transparent;
  304. border-bottom: 40px solid {opacity:0};
  305. border-left: 20px solid transparent;
  306. cursor: help;
  307. }
  308.  
  309.  
  310. #sb-arrow8 {
  311. margin-left: 140px;
  312. margin-top: -15px;
  313. border-top: 0px solid transparent;
  314. border-right: 20px solid transparent;
  315. border-bottom: 40px solid {opacity:0};
  316. border-left: 20px solid transparent;
  317. ms-transform: rotate(45deg); /* IE 9 */
  318. -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  319. transform: rotate(45deg);
  320. }
  321.  
  322. {block:IfNotInfiniteScroll}{block:NextPage}
  323. #sb-arrow1:before {
  324. content: "\f054";
  325. font-family: FontAwesome;
  326. font-size:16px;
  327. position: absolute;
  328. margin-left: -31px;
  329. margin-top: -8px;
  330. color: {color:primary};
  331. }
  332. {/block:NextPage}{/block:IfNotInfiniteScroll}
  333.  
  334. #sb-arrow3:before {
  335. content: "\f129";
  336. font-family: FontAwesome;
  337. font-size:16px;
  338. color: {color:primary};
  339. margin-left: -3px;
  340. margin-top: -33px;
  341. position: absolute;
  342. }
  343.  
  344. {block:IfNotInfiniteScroll}{block:PreviousPage}
  345. #sb-arrow5:before {
  346. content: "\f053";
  347. font-family: FontAwesome;
  348. font-size:16px;
  349. color: {color:primary};
  350. position: absolute;
  351. margin-left:17px;
  352. margin-top: -8px;
  353. }
  354. {/block:PreviousPage}{/block:IfNotInfiniteScroll}
  355.  
  356. #sb-arrow7:before {
  357. content: "\f0c9";
  358. font-family: FontAwesome;
  359. font-size:16px;
  360. position: absolute;
  361. margin-left: -7px;
  362. margin-top: 20px;
  363. color: {color:primary};
  364. }
  365.  
  366.  
  367.  
  368. /* ---------------- POPUP LINKS ----------------- */
  369.  
  370.  
  371. #popup-links-background {
  372. z-index: 99;
  373. background-color: RGBA({RGBcolor:background}, 0.5);
  374. width: 100%;
  375. height: 100%;
  376. position: fixed;
  377. display: none;
  378. }
  379.  
  380. #sb-popup-links {
  381. position: fixed;
  382. top: 150px;
  383. left:470px;
  384. z-index: 999;
  385. width: {select:post size};
  386. background-color: {color:primary};
  387. display: none;
  388. }
  389.  
  390. #popup-links-close {
  391. position: absolute;
  392. right: 5px;
  393. top: 5px;
  394. cursor: help;
  395. }
  396.  
  397. #popup-links-close:before {
  398. content: "\f00d";
  399. font-family: FontAwesome;
  400. font-size:1.3em;
  401. color: {color:text};
  402. }
  403.  
  404. .popup-links-header {
  405. padding: 5px;
  406. text-align: center;
  407. background-color: {color:accent};
  408. font: 1.2em {font:special};
  409. color: {color:primary};
  410. }
  411.  
  412. #popup-links {
  413. padding: 10px;
  414. }
  415.  
  416. .popup-link {
  417. width: calc({select:post size} / 2 - 18px);
  418. display: inline-block;
  419. text-align: center;
  420. border-bottom: 1px solid {color:background};
  421. padding: 3px;
  422. margin-bottom: 5px;
  423. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  424. -o-transition: 0.5s ease;
  425. -moz-transition: 0.5s ease;
  426. }
  427.  
  428. .popup-link:hover {
  429. letter-spacing: 0.15em;
  430. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  431. -o-transition: 0.5s ease;
  432. -moz-transition: 0.5s ease;
  433. }
  434.  
  435.  
  436. /* ---------------- POPUP LINKS ----------------- */
  437.  
  438. #popup-desc-background {
  439. z-index: 99;
  440. background-color: RGBA({RGBcolor:background}, 0.5);
  441. width: 100%;
  442. height: 100%;
  443. position: fixed;
  444. display: none;
  445. }
  446.  
  447. #sb-popup-desc {
  448. position: fixed;
  449. top: 150px;
  450. left:470px;
  451. z-index: 999;
  452. width: {select:post size};
  453. background-color: {color:primary};
  454. display: none;
  455. }
  456.  
  457. #popup-desc {
  458. padding: 20px;
  459. }
  460.  
  461. #popup-desc-close {
  462. position: absolute;
  463. right: 5px;
  464. top: 5px;
  465. cursor: help;
  466. }
  467.  
  468. #popup-desc-close:before {
  469. content: "\f00d";
  470. font-family: FontAwesome;
  471. font-size:1.3em;
  472. color: {color:text};
  473. }
  474.  
  475.  
  476. /* ------- SEARCHBAR -------- */
  477.  
  478. #searchbar {
  479. position: relative;
  480. margin-left: 15px;
  481. display: inline-block;
  482. margin-top: 15px;
  483. }
  484.  
  485. #searchform input {
  486. border: 0px;
  487. padding: 5px;
  488. text-transform: uppercase;
  489. margin-top: 0px;
  490. letter-spacing: 1px;
  491. font-size: 0.8em;
  492. color: #A2A2A2;
  493. border-radius: 3px;
  494. }
  495.  
  496. #searchinput {
  497. background-color: {color:background};
  498. border-radius: 3px;
  499. display: inline-block;
  500. width: calc({select:post size} - 65px);
  501. }
  502.  
  503. #searchbutton {
  504. vertical-align: bottom;
  505. height: 10px;
  506. background-color: {color:background};
  507. border-radius: 3px;
  508. display: inline-block;
  509. }
  510.  
  511.  
  512. #searchform input:focus {
  513. outline: none;
  514. }
  515.  
  516.  
  517.  
  518. /* ---------------- TUMBLR CONTROLS ----------------- */
  519.  
  520. .tmblr-iframe {
  521. position: fixed;
  522. margin-top: -3px !important;
  523. -webkit-filter: invert(100%);
  524. filter: invert(100%);
  525. border: none;
  526. opacity: 0.2;
  527. z-index: 999999;
  528. transform:scale(0.75);
  529. transform-origin:100% 0;
  530. -webkit-transform:scale(0.75);
  531. -webkit-transform-origin:100% 0;
  532. -o-transform:scale(0.75);
  533. -o-transform-origin:100% 0;
  534. -moz-transform:scale(0.75);
  535. -moz-transform-origin:100% 0;
  536. -ms-transform:scale(0.75);
  537. -ms-transform-origin:100% 0;
  538. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  539. -o-transition: 0.5s ease;
  540. -moz-transition: 0.5s ease;
  541. }
  542.  
  543. .tmblr-iframe:hover {
  544. opacity: 0.5;
  545. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  546. -o-transition: 0.5s ease;
  547. -moz-transition: 0.5s ease;
  548. }
  549.  
  550.  
  551.  
  552.  
  553. /* ---------------- LIGHTBOX ----------------- */
  554.  
  555.  
  556. .tmblr-lightbox {
  557. background-color: RGBA({RGBcolor:primary}, 0.7) !important;
  558. }
  559.  
  560.  
  561. .tmblr-lightbox .vignette {
  562. opacity:0; !important;
  563. }
  564.  
  565.  
  566. .tmblr-lightbox .lightbox-image {
  567. box-shadow: none !important;
  568. overflow:hidden !important;
  569. border:15px solid RGBA({RGBcolor:accent}, 1) !important;
  570. border-radius: 0px !important;
  571. }
  572.  
  573. .tmblr-lightbox .lightbox-image img {
  574. overflow:hidden !important;
  575. }
  576.  
  577. .tmblr-lightbox .lightbox-image-container {
  578.  
  579. }
  580.  
  581. .tmblr-lightbox .lightbox-caption {
  582. display: none;
  583. }
  584.  
  585.  
  586.  
  587. /* ---------------------------------------- */
  588. /* ------------ POSTS & CONTENT ----------- */
  589. /* ---------------------------------------- */
  590.  
  591.  
  592.  
  593. #content {
  594. position: relative;
  595. {block:IfNotGridLayout}
  596. width: {select:post size};
  597. {/block:IfNotGridLayout}
  598. {block:IfGridLayout}
  599. {block:IndexPage}
  600. width: calc(100% - 550px);
  601. {/block:IndexPage}
  602. {block:PermalinkPage}
  603. width: {select:post size};
  604. {/block:PermalinkPage}
  605. {/block:IfGridLayout}
  606. margin-left: 470px;
  607. }
  608.  
  609.  
  610. #posts {
  611. margin-top: 60px;
  612. }
  613.  
  614. #post {
  615. background-color: transparent;
  616. width: {select:post size};
  617. }
  618.  
  619. .posty {
  620. width: {select:post size};
  621. {block:IfNotGridLayout}
  622. margin-bottom: 70px;
  623. {/block:IfNotGridLayout}
  624. {block:IfGridLayout}
  625. margin-bottom: 50px;
  626. margin-right: 30px;
  627. {/block:IfGridLayout}
  628. }
  629.  
  630.  
  631. .caption blockquote {
  632. margin-left: 5px;
  633. margin-right: 0px;
  634. max-width: 100%;
  635. }
  636.  
  637. .caption img {
  638. height: 100%;
  639. max-width: 100%;
  640. }
  641.  
  642. .captions-normal {
  643. padding: 10px 15px;
  644. width: calc({select:post size} - 30px);
  645. background-color: {color:primary};
  646. }
  647.  
  648.  
  649. .captions-unnested {
  650. padding: 5px 0px 5px 0px;
  651. width: {select:post size};
  652. background-color: {color:primary};
  653. }
  654.  
  655. blockquote.caption_unnested {
  656. border-left: none;
  657. margin-left: 0px;
  658. }
  659.  
  660. .caption_unnested {
  661. border-bottom:3px solid {color:background};
  662. padding: 0px 10px !important;
  663. background-color: {color:primary};
  664. }
  665.  
  666. .caption_unnested p {
  667. padding-left: 10px;
  668. }
  669.  
  670.  
  671. .captions-unnested p {
  672. padding-left: 10px;
  673. }
  674.  
  675.  
  676. .caption_unnested:last-of-type {
  677. border-bottom: none;
  678. }
  679.  
  680. .caption_unnested .tumblr_blog {
  681.  
  682. }
  683.  
  684. .post-user {
  685. font: 1em {font:special};
  686. {block:IsDeactivated}
  687. text-decoration: line-through;
  688. {/block:IsDeactivated}
  689. }
  690.  
  691. .post-text {
  692.  
  693. }
  694.  
  695.  
  696. .tumblr_blog {
  697. font: 1em {font:special};
  698. {block:IsDeactivated}
  699. text-decoration: line-through;
  700. {/block:IsDeactivated}
  701. }
  702.  
  703.  
  704.  
  705. .caption:empty {
  706. display: none;
  707. }
  708.  
  709.  
  710.  
  711. .tumblr_blog:before {
  712. content: "\f185";
  713. font-family: FontAwesome;
  714. font-size:1.2em;
  715. color: {color:accent};
  716. margin-right: 3px;
  717. vertical-align: middle;
  718. }
  719.  
  720.  
  721. .captions-none {
  722. display: none;
  723. }
  724.  
  725.  
  726. .captions-perma {
  727. {block:IndexPage}
  728. display: none;
  729. {/block:IndexPage}
  730. padding: 10px 15px;
  731. width: calc({select:post size} - 30px);
  732. background-color: {color:primary};
  733. }
  734.  
  735.  
  736.  
  737. /*------------------------TEXT POST----------------------- */
  738.  
  739.  
  740.  
  741. .textpost {
  742. background-color: {color:primary};
  743. }
  744.  
  745. .textpost-title {
  746. padding: 10px;
  747. background-color: RGBA({RGBcolor:accent}, 1);
  748. color: {color:primary};
  749. text-align: center;
  750. font:1.2em {font:special};
  751. border-bottom: 5px solid {color:background};
  752. }
  753.  
  754. .textpost-content {
  755. padding: 15px 15px 10px 15px;
  756. border-bottom:3px solid {color:background};
  757. width: calc({select:post size} - 30px);
  758. }
  759.  
  760. .textpost-content:last-of-type {
  761. border:none;
  762. }
  763.  
  764. .textpost-user {
  765. font: 1em {font:special};
  766. }
  767.  
  768. .textpost-user:before {
  769. content: "\f185";
  770. font-family: FontAwesome;
  771. font-size:1.2em;
  772. color: {color:accent};
  773. margin-right: 3px;
  774. vertical-align: middle;
  775. }
  776.  
  777. .textpost-text {
  778.  
  779. }
  780.  
  781. .textpost-text {
  782. padding-left: 10px;
  783. max-width: 100%;
  784. }
  785.  
  786.  
  787. .textpost img {
  788. height: 100%;
  789. max-width: 100%;
  790. }
  791.  
  792. .textpost-text-page {
  793. padding: 15px;
  794. }
  795.  
  796. .textpost-text-page-no {
  797. display: none;
  798. }
  799.  
  800.  
  801.  
  802.  
  803. /*------------------------PHOTO POST----------------------- */
  804.  
  805.  
  806.  
  807. .panorama-post {
  808.  
  809. }
  810.  
  811.  
  812.  
  813.  
  814. /*------------------------QUOTE POST----------------------- */
  815.  
  816. .quotepost {
  817. background-color: {color:primary};
  818. padding: 15px 15px 0px 15px;
  819. }
  820.  
  821. .quotepost .fa {
  822. display: inline-block;
  823. }
  824.  
  825. .quotepost .fa-quote-left {
  826. vertical-align: top;
  827. margin-right: 10px;
  828. }
  829.  
  830. .quotepost .fa-quote-right {
  831. margin-left: 10px;
  832. }
  833.  
  834. .quotepost-quote {
  835. display: inline-block;
  836. width: calc({select:post size} - 80px);
  837. font: 1em {font:special};
  838. padding-bottom: 15px;
  839. }
  840.  
  841. .quotepost-source {
  842. border-top: 3px solid {color:background};
  843. text-align: center;
  844. width: calc({select:post size} - 30px);
  845. margin-left: -15px;
  846. padding: 15px;
  847. font-size: 0.9em;
  848. word-wrap:break-word;
  849. }
  850.  
  851. /*------------------------LINK POST----------------------- */
  852.  
  853. .linkpost {
  854.  
  855. }
  856.  
  857. .linkpost blockquote {
  858.  
  859. }
  860.  
  861. .linkpost-title {
  862. padding: 10px;
  863. background-color: RGBA({RGBcolor:accent}, 1);
  864. color: {color:primary};
  865. text-align: center;
  866. font:1.2em {font:special};
  867. border-bottom: 5px solid {color:background};
  868. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  869. -o-transition: 0.5s ease;
  870. -moz-transition: 0.5s ease;
  871. }
  872.  
  873. .linkpost-title:hover{
  874. letter-spacing: 0.2em;
  875. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  876. -o-transition: 0.5s ease;
  877. -moz-transition: 0.5s ease;
  878. }
  879.  
  880.  
  881. .linkpost .caption {
  882.  
  883. }
  884.  
  885. .linkpost-img {
  886.  
  887. }
  888.  
  889.  
  890. /*------------------------CHAT POST----------------------- */
  891.  
  892. .chatpost {
  893. background-color: {color:primary};
  894. }
  895.  
  896. .chatpost-title {
  897. padding: 10px;
  898. background-color: RGBA({RGBcolor:accent}, 1);
  899. color: {color:primary};
  900. text-align: center;
  901. font:1.2em {font:special};
  902. border-bottom: 5px solid {color:background};
  903. }
  904.  
  905. .chatpost ul {
  906. padding: 5px 15px 15px 15px;
  907. margin-bottom: 0px;
  908. }
  909.  
  910. .chatpost ul li {
  911. list-style-type: none;
  912. margin-bottom: 3px;
  913. }
  914.  
  915. .chatpost ul li:last-child {
  916.  
  917. }
  918.  
  919. .chatpost ul .odd {
  920.  
  921. }
  922.  
  923. .chatpost ul .even {
  924.  
  925. }
  926.  
  927. .chatpost .fa-sun-o {
  928. color: {color:accent};
  929. margin-right: 5px;
  930. vertical-align: middle;
  931. }
  932.  
  933. /*------------------------AUDIO POST----------------------- */
  934.  
  935. .audiopost {
  936.  
  937. }
  938.  
  939. .audiopost-button {
  940. position:absolute;
  941. z-index: 3;
  942. border-radius: 50%;
  943. overflow:hidden;
  944. background-color: RGBA({RGBcolor:primary}, 0.6);
  945. width: 44px;
  946. height: 44px;
  947. margin-top: 18px;
  948. margin-left: 18px;
  949. }
  950.  
  951. .audiopost-player {
  952. position: absolute;
  953. z-index: 9;
  954. width: 30px;
  955. height: 30px;
  956. overflow:hidden;
  957. margin-top: 7px;
  958. margin-left: 5px;
  959. opacity: 0.2;
  960. }
  961.  
  962.  
  963. .audiopost-img {
  964. width: 80px;
  965. height: 80px;
  966. border-radius: 50%;
  967. position: absolute;
  968. z-index: 2;
  969. overflow: hidden;
  970. }
  971.  
  972.  
  973.  
  974. .audiopost-fallbackimg {
  975. width: 80px;
  976. height: 80px;
  977. border-radius: 50%;
  978. position: absolute;
  979. z-index: 1;
  980. overflow:hidden;
  981. }
  982.  
  983.  
  984.  
  985.  
  986. .audiopost ul {
  987. background-color: {color:accent};
  988. color: {color:primary};
  989. width: calc({select: post size} - 120px);
  990. position: relative;
  991. padding: 10px;
  992. margin-left: 90px;
  993. min-height: 60px;
  994. text-align: center;
  995. list-style-type:none;
  996. }
  997.  
  998. .audiopost ul li {
  999. border-bottom: 0.5px solid {color:primary};
  1000. padding-bottom: 3px;
  1001. margin-bottom: 3px;
  1002.  
  1003. }
  1004.  
  1005. .audiopost .caption {
  1006.  
  1007. }
  1008.  
  1009.  
  1010. /*------------------------VIDEO POST----------------------- */
  1011.  
  1012. .videopost {
  1013.  
  1014. }
  1015.  
  1016. .videopost-video {
  1017.  
  1018. }
  1019.  
  1020. .videopost .caption {
  1021. margin-top: 3px;
  1022. }
  1023.  
  1024.  
  1025. .select-700px {
  1026. display:none;
  1027. }
  1028.  
  1029.  
  1030. .main-250px .select-400px {
  1031. display: none;
  1032. }
  1033.  
  1034. .main-250px .select-500px {
  1035. display: none;
  1036. }
  1037.  
  1038. .main-400px .select-500px {
  1039. display: none;
  1040. }
  1041.  
  1042. .main-400px .select-250px {
  1043. display: none;
  1044. }
  1045.  
  1046. .main-500px .select-250px {
  1047. display: none;
  1048. }
  1049.  
  1050. .main-500px .select-400px {
  1051. display: none;
  1052. }
  1053.  
  1054. /*------------------------ASK POST----------------------- */
  1055.  
  1056. .answerpost {
  1057.  
  1058. }
  1059.  
  1060. .answerpost .caption {
  1061.  
  1062. }
  1063.  
  1064. .answerpost img {
  1065.  
  1066. }
  1067.  
  1068.  
  1069. .answerpost-arrow {
  1070. border-top:10px solid transparent;
  1071. border-right:20px solid {color:accent};
  1072. border-bottom:10px solid transparent;
  1073. border-left:0px solid transparent;
  1074. display: inline-block;
  1075. vertical-align: middle;
  1076. position: absolute;
  1077. margin-left: 55px;
  1078. margin-top: 15px;
  1079. }
  1080.  
  1081. .answerpost-asker {
  1082. font: 1em {font:special};
  1083. }
  1084.  
  1085. .answerpost-asker a {
  1086. color: {color:primary};
  1087. }
  1088.  
  1089.  
  1090. .answerpost-askerimg {
  1091. display: inline-block;
  1092. border-radius: 50%;
  1093. overflow:hidden;
  1094. width: 50px;
  1095. height: 50px;
  1096. position: absolute;
  1097. }
  1098.  
  1099. .answerpost-askerimg img {
  1100.  
  1101. }
  1102.  
  1103.  
  1104. .answerpost-question {
  1105. background-color: {color:accent};
  1106. display: inline-block;
  1107. padding: 7px;
  1108. width: calc({select:post size} - 90px);
  1109. margin-left: 75px;
  1110. color: {color:primary};
  1111. min-height: 35px;
  1112. }
  1113.  
  1114.  
  1115. .answerpost-answer {
  1116. background-color: {color:primary};
  1117. padding: 5px 15px;
  1118. margin-top: 10px;
  1119. display:inline-block;
  1120. width: calc({select:post size} - 30px);
  1121. }
  1122.  
  1123.  
  1124. .answerpost-answer img {
  1125. width: 100%;
  1126. height: auto;
  1127. }
  1128.  
  1129. .answerpost-answer-reblog img {
  1130. width: 100%;
  1131. height: auto;
  1132. }
  1133.  
  1134.  
  1135.  
  1136. .answerpost-answer-reblog-box {
  1137. margin-top: 10px;
  1138. }
  1139.  
  1140.  
  1141. .answerpost-answererimg {
  1142. display: inline-block;
  1143. border-radius: 50%;
  1144. overflow:hidden;
  1145. width: 50px;
  1146. height: 50px;
  1147. position: absolute;
  1148. right:0px;
  1149. }
  1150.  
  1151.  
  1152. .answerpost-answerer {
  1153. font: 1em {font:special};
  1154. margin-bottom: -5px;
  1155. }
  1156.  
  1157. .answerpost-answerer a {
  1158. color: {color:text};
  1159. }
  1160.  
  1161. .answerpost-arrow-answerer {
  1162. border-top:10px solid transparent;
  1163. border-right:0px solid transparent;
  1164. border-bottom:10px solid transparent;
  1165. border-left:20px solid {color:primary};
  1166. display: inline-block;
  1167. position: absolute;
  1168. right: 56px;
  1169. margin-top: 15px;
  1170. }
  1171.  
  1172.  
  1173. .answerpost-answer-reblog {
  1174. width: calc({select:post size} - 90px);
  1175. display:inline-block;
  1176. background-color: {color:primary};
  1177. padding: 7px;
  1178. margin-bottom:5px;
  1179. min-height: 35px;
  1180. }
  1181.  
  1182.  
  1183. .answerpost .captions-normal {
  1184. padding: 10px 15px;
  1185. margin-top: 0px;
  1186. }
  1187.  
  1188. .answerpost .captions-unnested {
  1189. padding: 5px 0px 5px 0px;
  1190. margin-top: 0px;
  1191. }
  1192.  
  1193.  
  1194. .answerpost .caption:empty {
  1195. display: none;
  1196. }
  1197.  
  1198. .answerpost .caption:empty {
  1199. display: none;
  1200. }
  1201.  
  1202. .answerpost .caption_unnested:empty {
  1203. display: none;
  1204. }
  1205.  
  1206. /*------------------------PERM----------------------- */
  1207.  
  1208. #permbox1 {
  1209. background-color: RGBA({RGBcolor:primary}, 0.5);
  1210. padding: 10px 10px;
  1211. margin-top: 3px;
  1212. }
  1213.  
  1214. #permbox1 .permbox-box {
  1215. display: inline-block;
  1216. color: RGBA({RGBcolor:text}, 0.5);
  1217. margin-right: 5px;
  1218. z-index:2;
  1219. }
  1220.  
  1221. #timeago-box {
  1222. position: absolute;
  1223. left: 50px;
  1224. width: calc({select:post size} - 100px);
  1225. text-align: center;
  1226. }
  1227.  
  1228. #timeago-box a {
  1229. color: RGBA({RGBcolor:text}, 0.7);
  1230. }
  1231.  
  1232.  
  1233.  
  1234. #parent-portrait:before {
  1235. font-family: FontAwesome;
  1236. font-size: 1.1em;
  1237. content: "\f007";
  1238. }
  1239.  
  1240. #root-portrait:before {
  1241. font-family: FontAwesome;
  1242. font-size: 1.1em;
  1243. content: "\f1f9";
  1244. }
  1245.  
  1246.  
  1247.  
  1248. #reblogbutton:before {
  1249. font-family: FontAwesome;
  1250. font-size: 1.1em;
  1251. content: "\f021";
  1252. }
  1253.  
  1254. #timeago-box {
  1255. }
  1256.  
  1257.  
  1258. #notecount-box {
  1259.  
  1260. }
  1261.  
  1262. #reblogbutton {
  1263. position:absolute;
  1264. display:inline-block;
  1265. right: 10px;
  1266. }
  1267.  
  1268. #like-heart {
  1269. position:absolute;
  1270. display:inline-block;
  1271. right: 32px;
  1272. margin-top: -9px;
  1273. }
  1274.  
  1275. #like-heart svg {
  1276. width:11px;
  1277. height:auto;
  1278. display:block;
  1279. fill: RGBA({RGBcolor:text}, 0.5);
  1280. }
  1281.  
  1282.  
  1283. #like-heart .liked + svg {
  1284. opacity:1;
  1285. }
  1286.  
  1287. #like-heart .liked + svg path {
  1288. fill:{color:accent};
  1289. }
  1290.  
  1291.  
  1292. #like-heart .like_button iframe {
  1293. position:absolute;
  1294. top:0;
  1295. left:0;
  1296. bottom:0;
  1297. right:0;
  1298. z-index:2;
  1299. opacity:0;
  1300. }
  1301.  
  1302.  
  1303.  
  1304.  
  1305. /*------------------------TAGS----------------------- */
  1306.  
  1307.  
  1308. .no-tags {
  1309. display: none;
  1310. }
  1311.  
  1312. .no-tags .comma:last-child {
  1313. display: none;
  1314. }
  1315.  
  1316. .hover-tags {
  1317. margin-top: 7px;
  1318. text-align: center;
  1319. opacity: 0;
  1320. font-size: 0.9em;
  1321. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  1322. -o-transition: 0.5s ease;
  1323. -moz-transition: 0.5s ease;
  1324. }
  1325.  
  1326. .hover-tags .comma:last-child {
  1327. display: none;
  1328. }
  1329.  
  1330. .posty:hover .hover-tags {
  1331. opacity: 1;
  1332. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  1333. -o-transition: 0.5s ease;
  1334. -moz-transition: 0.5s ease;
  1335. }
  1336.  
  1337. .fixed-tags {
  1338. margin-top: 7px;
  1339. text-align: center;
  1340. font-size: 0.9em;
  1341. }
  1342.  
  1343. .fixed-tags .comma:last-child {
  1344. display: none;
  1345. }
  1346.  
  1347.  
  1348. /*------------------------NOTES----------------------- */
  1349.  
  1350. #notes {
  1351. width: calc({select:post size} - 30px);
  1352. padding: 15px;
  1353. background-color: {color:primary};
  1354. overflow-y: auto;
  1355. max-height: 500px;
  1356. margin-bottom: 50px;
  1357. margin-top: -20px;
  1358. font-size: 0.8em;
  1359. }
  1360.  
  1361. #notes ol {
  1362. list-style-type: none;
  1363. padding: 0px;
  1364. text-align: center;
  1365. margin-left: -30px;
  1366. }
  1367.  
  1368. #notes ol li {
  1369. margin-bottom: 5px;
  1370. }
  1371.  
  1372. #notes img {
  1373.  
  1374. }
  1375.  
  1376. #notes .avatar {
  1377. border-radius: 50%;
  1378. overflow:hidden;
  1379. height: 20px;
  1380. width: 20px;
  1381. margin-right: 5px;
  1382. vertical-align: middle;
  1383. }
  1384.  
  1385. #notes .action {
  1386.  
  1387. }
  1388.  
  1389. /*------------------------INFINITE SCROLL THINGS----------------------- */
  1390.  
  1391. .load-more {
  1392. position: relative;
  1393. bottom: 0px;
  1394. text-align: center;
  1395. width: 70px;
  1396. height: 30px;
  1397. padding: 10px;
  1398. background-color: {color:primary};
  1399. margin-bottom: 70px;
  1400. {block:IfGridLayout}
  1401. margin-top: 40px;
  1402. margin-left: calc(50% - 45px);
  1403. {/block:IfGridLayout}
  1404. {block:IfNotGridLayout}
  1405. margin-left: calc({select:post size} / 2 - 45px);
  1406. {/block:IfNotGridLayout}
  1407. font: 1em {font:special};
  1408. line-height: 30px;
  1409. cursor: help;
  1410. }
  1411.  
  1412.  
  1413. #infscr-loading {
  1414. {block:IfGridLayout}
  1415. bottom: -30px;
  1416. position: absolute;
  1417. margin-left: calc(50% - 35px);
  1418. {/block:IfGridLayout}
  1419. {block:IfNotGridLayout}
  1420. position: relative;
  1421. margin-left: calc({select:post size} / 2 - 35px);
  1422. margin-bottom: 70px;
  1423. margin-top: -20px;
  1424. {/block:IfNotGridLayout}
  1425. width: 70px;
  1426. height: 70px;
  1427. }
  1428.  
  1429. #infscr-loading p {
  1430. font:1.1em {font:special};
  1431. }
  1432.  
  1433.  
  1434. /*------------------------SCROLL TO TOP----------------------- */
  1435.  
  1436. #scroll-button {
  1437. background-color: {color:primary};
  1438. position: fixed;
  1439. right: 5px;
  1440. bottom: 35px;
  1441. width: 25px;
  1442. height: 25px;
  1443. line-height: 25px;
  1444. color:{color:accent};
  1445. text-align: center;
  1446. display: block;
  1447. cursor: help;
  1448. z-index: 99999999999999999999999999999999999999999999999;
  1449. }
  1450.  
  1451. #scroll-button:before {
  1452. content: "\f062";
  1453. font-family: FontAwesome;
  1454. font-size:16px;
  1455. }
  1456.  
  1457.  
  1458. /*------------------------CREDIT----------------------- */
  1459.  
  1460. /* -- DO NOT EDIT ANYTHING HERE WITHOUT ASKING ME FIRST -- */
  1461.  
  1462. #credit {
  1463. position: fixed;
  1464. right: 5px;
  1465. bottom: 5px;
  1466. width: 25px;
  1467. height: 25px;
  1468. line-height: 25px;
  1469. background-color: {color:accent};
  1470. color:{color:primary};
  1471. text-align: center;
  1472. z-index: 99999999999999999999999999999999999999999999999;
  1473. }
  1474.  
  1475.  
  1476.  
  1477. #credit:before {
  1478. content: "\f259";
  1479. font-family: FontAwesome;
  1480. font-size:16px;
  1481. }
  1482.  
  1483.  
  1484.  
  1485. </style>
  1486. </head>
  1487.  
  1488. <body>
  1489.  
  1490. <!-- /* SIDEBAR, HEADER, ETC. */ -->
  1491.  
  1492. <!-- /* SIDEBAR */ -->
  1493.  
  1494. <div id="sidebar">
  1495.  
  1496. <a href="/"><div id="sb-img"><img src="{image:sidebar}"></div></a>
  1497.  
  1498. {block:NextPage}<a id="next-link" href="{NextPage}">{/block:NextPage}<div class="sb-arrow" id="sb-arrow1"></div>{block:NextPage}</a>{/block:NextPage}
  1499. <div class="sb-arrow" id="sb-arrow1-fb"></div>
  1500. <div class="sb-arrow" id="sb-arrow2"></div>
  1501. <div class="sb-arrow" id="sb-arrow3"></div>
  1502. <div class="sb-arrow" id="sb-arrow4"></div>
  1503. {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}<div class="sb-arrow" id="sb-arrow5"></div>{block:PreviousPage}</a>{/block:PreviousPage}
  1504. <div class="sb-arrow" id="sb-arrow6"></div>
  1505. <div class="sb-arrow" id="sb-arrow7"></div>
  1506. <div class="sb-arrow" id="sb-arrow8"></div>
  1507.  
  1508. </div> <!--sidebar-->
  1509.  
  1510. <div id="popup-links-background"></div>
  1511. <div id="popup-desc-background"></div>
  1512.  
  1513. <div id="sb-popup-links">
  1514. <div id="popup-links-close"></div>
  1515. <div class="popup-links-header">navigation</div>
  1516. <div id="popup-links">
  1517. {block:IfLink1Text}<a href="{text:link 1 url}"><div class="popup-link">{text:link 1 text}</div></a>{/block:IfLink1Text}
  1518. {block:IfLink2Text}<a href="{text:link 2 url}"><div class="popup-link">{text:link 2 text}</div></a>{/block:IfLink2Text}
  1519. {block:IfLink3Text}<a href="{text:link 3 url}"><div class="popup-link">{text:link 3 text}</div></a>{/block:IfLink3Text}
  1520. {block:IfLink4Text}<a href="https://ofmanysides.tumblr.com"><div class="popup-link">{text:link 4 text}</div></a>{/block:IfLink4Text}
  1521. {block:IfLink5Text}<a href="{text:link 5 url}"><div class="popup-link">{text:link 5 text}</div></a>{/block:IfLink5Text}
  1522. {block:IfLink6Text}<a href="{text:link 6 url}"><div class="popup-link">{text:link 6 text}</div></a>{/block:IfLink6Text}
  1523. {block:IfLink7Text}<a href="{text:link 7 url}"><div class="popup-link">{text:link 7 text}</div></a>{/block:IfLink7Text}
  1524. {block:IfLink8Text}<a href="{text:link 8 url}"><div class="popup-link">{text:link 8 text}</div></a>{/block:IfLink8Text}
  1525. {block:IfLink9Text}<a href="{text:link 9 url}"><div class="popup-link">{text:link 9 text}</div></a>{/block:IfLink9Text}
  1526. {block:IfLink10Text}<a href="{text:link 10 url}"><div class="popup-link">{text:link 10 text}</div></a>{/block:IfLink10Text}
  1527. </div>
  1528. </div>
  1529.  
  1530. <div id="sb-popup-desc">
  1531. <div id="popup-desc-close"></div>
  1532. <div class="popup-links-header">info</div>
  1533. {block:IfSearchbar}
  1534. <div id="searchbar">
  1535. <form action="/search" method="get" id=searchform>
  1536. <input type="text" name="q" value="{SearchQuery}" id="searchinput"/>
  1537. <input type="image" value="search" src="http://static.tumblr.com/h5czl1a/b6qom9fvn/search-icon-png-21.png" id="searchbutton"/>
  1538. </form></div>
  1539. {/block:IfSearchbar}
  1540. <div id="popup-desc">{Description}</div>
  1541. </div>
  1542.  
  1543.  
  1544.  
  1545.  
  1546.  
  1547.  
  1548.  
  1549. <!-- /* POSTS */ DON'T CHANGE ANYTHING HERE PLEASE (or you might heck it) -->
  1550.  
  1551. <div id="content">
  1552. <div id="posts">
  1553. {block:Posts}
  1554. <div class="posty" id="{PostID}">
  1555.  
  1556.  
  1557.  
  1558. <div id="post" class="{select:post size}">
  1559.  
  1560. <!-- {block:NoRebloggedFrom}
  1561. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1562. {/block:NoRebloggedFrom} -->
  1563.  
  1564. {block:ContentSource}<!-- {SourceURL}
  1565. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1566. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1567. {/block:ContentSource}
  1568.  
  1569.  
  1570.  
  1571. <!-- /* TEXT POST */ -->
  1572. {block:Text}<div class="textpost">
  1573. {block:Title}<div class="textpost-title">{Title}</div>{/block:Title}
  1574. <div class="textpost-text-page{block:Date}-no{/block:Date}">
  1575. {Body}
  1576. </div>
  1577. {block:Date}
  1578. {block:NotReblog}
  1579. <div class="textpost-content">
  1580. {Body}
  1581. </div>
  1582. {/block:NotReblog}
  1583. {block:Reblogs}
  1584. <div class="textpost-content">
  1585. <div class="textpost-user">
  1586. <a href="{Permalink}">{Username}</a>:
  1587. </div>
  1588. <div class="textpost-text">
  1589. {Body}
  1590. </div>
  1591. </div>
  1592. {/block:Reblogs}
  1593. {/block:Date}
  1594. </div>
  1595. {/block:Text}
  1596.  
  1597. <!-- /* PHOTO POST */ -->
  1598. {block:Photo}<div class="photopost">
  1599. {LinkOpenTag}
  1600. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1601. {LinkCloseTag}
  1602. {block:Caption}<div class="caption {select:captions}">{Caption}</div>{/block:Caption}
  1603. </div>
  1604. {/block:Photo}
  1605.  
  1606. <!-- /* PANORAMA POST */ -->
  1607. {block:Panorama}<div class="panoramapost">
  1608. {LinkOpenTag}
  1609. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  1610. {LinkCloseTag}
  1611. {block:Caption}<div class="caption {select:captions}">{Caption}</div>{/block:Caption}
  1612. </div>
  1613. {/block:Panorama}
  1614.  
  1615. <!-- /* PHOTOSET POST */ -->
  1616. {block:Photoset}<div class="photosetpost">
  1617. <div class="photoset main-{select:post size}">
  1618. <div class="select-700px">{Photoset-700}</div>
  1619. <div class="select-500px">{Photoset-500}</div>
  1620. <div class="select-400px">{Photoset-400}</div>
  1621. <div class="select-250px">{Photoset-250}</div>
  1622. </div>
  1623. {block:Caption}<div class="caption {select:captions}">{Caption}</div>{/block:Caption}
  1624. </div>{/block:Photoset}
  1625.  
  1626. <!-- /* QUOTE POST */ -->
  1627. {block:Quote}<div class="quotepost"><i class="fa fa-quote-left" aria-hidden="true"></i>
  1628. <div class="quotepost-quote">{Quote}</div><i class="fa fa-quote-right" aria-hidden="true"></i>
  1629. {block:Source}<div class="quotepost-source">{Source}</div>{/block:Source}
  1630. {block:Caption}<div class="caption {select:captions}">{Caption}</div>{/block:Caption}
  1631. </div>
  1632. {/block:Quote}
  1633.  
  1634. <!-- /* LINK POST */ -->
  1635. {block:Link}<div class="linkpost">
  1636. <a href="{URL}"><div class="linkpost-title">{Name}</div></a>
  1637. {block:Description}<div class="caption {select:captions}">{Description}</div>{/block:Description}
  1638. </div>
  1639. {/block:Link}
  1640.  
  1641.  
  1642. <!-- /* CHAT POST */ -->
  1643. {block:Chat}<div class="chatpost">
  1644. {block:Title}<div class="chatpost-title">{Title}</div>{/block:Title}
  1645. <ul>
  1646. {block:Lines}
  1647. <li class="{Alt}"><i class="fa fa-sun-o" aria-hidden="true"></i>{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</li>
  1648. {/block:Lines}
  1649. </ul>
  1650. </div>
  1651. {/block:Chat}
  1652.  
  1653.  
  1654. <!-- /* AUDIO POST */ -->
  1655. {block:Audio}<div class="audiopost">
  1656. {block:AlbumArt}
  1657. <div class="audiopost-img"><img src="{AlbumArtURL}"></div>
  1658. {/block:AlbumArt}
  1659. <div class="audiopost-fallbackimg"><img src="{image:sidebar}"></div>
  1660. {block:AudioPlayer}
  1661. <div class="audiopost-button">
  1662. <div class="audiopost-player">{AudioPlayer}</div>
  1663. </div>
  1664. {/block:AudioPlayer}
  1665. <ul>
  1666. {block:TrackName}<li><strong>Track:</strong> {TrackName}</li>{/block:TrackName}
  1667. {block:Artist}<li><strong>Artist:</strong> {Artist}</li>{/block:Artist}
  1668. {block:Album}<li><strong>Album:</strong> {Album}</li>{/block:Album}
  1669. </ul>
  1670. {block:Caption}<div class="caption {select:captions}">{Caption}</div>{/block:Caption}
  1671. </div>
  1672. {/block:Audio}
  1673.  
  1674.  
  1675. <!-- /* VIDEO POST */ -->
  1676. {block:Video}<div class="videopost"><div class="main-{select:post size}">
  1677. <div class="select-700px">{Video-700}</div>
  1678. <div class="select-500px">{Video-500}</div>
  1679. <div class="select-400px">{Video-400}</div>
  1680. <div class="select-250px">{Video-250}</div>
  1681. </div>
  1682. {block:Caption}<div class="caption {select:captions}">{Caption}</div>{/block:Caption}
  1683. </div>
  1684. {/block:Video}
  1685.  
  1686. <!-- /* ASK POST */ -->
  1687.  
  1688. {block:Answer}
  1689. <div class="answerpost">
  1690. <div class="answerpost-askerimg"><img src="{AskerPortraitURL-64}"></div>
  1691. <div class="answerpost-arrow"></div>
  1692. <div class="answerpost-question"><div class="answerpost-asker"><strong>{Asker}</strong> asked:</div>{Question}</div>
  1693. {block:Answerer}
  1694. <div class="answerpost-answer-reblog-box">
  1695. <div class="answerpost-answer-reblog"><div class="answerpost-answerer"><strong>{Answerer}</strong> answered: </div>{Answer}</div>
  1696. <div class="answerpost-arrow-answerer"></div>
  1697. <div class="answerpost-answererimg"><img src="{AnswererPortraitURL-64}"></div>
  1698. </div>
  1699. {/block:Answerer}
  1700. {block:NotReblog}
  1701. <div class="answerpost-answer">{Replies}</div>
  1702. {/block:NotReblog}
  1703. {block:RebloggedFrom}<div class="caption {select:captions}">{Replies}</div>{/block:RebloggedFrom}
  1704. </div>
  1705. {/block:Answer}
  1706.  
  1707.  
  1708.  
  1709. <!-- /* PERM */ -->
  1710.  
  1711. {block:Date}
  1712. <div id="permbox1">
  1713. <div id="timeago-box" class="permbox-box"><a href="{Permalink}" id="time-link">{TimeAgo}{block:NoteCount} | {NoteCount} notes{/block:NoteCount}</a></div>
  1714.  
  1715. <a href="{ReblogUrl}" target="_blank"><div id="reblogbutton" class="permbox-box"></div></a>
  1716.  
  1717. <div id="likebutton" class="permbox-box">
  1718. <div id="like-heart">{LikeButton}
  1719. <svg viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>
  1720. </div>
  1721. </div>
  1722.  
  1723. <!--
  1724. {block:RebloggedFrom}<div id="reblogged-box" class="permbox-box"><a href="{ReblogParentURL}">VIA</a></div>{/block:RebloggedFrom} -->
  1725.  
  1726. <!--<a href="{ReblogURL}" title="reblog" target="_blank"><div id="reblog" class="permbox-box">REBLOG</div></a>-->
  1727.  
  1728. {block:RebloggedFrom}
  1729. <a href="{ReblogParentURL}" title="via: {ReblogParentName}">
  1730. <div id="parent-portrait" class="permbox-box">
  1731. </div>
  1732. </a>
  1733. <a href="{ReblogRootURL}" title="source: {ReblogRootName}">
  1734. <div id="root-portrait" class="permbox-box">
  1735. </div>
  1736. </a>
  1737. {/block:RebloggedFrom}
  1738. {block:NotReblog}
  1739. <a href="{PermaLink}" title="source: {Name}">
  1740. <div id="root-portrait" class="permbox-box"></div>
  1741. </a>
  1742. {/block:NotReblog}
  1743.  
  1744. </div> <!--id="permbox1"-->
  1745. {/block:Date}
  1746.  
  1747. </div> <!--post -->
  1748.  
  1749. <!-- /* TAGS */ -->
  1750. {block:HasTags}<div {block:IndexPage}class="{select:index tags}"{/block:IndexPage}{block:PermalinkPage}class="{select:perma tags}"{/block:PermalinkPage}>
  1751. {block:Tags}
  1752. <a href="{TagURL}" class="tag">#{Tag}</a>&nbsp;&nbsp;
  1753. {/block:Tags}
  1754. </div>
  1755. {/block:HasTags}
  1756.  
  1757. </div> <!-- posty div -->
  1758.  
  1759.  
  1760.  
  1761. {/block:Posts}
  1762.  
  1763.  
  1764.  
  1765.  
  1766.  
  1767. <!-- /* POST NOTES */ -->
  1768. {block:PostNotes}
  1769. <div id="notes">
  1770. <ul>
  1771. {PostNotes-64}
  1772. </ul>
  1773. </div>
  1774. {/block:PostNotes}
  1775. </div> <!-- posts div -->
  1776.  
  1777. {block:IfManuallyLoadMore}
  1778. {block:IfInfiniteScroll}
  1779. {block:Pagination}
  1780. <div class="load-more">load more</div>
  1781. {/block:Pagination}
  1782. {/block:IfInfiniteScroll}
  1783. {/block:IfManuallyLoadMore}
  1784.  
  1785. </div> <!-- content div -->
  1786.  
  1787. <!-- scroll to top button -->
  1788.  
  1789. {block:IfScrollToTop}
  1790. <div id="scroll-button"></div>
  1791. {/block:IfScrollToTop}
  1792.  
  1793.  
  1794. <!-- /* CREDIT: DO NOT REMOVE !!! */ -->
  1795.  
  1796. <a href="http://spirkthemes.tumblr.com"><div id="credit" data-tipped-options="position: 'left'"></div></a>
  1797.  
  1798.  
  1799.  
  1800. <!-- /* SCRIPTS */ -->
  1801.  
  1802. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
  1803.  
  1804.  
  1805. <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
  1806.  
  1807.  
  1808. {block:Indexpage}
  1809. {block:IfInfiniteScroll}
  1810. <script src="http://static.tumblr.com/h5czl1a/Ot3ouzjts/infinitescroll.js"></script>
  1811. {/block:IfInfiniteScroll}
  1812. {block:IfGridLayout}<script src="http://static.tumblr.com/h5czl1a/bshouzjul/masonry.js"></script>
  1813. {/block:IfGridLayout}
  1814. {/block:Indexpage}
  1815. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1816.  
  1817.  
  1818.  
  1819. <script>
  1820. jQuery(window).load(function(){
  1821. var $container = $('#posts');
  1822. $container.imagesLoaded(function(){
  1823. $container.masonry({
  1824. itemSelector: '.posty',
  1825. });
  1826. });
  1827. $('.posty').unnest({
  1828. yourCaption: ".captions-unnested",
  1829. wrapName: ".caption_unnested",
  1830. newCaptionUsername: false,
  1831. originalPostCaptionUsername: false,
  1832. tumblrAvatars: false,
  1833. usernameColon: false
  1834. });
  1835. {block:IfInfiniteScroll}
  1836. $container.infinitescroll({
  1837. itemSelector: '.posty',
  1838. navSelector: '#sb-arrow1',
  1839. nextSelector: '#next-link',
  1840. bufferPx: 10000,
  1841. loading: {
  1842. finishedMsg: "<p>The End.</p>",
  1843. img : "http://static.tumblr.com/h5czl1a/B0Souzjn7/loadingspinner.gif",
  1844. msg: null,
  1845. msgText: "",
  1846. } {block:IfManuallyLoadMore},
  1847. errorCallback: function(){
  1848. $('.load-more').hide();
  1849. }
  1850. {/block:IfManuallyLoadMore}
  1851. },
  1852. function( newElements ) {
  1853. var $newElems = $(newElements);
  1854. $newElems.unnest({
  1855. yourCaption: ".captions-unnested",
  1856. wrapName: ".caption_unnested",
  1857. newCaptionUsername: false,
  1858. originalPostCaptionUsername: false,
  1859. tumblrAvatars: false,
  1860. usernameColon: false
  1861. });
  1862. $newElems.imagesLoaded(function(){
  1863. $newElems.animate({ opacity: 1 });
  1864. $container.masonry( 'appended', $newElems, true );
  1865. });
  1866. var $newElemsIDs = $newElems.map(function(){
  1867. return this.id;
  1868. }).get();
  1869. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1870. }
  1871. );
  1872. {block:IfManuallyLoadMore}
  1873. $(window).unbind('.infscr');
  1874. $('.load-more').click(function(){
  1875. $container.infinitescroll('retrieve');
  1876. return false
  1877. });
  1878. {/block:IfManuallyLoadMore}
  1879. {/block:IfInfiniteScroll}
  1880. });
  1881. </script>
  1882.  
  1883.  
  1884.  
  1885. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  1886. <script src="http://static.tumblr.com/h5czl1a/ACynk4kjd/tipped.js"></script>
  1887.  
  1888.  
  1889. <script type='text/javascript'>
  1890. $(document).ready(function() {
  1891. $('#sb-arrow7').click(function(){
  1892. $('#popup-links-background').fadeToggle(200);
  1893. $('#sb-popup-links').fadeToggle(200);
  1894. });
  1895. $('#popup-links-close').click(function(){
  1896. $('#popup-links-background').fadeToggle(200);
  1897. $('#sb-popup-links').fadeToggle(200);
  1898. });
  1899. $('#popup-links-background').click(function(){
  1900. $('#popup-links-background').fadeToggle(200);
  1901. $('#sb-popup-links').fadeToggle(200);
  1902. });
  1903.  
  1904.  
  1905. $('#sb-arrow3').click(function(){
  1906. $('#popup-desc-background').fadeToggle(200);
  1907. $('#sb-popup-desc').fadeToggle(200);
  1908. });
  1909. $('#popup-desc-close').click(function(){
  1910. $('#popup-desc-background').fadeToggle(200);
  1911. $('#sb-popup-desc').fadeToggle(200);
  1912. });
  1913. $('#popup-desc-background').click(function(){
  1914. $('#popup-desc-background').fadeToggle(200);
  1915. $('#sb-popup-desc').fadeToggle(200);
  1916. });
  1917. });
  1918. </script>
  1919.  
  1920.  
  1921.  
  1922.  
  1923. <script type="text/javascript">
  1924.  
  1925. {block:IfScrollToTop}
  1926. $(document).ready(function(){
  1927. var scrollButton = $("#scroll-button");
  1928. scrollButton.click(function(){
  1929. $("html, body").animate({scrollTop:0},1000)});
  1930. $(window).scroll(function(){
  1931. if($(window).scrollTop()<=0){
  1932. scrollButton.fadeOut(100)
  1933. }
  1934. else{scrollButton.fadeIn(100)
  1935. }
  1936. });
  1937. });
  1938. {/block:IfScrollToTop}
  1939.  
  1940. </script>
  1941.  
  1942.  
  1943.  
  1944.  
  1945. <script type='text/javascript'>
  1946. $(document).ready(function() {
  1947. Tipped.create('#credit','theme credit');
  1948. });
  1949. </script>
  1950.  
  1951. <script>
  1952. (function($){
  1953. $(document).ready(function(){
  1954. $("[title]").style_my_tooltips({
  1955. tip_follows_cursor:true,
  1956. tip_delay_time:200,
  1957. tip_fade_speed:300
  1958. }
  1959. );
  1960. });
  1961. })(jQuery);
  1962. </script>
  1963.  
  1964. </body>
  1965. </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!