API tools faq
paste
feiinho

Solar - adorablethemes.com

feiinho
May 17th, 2019
517
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.76 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5.  
  6. theme: Solar
  7. version: 2.2.1 (December 3, 2018)
  8. from: adorablethemes.com
  9.  
  10. credits:
  11.  
  12. Font Awesome 4.7.0 (fontawesome.com)
  13. Infinite Scroll 2.0.2 (infinite-scroll.com)
  14. jQuery 3.3.1 (jquery.com)
  15.  
  16. -->
  17. <meta charset="UTF-8">
  18. <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  19.  
  20. <meta name="description" content="{MetaDescription}">
  21. <meta name="viewport" content="width=960">
  22. <meta name="theme-color" content="{color:Accent}">
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26.  
  27. {block:Hidden}
  28. <meta name="image:Header" content="">
  29. <meta name="image:Background" content="">
  30.  
  31. <meta name="color:Background" content="#dddddd">
  32. <meta name="color:Headers" content="#222222">
  33. <meta name="color:Header Text" content="#ffffff">
  34. <meta name="color:Accent" content="#1abc9c">
  35. <meta name="color:Text on Accent" content="#ffffff">
  36. <meta name="color:Content Background" content="#ffffff">
  37. <meta name="color:Content Text" content="#000000">
  38. <meta name="color:Sidebar Background" content="#ffffff">
  39. <meta name="color:Sidebar Text" content="#000000">
  40.  
  41. <meta name="if:Show Archive Link" content="1">
  42. <meta name="if:Show Followed Blogs" content="1">
  43. <meta name="if:Show Liked Posts" content="0">
  44. <meta name="if:Infinite Scrolling" content="0">
  45. <meta name="if:Use Real Dates" content="1">
  46. <meta name="if:Show Accent Lines" content="1">
  47. <meta name="if:Show Tags on Index" content="1">
  48. <meta name="if:Show Like and Reblog Buttons" content="1">
  49.  
  50. <meta name="text:Custom Ask Page Text" content="">
  51. <meta name="text:Featured Tag 1" content="">
  52. <meta name="text:Featured Tag 2" content="">
  53. <meta name="text:Featured Tag 3" content="">
  54. <meta name="text:Featured Tag 4" content="">
  55. <meta name="text:Featured Tag 5" content="">
  56. <meta name="text:Featured Tag 6" content="">
  57. <meta name="text:Facebook Username" content="">
  58. <meta name="text:Flickr Username" content="">
  59. <meta name="text:Instagram Username" content="">
  60. <meta name="text:Pinterest Username" content="">
  61. <meta name="text:SoundCloud Username" content="">
  62. <meta name="text:Twitch Username" content="">
  63. <meta name="text:Vine Username" content="">
  64. <meta name="text:YouTube Username" content="">
  65. <meta name="text:Max Tweets" content="4">
  66. <meta name="text:Header Height" content="130">
  67. <meta name="text:Copyright Text" content="">
  68. <meta name="text:Google Analytics ID" content="">
  69.  
  70. <meta name="select:Main Column Width" content="600" title="600">
  71. <meta name="select:Main Column Width" content="540" title="540">
  72. <meta name="select:Main Column Width" content="500" title="500">
  73. <meta name="select:Max Followed Blogs" content="27" title="25">
  74. <meta name="select:Max Followed Blogs" content="52" title="50">
  75. <meta name="select:Max Followed Blogs" content="77" title="75">
  76. <meta name="select:Max Followed Blogs" content="102" title="100">
  77. <meta name="select:Header Image Style" content="center" title="center">
  78. <meta name="select:Header Image Style" content="cover" title="cover">
  79. <meta name="select:Header Image Style" content="tile" title="tile">
  80. <meta name="select:Background Image Style" content="tile" title="tile">
  81. <meta name="select:Background Image Style" content="cover" title="cover">
  82. <meta name="select:Background Image Style" content="center" title="center">
  83. {/block:Hidden}
  84.  
  85. <link href="//fonts.googleapis.com/css?family=Lato:400,700,400italic" rel="stylesheet">
  86. <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  87.  
  88. <style type="text/css">
  89. /* Reset */
  90. article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
  91. audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
  92. audio:not([controls]) { display: none; }
  93. [hidden] { display: none; }
  94.  
  95. /* Selection colors */
  96. ::-moz-selection { background: {color:Accent}; color:#fff; text-shadow: none; }
  97. ::selection { background: {color:Accent}; color:#fff; text-shadow: none; }
  98.  
  99. /* =Base Styles=
  100. -------------------------------------------------------------- */
  101. html {
  102. margin-bottom: auto;
  103. padding-bottom: auto;
  104. }
  105. body {
  106. background-color: {color:Background};
  107. {block:IfBackgroundImage}
  108. background-image: url('{image:Background}');
  109. background-attachment: fixed;
  110. {/block:IfBackgroundImage}
  111. color: {color:Content Text};
  112. font-family: Lato, Arial, sans-serif;
  113. margin: auto 0;
  114. }
  115.  
  116. /* Background settings */
  117. .background-cover {
  118. background-position: center center;
  119. background-size: cover;
  120. }
  121. .background-tile {
  122. background-repeat: repeat;
  123. }
  124. .background-center {
  125. background-position: center center;
  126. background-repeat: no-repeat;
  127. }
  128. #wrapper {
  129. width: 920px;
  130. margin-left: auto;
  131. margin-right: auto;
  132. }
  133.  
  134. .blog-description {
  135. font-size: 13px;
  136. line-height: 150%;
  137. }
  138. h2 {
  139. color: {color:Content Text};
  140. font-size: 26px;
  141. line-height: 30px;
  142. }
  143. a, a:hover {
  144. color: {color:Content Text};
  145. text-decoration: none;
  146. }
  147. header {
  148. background-color: {color:Headers};
  149. {block:IfHeaderImage}
  150. background-image: url('{image:Header}');
  151. {/block:IfHeaderImage}
  152. height: {text:Header Height}px;
  153. clear: both;
  154. margin-bottom: 20px;
  155. {block:IfShowAccentLines}border-bottom: 4px solid {color:Accent};{/block:IfShowAccentLines}
  156. overflow: hidden;
  157. }
  158. h1.blog-title, h1.blog-title:hover {
  159. color: {color:Header Text};
  160. font-weight: 400;
  161. font-size: 23px;
  162. line-height: {text:Header Height}px;
  163. text-align: center;
  164. margin: 0;
  165. text-decoration: none !important;
  166. }
  167. hr.clear {
  168. clear: both;
  169. border: 0;
  170. }
  171. #content {
  172. background-color: {color:Content Background};
  173. float: left;
  174. text-align: left;
  175. width: 560px;
  176. margin-top: 0px;
  177. margin-bottom: 20px;
  178. padding: 20px;
  179. }
  180. .text-left {
  181. text-align: left;
  182. }
  183. .text-center {
  184. text-align: center;
  185. }
  186. .text-right {
  187. text-align: right;
  188. }
  189. .align-right {
  190. float: right;
  191. }
  192. figure {
  193. margin: 0;
  194. }
  195. .intro {
  196. margin: -20px;
  197. margin-bottom: 20px;
  198. {block:IfShowAccentLines}border-bottom: 4px solid {color:Accent};{/block:IfShowAccentLines}
  199. background-color: {color:Headers};
  200. color: {color:Header Text};
  201. padding: 0 8px;
  202. font-size: 14px;
  203. line-height: 30px;
  204. }
  205.  
  206.  
  207. /* =Post Styles=
  208. -------------------------------------------------------------- */
  209. .post-content {
  210. border-bottom: 1px solid rgba({RGBcolor:Content Text}, 0.08);
  211. word-break: break-word;
  212. }
  213. .post-content:last-child {
  214. border-bottom: 0;
  215. }
  216. .post-content p {
  217. font-size: 14px;
  218. line-height: 150%;
  219. }
  220. .post-content a {
  221. text-decoration: underline;
  222. }
  223. .post-content blockquote {
  224. border-left: 2px solid rgba({RGBcolor:Content Text}, 0.5);
  225. margin: 20px 10px;
  226. padding-left: 20px;
  227. font-style: italic;
  228. }
  229. .post-content blockquote p {
  230. color: {color:Content Text};
  231. font-size: 14px;
  232. font-style: italic;
  233. }
  234. .post-content a, .post-content a:hover {
  235. color: {color:Content Text};
  236. text-decoration-color: rgba({RGBcolor:Content Text},0.5);
  237. }
  238. .post-content a:hover {
  239. text-decoration-color: rgba({RGBcolor:Content Text},0.9);
  240. }
  241. .post-content ul, .post-content ol {
  242. font-size: 14px;
  243. line-height: 140%;
  244. }
  245. .post-content ul {
  246. list-style-type: circle;
  247. padding-left: 20px;
  248. }
  249. .post-content ol {
  250. padding-left: 20px;
  251. }
  252. .post-content ul li {
  253. color: rgba({RGBcolor:Content Text}, 0.75);
  254. }
  255. .post-content hr {
  256. clear: both;
  257. border: 0;
  258. border-bottom: 2px solid rgba({RGBcolor:Content Text}, 0.2);
  259. }
  260. .post-content small {
  261. color: rgba({RGBcolor:Content Text}, 0.75);
  262. font-size: 12px;
  263. }
  264. .post-content img {
  265. max-width: 100%;
  266. height: auto;
  267. }
  268. .photoset {
  269. width: 560px;
  270. }
  271. .photo-post-photo, .video-post-video {
  272. margin: 0 -20px;
  273. width: 600px;
  274. background-color: rgba({RGBcolor:Content Text}, 0.05);
  275. }
  276. .photo-post-photo img {
  277. max-width: 100%;
  278. display: block;
  279. margin: 0 auto;
  280. }
  281. .video-post-video iframe {
  282. width: 600px;
  283. display: block;
  284. }
  285. .video-post-video .vine-embed {
  286. width: 600px;
  287. height: 600px;
  288. }
  289. .tumblr_video_iframe {
  290. max-height: 540px;
  291. }
  292. .tumblr_audio_player {
  293. width: 560px;
  294. }
  295. .tmblr-embed iframe {
  296. max-width: 100%;
  297. }
  298. .quote-text {
  299. color: rgba({RGBcolor:Content Text}, 0.75);
  300. font-weight: 400;
  301. font-style: italic;
  302. }
  303. .link-domain {
  304. font-size: 12px;
  305. color: rgba({RGBcolor:Content Text}, 0.75);
  306. }
  307. .link-container p {
  308. font-size: 14px;
  309. line-height: 150%;
  310. }
  311. ul.chat-lines {
  312. list-style-type: none;
  313. padding-left: 0;
  314. }
  315. ul.chat-lines li {
  316. padding-top: 4px;
  317. padding-bottom: 4px;
  318. }
  319. .chat-label {
  320. font-weight: 600;
  321. }
  322. .question-box, .asker-box {
  323. margin: 0 -20px;
  324. padding: 5px 20px;
  325. }
  326. .asker-box {
  327. background-color: rgba({RGBcolor:Content Text}, 0.05);
  328. font-size: 12px;
  329. }
  330. .question-box {
  331. background-color: {color:Content Background};
  332. color: rgba({RGBcolor:Content Text}, 0.75);
  333. border-bottom: 1px solid rgba({RGBcolor:Content Text}, 0.08);
  334. line-height: 150%;
  335. font-size: 16px;
  336. font-style: italic;
  337. }
  338. .read_more:after {
  339. content: " \2192";
  340. }
  341. hr.separator {
  342. margin: 70px 210px;
  343. border: 0;
  344. border-bottom: 4px solid rgba({RGBcolor:Content Text},0.05);
  345. }
  346.  
  347.  
  348. /* =Sidebar Styles=
  349. -------------------------------------------------------------- */
  350. .sidebar {
  351. background-color: transparent;
  352. float: right;
  353. margin-top: 0px;
  354. }
  355. .widget {
  356. background-color: {color:Sidebar Background};
  357. color: {color:Sidebar Text};
  358. text-align: left;
  359. clear: both;
  360. width: 300px;
  361. float: none;
  362. margin-bottom: 20px;
  363. }
  364. .widget p {
  365. font-size: 12px;
  366. line-height: 14px;
  367. }
  368. .widget ul {
  369. background-color: {color:Sidebar Background};
  370. padding-left: 0;
  371. margin-bottom: 0;
  372. margin-top: 0;
  373. }
  374. .widget ul li {
  375. display: block;
  376. padding: 0px;
  377. font-size: 12px;
  378. }
  379. .widget ul li a {
  380. color: {color:Sidebar Text};
  381. background-color: {color:Sidebar Background};
  382. display: block;
  383. font-size: 12px;
  384. font-weight: normal;
  385. padding: 10px 15px;
  386. text-transform: lowercase;
  387. text-decoration: none;
  388. border-bottom: 1px solid rgba({RGBcolor:Sidebar Text},0.07);
  389. }
  390. .widget ul li:last-child a {
  391. border-bottom: 0;
  392. }
  393. .widget-about ul li:first-child a {
  394. border-top: 1px solid rgba({RGBcolor:Sidebar Text},0.07);
  395. }
  396. .widget ul li a:hover {
  397. color: {color:Sidebar Text};
  398. background-color: rgba({RGBcolor:Sidebar Text},0.07);
  399. text-decoration: none;
  400. }
  401. .social-link {
  402. margin-right: 10px;
  403. }
  404. .sidebar-header {
  405. background-color: {color:Headers};
  406. {block:IfShowAccentLines}border-bottom: 4px solid {color:Accent};{/block:IfShowAccentLines}
  407. color: {color:Header Text};
  408. display: block;
  409. font-weight: 400;
  410. font-size: 14px;
  411. line-height: 30px;
  412. text-align: left;
  413. letter-spacing: 1px;
  414. padding: 0 12px;
  415. text-transform: uppercase;
  416. }
  417. .widget ul li.like_post {
  418. margin: 15px 10px;
  419. }
  420. .widget-likes img {
  421. max-width: 100%;
  422. border-radius: 2px;
  423. }
  424. .widget-likes .post_info_bottom {
  425. display: block !important;
  426. padding: 10px 0;
  427. }
  428. .widget-likes .like_title {
  429. font-weight: 700;
  430. }
  431. .widget-likes .like_quote {
  432. font-style: italic;
  433. margin-bottom: 10px;
  434. }
  435. .widget-likes .like_link:after {
  436. font-family: FontAwesome;
  437. content: '\f105';
  438. margin-left: 5px;
  439. }
  440. .widget-likes .like_audio .audio_player {
  441. display: none;
  442. }
  443. .widget-likes ul li a {
  444. color: {color:Accent};
  445. display: inline;
  446. padding: 0;
  447. background: transparent;
  448. text-transform: none;
  449. border-bottom: 0;
  450. }
  451. .widget-likes ul li a:hover {
  452. color: {color:Content Text};
  453. background: transparent;
  454. }
  455. .widget-likes blockquote {
  456. border-left: 2px solid {color:Content Text};
  457. margin-left: 0;
  458. padding-left: 8px;
  459. }
  460. .widget-about, .widget-following {
  461. background-color: {color:Sidebar Background};
  462. }
  463. .widget-following img {
  464. width: 30px;
  465. height: 30px;
  466. margin: 10px 15px;
  467. border-radius: 2px;
  468. }
  469. .widget-following a:nth-child(n+{select:Max Followed Blogs}) {
  470. display: none;
  471. }
  472. .sidebar-content {
  473. padding: 10px 15px;
  474. }
  475. .sidebar-content a {
  476. color: {color:Sidebar Text};
  477. text-decoration: none;
  478. }
  479. .sidebar-content a:hover {
  480. color: {color:Sidebar Text};
  481. text-decoration: underline;
  482. }
  483. .about-avatar {
  484. float: right;
  485. width: 64px;
  486. height: 64px;
  487. margin-left: 15px;
  488. border-radius: 2px;
  489. border: 3px solid white;
  490. -webkit-transform: translate(0, -28px);
  491. transform: translate(0, -28px);
  492. box-shadow: 1px 3px 4px rgba(0,0,0,0.1);
  493. }
  494. .avatar-circle {
  495. border-radius: 64px;
  496. }
  497. .tweet a {
  498. text-transform: none !important;
  499. }
  500.  
  501.  
  502. /* =Pagination=
  503. -------------------------------------------------------------- */
  504. .pagination {
  505. font-size: 14px;
  506. padding: 30px 0;
  507. }
  508. #previous, #next, .jump-page {
  509. background-color: {color:Content Background};
  510. color: {color:Content Text}; !important;
  511. padding: 5px 8px;
  512. border-radius: 2px;
  513. }
  514. .jump-page {
  515. margin: 0 3px;
  516. }
  517. #previous:hover, #next:hover {
  518. background-color: {color:Accent};
  519. color: {color:Text on Accent} !important;
  520. }
  521. .jump-page:hover {
  522. background-color: {color:Accent};
  523. color: {color:Text on Accent} !important;
  524. text-decoration: none;
  525. }
  526. .current-page {
  527. padding: 5px 8px;
  528. background-color: {color:Accent};
  529. color: {color:Text on Accent} !important;
  530. font-weight: 700;
  531. }
  532. .page-info {
  533. color: rgba({RGBcolor:Content Text}, 0.6);
  534. text-align: center;
  535. }
  536. .page-info-1 {
  537. display: none;
  538. }
  539. .span25 {
  540. float: left;
  541. width: 25%;
  542. min-height: 1px;
  543. }
  544. .span50 {
  545. float: left;
  546. width: 50%;
  547. min-height: 1px;
  548. }
  549.  
  550.  
  551. /* =Post Meta and Notes
  552. -------------------------------------------------------------- */
  553. .post-meta {
  554. position: relative;
  555. width: 518px;
  556. }
  557. .post-meta a, .post-meta a:hover {
  558. background-color: {color:Accent};
  559. padding: 8px 12px;
  560. font-size: 11px;
  561. font-weight: 600;
  562. text-decoration: none !important;
  563. color: {color:Text on Accent}; !important;
  564. display: inline-block;
  565. }
  566. a.post-date {
  567. margin-left: -37px;
  568. }
  569. a.post-date:after {
  570. position: absolute;
  571. top: 44px;
  572. left: -43px;
  573. width: 100px;
  574. height: 24px;
  575. background-color: {color:Accent};
  576. transform: rotate(45deg);
  577. z-index: -1000;
  578. content: ' ';
  579. display: block;
  580. -webkit-filter: brightness(0.75);
  581. filter: brightness(0.75);
  582. }
  583. a.post-note-count, a.post-via, a.post-source {
  584. padding: 8px 0;
  585. margin-left: 12px;
  586. background-color: transparent;
  587. color: rgba({RGBcolor:Content Text}, 0.66) !important;
  588. }
  589. a.post-note-count:hover, a.post-via:hover, a.post-source:hover {
  590. padding: 8px 0;
  591. margin-left: 12px;
  592. color: {color:Content Text} !important;
  593. background-color: transparent;
  594. }
  595. {block:IndexPage}{block:IfNotShowTagsOnIndex}
  596. .tags-list {
  597. display: none;
  598. }
  599. {/block:IfNotShowTagsOnIndex}{/block:IndexPage}
  600. .tags-list p {
  601. font-size: 12px;
  602. }
  603. a.tag {
  604. color: rgba({RGBcolor:Content Text}, 0.66);
  605. }
  606. a.tag:hover {
  607. color: {color:Content Text};
  608. }
  609. .tag:before {
  610. content: "#";
  611. }
  612. ol.notes {
  613. font-size: 13px;
  614. padding-left: 0;
  615. list-style-type: none;
  616. color: rgba({RGBcolor:Content Text}, 0.5);
  617. }
  618. .note {
  619. padding: 8px 0;
  620. border-top: 1px solid rgba({RGBcolor:Content Text}, 0.05);
  621. }
  622. .note .avatar, .asker-avatar {
  623. vertical-align: middle;
  624. border-radius: 2px;
  625. margin-right: 14px;
  626. }
  627. .note a {
  628. color: {color:Content Text};
  629. }
  630. .note a:hover {
  631. color: {color:Content Text};
  632. text-decoration: underline;
  633. }
  634. .note blockquote {
  635. font-size: 11px;
  636. }
  637.  
  638. .note.like:after {
  639. content: '\f004';
  640. font-family: FontAwesome;
  641. font-size: 10px;
  642. float: right;
  643. margin-top: -16px;
  644. }
  645. .note.reblog:after {
  646. content: '\f021';
  647. font-family: FontAwesome;
  648. font-size: 10px;
  649. float: right;
  650. margin-top: -16px;
  651. }
  652. .note.reply:after {
  653. content: '\f075';
  654. font-family: FontAwesome;
  655. font-size: 10px;
  656. float: right;
  657. margin-top: -16px;
  658. }
  659. .note.answer:after {
  660. content: '\f112';
  661. font-family: FontAwesome;
  662. font-size: 10px;
  663. float: right;
  664. margin-top: -16px;
  665. }
  666.  
  667. .float-right {
  668. float: right;
  669. }
  670. .like-reblog-buttons {
  671. margin-top: 7px;
  672. font-size: 12px;
  673. opacity: 0.33;
  674. }
  675. .like-reblog-buttons:hover {
  676. opacity: 0.66;
  677. }
  678. .like-button-parent {
  679. display: inline-block !important;
  680. float: right;
  681. }
  682. .reblog-button {
  683. margin-right: 0.75em;
  684. }
  685. .like-button-parent {
  686. position: relative;
  687. }
  688. .like-button-parent .like_button {
  689. position: absolute;
  690. top: 0;
  691. opacity: 0;
  692. }
  693. .like-button-parent .like_button.liked + span {
  694. color: #d95e40;
  695. }
  696.  
  697. .clearfix:before,
  698. .clearfix:after {
  699. content: " ";
  700. display: table;
  701. }
  702. .clearfix:after {
  703. clear: both;
  704. }
  705. .clearfix { *zoom: 1; }
  706.  
  707. a img { border: 0; }
  708.  
  709. .reblog-avatar {
  710. width: 16px;
  711. height: 16px;
  712. border-radius: 2px;
  713. margin-right: 7px;
  714. vertical-align: middle;
  715. }
  716. .reblog-avatar.deleted {
  717. -webkit-filter: grayscale(1);
  718. filter: grayscale(1);
  719. }
  720. .reblog-username, a.reblog-username, a.reblog-username:hover, .answerer- a, .answerer- a:hover {
  721. color: {color:Content Text};
  722. text-decoration: none;
  723. font-size: 12px;
  724. }
  725. p.npf_quirky {
  726. font-size: 24px;
  727. line-height: 1.3em;
  728. }
  729. div.npf_row {
  730. max-width: 100%;
  731. height: auto !important;
  732. display: flex;
  733. margin: 0 !important;
  734. }
  735. div.npf_row figure.tmblr-full {
  736. flex: 1;
  737. justify-content: space-between;
  738. margin: 0;
  739. }
  740. div.npf_row figure.tmblr-full:first-child {
  741. padding-right: 2px;
  742. }
  743. .npf-link-block a {
  744. text-decoration: none !important;
  745. }
  746. .post-content figure video, .post-content figure audio {
  747. max-width: 100%;
  748. }
  749.  
  750. p.tmblr-attribution {
  751. font-size: 11px;
  752. }
  753.  
  754. body.width-540 #wrapper {
  755. width: 860px;
  756. }
  757. body.width-540 #content {
  758. width: 500px;
  759. }
  760. body.width-540 .post-meta {
  761. width: 458px;
  762. }
  763. body.width-540 .photoset {
  764. width: 500px;
  765. }
  766. body.width-540 .photo-post-photo, body.width-540 .video-post-video {
  767. width: 540px;
  768. }
  769. body.width-540 .video-post-video iframe {
  770. width: 540px;
  771. }
  772. body.width-540 .video-post-video .vine-embed {
  773. width: 540px;
  774. height: 540px;
  775. }
  776. body.width-540 .tumblr_audio_player {
  777. width: 500px;
  778. }
  779.  
  780. body.width-500 #wrapper {
  781. width: 820px;
  782. }
  783. body.width-500 #content {
  784. width: 460px;
  785. }
  786. body.width-500 .post-meta {
  787. width: 418px;
  788. }
  789. body.width-500 .photoset {
  790. width: 460px;
  791. }
  792. body.width-500 .photo-post-photo, body.width-500 .video-post-video {
  793. width: 500px;
  794. }
  795. body.width-500 .video-post-video iframe {
  796. width: 500px;
  797. }
  798. body.width-500 .video-post-video .vine-embed {
  799. width: 500px;
  800. height: 500px;
  801. }
  802. body.width-500 .tumblr_audio_player {
  803. width: 460px;
  804. }
  805.  
  806. {CustomCSS}
  807. </style>
  808. </head>
  809. <body class="{block:IndexPage}index-page{/block:IndexPage}{block:PermalinkPage}permalink-page{/block:PermalinkPage} background-{select:Background Image Style} width-{select:Main Column Width}">
  810. <div id="wrapper" class="clearfix">
  811.  
  812. <a href="/">
  813. <header class="clearfix background-{select:Header Image Style}">
  814. {block:ShowTitle}<h1 class="blog-title">{Title}</h1>{/block:ShowTitle}
  815. {block:HideTitle}<h1 class="blog-title">&nbsp;</h1>{/block:HideTitle}
  816. </header>
  817. </a>
  818. <div id="content" role="main">
  819.  
  820. {block:DayPage}
  821. <section>
  822. <div class="intro">
  823. {lang:Posted on Month DayOfMonth Year}
  824. </div>
  825. </section>
  826. {/block:DayPage}
  827. {block:SearchResults}
  828. <section>
  829. <div class="intro">
  830. {lang:SearchResultCount results for SearchQuery 2}
  831. </div>
  832. </section>
  833. {/block:SearchResults}
  834. {block:NoSearchResults}
  835. <section>
  836. <div class="intro">
  837. {lang:No results found}
  838. </div>
  839. </section>
  840. {/block:NoSearchResults}
  841. {block:TagPage}
  842. <section>
  843. <div class="intro">
  844. {lang:Posts tagged Tag}
  845. </div>
  846. </section>
  847. {/block:TagPage}
  848.  
  849. {block:Posts inlineMediaWidth="560"}
  850.  
  851. <article id="{PostID}" class="post inf-scroll-item post-{PostType}">
  852.  
  853. {block:IndexPage}
  854. {block:Post1}
  855. {block:Date}
  856. <section class="page-info page-info-{CurrentPage}">
  857. {lang:Page CurrentPage of TotalPages}
  858. </section>
  859. {/block:Date}
  860. {/block:Post1}
  861. {/block:IndexPage}
  862.  
  863. {block:Date}
  864. {block:IfShowLikeandReblogButtons}
  865. <div class="float-right like-reblog-buttons">
  866. <div class="float-right like-button-parent">
  867. {LikeButton color="gray" size="16"}
  868. <span><i class="fa fa-lg fa-heart"></i></span>
  869. </div>
  870. <div class="float-right reblog-button">
  871. <a href="{ReblogURL}"><i class="fa fa-lg fa-refresh"></i></a>
  872. </div>
  873. </div>
  874. {/block:IfShowLikeandReblogButtons}
  875.  
  876. <p class="post-meta"><a class="post-date" href="{Permalink}">{block:IfUseRealDates}{Month} {DayOfMonth}<span class="year_{Year}">, {Year}</span>{/block:IfUseRealDates}{block:IfNotUseRealDates}{TimeAgo}{/block:IfNotUseRealDates}</a>{block:NoteCount} <a class="post-note-count" href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
  877.  
  878. {block:Submission}
  879. <a title="" class="post-source" href="{SubmitterURL}"><i class="fa fa-fw fa-envelope-o"></i> {Submitter}</a>
  880. {/block:Submission}
  881.  
  882. {block:RebloggedFrom}
  883. <a class="post-via" href="{ReblogParentURL}"><i class="fa fa-fw fa-retweet"></i> {ReblogParentName}</a>
  884. {/block:RebloggedFrom}
  885.  
  886. {block:ContentSource}
  887. <a class="post-source" href="{SourceURL}">{lang:Source}</a>
  888. {/block:ContentSource}
  889. </p>
  890. {/block:Date}
  891.  
  892. <div class="post-main">
  893. {block:Text}
  894. {block:Title}<a href="{Permalink}"><h2 class="post-title">{Title}</h2></a>{/block:Title}
  895. {block:NotReblog}
  896. <div class="post-content">
  897. {block:IfCustomAskPageText}{block:AskPage}<p>{text:Custom Ask Page Text}</p>{/block:AskPage}{/block:IfCustomAskPageText}
  898. {Body}
  899. </div>
  900. {/block:NotReblog}
  901. {block:RebloggedFrom}
  902. {block:Reblogs}
  903. <div class="post-content">
  904. <p><img class="reblog-avatar{block:IsDeactivated} deleted{/block:IsDeactivated}" src="{PortraitURL-64}">
  905. {block:IsActive}<a target="_blank" class="reblog-username" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  906. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  907. </p>
  908. {Body}
  909. </div>
  910. {/block:Reblogs}
  911. {/block:RebloggedFrom}
  912. {/block:Text}
  913.  
  914. {block:Answer}
  915. <div class="asker-box">
  916. <p><img class="asker-avatar" src="{AskerPortraitURL-16}"/>{lang:Asked by Asker 2}:</p>
  917. </div>
  918. <div class="question-box">
  919. <p>&ldquo;{Question}&rdquo;</p>
  920. </div>
  921. {block:Answerer}
  922. <div class="post-content">
  923. <p class="answerer-"><img class="reblog-avatar" src="{AnswererPortraitURL-64}" /> <b>{Answerer}</b></p>
  924.  
  925. {Answer}
  926.  
  927. </div>
  928. {/block:Answerer}
  929. {block:NotReblog}<div class="post-content">{Replies}</div>{/block:NotReblog}
  930. {block:RebloggedFrom}
  931. {block:Reblogs}
  932. <div class="post-content">
  933. <p><img class="reblog-avatar{block:IsDeactivated} deleted{/block:IsDeactivated}" src="{PortraitURL-64}">
  934. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  935. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  936. </p>
  937. {Body}
  938. </div>
  939. {/block:Reblogs}
  940. {/block:RebloggedFrom}
  941. {/block:Answer}
  942.  
  943. {block:Photo}
  944. <figure class="photo-post-photo">{LinkOpenTag}<img src="{PhotoURL-1280}" alt="{PhotoAlt}" />{LinkCloseTag}</figure>
  945. {block:NotReblog}
  946. {block:Caption}
  947. <figcaption class="post-content">
  948. {Caption}
  949. </figcaption>
  950. {/block:Caption}
  951. {/block:NotReblog}
  952. {block:RebloggedFrom}
  953. {block:Reblogs}
  954. <div class="post-content">
  955. <p><img class="reblog-avatar{block:IsDeactivated} deleted{/block:IsDeactivated}" src="{PortraitURL-64}">
  956. {block:IsActive}<a target="_blank" class="reblog-username" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  957. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  958. </p>
  959. {Body}
  960. </div>
  961. {/block:Reblogs}
  962. {/block:RebloggedFrom}
  963. {/block:Photo}
  964.  
  965. {block:Photoset}
  966. <figure>{Photoset}</figure>
  967. {block:NotReblog}
  968. {block:Caption}
  969. <figcaption class="post-content">
  970. {Caption}
  971. </figcaption>
  972. {/block:Caption}
  973. {/block:NotReblog}
  974. {block:RebloggedFrom}
  975. {block:Reblogs}
  976. <div class="post-content">
  977. <p><img class="reblog-avatar{block:IsDeactivated} deleted{/block:IsDeactivated}" src="{PortraitURL-64}">
  978. {block:IsActive}<a target="_blank" class="reblog-username" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  979. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  980. </p>
  981. {Body}
  982. </div>
  983. {/block:Reblogs}
  984. {/block:RebloggedFrom}
  985. {/block:Photoset}
  986.  
  987. {block:Quote}
  988. <div class="post-content">
  989. <h2 class="quote-text">&ldquo;{Quote}&rdquo;</h2>
  990. {block:Source}<p class="quote-source text-right"> &mdash; {Source}</p>{/block:Source}
  991. </div>
  992. {/block:Quote}
  993.  
  994. {block:Link}
  995. <div class="link-container">
  996. {block:Thumbnail}
  997. <div class="link-thumbnail" style="float:right; width: 90px; height: 90px; background-image: url({Thumbnail}); background-size: cover; background-position: center center; border-radius: 2px"></div>
  998. {/block:Thumbnail}
  999. <h2><a href="{URL}" class="link-post-link" {Target}>{Name} <i class="fa fa-fw fa-angle-right"></i></a></h2>
  1000. {block:Host}<p class="link-domain">{Host}{block:Excerpt} - <em>{Excerpt}</em>{/block:Excerpt}</p>{/block:Host}
  1001.  
  1002. </div>
  1003. {block:NotReblog}
  1004. {block:Description}
  1005. <div class="post-content">
  1006. {Description}
  1007. </div>
  1008. {/block:Description}
  1009. {/block:NotReblog}
  1010. {block:RebloggedFrom}
  1011. {block:Reblogs}
  1012. <div class="post-content">
  1013. <p><img class="reblog-avatar{block:IsDeactivated} deleted{/block:IsDeactivated}" src="{PortraitURL-64}">
  1014. {block:IsActive}<a target="_blank" class="reblog-username" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  1015. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  1016. </p>
  1017. {Body}
  1018. </div>
  1019. {/block:Reblogs}
  1020. {/block:RebloggedFrom}
  1021. {/block:Link}
  1022.  
  1023. {block:Chat}
  1024. {block:Title}<h2 class="post-title">{Title}</h2>{/block:Title}
  1025. <div class="post-content">
  1026. <ul class="chat-lines">
  1027. {block:Lines}
  1028. <li class="{Alt} user_{UserNumber}">
  1029. {block:Label}<span class="chat-label">{Label} </span>{/block:Label}
  1030. <span class="chat-line">{Line}</span>
  1031. </li>
  1032. {/block:Lines}
  1033. </ul>
  1034. </div>
  1035. {/block:Chat}
  1036.  
  1037. {block:Video}
  1038. <figure class="video-post-video">{VideoEmbed-500}</figure>
  1039. {block:NotReblog}
  1040. {block:Caption}
  1041. <figcaption class="post-content">
  1042. {Caption}
  1043. </figcaption>
  1044. {/block:Caption}
  1045. {/block:NotReblog}
  1046. {block:RebloggedFrom}
  1047. {block:Reblogs}
  1048. <div class="post-content">
  1049. <p><img class="reblog-avatar{block:IsDeactivated} deleted{/block:IsDeactivated}" src="{PortraitURL-64}">
  1050. {block:IsActive}<a target="_blank" class="reblog-username" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  1051. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  1052. </p>
  1053. {Body}
  1054. </div>
  1055. {/block:Reblogs}
  1056. {/block:RebloggedFrom}
  1057. {/block:Video}
  1058.  
  1059. {block:Audio}
  1060. <figure class="audio-post-audio">{AudioEmbed}</figure>
  1061. {block:NotReblog}
  1062. {block:Caption}
  1063. <div class="post-content">
  1064. {Caption}
  1065. </div>
  1066. {/block:Caption}
  1067. {/block:NotReblog}
  1068. {block:RebloggedFrom}
  1069. {block:Reblogs}
  1070. <div class="post-content">
  1071. <p><img class="reblog-avatar{block:IsDeactivated} deleted{/block:IsDeactivated}" src="{PortraitURL-64}">
  1072. {block:IsActive}<a target="_blank" class="reblog-username" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  1073. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  1074. </p>
  1075. {Body}
  1076. </div>
  1077. {/block:Reblogs}
  1078. {/block:RebloggedFrom}
  1079. {/block:Audio}
  1080. </div>
  1081.  
  1082. {block:HasTags}
  1083. <section class="tags-list">
  1084. <p>
  1085. {block:Tags}
  1086. <a class="tag" href="{TagURL}">{Tag}</a>&nbsp;
  1087. {/block:Tags}
  1088. </p>
  1089. </section>
  1090. {/block:HasTags}
  1091. </article>
  1092.  
  1093. {block:IndexPage}<hr class="separator inf-scroll-item">{/block:IndexPage}
  1094. {/block:Posts}
  1095.  
  1096. {block:Pagination}
  1097. <nav class="pagination">
  1098.  
  1099. <div class="span25 text-left">
  1100. {block:PreviousPage}<a href="{PreviousPage}" id="previous"><i class="fa fa-angle-left"></i> {lang:Previous}</a>{/block:PreviousPage}
  1101. </div>
  1102.  
  1103. <div class="span50 text-center">
  1104.  
  1105. {block:JumpPagination length="5"}
  1106.  
  1107. {block:CurrentPage}
  1108. <span class="jump-page current-page">{PageNumber}</span>
  1109. {/block:CurrentPage}
  1110.  
  1111. {block:JumpPage}
  1112. <a class="jump-page" href="{URL}">{PageNumber}</a>
  1113. {/block:JumpPage}
  1114.  
  1115. {/block:JumpPagination}
  1116.  
  1117. </div>
  1118.  
  1119. <div class="span25 text-right">
  1120. {block:NextPage}<a href="{NextPage}" id="next">{lang:Next} <i class="fa fa-angle-right"></i></a>{/block:NextPage}
  1121. </div>
  1122.  
  1123. </nav>
  1124. {/block:Pagination}
  1125.  
  1126. {block:PermalinkPagination}
  1127. <hr class="separator">
  1128. <nav class="pagination">
  1129.  
  1130. <div class="span50 text-left">
  1131. {block:PreviousPost}<a href="{PreviousPost}" class="jump-page" id="previous"><i class="fa fa-angle-left"></i> {lang:Previous Post}</a>{/block:PreviousPost}
  1132. </div>
  1133.  
  1134. <div class="span50 text-right">
  1135. {block:NextPost}<a href="{NextPost}" class="jump-page" id="next">{lang:Next Post} <i class="fa fa-angle-right"></i></a>{/block:NextPost}
  1136. </div>
  1137.  
  1138. </nav>
  1139. {/block:PermalinkPagination}
  1140.  
  1141. {block:DayPage}
  1142. {block:DayPagination}
  1143. <nav class="pagination">
  1144.  
  1145. <div class="span50 text-left">
  1146. {block:PreviousDayPage}<a href="{PreviousDayPage}" class="jump-page" id="previous"><i class="fa fa-angle-left"></i> {ShortMonth} {DayOfMonth}</a>{/block:PreviousDayPage}
  1147. </div>
  1148.  
  1149. <div class="span50 text-right">
  1150. {block:NextDayPage}<a href="{NextDayPage}" class="jump-page" id="next">{ShortMonth} {DayOfMonth} <i class="fa fa-angle-right"></i></a>{/block:NextDayPage}
  1151. </div>
  1152.  
  1153. </nav>
  1154. {/block:DayPagination}
  1155. {/block:DayPage}
  1156.  
  1157. {block:PermalinkPage}
  1158. {block:PostNotes}
  1159. <section class="notes-list">
  1160. {PostNotes}
  1161. </section>
  1162. {/block:PostNotes}
  1163. {/block:PermalinkPage}
  1164. </div>
  1165.  
  1166. <div id="sidebar" class="sidebar" role="complimentary">
  1167.  
  1168. <div class="widget widget-about">
  1169. <span class="sidebar-header">{lang:About}</span>
  1170. <div class="sidebar-content">
  1171. {block:ShowAvatar}
  1172. <img class="about-avatar avatar-{AvatarShape}" src="{PortraitURL-128}" />
  1173. {/block:ShowAvatar}
  1174. {block:ShowDescription}
  1175. <div class="blog-description">{Description}</div>
  1176. {/block:ShowDescription}
  1177. </div>
  1178.  
  1179. <div class="sidebar-content">
  1180. {block:IfFacebookUsername}
  1181. <a class="social-link" href="https://www.facebook.com/{text:Facebook Username}" title="Facebook"><i class="fa fa-facebook-square fa-lg"></i></a>
  1182. {/block:IfFacebookUsername}
  1183. {block:Twitter}
  1184. <a class="social-link" href="https://twitter.com/{TwitterUsername}" title="Twitter"><i class="fa fa-twitter-square fa-lg"></i></a>
  1185. {/block:Twitter}
  1186. {block:IfFlickrUsername}
  1187. <a class="social-link" href="https://www.flickr.com/photos/{text:Flickr Username}" title="Flickr"><i class="fa fa-flickr fa-lg"></i></a>
  1188. {/block:IfFlickrUsername}
  1189. {block:IfInstagramUsername}
  1190. <a class="social-link" href="https://instagram.com/{text:Instagram Username}" title="Instagram"><i class="fa fa-instagram fa-lg"></i></a>
  1191. {/block:IfInstagramUsername}
  1192. {block:IfPinterestUsername}
  1193. <a class="social-link" href="https://www.pinterest.com/{text:Pinterest Username}" title="Pinterest"><i class="fa fa-pinterest-square fa-lg"></i></a>
  1194. {/block:IfPinterestUsername}
  1195. {block:IfSoundCloudUsername}
  1196. <a class="social-link" href="https://soundcloud.com/{text:SoundCloud Username}" title="SoundCloud"><i class="fa fa-soundcloud fa-lg"></i></a>
  1197. {/block:IfSoundCloudUsername}
  1198. {block:IfTwitchUsername}
  1199. <a class="social-link" href="https://www.twitch.tv/{text:Twitch Username}" title="Twitch"><i class="fa fa-twitch fa-lg"></i></a>
  1200. {/block:IfTwitchUsername}
  1201. {block:IfVineUsername}
  1202. <a class="social-link" href="https://vine.co/{text:Vine Username}" title="Vine"><i class="fa fa-vine fa-lg"></i></a>
  1203. {/block:IfVineUsername}
  1204. {block:IfYouTubeUsername}
  1205. <a class="social-link" href="https://www.youtube.com/user/{text:YouTube Username}" title="YouTube"><i class="fa fa-youtube-square fa-lg"></i></a>
  1206. {/block:IfYouTubeUsername}
  1207. </div>
  1208.  
  1209. <ul>
  1210. <li><a href="/">{lang:Home}</a></li>
  1211. {block:IfShowArchiveLink}
  1212. <li><a href="/archive">{lang:Archive}</a></li>
  1213. {/block:IfShowArchiveLink}
  1214. {block:AskEnabled}
  1215. <li><a href="/ask">{AskLabel}</a></li>
  1216. {/block:AskEnabled}
  1217. {block:SubmissionsEnabled}
  1218. <li><a href="/submit">{SubmitLabel}</a></li>
  1219. {/block:SubmissionsEnabled}
  1220. </ul>
  1221. </div>
  1222.  
  1223. {block:HasPages}
  1224. <div class="widget widget-pages">
  1225. <span class="sidebar-header">{lang:Pages}</span>
  1226. <ul>
  1227. {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
  1228. </ul>
  1229. </div>
  1230. {/block:HasPages}
  1231.  
  1232. {block:IfFeaturedTag1}
  1233. <div class="widget widget-tags">
  1234. <span class="sidebar-header">{lang:Tags}</span>
  1235. <ul>
  1236. <li><a href="/tagged/{text:Featured Tag 1}">{text:Featured Tag 1}</a></li>
  1237. {block:IfFeaturedTag2}<li><a href="/tagged/{text:Featured Tag 2}">{text:Featured Tag 2}</a></li>{/block:IfFeaturedTag2}
  1238. {block:IfFeaturedTag3}<li><a href="/tagged/{text:Featured Tag 3}">{text:Featured Tag 3}</a></li>{/block:IfFeaturedTag3}
  1239. {block:IfFeaturedTag4}<li><a href="/tagged/{text:Featured Tag 4}">{text:Featured Tag 4}</a></li>{/block:IfFeaturedTag4}
  1240. {block:IfFeaturedTag5}<li><a href="/tagged/{text:Featured Tag 5}">{text:Featured Tag 5}</a></li>{/block:IfFeaturedTag5}
  1241. {block:IfFeaturedTag6}<li><a href="/tagged/{text:Featured Tag 6}">{text:Featured Tag 6}</a></li>{/block:IfFeaturedTag6}
  1242. </ul>
  1243. </div>
  1244. {/block:IfFeaturedTag1}
  1245.  
  1246. {block:Twitter}
  1247. <div class="widget widget-twitter">
  1248. <span class="sidebar-header">{lang:Tweets}</span>
  1249. <div id="twitter" style="display:none;">
  1250. <ul id="tweets"></ul>
  1251.  
  1252. <script type="text/javascript">
  1253. function recent_tweets(data) {
  1254. for (i=0; i<{text:Max Tweets}; i++) {
  1255. document.getElementById("tweets").innerHTML =
  1256. document.getElementById("tweets").innerHTML +
  1257. '<li class="tweet"><a href="https://twitter.com/{TwitterUsername}/status/' +
  1258. (data[i].id_str ? data[i].id_str : data[i].id) +
  1259. '">' + data[i].text +
  1260. '</a></li>';
  1261. }
  1262. document.getElementById("twitter").style.display = 'block';
  1263. }
  1264. </script>
  1265. </div>
  1266. </div>
  1267. {/block:Twitter}
  1268.  
  1269. {block:IfShowFollowedBlogs}
  1270. {block:Following}
  1271. <div class="widget widget-following">
  1272. <span class="sidebar-header">{lang:Following}</span>
  1273. {block:Followed}<a href="{FollowedURL}" rel="nofollow"><img src="{FollowedPortraitURL-30}" title="{FollowedTitle}" /></a>{/block:Followed}
  1274. </div>
  1275. {/block:Following}
  1276. {/block:IfShowFollowedBlogs}
  1277.  
  1278. {block:IfShowLikedPosts}
  1279. {block:Likes}
  1280. <div class="widget widget-likes">
  1281. <span class="sidebar-header">{lang:Liked posts}</span>
  1282. <div class="sidebar-content">
  1283. {block:NoLikes}<p>{lang:This Tumblr hasnt liked any posts yet}</p>{/block:NoLikes}
  1284.  
  1285. {Likes limit="4" summarize="100" width="250"}
  1286.  
  1287. <p style="text-align:center"><a href="https://www.tumblr.com/liked/by/{Name}">{lang:See more stuff I like} <i class="fa fa-angle-right"></i></a></p>
  1288. </div>
  1289. </div>
  1290. {/block:Likes}
  1291. {/block:IfShowLikedPosts}
  1292.  
  1293. <div class="widget widget-footer">
  1294. <div class="sidebar-content">
  1295. <p>&copy; {CopyrightYears} {block:IfCopyrightText}{text:Copyright Text}{/block:IfCopyrightText}{block:IfNotCopyrightText}{Title}{/block:IfNotCopyrightText}</p>
  1296. <p><b><a target="_blank" href="https://adorablethemes.com/theme/solar">Solar Theme</a></b></p>
  1297. </div>
  1298. </div>
  1299.  
  1300. </div>
  1301.  
  1302. </div>
  1303.  
  1304. <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script>
  1305. {block:IfInfiniteScrolling}<script src="https://static.tumblr.com/anzluor/98Ymoinyd/jquery.infinitescroll.min.js" integrity="sha384-DCHLD93QqUyWYMNlPlQ7qsaHYiMCzBiQPhi1uREwPnF3cW8CpyzzdSW2xLHlEh2B" crossorigin="anonymous"></script>{/block:IfInfiniteScrolling}
  1306. <script>
  1307. $(function(){
  1308. trimDates();
  1309. matchContentAndSidebar();
  1310. timeoutID = window.setTimeout(matchContentAndSidebar, 500);
  1311. fitVideos();
  1312.  
  1313. {block:IndexPage}{block:IfInfiniteScrolling}
  1314. var container = $('#content');
  1315.  
  1316. container.infinitescroll({
  1317. navSelector: 'nav.pagination',
  1318. nextSelector: 'nav.pagination a#next',
  1319. itemSelector: '.inf-scroll-item',
  1320. loading: {
  1321. img: 'data:image/gif;base64,R0lGODlhAQABAHAAACH5BAUAAAAALAAAAAABAAEAAAICRAEAOw==',
  1322. msgText: '<div class="page-info">{lang:Loading}</div>',
  1323. finishedMsg: '<div class="page-info">{lang:No more posts}</div>',
  1324. maxPage: {TotalPages}
  1325. }
  1326. },
  1327. function( newElements ) {
  1328. var $newElems = $( newElements );
  1329. var $newElemsIDs = $newElems.map(function () {
  1330. return this.id;
  1331. }).get();
  1332. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1333. trimDates();
  1334. fitVideos();
  1335. }
  1336. );
  1337. {/block:IfInfiniteScrolling}{/block:IndexPage}
  1338. });
  1339. function matchContentAndSidebar() {
  1340. $("#content").css("minHeight",($("#sidebar").height()-60).toString()+"px");
  1341. }
  1342. function trimDates() {
  1343. var theYear = new Date().getFullYear();
  1344. $(".year_"+theYear).css("display", "none");
  1345. }
  1346. function fitVideos() {
  1347. // size videos to 16:9
  1348. $(".video-post-video iframe").each(function(index) {
  1349. if (!$(this).hasClass('instagram-media') && !$(this).hasClass('vine-embed')) {
  1350. $(this).css('height', (parseInt($(this).css('width')) / 1.77777777) + "px");
  1351. }
  1352. });
  1353. // tumblr videos get to have their AR preserved
  1354. $(".tumblr_video_iframe").each(function(index) {
  1355. $(this).data('aspect-ratio', $(this).data('width') / $(this).data('height'));
  1356. $(this).css('height', (parseInt($(this).css('width')) / $(this).data('aspect-ratio')) + "px");
  1357. });
  1358. }
  1359. </script>
  1360.  
  1361. {block:IfGoogleAnalyticsID}
  1362. <script>
  1363. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1364. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1365. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1366. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1367.  
  1368. ga('create', '{text:Google Analytics ID}', 'auto');
  1369. ga('send', 'pageview');
  1370.  
  1371. </script>
  1372. {/block:IfGoogleAnalyticsID}
  1373. {block:Twitter}
  1374. <script src="/tweets.js"></script>
  1375. {/block:Twitter}
  1376. </body>
  1377. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!